get everything done

Author: HarshCasper

src/components/DynamicAwsServices.astro

@@ -0,0 +1,38 @@
+---
+import { getCollection } from 'astro:content';
+import { ServiceBox } from './ServiceBox.tsx';
+
+const allServices = await getCollection('docs', ({ id }) => {
+  return id.startsWith('aws/services/') && !id.includes('/index');
+});
+
+const sortedServices = allServices.sort((a, b) => {
+  const titleA = a.data.title || a.data.linkTitle || '';
+  const titleB = b.data.title || b.data.linkTitle || '';
+  return titleA.localeCompare(titleB);
+});
+
+const serviceData = sortedServices.map(service => {
+  const title = service.data.title || service.data.linkTitle || 'Unknown Service';
+  const description = service.data.description || `Implementation details for ${title} API`;
+  
+  const href = `/${service.id}`;
+  
+  return {
+    title,
+    description,
+    href
+  };
+});
+---
+
+<div class="service-grid">
+  {serviceData.map(service => (
+    <ServiceBox 
+      title={service.title}
+      description={service.description}
+      href={service.href}
+      client:load
+    />
+  ))}
+</div>