get the base done

Author: HarshCasper

src/components/OverviewCards.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+
+interface OverviewCardProps {
+  title: string;
+  description: string | React.ReactNode;
+  href: string;
+  icon: string;
+}
+
+const OverviewCard: React.FC<OverviewCardProps> = ({ title, description, href, icon }) => {
+  return (
+    <a href={href} className="service-box" style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-start' }}>
+      <img src={icon} alt={`${title} icon`} width={40} height={40} style={{ marginBottom: '1rem' }} />
+      <div className="service-box-content">
+        <div className="service-box-title">{title}</div>
+        <div className="service-box-description">{description}</div>
+      </div>
+    </a>
+  );
+};
+
+interface OverviewCardsProps {
+  cards: OverviewCardProps[];
+}
+
+export const OverviewCards: React.FC<OverviewCardsProps> = ({ cards }) => {
+  return (
+    <div className="service-grid">
+      {cards.map((card, index) => (
+        <OverviewCard key={index} {...card} />
+      ))}
+    </div>
+  );
+}; 

src/content/docs/aws/index.md

@@ -0,0 +1,52 @@
+---
+title: Welcome to LocalStack Docs
+description: Get started with LocalStack Docs.
+template: doc
+sidebar:
+    label: Welcome
+    order: 1
+---
+
+import { OverviewCards } from '../../../components/OverviewCards';
+
+<OverviewCards 
+  cards={[
+    {
+      title: "Getting Started",
+      description: "Install and run LocalStack on your machine, and discover the benefits of local cloud development.",
+      href: "/aws/getting-started",
+      icon: "/images/aws/rocket.svg"
+    },
+    {
+      title: "Local AWS Services", 
+      description: "Browse through the AWS Services that LocalStack supports & emulates in your development environment.",
+      href: "/aws/services",
+      icon: "/images/aws/integrations.svg"
+    },
+    {
+      title: "Capabilities",
+      description: "Learn about the LocalStack's capabilities and using them to accelerate your development workflow.",
+      href: "/aws/capabilities",
+      icon: "/images/aws/ci.svg"
+    },
+    {
+      title: "Tooling",
+      description: "Learn how LocalStack's Cloud Developer Tools can boost your development & testing efficiency.",
+      href: "/aws/tooling",
+      icon: "/images/aws/aws.svg"
+    },
+    {
+      title: "Integrations",
+      description: "Learn how to use LocalStack with your favorite cloud development tools, libraries & frameworks.",
+      href: "/aws/integrations",
+      icon: "/images/aws/tools.svg"
+    },
+    {
+      title: "Enterprise",
+      description: "Learn how LocalStack Enterprise provides additional security, flexibility, compliance & support.",
+      href: "/aws/enterprise",
+      icon: "/images/aws/understanding.svg"
+    }
+  ]}
+  client:load
+/>