diff --git a/src/app/page.tsx b/src/app/page.tsx index 8ce4355..9e7e406 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: "#contact"}} + text: "Start Free Trial", href: "#contact" + }} animateOnLoad={true} /> @@ -47,11 +48,14 @@ export default function LandingPage() { background={{ variant: "sparkles-gradient" }} avatars={[ { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-confident-tec-1772713603620-ea7f2540.png", alt: "Developer 1"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-confident-tec-1772713603620-ea7f2540.png", alt: "Developer 1" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-product-manag-1772713604288-b9e935e7.png", alt: "Developer 2"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-product-manag-1772713604288-b9e935e7.png", alt: "Developer 2" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-devops-engine-1772713603900-c9eee7cc.png", alt: "Developer 3"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-devops-engine-1772713603900-c9eee7cc.png", alt: "Developer 3" + }, ]} avatarText="Trusted by 500+ development teams" buttons={[ @@ -69,12 +73,14 @@ export default function LandingPage() { description="Built for developers who want to focus on code, not infrastructure. DevFlow handles the complexity so you can concentrate on what matters—building great products." tag="Core Features" tagIcon={Zap} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" features={[ { - title: "One-Click Deployment", description: "Deploy your application with a single command. No YAML files, no configuration complexity.", bentoComponent: "globe"}, + title: "One-Click Deployment", description: "Deploy your application with a single command. No YAML files, no configuration complexity.", bentoComponent: "globe" + }, { - title: "Real-Time Monitoring", description: "Track performance metrics, error logs, and deployment status in real time with an intuitive dashboard.", bentoComponent: "line-chart"}, + title: "Real-Time Monitoring", description: "Track performance metrics, error logs, and deployment status in real time with an intuitive dashboard.", bentoComponent: "line-chart" + }, { title: "API Integrations", description: "Connect your favorite developer tools seamlessly. GitHub, Slack, AWS, Docker, and more.", bentoComponent: "orbiting-icons", centerIcon: Code, items: [ @@ -85,13 +91,16 @@ export default function LandingPage() { ], }, { - title: "Auto-Scaling Infrastructure", description: "Your application automatically scales based on demand. Pay only for what you use, when you use it.", bentoComponent: "animated-bar-chart"}, + title: "Auto-Scaling Infrastructure", description: "Your application automatically scales based on demand. Pay only for what you use, when you use it.", bentoComponent: "animated-bar-chart" + }, { - title: "Production-Ready Environment", description: "Pre-configured with security best practices, SSL certificates, and CDN integration out of the box.", bentoComponent: "globe"}, + title: "Production-Ready Environment", description: "Pre-configured with security best practices, SSL certificates, and CDN integration out of the box.", bentoComponent: "globe" + }, { title: "Developer Documentation", description: "Comprehensive API docs, tutorials, and code examples. Get up and running in under 5 minutes.", bentoComponent: "marquee", centerIcon: BookOpen, variant: "text", texts: [ - "REST API", "GraphQL", "WebSockets", "CLI Tools", "SDK Libraries"], + "REST API", "GraphQL", "WebSockets", "CLI Tools", "SDK Libraries" + ], }, ]} carouselMode="buttons" @@ -108,26 +117,32 @@ export default function LandingPage() { description="Integrate DevFlow seamlessly with the tools your team already uses. From version control to monitoring to communication—we've got you covered." tag="Integrations" tagIcon={Plug} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" features={[ { icon: Github, - title: "GitHub Integration", description: "Automatic deployments on every push. Manage environment variables and secrets securely."}, + title: "GitHub Integration", description: "Automatic deployments on every push. Manage environment variables and secrets securely." + }, { icon: Cloud, - title: "AWS Native", description: "Deep integration with AWS services. Deploy to EC2, Lambda, RDS, and more with one click."}, + title: "AWS Native", description: "Deep integration with AWS services. Deploy to EC2, Lambda, RDS, and more with one click." + }, { icon: MessageCircle, - title: "Slack Notifications", description: "Get instant alerts for deployments, errors, and performance issues directly in your Slack channels."}, + title: "Slack Notifications", description: "Get instant alerts for deployments, errors, and performance issues directly in your Slack channels." + }, { icon: Zap, - title: "Custom Webhooks", description: "Trigger custom workflows and automations with our flexible webhook system and API."}, + title: "Custom Webhooks", description: "Trigger custom workflows and automations with our flexible webhook system and API." + }, { icon: Database, - title: "Database Tools", description: "Built-in support for PostgreSQL, MongoDB, Redis, and other popular databases with managed backups."}, + title: "Database Tools", description: "Built-in support for PostgreSQL, MongoDB, Redis, and other popular databases with managed backups." + }, { icon: Lock, - title: "Security Providers", description: "Integrate with Auth0, Okta, and other identity providers for enterprise-grade authentication."}, + title: "Security Providers", description: "Integrate with Auth0, Okta, and other identity providers for enterprise-grade authentication." + }, ]} animationType="slide-up" textboxLayout="default" @@ -143,19 +158,25 @@ export default function LandingPage() { author="Alex Chen, CTO at TechVentures" avatars={[ { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-confident-tec-1772713603620-ea7f2540.png", alt: "Alex Chen"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-confident-tec-1772713603620-ea7f2540.png", alt: "Alex Chen" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-product-manag-1772713604288-b9e935e7.png", alt: "Team Member"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-product-manag-1772713604288-b9e935e7.png", alt: "Team Member" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-devops-engine-1772713603900-c9eee7cc.png", alt: "Team Member"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-devops-engine-1772713603900-c9eee7cc.png", alt: "Team Member" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-startup-found-1772713604408-3d2e0b27.png", alt: "Team Member"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-startup-found-1772713604408-3d2e0b27.png", alt: "Team Member" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-confident-tec-1772713603620-ea7f2540.png", alt: "Team Member"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-confident-tec-1772713603620-ea7f2540.png", alt: "Team Member" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-product-manag-1772713604288-b9e935e7.png", alt: "Team Member"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWfohmQzRAdt9dPuyYgiXdKiVe/professional-headshot-of-a-product-manag-1772713604288-b9e935e7.png", alt: "Team Member" + }, ]} - ratingAnimation="entrance-slide" + ratingAnimation="blur-reveal" avatarsAnimation="slide-up" useInvertedBackground={true} ariaLabel="Testimonial section" @@ -168,25 +189,28 @@ export default function LandingPage() { description="Choose the plan that fits your team. Scale up or down anytime. No hidden fees, no surprises." tag="Pricing" tagIcon={CreditCard} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" plans={[ { id: "starter", badge: "Best for Startups", badgeIcon: Rocket, price: "$29", subtitle: "/month • Billed annually", buttons: [{ text: "Start Free Trial", href: "#contact" }], features: [ - "Up to 3 team members", "5 active deployments", "1GB storage", "Basic monitoring", "Community support", "API access"], + "Up to 3 team members", "5 active deployments", "1GB storage", "Basic monitoring", "Community support", "API access" + ], }, { id: "professional", badge: "Most Popular", badgeIcon: Star, price: "$99", subtitle: "/month • Billed annually", buttons: [{ text: "Start Free Trial", href: "#contact" }], features: [ - "Up to 20 team members", "Unlimited deployments", "50GB storage", "Advanced monitoring & alerts", "Priority email support", "Custom integrations", "Auto-scaling included", "SSL & CDN"], + "Up to 20 team members", "Unlimited deployments", "50GB storage", "Advanced monitoring & alerts", "Priority email support", "Custom integrations", "Auto-scaling included", "SSL & CDN" + ], }, { id: "enterprise", badge: "For Scale", badgeIcon: Zap, price: "Custom", subtitle: "Enterprise features & support", buttons: [{ text: "Contact Sales", href: "mailto:sales@devflow.io" }], features: [ - "Unlimited team members", "Unlimited deployments", "Unlimited storage", "Custom SLA & support", "Dedicated account manager", "On-premise deployment option", "Advanced security & compliance", "Multi-region redundancy", "Custom integrations", "White-label options"], + "Unlimited team members", "Unlimited deployments", "Unlimited storage", "Custom SLA & support", "Dedicated account manager", "On-premise deployment option", "Advanced security & compliance", "Multi-region redundancy", "Custom integrations", "White-label options" + ], }, ]} carouselMode="buttons"