diff --git a/src/app/page.tsx b/src/app/page.tsx index 4c5f202..66a0214 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -35,7 +35,8 @@ export default function LandingPage() { { name: "Docs", id: "docs" }, ]} button={{ - text: "Start Free Trial", href: "https://devflow.app/signup"}} + text: "Start Free Trial", href: "https://devflow.app/signup" + }} animateOnLoad={true} /> @@ -46,11 +47,14 @@ export default function LandingPage() { description="The complete platform for SaaS development teams. Streamline workflows, collaborate seamlessly, and deploy with confidence. From concept to production in minutes, not days." avatars={[ { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-headshot-of-a-diverse-softw-1773026246811-e1ee38a8.png", alt: "Professional headshot of a diverse software developer with a friendly smile. Wearing casual tech wea"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-headshot-of-a-diverse-softw-1773026246811-e1ee38a8.png", alt: "Professional headshot of a diverse software developer with a friendly smile. Wearing casual tech wea" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-headshot-of-a-different-div-1773026244994-7564cc94.png", alt: "Professional headshot of a different diverse software developer. Modern casual attire. Confident exp"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-headshot-of-a-different-div-1773026244994-7564cc94.png", alt: "Professional headshot of a different diverse software developer. Modern casual attire. Confident exp" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-headshot-of-a-third-diverse-1773026245750-05c15c9a.png", alt: "Professional headshot of a third diverse developer. Approachable demeanor. Tech casual clothing. Neu"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-headshot-of-a-third-diverse-1773026245750-05c15c9a.png", alt: "Professional headshot of a third diverse developer. Approachable demeanor. Tech casual clothing. Neu" + }, ]} avatarText="Trusted by 10,000+ development teams worldwide" background={{ variant: "downward-rays-animated" }} @@ -81,27 +85,32 @@ export default function LandingPage() { ], }, { - title: "Advanced Analytics & Monitoring", description: "Comprehensive insights into application performance, user behavior, and system health. Real-time dashboards with customizable metrics.", bentoComponent: "animated-bar-chart"}, + title: "Advanced Analytics & Monitoring", description: "Comprehensive insights into application performance, user behavior, and system health. Real-time dashboards with customizable metrics.", bentoComponent: "animated-bar-chart" + }, { - title: "Deployment Steps", description: "Automated CI/CD pipeline with smart testing and staging. Deploy with confidence using our intelligent deployment recommendations.", bentoComponent: "3d-task-list", title: "Deployment", items: [ + title: "Deployment Steps", description: "Automated CI/CD pipeline with smart testing and staging. Deploy with confidence using our intelligent deployment recommendations.", bentoComponent: "3d-task-list", items: [ { icon: CheckCircle, label: "Code Review", time: "5 min" }, { icon: Zap, label: "Automated Tests", time: "12 min" }, { icon: Rocket, label: "Deploy to Production", time: "3 min" }, ], }, { - title: "Global Infrastructure", description: "Deploy to 50+ regions worldwide with automatic failover, CDN optimization, and edge computing capabilities.", bentoComponent: "map"}, + title: "Global Infrastructure", description: "Deploy to 50+ regions worldwide with automatic failover, CDN optimization, and edge computing capabilities.", bentoComponent: "map" + }, { title: "Security First Architecture", description: "Enterprise-grade security with end-to-end encryption, SOC 2 Type II compliance, and automated vulnerability scanning.", bentoComponent: "3d-stack-cards", items: [ { icon: Lock, - title: "Encryption", subtitle: "AES-256", detail: "Military-grade security"}, + title: "Encryption", subtitle: "AES-256", detail: "Military-grade security" + }, { icon: Shield, - title: "Compliance", subtitle: "SOC 2 Type II", detail: "Enterprise certified"}, + title: "Compliance", subtitle: "SOC 2 Type II", detail: "Enterprise certified" + }, { icon: Eye, - title: "Monitoring", subtitle: "24/7 Surveillance", detail: "Real-time threat detection"}, + title: "Monitoring", subtitle: "24/7 Surveillance", detail: "Real-time threat detection" + }, ], }, ]} @@ -124,22 +133,28 @@ export default function LandingPage() { features={[ { icon: Zap, - title: "Lightning Fast Performance", description: "Sub-millisecond response times and optimized resource usage. Built for speed at every layer of your stack."}, + title: "Lightning Fast Performance", description: "Sub-millisecond response times and optimized resource usage. Built for speed at every layer of your stack." + }, { icon: Shield, - title: "Enterprise Security", description: "Zero-trust architecture with automatic encryption, compliance audits, and security incident response."}, + title: "Enterprise Security", description: "Zero-trust architecture with automatic encryption, compliance audits, and security incident response." + }, { icon: Users, - title: "Seamless Team Collaboration", description: "Real-time code sharing, integrated version control, and built-in communication tools for distributed teams."}, + title: "Seamless Team Collaboration", description: "Real-time code sharing, integrated version control, and built-in communication tools for distributed teams." + }, { icon: Code, - title: "Flexible API & SDKs", description: "Comprehensive APIs in 10+ languages. Integrate with your favorite tools and frameworks effortlessly."}, + title: "Flexible API & SDKs", description: "Comprehensive APIs in 10+ languages. Integrate with your favorite tools and frameworks effortlessly." + }, { icon: Zap, - title: "Auto-Scaling Infrastructure", description: "Automatically scales to handle traffic spikes. Pay only for what you use with our transparent pricing model."}, + title: "Auto-Scaling Infrastructure", description: "Automatically scales to handle traffic spikes. Pay only for what you use with our transparent pricing model." + }, { icon: Award, - title: "24/7 Expert Support", description: "Dedicated support team with average response time under 2 hours. We're here when you need us most."}, + title: "24/7 Expert Support", description: "Dedicated support team with average response time under 2 hours. We're here when you need us most." + }, ]} animationType="slide-up" textboxLayout="default" @@ -154,17 +169,23 @@ export default function LandingPage() { author="Sarah Chen, CTO at TechVenture" avatars={[ { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-female-tech-ceo-headshot-co-1773026244803-c348b532.png", alt: "Professional female tech CEO headshot. Confident and authoritative. Business casual attire. Modern s"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-female-tech-ceo-headshot-co-1773026244803-c348b532.png", alt: "Professional female tech CEO headshot. Confident and authoritative. Business casual attire. Modern s" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-male-developer-headshot-cas-1773026244714-885cf424.png", alt: "Professional male developer headshot. Casual tech wear. Friendly approachable expression. Studio bac"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-male-developer-headshot-cas-1773026244714-885cf424.png", alt: "Professional male developer headshot. Casual tech wear. Friendly approachable expression. Studio bac" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-female-developer-headshot-t-1773026245878-dcf94d02.png", alt: "Professional female developer headshot. Tech casual clothing. Approachable expression. Studio lighti"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-female-developer-headshot-t-1773026245878-dcf94d02.png", alt: "Professional female developer headshot. Tech casual clothing. Approachable expression. Studio lighti" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-male-tech-professional-head-1773026245373-09a18f7d.png", alt: "Professional male tech professional headshot. Casual tech attire. Confident expression. Modern studi"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-male-tech-professional-head-1773026245373-09a18f7d.png", alt: "Professional male tech professional headshot. Casual tech attire. Confident expression. Modern studi" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-diverse-developer-headshot--1773026244920-0d707260.png", alt: "Professional diverse developer headshot. Approachable demeanor. Tech casual wear. Studio lighting."}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-diverse-developer-headshot--1773026244920-0d707260.png", alt: "Professional diverse developer headshot. Approachable demeanor. Tech casual wear. Studio lighting." + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-tech-professional-headshot--1773026244338-0b40df67.png", alt: "Professional tech professional headshot. Modern casual attire. Confident expression. Professional st"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgtDS9oJKQRZqXm0eh2yM2Rsu6/professional-tech-professional-headshot--1773026244338-0b40df67.png", alt: "Professional tech professional headshot. Modern casual attire. Confident expression. Professional st" + }, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -185,25 +206,30 @@ export default function LandingPage() { id: "starter", badge: "Great for Solo", badgeIcon: Sparkles, price: "$29/month", subtitle: "Perfect for individual developers", buttons: [ { - text: "Start Free Trial", href: "https://devflow.app/signup?plan=starter"}, + text: "Start Free Trial", href: "https://devflow.app/signup?plan=starter" + }, ], features: [ - "Up to 5 projects", "1 GB storage", "Basic collaboration", "Community support", "Standard API access", "Monthly updates"], + "Up to 5 projects", "1 GB storage", "Basic collaboration", "Community support", "Standard API access", "Monthly updates" + ], }, { id: "professional", badge: "Most Popular", badgeIcon: Crown, price: "$99/month", subtitle: "Ideal for growing teams", buttons: [ { - text: "Start Free Trial", href: "https://devflow.app/signup?plan=professional"}, + text: "Start Free Trial", href: "https://devflow.app/signup?plan=professional" + }, ], features: [ - "Unlimited projects", "100 GB storage", "Advanced collaboration", "Priority support", "Full API access", "Weekly updates", "Analytics dashboard", "Custom integrations"], + "Unlimited projects", "100 GB storage", "Advanced collaboration", "Priority support", "Full API access", "Weekly updates", "Analytics dashboard", "Custom integrations" + ], }, { id: "enterprise", badge: "For Scale", badgeIcon: Zap, price: "Custom", subtitle: "Enterprise-grade solution", buttons: [{ text: "Contact Sales", href: "https://devflow.app/contact-sales" }], features: [ - "Unlimited everything", "Custom storage", "Dedicated team", "24/7 premium support", "Custom API limits", "Real-time updates", "Advanced analytics", "White-label options", "SLA guarantee", "Security audit included"], + "Unlimited everything", "Custom storage", "Dedicated team", "24/7 premium support", "Custom API limits", "Real-time updates", "Advanced analytics", "White-label options", "SLA guarantee", "Security audit included" + ], }, ]} animationType="slide-up"