add more things

Author: HarshCasper

src/components/SectionCards.astro

@@ -6,11 +6,12 @@ interface Props {
   basePath: string;
   title?: string;
   customTitles?: Record<string, string>;
+  useDirectFiles?: boolean;
 }
 
-const { basePath, title, customTitles = {} } = Astro.props;
+const { basePath, title, customTitles = {}, useDirectFiles = false } = Astro.props;
 
-// Get only index files from immediate subdirectories
+// Get sections - either index files from subdirectories or direct files
 const allSections = await getCollection('docs', ({ id }) => {
   // Must start with the base path
   if (!id.startsWith(basePath)) {
@@ -23,25 +24,20 @@ const allSections = await getCollection('docs', ({ id }) => {
   // Split into parts and filter out empty strings
   const pathParts = relativePath.split('/').filter(part => part !== '');
   
-  // For index files, we should have exactly 1 part: [subdirectory]
-  // because index files get the ID of their parent directory in Astro
-  if (pathParts.length === 1) {
-    const subdirectory = pathParts[0];
-    
-    // These are the known subdirectories with index files
-    const validSubdirectories = [
-      'web-app',
-      'config', 
-      'cloud-sandbox',
-      'networking',
-      'state-management',
-      'chaos-engineering',
-      'security-testing'
-    ];
-    
-
-    
-    return validSubdirectories.includes(subdirectory);
+  if (useDirectFiles) {
+    // For direct files, we should have exactly 1 part: [filename]
+    // and it should not be an index file
+    if (pathParts.length === 1) {
+      const filename = pathParts[0];
+      return !filename.startsWith('index');
+    }
+  } else {
+    // For index files, we should have exactly 1 part: [subdirectory]
+    // because index files get the ID of their parent directory in Astro
+    if (pathParts.length === 1) {
+      // Accept any single-level subdirectory - let the content collection handle validation
+      return true;
+    }
   }
   
   return false;
@@ -54,12 +50,15 @@ const sortedSections = allSections.sort((a, b) => {
 });
 
 const sectionData = sortedSections.map(section => {
-  // Extract the subdirectory name from the section ID
+  // Extract the key name from the section ID
   const relativePath = section.id.substring(basePath.length);
-  const subdirectory = relativePath.split('/').filter(part => part !== '')[0];
+  const keyName = relativePath.split('/').filter(part => part !== '')[0];
+  
+  // For direct files, we need to remove the file extension from the key
+  const cleanKey = useDirectFiles ? keyName.replace(/\.(md|mdx)$/, '') : keyName;
   
   // Use custom title if provided, otherwise fall back to the section title
-  const sectionTitle = customTitles[subdirectory] || section.data.title || section.data.linkTitle || 'Unknown Section';
+  const sectionTitle = customTitles[cleanKey] || section.data.title || section.data.linkTitle || 'Unknown Section';
   const description = section.data.description || `Learn more about ${sectionTitle}`;
   
   const href = `/${section.id}`;

src/content/docs/aws/enterprise/index.mdx

@@ -8,17 +8,16 @@ sidebar:
 
 import SectionCards from '../../../../components/SectionCards.astro';
 
-# LocalStack Enterprise
-
 This section provides guides and resources to help you get started with LocalStack Enterprise.
 
 <SectionCards 
   basePath="aws/enterprise/" 
+  useDirectFiles={true}
   customTitles={{
     "enterprise-support": "Enterprise Support",
     "enterprise-image": "Enterprise Image",
     "k8s-operator": "Kubernetes Operator",
-    "kubernetes-execution": "Kubernetes Executor",
+    "kubernetes-executor": "Kubernetes Executor",
     "sso": "Single Sign-On",
   }}
-/>
+/>

src/content/docs/aws/integrations/app-frameworks/index.md

@@ -0,0 +1,7 @@
+---
+title: Overview
+description: Use LocalStack with your application frameworks to develop and test your applications locally.
+template: doc
+sidebar:
+    order: 1
+---

src/content/docs/aws/integrations/aws-native-tools/index.md

@@ -0,0 +1,7 @@
+---
+title: Overview
+description: Use LocalStack with AWS Native tools to develop, deploy, and manage your infrastructure locally.
+template: doc
+sidebar:
+    order: 1
+---

src/content/docs/aws/integrations/aws-sdks/index.md

@@ -0,0 +1,7 @@
+---
+title: Overview
+description: Use LocalStack with AWS SDKs to manage your AWS resources locally.
+template: doc
+sidebar:
+    order: 1
+---

src/content/docs/aws/integrations/containers/index.md

@@ -0,0 +1,7 @@
+---
+title: Overview
+description: Use LocalStack with container-based development tools to manage and test your infrastructure locally.
+template: doc
+sidebar:
+    order: 1
+---

src/content/docs/aws/integrations/continuous-integration/index.md

@@ -1,6 +1,6 @@
 ---
 title: Overview
-description: Run LocalStack in your CI environment to test your application against a high-fidelity cloud emulator.
+description: Use LocalStack in your CI environment to run tests against your AWS infrastructure in a high-fidelity cloud emulator.
 template: doc
 sidebar:
     order: 1

src/content/docs/aws/integrations/index.mdx

@@ -4,6 +4,8 @@ description: Use your favorite cloud development tools with LocalStack.
 template: doc
 ---
 
+import SectionCards from '../../../../components/SectionCards.astro';
+
 LocalStack supports a wide range of tools from the cloud development ecosystem.
 This section of the documentation covers tools that are officially supported by LocalStack.
 
@@ -21,4 +23,18 @@ We strive to make the integration of LocalStack into your workflow as seamless a
 Sometimes it's as easy as calling one of our wrapper tools, like `awslocal`, a drop-in replacement for the `aws` CLI.
 Other times there is a bit of configuration involved.
 
-Here is a list of tools we support, and documentation on how to integrate LocalStack:
+Here is a list of tools we support, and documentation on how to integrate LocalStack.
+
+<SectionCards 
+  basePath="aws/integrations/" 
+  customTitles={{
+    "app-frameworks": "App Frameworks",
+    "aws-native-tools": "AWS Native Tools",
+    "aws-sdks": "AWS SDKs",
+    "containers": "Containers",
+    "continuous-integration": "Continuous Integration",
+    "infrastructure-as-code": "Infrastructure as Code",
+    "messaging": "Messaging",
+    "testing": "Testing",
+  }}
+/>

src/content/docs/aws/integrations/infrastructure-as-code/index.md

@@ -0,0 +1,7 @@
+---
+title: Overview
+description: Use LocalStack with Infrastructure as Code tools to validate your infrastructure deployments and run tests against them.
+template: doc
+sidebar:
+    order: 1
+---

src/content/docs/aws/integrations/messaging/index.md

@@ -0,0 +1,7 @@
+---
+title: Overview
+description: Use LocalStack with messaging tools, such as Kafka, to test your messaging infrastructure locally.
+template: doc
+sidebar:
+    order: 1
+---