Merge version_3 into main #3
@@ -37,7 +37,6 @@ 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" },
|
||||
];
|
||||
@@ -107,10 +106,10 @@ export default function HomePage() {
|
||||
{/* Features Overview Section */}
|
||||
<div id="features" data-section="features" className="mx-auto px-4 md:px-6">
|
||||
<FeatureBento
|
||||
title="Powerful Features"
|
||||
description="Everything you need to build, deploy, and manage your applications at scale."
|
||||
tag="Capabilities"
|
||||
tagIcon={Zap}
|
||||
title="Core Value Propositions"
|
||||
description="Three powerful capabilities that work together to transform your development workflow."
|
||||
tag="Features"
|
||||
tagIcon={Rocket}
|
||||
tagAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -118,7 +117,7 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
title: "Portable Environment", description:
|
||||
"Develop anywhere, deploy everywhere. Your environment travels with you.", 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.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Cloud,
|
||||
label: "Cloud Ready", value: "Instant Setup"},
|
||||
@@ -132,7 +131,7 @@ export default function HomePage() {
|
||||
},
|
||||
{
|
||||
title: "Multi-LLM Integration", description:
|
||||
"Leverage multiple AI models for intelligent code generation and assistance.", 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.", bentoComponent: "orbiting-icons", centerIcon: Brain,
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
@@ -157,8 +156,8 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Full-Stack Capabilities", description:
|
||||
"Build complete applications without context switching between tools.", bentoComponent: "3d-stack-cards", items: [
|
||||
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: [
|
||||
{
|
||||
icon: Code,
|
||||
title: "Frontend", subtitle: "React, Vue, Svelte", detail: "Modern UI frameworks"},
|
||||
@@ -175,12 +174,12 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Value Propositions Section */}
|
||||
{/* Call-to-Action Section - Metrics */}
|
||||
<div id="metrics" data-section="metrics" className="mx-auto px-4 md:px-6">
|
||||
<MetricCardThree
|
||||
title="Why Choose DevPlatform"
|
||||
description="Three core value propositions that set us apart from the competition."
|
||||
tag="Benefits"
|
||||
title="Trusted by Thousands"
|
||||
description="Join developers and teams worldwide who are accelerating their development with DevPlatform."
|
||||
tag="Impact"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
animationType="blur-reveal"
|
||||
@@ -188,14 +187,17 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1", icon: Zap,
|
||||
title: "Accelerated Development", value: "50% Faster"},
|
||||
id: "metric-1", icon: Users,
|
||||
title: "Active Users", value: "50K+"},
|
||||
{
|
||||
id: "metric-2", icon: Users,
|
||||
title: "Team Collaboration", value: "Real-time Sync"},
|
||||
id: "metric-2", icon: Zap,
|
||||
title: "Deployments Daily", value: "100K+"},
|
||||
{
|
||||
id: "metric-3", icon: Globe,
|
||||
title: "Global Deployment", value: "120+ Countries"},
|
||||
title: "Countries", value: "120+"},
|
||||
{
|
||||
id: "metric-4", icon: Zap,
|
||||
title: "Avg Build Time", value: "2min"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -227,26 +229,25 @@ export default function HomePage() {
|
||||
"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-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,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Call-to-Action Sections */}
|
||||
<div id="cta-section" data-section="cta-section" className="mx-auto px-4 md:px-6 py-12">
|
||||
<div className="flex flex-col gap-6 items-center justify-center">
|
||||
<h2 className="text-4xl font-bold text-center">Ready to Transform Your Development Workflow?</h2>
|
||||
<p className="text-lg text-center max-w-2xl">Start building faster with DevPlatform today. Get full access to all features with our free plan.</p>
|
||||
<div className="flex gap-4">
|
||||
<button className="px-8 py-3 bg-[var(--primary-cta)] text-[var(--primary-cta-text)] rounded-lg font-semibold hover:opacity-90">
|
||||
Start Free Trial
|
||||
</button>
|
||||
<button className="px-8 py-3 border border-[var(--primary-cta)] text-[var(--primary-cta)] rounded-lg font-semibold hover:bg-[var(--primary-cta)] hover:text-[var(--primary-cta-text)]">
|
||||
Schedule Demo
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* FAQ Section */}
|
||||
<div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
|
||||
<FaqSplitText
|
||||
@@ -273,6 +274,12 @@ export default function HomePage() {
|
||||
{
|
||||
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-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."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user