Update src/app/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -8,8 +8,6 @@ import FeatureBento from "@/components/sections/feature/FeatureBento";
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
-import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
-import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import Link from "next/link";
 import {
@@ -33,16 +31,16 @@ import {
   TrendingUp,
   Heart,
   Star,
-  DollarSign,
+  Check,
-  Crown,
+  X,
-  Newspaper,
+  MessageCircle,
+  ArrowRight,
 } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
     { name: "Home", id: "home" },
     { name: "Features", id: "features" },
-    { name: "Pricing", id: "pricing" },
     { name: "Docs", id: "docs" },
     { name: "Contact", id: "contact" },
   ];
@@ -79,47 +77,35 @@ export default function HomePage() {
           tagIcon={Zap}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Get Started", href: "/auth/signup" },
+            { text: "Start Free Trial", href: "/auth/signup" },
             { text: "View Demo", href: "#demo" },
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "rotated-rays-static" }}
           carouselItems={[
             {
-              id: "carousel-1",
+              id: "carousel-1",              imageSrc:
-              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-sleek-modern-software-development-plat-1773685170875-ebd384df.png",              imageAlt: "DevPlatform Dashboard Interface"
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-sleek-modern-software-development-plat-1773685170875-ebd384df.png",
-              imageAlt: "DevPlatform Dashboard Interface",
             },
             {
-              id: "carousel-2",
+              id: "carousel-2",              imageSrc:
-              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/an-abstract-visualization-showing-a-port-1773685170493-2c9cd943.png",              imageAlt: "Portable Environment"
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/an-abstract-visualization-showing-a-port-1773685170493-2c9cd943.png",
-              imageAlt: "Portable Environment",
             },
             {
-              id: "carousel-3",
+              id: "carousel-3",              imageSrc:
-              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-futuristic-visualization-of-ai-and-mac-1773685169729-91524a57.png",              imageAlt: "Multi-LLM Integration"
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-futuristic-visualization-of-ai-and-mac-1773685169729-91524a57.png",
-              imageAlt: "Multi-LLM Integration",
             },
             {
-              id: "carousel-4",
+              id: "carousel-4",              imageSrc:
-              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-technical-stack-visualization-showing--1773685170525-e4e231c0.png",              imageAlt: "Full-Stack Capabilities"
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-technical-stack-visualization-showing--1773685170525-e4e231c0.png",
-              imageAlt: "Full-Stack Capabilities",
             },
             {
-              id: "carousel-5",
+              id: "carousel-5",              imageSrc:
-              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-modern-mobile-app-generation-tool-inte-1773685170394-a4b3434d.png",              imageAlt: "Mobile App Generation"
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-modern-mobile-app-generation-tool-inte-1773685170394-a4b3434d.png",
-              imageAlt: "Mobile App Generation",
             },
             {
-              id: "carousel-6",
+              id: "carousel-6",              imageSrc:
-              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/an-infrastructure-management-dashboard-s-1773685172051-eb50a6c6.png",              imageAlt: "Infrastructure Tools"
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/an-infrastructure-management-dashboard-s-1773685172051-eb50a6c6.png",
-              imageAlt: "Infrastructure Tools",
             },
           ]}
           autoPlay={true}
