get mvp done for box style

Author: HarshCasper

astro.config.mjs

@@ -66,8 +66,7 @@ export default defineConfig({
             },
             {
               label: 'Local AWS Services',
-              autogenerate: { directory: '/aws/services' },
-              collapsed: true,
+              slug: 'aws/aws-services',
             },
             {
               label: 'Sample Apps',

src/components/ServiceBox.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+
+interface ServiceBoxProps {
+  title: string;
+  description: string;
+  href: string;
+}
+
+export const ServiceBox: React.FC<ServiceBoxProps> = ({ title, description, href }) => {
+  return (
+    <a href={href} className="service-box">
+      <div className="service-box-content">
+        <h3 className="service-box-title">{title}</h3>
+        <p className="service-box-description">{description}</p>
+      </div>
+    </a>
+  );
+};