Update src/app/page.tsx

Switch to version 6: modified src/app/page.tsx
Merge version_7 into main
2026-03-16 18:55:40 +00:00 · 2026-03-16 18:42:09 +00:00 · 2026-03-16 18:41:47 +00:00 · 2026-03-16 18:41:43 +00:00 · 2026-03-16 18:40:46 +00:00 · 2026-03-16 18:40:24 +00:00
1 changed files with 99 additions and 44 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,6 +31,10 @@ import {
  TrendingUp,
  Heart,
  Star,
+  Check,
+  X,
+  MessageCircle,
+  ArrowRight,
 } from "lucide-react";

 export default function HomePage() {
@@ -73,7 +77,7 @@ 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"
@@ -81,22 +85,28 @@ export default function HomePage() {
          carouselItems={[
            {
              id: "carousel-1",              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",              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",              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",              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",              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",              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}
          autoPlayInterval={5000}
@@ -117,21 +127,28 @@ export default function HomePage() {
          features={[
            {
              title: "Portable Environment",              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.",              bentoComponent: "icon-info-cards",              items: [
+                "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: {
+                text: "Explore Portable Environments",                href: "#portable"},
+              bentoComponent: "icon-info-cards",              items: [
                {
                  icon: Cloud,
-                  label: "Cloud Ready",                  value: "Instant Setup"},
+                  label: "Cloud Ready",                  value: "Instant Setup"
+                },
                {
                  icon: GitBranch,
-                  label: "Version Control",                  value: "Git Native"},
+                  label: "Version Control",                  value: "Git Native"
+                },
                {
                  icon: Zap,
-                  label: "Quick Start",                  value: "Zero Config"},
+                  label: "Quick Start",                  value: "Zero Config"
+                },
              ],
            },
            {
              title: "Multi-LLM Integration",              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.",              bentoComponent: "orbiting-icons",              centerIcon: Brain,
+                "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: {
+                text: "See LLM Models",                href: "#llm-models"},
+              bentoComponent: "orbiting-icons",              centerIcon: Brain,
              items: [
                {
                  icon: Sparkles,
@@ -157,16 +174,21 @@ export default function HomePage() {
            },
            {
              title: "Complete Full-Stack Development",              description:
-                "Build entire applications in one unified environment. Frontend, backend, database, and mobile all together. No context switching, no tool fragmentation, pure productivity.",              bentoComponent: "3d-stack-cards",              items: [
+                "Build entire applications in one unified environment. Frontend, backend, database, and mobile all together. No context switching, no tool fragmentation, pure productivity.",              button: {
+                text: "Build Full-Stack",                href: "#full-stack"},
+              bentoComponent: "3d-stack-cards",              items: [
                {
                  icon: Code,
-                  title: "Frontend",                  subtitle: "React, Vue, Svelte",                  detail: "Modern UI frameworks"},
+                  title: "Frontend",                  subtitle: "React, Vue, Svelte",                  detail: "Modern UI frameworks"
+                },
                {
                  icon: Server,
-                  title: "Backend",                  subtitle: "Node, Python, Go",                  detail: "Powerful servers"},
+                  title: "Backend",                  subtitle: "Node, Python, Go",                  detail: "Powerful servers"
+                },
                {
                  icon: Database,
-                  title: "Database",                  subtitle: "SQL, NoSQL, Graph",                  detail: "Any data store"},
+                  title: "Database",                  subtitle: "SQL, NoSQL, Graph",                  detail: "Any data store"
+                },
              ],
            },
          ]}
@@ -188,16 +210,20 @@ export default function HomePage() {
          metrics={[
            {
              id: "metric-1",              icon: Users,
-              title: "Active Users",              value: "50K+"},
+              title: "Active Users",              value: "50K+"
+            },
            {
              id: "metric-2",              icon: Zap,
-              title: "Deployments Daily",              value: "100K+"},
+              title: "Deployments Daily",              value: "100K+"
+            },
            {
              id: "metric-3",              icon: Globe,
-              title: "Countries",              value: "120+"},
+              title: "Countries",              value: "120+"
+            },
            {
              id: "metric-4",              icon: Zap,
-              title: "Avg Build Time",              value: "2min"},
+              title: "Avg Build Time",              value: "2min"
+            },
          ]}
        />
      </div>
@@ -255,31 +281,44 @@ 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",              title: "What is DevPlatform?",              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."},
+                "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",              title: "How does the portable environment work?",              content:
-                "Your entire development environment is containerized and can run anywhere. Deploy to any cloud provider, on-premises, or locally without configuration changes."},
+                "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",              title: "What LLMs are supported?",              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."},
+                "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",              title: "Can I use DevPlatform for full-stack development?",              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."},
+                "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",              title: "How do I generate mobile apps?",              content:
-                "Our mobile app generator uses your codebase to automatically create native Android, iOS, and progressive web apps without writing platform-specific code."},
+                "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",              title: "What security features are included?",              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."},
+                "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",              title: "Is there a free trial?",              content:
-                "Yes, our Free tier includes basic tools and limited features. Start building immediately with no credit card required. Upgrade anytime."},
+                "Yes, our Free tier includes basic tools and limited features. Start building immediately with no credit card required. Upgrade anytime."
+            },
            {
              id: "faq-8",              title: "What support is available?",              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."},
+                "Free users get community support, Pro users get priority email support, and Enterprise users get 24/7 dedicated support with a dedicated account manager."
+            },
          ]}
        />
      </div>
