feat: use-cases pages

Author: ronggur

src/components/UcCard.astro

@@ -0,0 +1,16 @@
+---
+// src/components/UcCard.astro
+import type { UcCardProps } from '@/src/types/common';
+
+const { title, description, href, slug } = Astro.props as UcCardProps;
+---
+
+<div class="uc-card" id={`use-case--${slug}`}>
+  <a class="uc-card-link" title={title} href={href}>
+    {title}
+  </a>
+  <h3 class="uc-card-title">{title}</h3>
+  <div class="uc-card-content">
+    <p>{description}</p>
+  </div>
+</div>

src/content.config.ts

@@ -262,6 +262,24 @@ const huddles = defineCollection({
     }),
 });
 
+// Define use cases collections
+const useCases = defineCollection({
+  loader: glob({ pattern: '**/[^_]*.{md,mdx}', base: './src/content/use-cases' }),
+  schema: ({ image }) =>
+    z.object({
+      title: z.string(),
+      slug: z.string().optional(),
+      subtitle: z.string().optional(),
+      description: z.string().optional(),
+      date: z.date().optional(),
+      author: z.string().optional(),
+      thumbnail: image().optional(),
+      featuredImage: image().optional(),
+      draft: z.boolean().optional().default(false),
+      meta: metaSchema,
+    }),
+});
+
 export const collections = {
   pages,
   about,
@@ -273,5 +291,6 @@ export const collections = {
   changelog,
   features,
   huddles,
+  useCases,
   docs: defineCollection({ loader: docsLoader(), schema: docsSchema() }),
 };

src/content/pages/use-cases.mdx

@@ -0,0 +1,17 @@
+---
+title: Use Cases
+subtitle: Use Cases
+iconName: users
+description: "Datum is building for what’s next, but the problems we solve are here today."
+slug: "use-cases"
+---
+
+
+# Open Source at Datum
+
+At Datum, we believe in the power of open source software and community-driven development. Our commitment to open source goes beyond just using open source tools - we actively contribute to and maintain several open source projects.
+
+## Our Open Source Projects
+
+Explore our open source projects and how you can get involved:
+

src/content/use-cases/bring-connectivity-workflows.mdx

@@ -0,0 +1,42 @@
+---
+title: "Bring Connectivity into Your Existing Workflows"
+subtitle: "Seamless integration with your current infrastructure"
+description: "From protecting your app with a global proxy to creating CNAME's or using OTel for detailed end-to-end observability, Datum is designed to work the way you work. Leverage existing Kubernetes resource patterns."
+slug: "bring-connectivity-workflows"
+draft: false
+meta:
+  title: "Bring Connectivity into Your Existing Workflows | Datum"
+  description: "Integrate Datum's connectivity solutions seamlessly with your existing workflows, Kubernetes patterns, and observability tools."
+  keywords: ["connectivity", "workflows", "kubernetes", "observability", "proxy", "OTel"]
+  og:
+    title: "Bring Connectivity into Your Existing Workflows"
+    description: "Seamlessly integrate Datum's connectivity solutions with your existing infrastructure and workflows."
+    article: true
+---
+
+# Bring Connectivity into Your Existing Workflows
+
+Datum is designed to work the way you work, integrating seamlessly with your existing infrastructure and workflows without requiring you to change how you operate.
+
+## Global Proxy Protection
+
+Protect your applications with our global proxy solution that integrates with your existing security and networking policies. No need to rebuild your infrastructure - simply point your traffic through Datum's secure network.
+
+## CNAME Integration
+
+Create and manage CNAME records programmatically through our API, maintaining consistency with your existing DNS management workflows. Whether you're using Route 53, CloudFlare, or any other DNS provider, Datum works with your current setup.
+
+## OpenTelemetry Observability
+
+Get detailed end-to-end observability using OpenTelemetry (OTel) standards you're already familiar with. Datum's network provides rich telemetry data that integrates with your existing monitoring and observability stack.
+
+## Kubernetes Resource Patterns
+
+Leverage familiar Kubernetes resource patterns and YAML configurations. Datum extends your existing Kubernetes workflows rather than replacing them, making adoption seamless for your team.
+
+## Key Benefits
+
+- **Zero Disruption**: Works with your existing tools and processes
+- **Familiar Patterns**: Uses Kubernetes resource patterns you already know
+- **Rich Observability**: Integrates with OTel for comprehensive monitoring
+- **Flexible Integration**: Supports multiple DNS providers and security tools

src/content/use-cases/control-traffic-patterns.mdx

@@ -0,0 +1,42 @@
+---
+title: "Control Traffic Patterns, Without Building a Single Box"
+subtitle: "Programmatic traffic management and shaping"
+description: "Shape, prioritize, and isolate traffic programmatically. Datum gives you fine-grained control without the need for hardware or middleboxes."
+slug: "control-traffic-patterns"
+draft: false
+meta:
+  title: "Control Traffic Patterns Without Hardware | Datum"
+  description: "Shape, prioritize, and isolate traffic programmatically with Datum's software-defined networking approach."
+  keywords: ["traffic control", "traffic shaping", "programmatic networking", "software-defined networking", "QoS"]
+  og:
+    title: "Control Traffic Patterns, Without Building a Single Box"
+    description: "Get fine-grained traffic control through software-defined networking - no hardware required."
+    article: true
+---
+
+# Control Traffic Patterns, Without Building a Single Box
+
+Shape, prioritize, and isolate traffic programmatically with Datum's software-defined networking approach. Get fine-grained control without the need for expensive hardware or middleboxes.
+
+## Programmatic Traffic Shaping
+
+Define traffic policies and routing rules through code and APIs. Adjust bandwidth allocation, implement quality of service (QoS) policies, and optimize traffic flows without touching physical hardware.
+
+## Traffic Prioritization
+
+Prioritize critical application traffic automatically based on your defined policies. Ensure your most important workloads get the bandwidth and latency they need, when they need it.
+
+## Traffic Isolation
+
+Isolate different types of traffic or tenant workloads using software-defined network segmentation. Create secure boundaries without physical network separation.
+
+## Dynamic Policy Updates
+
+Update traffic policies in real-time as your application requirements change. No need to reconfigure hardware or wait for network changes to take effect.
+
+## Key Benefits
+
+- **Software-Defined**: No hardware dependencies or middleboxes required
+- **Programmatic Control**: Define policies through code and APIs
+- **Real-Time Updates**: Change policies instantly as needs evolve
+- **Cost Effective**: Eliminate expensive hardware requirements

src/content/use-cases/embed-private-connectivity.mdx

@@ -0,0 +1,42 @@
+---
+title: "Embed Private Connectivity into Your Applications"
+subtitle: "Simple APIs and SDKs for seamless integration"
+description: "With simple APIs and SDKs, Datum makes it easy to embed private connectivity directly into your apps—no custom tunnels or brokers required."
+slug: "embed-private-connectivity"
+draft: false
+meta:
+  title: "Embed Private Connectivity into Your Applications | Datum"
+  description: "Integrate private connectivity directly into your applications using Datum's simple APIs and SDKs."
+  keywords: ["private connectivity", "APIs", "SDKs", "application integration", "secure networking"]
+  og:
+    title: "Embed Private Connectivity into Your Applications"
+    description: "Add private connectivity to your applications with simple APIs and SDKs - no complex tunnels required."
+    article: true
+---
+
+# Embed Private Connectivity into Your Applications
+
+Datum makes it easy to embed private connectivity directly into your applications through simple APIs and SDKs. No need for custom tunnels, brokers, or complex networking setup.
+
+## Simple Integration
+
+Add private connectivity to your applications with just a few lines of code. Our SDKs handle all the complexity of secure networking, so you can focus on building your application logic.
+
+## No Custom Infrastructure
+
+Unlike traditional VPN solutions that require custom tunnels or brokers, Datum provides direct, secure connectivity through our network fabric. Your applications connect securely without additional infrastructure.
+
+## Multiple Language Support
+
+Our SDKs support popular programming languages and frameworks, making it easy to integrate private connectivity regardless of your technology stack.
+
+## Automatic Security
+
+Built-in encryption and authentication ensure your application traffic is secure by default. No need to implement custom security protocols or manage certificates.
+
+## Key Benefits
+
+- **Easy Integration**: Simple APIs and SDKs for quick implementation
+- **No Infrastructure**: No custom tunnels or brokers required
+- **Multi-Language**: Support for popular programming languages
+- **Secure by Default**: Built-in encryption and authentication

src/content/use-cases/interact-privately-alt-clouds.mdx

@@ -0,0 +1,42 @@
+---
+title: "Interact Privately with Alt Clouds"
+subtitle: "Extend private connectivity to AI platforms and SaaS ecosystems"
+description: "Extend private connectivity to AI platforms, SaaS ecosystems, and emerging alt clouds with the same consistency you expect from the public cloud."
+slug: "interact-privately-alt-clouds"
+draft: false
+meta:
+  title: "Interact Privately with Alt Clouds | Datum"
+  description: "Connect securely to AI platforms, SaaS ecosystems, and emerging cloud providers with Datum's private connectivity."
+  keywords: ["alt clouds", "AI platforms", "SaaS", "private connectivity", "cloud integration"]
+  og:
+    title: "Interact Privately with Alt Clouds"
+    description: "Extend private connectivity to AI platforms and SaaS ecosystems with consistent security and performance."
+    article: true
+---
+
+# Interact Privately with Alt Clouds
+
+Extend private connectivity to AI platforms, SaaS ecosystems, and emerging alt clouds with the same consistency and security you expect from traditional public cloud providers.
+
+## AI Platform Integration
+
+Connect securely to AI platforms like OpenAI, Anthropic, and other AI service providers. Maintain data privacy and security while leveraging cutting-edge AI capabilities.
+
+## SaaS Ecosystem Connectivity
+
+Integrate with SaaS applications and services while maintaining private connectivity. Keep your data secure as it flows between your infrastructure and third-party services.
+
+## Emerging Cloud Providers
+
+Connect to new and emerging cloud providers and services without compromising on security or performance. Datum's network adapts to new providers as they emerge.
+
+## Consistent Security Model
+
+Apply the same security policies and access controls across all connected services, whether they're traditional cloud providers, AI platforms, or SaaS applications.
+
+## Key Benefits
+
+- **AI Platform Ready**: Secure connectivity to AI services and platforms
+- **SaaS Integration**: Private connectivity to SaaS ecosystems
+- **Future Proof**: Support for emerging cloud providers and services
+- **Consistent Security**: Unified security model across all connected services

src/content/use-cases/leverage-public-cloud-onramps.mdx

@@ -0,0 +1,42 @@
+---
+title: "Leverage Public Cloud On-Ramps"
+subtitle: "Seamless integration with major cloud providers"
+description: "Datum integrates directly with major cloud on-ramps, turning them into seamless extensions of your Galactic VPC."
+slug: "leverage-public-cloud-onramps"
+draft: false
+meta:
+  title: "Leverage Public Cloud On-Ramps | Datum"
+  description: "Integrate with major cloud on-ramps and turn them into seamless extensions of your Galactic VPC."
+  keywords: ["cloud on-ramps", "cloud integration", "VPC extension", "cloud connectivity"]
+  og:
+    title: "Leverage Public Cloud On-Ramps"
+    description: "Turn major cloud on-ramps into seamless extensions of your Galactic VPC with Datum."
+    article: true
+---
+
+# Leverage Public Cloud On-Ramps
+
+Datum integrates directly with major cloud on-ramps, turning them into seamless extensions of your Galactic VPC. No complex configuration or custom integration required.
+
+## Direct Cloud Integration
+
+Connect to AWS Direct Connect, Google Cloud Interconnect, Azure ExpressRoute, and other major cloud on-ramps with native integration. Your existing cloud investments become part of your unified network.
+
+## Seamless VPC Extension
+
+Your Galactic VPC extends naturally into cloud environments through these on-ramps. Manage your entire network as a single, unified infrastructure regardless of where your resources are located.
+
+## Simplified Configuration
+
+No need for complex peering relationships or custom routing configurations. Datum handles the integration with cloud on-ramps automatically, providing a consistent experience across all providers.
+
+## Cost Optimization
+
+Leverage existing cloud on-ramp investments while reducing the complexity of managing multiple network connections. Datum's unified approach helps optimize both performance and costs.
+
+## Key Benefits
+
+- **Native Integration**: Direct support for major cloud on-ramps
+- **Unified Management**: Single network view across all cloud providers
+- **Simplified Setup**: No complex configuration required
+- **Cost Effective**: Leverage existing cloud investments efficiently

src/content/use-cases/take-vpc-everywhere.mdx

@@ -0,0 +1,42 @@
+---
+title: "Take Your VPC Everywhere"
+subtitle: "Unified networking across all environments"
+description: "Cloud networking is powerful, yet fragmented. With Datum's Galactic VPC, we smooth out the rough edges and help you leverage programmatic networking wherever you need it, from public clouds to connected cars."
+slug: "take-vpc-everywhere"
+draft: false
+meta:
+  title: "Take Your VPC Everywhere | Datum"
+  description: "Extend your VPC connectivity across public clouds, edge locations, and IoT devices with Datum's Galactic VPC."
+  keywords: ["VPC", "networking", "cloud", "edge", "IoT", "connected cars", "programmatic networking"]
+  og:
+    title: "Take Your VPC Everywhere"
+    description: "Unify your networking across all environments with Datum's Galactic VPC solution."
+    article: true
+---
+
+# Take Your VPC Everywhere
+
+Cloud networking is powerful, yet fragmented across different providers and environments. Datum's Galactic VPC smooths out these rough edges, giving you consistent, programmatic networking wherever you need it.
+
+## Unified Cloud Networking
+
+Connect your resources across AWS, Google Cloud, Azure, and other public clouds with a single, consistent networking layer. No more managing separate VPCs and complex peering relationships.
+
+## Edge and IoT Connectivity
+
+Extend your VPC to edge locations, IoT devices, and even connected cars. Datum's network architecture is designed to handle the unique requirements of distributed computing and IoT connectivity.
+
+## Programmatic Control
+
+Manage your entire network programmatically through APIs and infrastructure-as-code. Define network policies, routing rules, and security configurations using the same tools you use for your applications.
+
+## Consistent Security Model
+
+Apply the same security policies and access controls across all your connected environments. Whether it's a cloud instance, edge device, or IoT sensor, your security model remains consistent.
+
+## Key Benefits
+
+- **Multi-Cloud Support**: Works across all major cloud providers
+- **Edge Ready**: Extends to edge locations and IoT devices
+- **Programmatic**: Full API control for automation and infrastructure-as-code
+- **Consistent Security**: Unified security model across all environments

src/layouts/Layout.astro

@@ -31,6 +31,16 @@ const descriptionValue =
 <!doctype html>
 <html lang="en" data-theme={dataTheme}>
   <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="sitemap" href="/sitemap-index.xml" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/png" href="/favicon.png" sizes="96x96" />
+    <link rel="shortcut icon" href="/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="manifest" href="/site.webmanifest" />
+    <meta name="apple-mobile-web-app-title" content="Datum" />
+
     <SEO
       title={titleValue}
       description={descriptionValue}
@@ -76,19 +86,6 @@ const descriptionValue =
         ],
       }}
     />
-    <link rel="sitemap" href="/sitemap-index.xml" />
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="icon" type="image/png" href="/favicon.png" sizes="96x96" />
-    <link rel="shortcut icon" href="/favicon.ico" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <link rel="manifest" href="/site.webmanifest" />
-    <meta name="apple-mobile-web-app-title" content="Datum" />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Montserrat:wght@700;800&display=swap"
-      rel="stylesheet"
-    />
 
     <script type="text/javascript" defer is:inline>
       /* eslint @typescript-eslint/no-unused-expressions: "off" */