@@ -127,60 +113,42 @@ export default function HomePage() {
         />
       </div>
 
-      {/* About Section */}
+      {/* Features Overview Section */}
-      <div id="about" data-section="about" className="mx-auto px-4 md:px-6">
-        <TextAbout
-          tag="Platform"
-          tagIcon={Rocket}
-          tagAnimation="slide-up"
-          title="What is DevPlatform?"
-          useInvertedBackground={false}
-          buttons={[{ text: "Learn More", href: "/features" }]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      {/* Features Section */}
       <div id="features" data-section="features" className="mx-auto px-4 md:px-6">
         <FeatureBento
-          title="Powerful Features"
+          title="Core Value Propositions"
-          description="Everything you need to build, deploy, and manage your applications at scale."
+          description="Three powerful capabilities that work together to transform your development workflow."
-          tag="Capabilities"
+          tag="Features"
-          tagIcon={Zap}
+          tagIcon={Rocket}
           tagAnimation="slide-up"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           features={[
             {
-              title: "Portable Environment",
+              title: "Portable Environment",              description:
-              description:
+                "Your entire development environment travels with you. Deploy anywhere—cloud, on-premises, or locally—without any configuration changes. Work from any machine, any location.",              button: {
-                "Develop anywhere, deploy everywhere. Your environment travels with you.",
+                text: "Explore Portable Environments",                href: "#portable"},
-              bentoComponent: "icon-info-cards",
+              bentoComponent: "icon-info-cards",              items: [
-              items: [
                 {
                   icon: Cloud,
-                  label: "Cloud Ready",
+                  label: "Cloud Ready",                  value: "Instant Setup"
-                  value: "Instant Setup",
                 },
                 {
                   icon: GitBranch,
-                  label: "Version Control",
+                  label: "Version Control",                  value: "Git Native"
-                  value: "Git Native",
                 },
                 {
                   icon: Zap,
-                  label: "Quick Start",
+                  label: "Quick Start",                  value: "Zero Config"
-                  value: "Zero Config",
                 },
               ],
             },
             {
-              title: "Multi-LLM Integration",
+              title: "Multi-LLM Integration",              description:
-              description:
+                "Leverage the best AI models for your needs. Seamlessly integrate OpenAI, Google's Gemini, Claude, and open-source models like Llama. Mix and match models for optimal results.",              button: {
-                "Leverage multiple AI models for intelligent code generation and assistance.",
+                text: "See LLM Models",                href: "#llm-models"},
-              bentoComponent: "orbiting-icons",
+              bentoComponent: "orbiting-icons",              centerIcon: Brain,
-              centerIcon: Brain,
               items: [
                 {
                   icon: Sparkles,
@@ -205,113 +173,34 @@ export default function HomePage() {
               ],
             },
             {
-              title: "Full-Stack Capabilities",
+              title: "Complete Full-Stack Development",              description:
-              description:
+                "Build entire applications in one unified environment. Frontend, backend, database, and mobile all together. No context switching, no tool fragmentation, pure productivity.",              button: {
-                "Build complete applications without context switching between tools.",
+                text: "Build Full-Stack",                href: "#full-stack"},
-              bentoComponent: "3d-stack-cards",
+              bentoComponent: "3d-stack-cards",              items: [
-              items: [
                 {
                   icon: Code,
-                  title: "Frontend",
+                  title: "Frontend",                  subtitle: "React, Vue, Svelte",                  detail: "Modern UI frameworks"
-                  subtitle: "React, Vue, Svelte",
-                  detail: "Modern UI frameworks",
                 },
                 {
                   icon: Server,
-                  title: "Backend",
+                  title: "Backend",                  subtitle: "Node, Python, Go",                  detail: "Powerful servers"
-                  subtitle: "Node, Python, Go",
-                  detail: "Powerful servers",
                 },
                 {
                   icon: Database,
-                  title: "Database",
+                  title: "Database",                  subtitle: "SQL, NoSQL, Graph",                  detail: "Any data store"
-                  subtitle: "SQL, NoSQL, Graph",
-                  detail: "Any data store",
                 },
               ],
             },
-            {
-              title: "Mobile App Generation",
-              description: "Create native mobile apps from a single codebase instantly.",
-              bentoComponent: "phone",
-              statusIcon: CheckCircle,
-              alertIcon: AlertCircle,
-              alertTitle: "App Status",
-              alertMessage: "Build successful",
-              apps: [
-                {
-                  name: "React Native",
-                  icon: Smartphone,
-                },
-                {
-                  name: "Flutter",
-                  icon: Smartphone,
-                },
-                {
-                  name: "Swift",
-                  icon: Apple,
-                },
-                {
-                  name: "Kotlin",
-                  icon: Smartphone,
-                },
-                {
-                  name: "PWA",
-                  icon: Globe,
-                },
-                {
-                  name: "Expo",
-                  icon: Smartphone,
-                },
-                {
-                  name: "Capacitor",
-                  icon: Smartphone,
-                },
-                {
-                  name: "NativeScript",
-                  icon: Smartphone,
-                },
-              ],
-            },
-            {
-              title: "Infrastructure Tools",
-              description:
-                "Deploy and manage infrastructure with enterprise-grade tooling.",
-              bentoComponent: "timeline",
-              heading: "Deployment Pipeline",
-              subheading: "From code to production",
-              items: [
-                {
-                  label: "Build",
-                  detail: "Compile and test",
-                },
-                {
-                  label: "Deploy",
-                  detail: "Push to servers",
-                },
-                {
-                  label: "Monitor",
-                  detail: "Real-time metrics",
-                },
-              ],
-              completedLabel: "All systems ready",
-            },
-            {
-              title: "Security Features",
-              description: "Enterprise-grade security for peace of mind.",
-              bentoComponent: "reveal-icon",
-              icon: Shield,
-            },
           ]}
           carouselMode="buttons"
         />
       </div>
 
-      {/* Metrics Section */}
+      {/* Call-to-Action Section - Metrics */}
       <div id="metrics" data-section="metrics" className="mx-auto px-4 md:px-6">
         <MetricCardThree
-          title="Trusted by Teams Worldwide"
+          title="Trusted by Thousands"
-          description="Join thousands of developers using DevPlatform to accelerate their development."
+          description="Join developers and teams worldwide who are accelerating their development with DevPlatform."
           tag="Impact"
           tagIcon={TrendingUp}
           tagAnimation="slide-up"
@@ -320,28 +209,20 @@ export default function HomePage() {
           useInvertedBackground={false}
           metrics={[
             {
-              id: "metric-1",
+              id: "metric-1",              icon: Users,
-              icon: Users,
+              title: "Active Users",              value: "50K+"
-              title: "Active Users",
-              value: "50K+",
             },
             {
-              id: "metric-2",
+              id: "metric-2",              icon: Zap,
-              icon: Zap,
+              title: "Deployments Daily",              value: "100K+"
-              title: "Deployments Daily",
-              value: "100K+",
             },
             {
-              id: "metric-3",
+              id: "metric-3",              icon: Globe,
-              icon: Globe,
+              title: "Countries",              value: "120+"
-              title: "Countries",
-              value: "120+",
             },
             {
-              id: "metric-4",
+              id: "metric-4",              icon: Zap,
-              icon: Zap,
+              title: "Avg Build Time",              value: "2min"
-              title: "Avg Build Time",
-              value: "2min",
             },
           ]}
         />
@@ -360,64 +241,34 @@ export default function HomePage() {
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "testimonial-1",
+              id: "testimonial-1",              name: "Alex Johnson",              role: "Lead Developer",              testimonial:
-              name: "Alex Johnson",
+                "DevPlatform revolutionized how we develop. We cut our deployment time in half and our team productivity skyrocketed.",              imageSrc:
-              role: "Lead Developer",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-professional-headshot-of-a-software-de-1773685169826-0e87a6fd.png",              icon: Star,
-              testimonial:
-                "DevPlatform revolutionized how we develop. We cut our deployment time in half and our team productivity skyrocketed.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-professional-headshot-of-a-software-de-1773685169826-0e87a6fd.png",
-              icon: Star,
             },
             {
-              id: "testimonial-2",
+              id: "testimonial-2",              name: "Sarah Chen",              role: "CTO",              testimonial:
-              name: "Sarah Chen",
+                "The multi-LLM integration alone is worth it. Our developers write better code, faster than ever before.",              imageSrc:
-              role: "CTO",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-professional-headshot-of-a-female-cto--1773685169773-0c5a4cce.png",              icon: Star,
-              testimonial:
-                "The multi-LLM integration alone is worth it. Our developers write better code, faster than ever before.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-professional-headshot-of-a-female-cto--1773685169773-0c5a4cce.png",
-              icon: Star,
             },
             {
-              id: "testimonial-3",
+              id: "testimonial-3",              name: "Michael Roberts",              role: "Product Manager",              testimonial:
-              name: "Michael Roberts",
+                "From frontend to backend to mobile, everything in one platform. No more context switching between tools.",              imageSrc:
-              role: "Product Manager",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-professional-headshot-of-a-product-man-1773685169529-2cb7f80f.png",              icon: Star,
-              testimonial:
-                "From frontend to backend to mobile, everything in one platform. No more context switching between tools.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-professional-headshot-of-a-product-man-1773685169529-2cb7f80f.png",
-              icon: Star,
             },
             {
-              id: "testimonial-4",
+              id: "testimonial-4",              name: "Emily Zhang",              role: "Startup Founder",              testimonial:
-              name: "Emily Zhang",
+                "As a founder, DevPlatform lets me focus on building, not managing infrastructure. Game changer.",              imageSrc:
-              role: "Startup Founder",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-professional-headshot-of-a-startup-fou-1773685171884-d6a614fb.png",              icon: Star,
-              testimonial:
-                "As a founder, DevPlatform lets me focus on building, not managing infrastructure. Game changer.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-professional-headshot-of-a-startup-fou-1773685171884-d6a614fb.png",
-              icon: Star,
             },
             {
-              id: "testimonial-5",
+              id: "testimonial-5",              name: "David Kim",              role: "Engineering Director",              testimonial:
-              name: "David Kim",
+                "Enterprise-grade security, scalability, and support. Exactly what we needed for our growing team.",              imageSrc:
-              role: "Engineering Director",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-professional-headshot-of-an-engineerin-1773685169886-167fc062.png",              icon: Star,
-              testimonial:
-                "Enterprise-grade security, scalability, and support. Exactly what we needed for our growing team.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-professional-headshot-of-an-engineerin-1773685169886-167fc062.png",
-              icon: Star,
             },
             {
-              id: "testimonial-6",
+              id: "testimonial-6",              name: "Lisa Anderson",              role: "Solutions Architect",              testimonial:
-              name: "Lisa Anderson",
+                "The infrastructure tools are incredible. We went from months of setup to days. Highly recommended.",              imageSrc:
-              role: "Solutions Architect",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-professional-headshot-of-a-solutions-a-1773685170117-8d88e1d7.png",              icon: Star,
-              testimonial:
-                "The infrastructure tools are incredible. We went from months of setup to days. Highly recommended.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2QgD03BGzZCcdct8OQoSGmHLm/a-professional-headshot-of-a-solutions-a-1773685170117-8d88e1d7.png",
-              icon: Star,
             },
           ]}
         />
@@ -430,54 +281,43 @@ export default function HomePage() {
           sideDescription="Everything you need to know about DevPlatform, answered."
           faqsAnimation="blur-reveal"
           useInvertedBackground={false}
+          buttons={[
+            { text: "Get Started Now", href: "/auth/signup" },
+            { text: "Still have questions? Contact us", href: "/contact" },
+          ]}
+          buttonAnimation="slide-up"
           faqs={[
             {
-              id: "faq-1",
+              id: "faq-1",              title: "What is DevPlatform?",              content:
-              title: "What is DevPlatform?",
+                "DevPlatform is an all-in-one development platform that combines portable environments, multi-LLM integration, full-stack capabilities, mobile app generation, and enterprise infrastructure tools in one unified interface."
-              content:
-                "DevPlatform is an all-in-one development platform that combines portable environments, multi-LLM integration, full-stack capabilities, mobile app generation, and enterprise infrastructure tools in one unified interface.",
             },
             {
-              id: "faq-2",
+              id: "faq-2",              title: "How does the portable environment work?",              content:
-              title: "How does the portable environment work?",
+                "Your entire development environment is containerized and can run anywhere. Deploy to any cloud provider, on-premises, or locally without configuration changes."
-              content:
-                "Your entire development environment is containerized and can run anywhere. Deploy to any cloud provider, on-premises, or locally without configuration changes.",
             },
             {
-              id: "faq-3",
+              id: "faq-3",              title: "What LLMs are supported?",              content:
-              title: "What LLMs are supported?",
+                "We support integration with OpenAI, Google's Gemini, Claude, and open-source models like Llama. You can mix and match models based on your needs."
-              content:
-                "We support integration with OpenAI, Google's Gemini, Claude, and open-source models like Llama. You can mix and match models based on your needs.",
             },
             {
-              id: "faq-4",
+              id: "faq-4",              title: "Can I use DevPlatform for full-stack development?",              content:
-              title: "Can I use DevPlatform for full-stack development?",
+                "Yes! Build frontend with React/Vue/Svelte, backend with Node/Python/Go, databases with SQL/NoSQL/Graph, and all from a single integrated environment."
-              content:
-                "Yes! Build frontend with React/Vue/Svelte, backend with Node/Python/Go, databases with SQL/NoSQL/Graph, and all from a single integrated environment.",
             },
             {
-              id: "faq-5",
+              id: "faq-5",              title: "How do I generate mobile apps?",              content:
-              title: "How do I generate mobile apps?",
+                "Our mobile app generator uses your codebase to automatically create native Android, iOS, and progressive web apps without writing platform-specific code."
-              content:
-                "Our mobile app generator uses your codebase to automatically create native Android, iOS, and progressive web apps without writing platform-specific code.",
             },
             {
-              id: "faq-6",
+              id: "faq-6",              title: "What security features are included?",              content:
-              title: "What security features are included?",
+                "We provide end-to-end encryption, multi-factor authentication, role-based access control, audit logging, SOC 2 compliance, and dedicated security infrastructure for enterprise users."
-              content:
-                "We provide end-to-end encryption, multi-factor authentication, role-based access control, audit logging, SOC 2 compliance, and dedicated security infrastructure for enterprise users.",
             },
             {
-              id: "faq-7",
+              id: "faq-7",              title: "Is there a free trial?",              content:
-              title: "Is there a free trial?",
+                "Yes, our Free tier includes basic tools and limited features. Start building immediately with no credit card required. Upgrade anytime."
-              content:
-                "Yes, our Free tier includes basic tools and limited features. Start building immediately with no credit card required. Upgrade anytime.",
             },
             {
-              id: "faq-8",
+              id: "faq-8",              title: "What support is available?",              content:
-              title: "What support is available?",
+                "Free users get community support, Pro users get priority email support, and Enterprise users get 24/7 dedicated support with a dedicated account manager."
-              content:
-                "Free users get community support, Pro users get priority email support, and Enterprise users get 24/7 dedicated support with a dedicated account manager.",
             },
           ]}
         />
@@ -490,86 +330,66 @@ export default function HomePage() {
           copyrightText="© 2025 DevPlatform. All rights reserved."
           columns={[
             {
-              title: "Product",
+              title: "Product",              items: [
-              items: [
                 {
-                  label: "Features",
+                  label: "Features",                  href: "/features"
-                  href: "/features",
                 },
                 {
-                  label: "Pricing",
+                  label: "Pricing",                  href: "/pricing"
-                  href: "/pricing",
                 },
                 {
-                  label: "Security",
+                  label: "Security",                  href: "#security"
-                  href: "#security",
                 },
                 {
-                  label: "Roadmap",
+                  label: "Roadmap",                  href: "#roadmap"
-                  href: "#roadmap",
                 },
               ],
             },
             {
-              title: "Developers",
+              title: "Developers",              items: [
-              items: [
                 {
-                  label: "Documentation",
+                  label: "Documentation",                  href: "/docs"
-                  href: "/docs",
                 },
                 {
-                  label: "API Reference",
+                  label: "API Reference",                  href: "/docs/api"
-                  href: "/docs/api",
                 },
                 {
-                  label: "GitHub",
+                  label: "GitHub",                  href: "https://github.com/devplatform"
-                  href: "https://github.com/devplatform",
                 },
                 {
-                  label: "Community",
+                  label: "Community",                  href: "#community"
-                  href: "#community",
                 },
               ],
             },
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 {
-                  label: "About",
+                  label: "About",                  href: "/about"
-                  href: "/about",
                 },
                 {
-                  label: "Blog",
+                  label: "Blog",                  href: "/blog"
-                  href: "/blog",
                 },
                 {
-                  label: "Careers",
+                  label: "Careers",                  href: "/careers"
-                  href: "/careers",
                 },
                 {
-                  label: "Contact",
+                  label: "Contact",                  href: "/contact"
-                  href: "/contact",
                 },
               ],
             },
             {
-              title: "Legal",
+              title: "Legal",              items: [
-              items: [
                 {
-                  label: "Privacy Policy",
+                  label: "Privacy Policy",                  href: "/privacy"
-                  href: "/privacy",
                 },
                 {
-                  label: "Terms of Service",
+                  label: "Terms of Service",                  href: "/terms"
-                  href: "/terms",
                 },
                 {
-                  label: "Cookie Policy",
+                  label: "Cookie Policy",                  href: "/cookies"
-                  href: "/cookies",
                 },
                 {
-                  label: "Status",
+                  label: "Status",                  href: "https://status.devplatform.dev"
-                  href: "https://status.devplatform.dev",
                 },
               ],
             },