From ba0d998bc062b2f906a6c8fb72964a4d82613ff5 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 16 Mar 2026 18:30:12 +0000 Subject: [PATCH] Switch to version 2: modified src/app/page.tsx --- src/app/page.tsx | 425 ++++++++++++++++++++++++++++++++++++----------- 1 file changed, 330 insertions(+), 95 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index ac7d254..c328735 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -8,6 +8,8 @@ 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 { @@ -31,12 +33,16 @@ import { TrendingUp, Heart, Star, + DollarSign, + Crown, + Newspaper, } 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" }, ]; @@ -80,58 +86,101 @@ export default function HomePage() { background={{ variant: "rotated-rays-static" }} 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"}, + 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", + }, { - 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"}, + 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", + }, { - 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"}, + 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", + }, { - 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"}, + 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", + }, { - 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"}, + 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", + }, { - 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"}, + 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", + }, ]} autoPlay={true} autoPlayInterval={5000} /> - {/* Features Overview Section */} + {/* About Section */} +
+ +
+ + {/* Features Section */}
- {/* Call-to-Action Section - Metrics */} + {/* Metrics Section */}
@@ -215,34 +360,64 @@ export default function HomePage() { useInvertedBackground={false} testimonials={[ { - id: "testimonial-1", name: "Alex Johnson", role: "Lead Developer", 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-1", + name: "Alex Johnson", + role: "Lead Developer", + 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", name: "Sarah Chen", role: "CTO", 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-2", + name: "Sarah Chen", + role: "CTO", + 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", name: "Michael Roberts", role: "Product Manager", 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-3", + name: "Michael Roberts", + role: "Product Manager", + 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", name: "Emily Zhang", role: "Startup Founder", 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-4", + name: "Emily Zhang", + role: "Startup Founder", + 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", name: "David Kim", role: "Engineering Director", 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-5", + name: "David Kim", + role: "Engineering Director", + 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", name: "Lisa Anderson", role: "Solutions Architect", 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, + id: "testimonial-6", + name: "Lisa Anderson", + role: "Solutions Architect", + 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, }, ]} /> @@ -257,29 +432,53 @@ export default function HomePage() { useInvertedBackground={false} 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."}, + 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.", + }, { - 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."}, + 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.", + }, { - 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."}, + 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.", + }, { - 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."}, + 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.", + }, { - 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."}, + 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.", + }, { - 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."}, + 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.", + }, { - 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."}, + 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.", + }, { - 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."}, + 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.", + }, ]} /> @@ -291,51 +490,87 @@ export default function HomePage() { copyrightText="© 2025 DevPlatform. All rights reserved." columns={[ { - title: "Product", items: [ + 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: [ + 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: [ + 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: [ + 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", + }, ], }, ]} @@ -343,4 +578,4 @@ export default function HomePage() { ); -} +} \ No newline at end of file