diff --git a/src/app/page.tsx b/src/app/page.tsx index 1c2c3ac..0e97fd2 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,6 +34,7 @@ import { Check, X, MessageCircle, + ArrowRight, } from "lucide-react"; export default function HomePage() { @@ -76,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" @@ -84,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} @@ -120,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, @@ -160,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" + }, ], }, ]} @@ -191,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" + }, ]} /> @@ -266,28 +289,36 @@ export default function HomePage() { 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." + }, ]} /> @@ -301,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" + }, ], }, ]}