@@ -293,49 +332,65 @@ export default function HomePage() {
            {
              title: "Product",              items: [
                {
-                  label: "Features",                  href: "/features"},
+                  label: "Features",                  href: "/features"
+                },
                {
-                  label: "Pricing",                  href: "/pricing"},
+                  label: "Pricing",                  href: "/pricing"
+                },
                {
-                  label: "Security",                  href: "#security"},
+                  label: "Security",                  href: "#security"
+                },
                {
-                  label: "Roadmap",                  href: "#roadmap"},
+                  label: "Roadmap",                  href: "#roadmap"
+                },
              ],
            },
            {
              title: "Developers",              items: [
                {
-                  label: "Documentation",                  href: "/docs"},
+                  label: "Documentation",                  href: "/docs"
+                },
                {
-                  label: "API Reference",                  href: "/docs/api"},
+                  label: "API Reference",                  href: "/docs/api"
+                },
                {
-                  label: "GitHub",                  href: "https://github.com/devplatform"},
+                  label: "GitHub",                  href: "https://github.com/devplatform"
+                },
                {
-                  label: "Community",                  href: "#community"},
+                  label: "Community",                  href: "#community"
+                },
              ],
            },
            {
              title: "Company",              items: [
                {
-                  label: "About",                  href: "/about"},
+                  label: "About",                  href: "/about"
+                },
                {
-                  label: "Blog",                  href: "/blog"},
+                  label: "Blog",                  href: "/blog"
+                },
                {
-                  label: "Careers",                  href: "/careers"},
+                  label: "Careers",                  href: "/careers"
+                },
                {
-                  label: "Contact",                  href: "/contact"},
+                  label: "Contact",                  href: "/contact"
+                },
              ],
            },
            {
              title: "Legal",              items: [
                {
-                  label: "Privacy Policy",                  href: "/privacy"},
+                  label: "Privacy Policy",                  href: "/privacy"
+                },
                {
-                  label: "Terms of Service",                  href: "/terms"},
+                  label: "Terms of Service",                  href: "/terms"
+                },
                {
-                  label: "Cookie Policy",                  href: "/cookies"},
+                  label: "Cookie Policy",                  href: "/cookies"
+                },
                {
-                  label: "Status",                  href: "https://status.devplatform.dev"},
+                  label: "Status",                  href: "https://status.devplatform.dev"
+                },
              ],
            },
          ]}
Author	SHA1	Message	Date
bender	e65dd5d2b1	Update src/app/page.tsx	2026-03-16 18:55:40 +00:00
bender	b4d4d64627	Switch to version 6: modified src/app/page.tsx	2026-03-16 18:42:09 +00:00
bender	0d5a320724	Merge version_7 into main Merge version_7 into main	2026-03-16 18:41:47 +00:00
bender	a454d9b1fa	Update src/app/page.tsx	2026-03-16 18:41:43 +00:00
bender	d029874d71	Switch to version 5: modified src/app/page.tsx	2026-03-16 18:40:46 +00:00
bender	f56e052cb8	Merge version_6 into main Merge version_6 into main	2026-03-16 18:40:24 +00:00
bender	e40df61dc4	Update src/app/page.tsx	2026-03-16 18:40:20 +00:00
bender	1fc5e4c9dd	Switch to version 4: modified src/app/page.tsx	2026-03-16 18:38:16 +00:00
bender	0af39be1bd	Merge version_5 into main Merge version_5 into main	2026-03-16 18:37:53 +00:00
bender	984e1bf21f	Update src/app/page.tsx	2026-03-16 18:37:49 +00:00
bender	c5067435d0	Switch to version 3: modified src/app/page.tsx	2026-03-16 18:36:08 +00:00
bender	5aeb5b5356	Merge version_4 into main Merge version_4 into main	2026-03-16 18:35:46 +00:00
bender	64ccaad438	Update src/app/page.tsx	2026-03-16 18:35:42 +00:00
bender	ba0d998bc0	Switch to version 2: modified src/app/page.tsx	2026-03-16 18:30:12 +00:00
bender	ae0ae003ac	Merge version_3 into main Merge version_3 into main	2026-03-16 18:29:50 +00:00
bender	ea6ad269ba	Merge version_3 into main Merge version_3 into main	2026-03-16 18:28:46 +00:00