2 Commits

Author SHA1 Message Date
6b71a176af Switch to version 7: modified src/app/page.tsx 2026-03-16 18:56:08 +00:00
e97158f57c Merge version_8 into main
Merge version_8 into main
2026-03-16 18:55:44 +00:00

View File

@@ -34,7 +34,6 @@ import {
Check, Check,
X, X,
MessageCircle, MessageCircle,
ArrowRight,
} from "lucide-react"; } from "lucide-react";
export default function HomePage() { export default function HomePage() {
@@ -85,28 +84,22 @@ export default function HomePage() {
carouselItems={[ carouselItems={[
{ {
id: "carousel-1", imageSrc: 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: 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: 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: 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: 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: 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} autoPlay={true}
autoPlayInterval={5000} autoPlayInterval={5000}
@@ -127,28 +120,21 @@ export default function HomePage() {
features={[ features={[
{ {
title: "Portable Environment", description: 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.", button: { "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: [
text: "Explore Portable Environments", href: "#portable"},
bentoComponent: "icon-info-cards", items: [
{ {
icon: Cloud, icon: Cloud,
label: "Cloud Ready", value: "Instant Setup" label: "Cloud Ready", value: "Instant Setup"},
},
{ {
icon: GitBranch, icon: GitBranch,
label: "Version Control", value: "Git Native" label: "Version Control", value: "Git Native"},
},
{ {
icon: Zap, icon: Zap,
label: "Quick Start", value: "Zero Config" label: "Quick Start", value: "Zero Config"},
},
], ],
}, },
{ {
title: "Multi-LLM Integration", description: 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.", button: { "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,
text: "See LLM Models", href: "#llm-models"},
bentoComponent: "orbiting-icons", centerIcon: Brain,
items: [ items: [
{ {
icon: Sparkles, icon: Sparkles,
@@ -174,21 +160,16 @@ export default function HomePage() {
}, },
{ {
title: "Complete Full-Stack Development", description: 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.", button: { "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: [
text: "Build Full-Stack", href: "#full-stack"},
bentoComponent: "3d-stack-cards", items: [
{ {
icon: Code, icon: Code,
title: "Frontend", subtitle: "React, Vue, Svelte", detail: "Modern UI frameworks" title: "Frontend", subtitle: "React, Vue, Svelte", detail: "Modern UI frameworks"},
},
{ {
icon: Server, icon: Server,
title: "Backend", subtitle: "Node, Python, Go", detail: "Powerful servers" title: "Backend", subtitle: "Node, Python, Go", detail: "Powerful servers"},
},
{ {
icon: Database, icon: Database,
title: "Database", subtitle: "SQL, NoSQL, Graph", detail: "Any data store" title: "Database", subtitle: "SQL, NoSQL, Graph", detail: "Any data store"},
},
], ],
}, },
]} ]}
@@ -210,20 +191,16 @@ export default function HomePage() {
metrics={[ metrics={[
{ {
id: "metric-1", icon: Users, id: "metric-1", icon: Users,
title: "Active Users", value: "50K+" title: "Active Users", value: "50K+"},
},
{ {
id: "metric-2", icon: Zap, id: "metric-2", icon: Zap,
title: "Deployments Daily", value: "100K+" title: "Deployments Daily", value: "100K+"},
},
{ {
id: "metric-3", icon: Globe, id: "metric-3", icon: Globe,
title: "Countries", value: "120+" title: "Countries", value: "120+"},
},
{ {
id: "metric-4", icon: Zap, id: "metric-4", icon: Zap,
title: "Avg Build Time", value: "2min" title: "Avg Build Time", value: "2min"},
},
]} ]}
/> />
</div> </div>
@@ -289,36 +266,28 @@ export default function HomePage() {
faqs={[ faqs={[
{ {
id: "faq-1", title: "What is DevPlatform?", content: 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: 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: 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: 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: 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: 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: 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: 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> </div>
@@ -332,65 +301,49 @@ export default function HomePage() {
{ {
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"},
},
], ],
}, },
]} ]}