bender/cd533b1e-bdb4-40ff-a1ad-475a980d8a40
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_7
Branches Tags
bender:main bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_8
Branches Tags
bender:main bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

3 Commits
version_7 ... version_8

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
1 changed files with 90 additions and 43 deletions
Expand all files Collapse all files

133
src/app/page.tsx
View File

@@ -34,6 +34,7 @@ import {
Check, Check,
X, X,
MessageCircle, MessageCircle,
ArrowRight,
} from "lucide-react"; } from "lucide-react";
export default function HomePage() { export default function HomePage() {
@@ -84,22 +85,28 @@ 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}
@@ -120,21 +127,28 @@ 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.", 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, 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.", 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: [ items: [
{ {
icon: Sparkles, icon: Sparkles,
@@ -160,16 +174,21 @@ 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.", 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, 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"
},
], ],
}, },
]} ]}
@@ -191,16 +210,20 @@ 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>
@@ -266,28 +289,36 @@ 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>
@@ -301,49 +332,65 @@ 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"
},
], ],
}, },
]} ]}