diff --git a/src/app/page.tsx b/src/app/page.tsx index 1eebcac..44a7660 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -65,11 +65,14 @@ export default function LandingPage() { background={{ variant: "downward-rays-animated" }} avatars={[ { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUCmzT2x54IbmM5ltXUDXp4OMy/professional-headshot-of-a-female-softwa-1772650328247-34b72fc5.png", alt: "Professional headshot of a female software developer with dark hair, warm smile, wearing tech casual"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUCmzT2x54IbmM5ltXUDXp4OMy/professional-headshot-of-a-female-softwa-1772650328247-34b72fc5.png", alt: "Professional headshot of a female software developer with dark hair, warm smile, wearing tech casual" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUCmzT2x54IbmM5ltXUDXp4OMy/professional-headshot-of-a-male-software-1772650330740-50eeba70.png", alt: "Professional headshot of a male software developer, friendly expression, tech casual attire. Modern"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUCmzT2x54IbmM5ltXUDXp4OMy/professional-headshot-of-a-male-software-1772650330740-50eeba70.png", alt: "Professional headshot of a male software developer, friendly expression, tech casual attire. Modern" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUCmzT2x54IbmM5ltXUDXp4OMy/professional-headshot-of-a-diverse-devel-1772650326889-6288615a.png", alt: "Professional headshot of a diverse developer, confident pose, wearing modern tech casual clothing. S"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUCmzT2x54IbmM5ltXUDXp4OMy/professional-headshot-of-a-diverse-devel-1772650326889-6288615a.png", alt: "Professional headshot of a diverse developer, confident pose, wearing modern tech casual clothing. S" + }, ]} avatarText="Trusted by 5,000+ development teams worldwide" buttons={[ @@ -89,10 +92,12 @@ export default function LandingPage() { features={[ { title: "AI Code Assistant", description: - "Intelligent code suggestions and automated refactoring powered by machine learning", bentoComponent: "globe"}, + "Intelligent code suggestions and automated refactoring powered by machine learning", bentoComponent: "globe" + }, { title: "Real-time Analytics", description: - "Monitor performance metrics and deployment insights across all environments", bentoComponent: "animated-bar-chart"}, + "Monitor performance metrics and deployment insights across all environments", bentoComponent: "animated-bar-chart" + }, { title: "Team Collaboration", description: "Seamless code review workflow with integrated communication tools", bentoComponent: "icon-info-cards", items: [ @@ -103,19 +108,23 @@ export default function LandingPage() { }, { title: "Global Deployment", description: - "Deploy to 150+ regions with automatic optimization and zero-downtime updates", bentoComponent: "map"}, + "Deploy to 150+ regions with automatic optimization and zero-downtime updates", bentoComponent: "map" + }, { title: "Security Compliance", description: "Enterprise-grade security with SOC2, HIPAA, and GDPR compliance built-in", bentoComponent: "3d-stack-cards", items: [ { icon: Shield, - title: "Encryption", subtitle: "AES-256", detail: "End-to-end encryption"}, + title: "Encryption", subtitle: "AES-256", detail: "End-to-end encryption" + }, { icon: Lock, - title: "Access Control", subtitle: "RBAC", detail: "Fine-grained permissions"}, + title: "Access Control", subtitle: "RBAC", detail: "Fine-grained permissions" + }, { icon: Eye, - title: "Audit Logs", subtitle: "Complete", detail: "Full traceability"}, + title: "Audit Logs", subtitle: "Complete", detail: "Full traceability" + }, ], }, { @@ -146,27 +155,33 @@ export default function LandingPage() { { icon: Zap, title: "Lightning Performance", description: - "Sub-100ms response times with intelligent caching and edge computing optimization"}, + "Sub-100ms response times with intelligent caching and edge computing optimization" + }, { icon: Brain, title: "Predictive Insights", description: - "Machine learning models that anticipate bottlenecks before they impact production"}, + "Machine learning models that anticipate bottlenecks before they impact production" + }, { icon: GitBranch, title: "Git Integration", description: - "Native GitHub, GitLab, and Bitbucket integration with automatic CI/CD pipelines"}, + "Native GitHub, GitLab, and Bitbucket integration with automatic CI/CD pipelines" + }, { icon: Layers, title: "Version Control", description: - "Complete rollback capabilities and environment parity across all deployments"}, + "Complete rollback capabilities and environment parity across all deployments" + }, { icon: Monitor, title: "Live Monitoring", description: - "Real-time visibility into system health with customizable alerts and dashboards"}, + "Real-time visibility into system health with customizable alerts and dashboards" + }, { icon: Cpu, title: "Resource Optimization", description: - "Automatic scaling and cost optimization across cloud infrastructure"}, + "Automatic scaling and cost optimization across cloud infrastructure" + }, ]} textboxLayout="default" animationType="slide-up" @@ -181,13 +196,17 @@ export default function LandingPage() { author="Sarah Chen, CTO at TechVentures" avatars={[ { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUCmzT2x54IbmM5ltXUDXp4OMy/female-cto-professional-headshot-confide-1772650328555-f257b8fe.png", alt: "Female CTO professional headshot, confident and authoritative expression, business tech casual attir"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUCmzT2x54IbmM5ltXUDXp4OMy/female-cto-professional-headshot-confide-1772650328555-f257b8fe.png", alt: "Female CTO professional headshot, confident and authoritative expression, business tech casual attir" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUCmzT2x54IbmM5ltXUDXp4OMy/male-tech-director-professional-headshot-1772650327174-7aea8652.png", alt: "Male tech director professional headshot, friendly and approachable expression, modern business casu"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUCmzT2x54IbmM5ltXUDXp4OMy/male-tech-director-professional-headshot-1772650327174-7aea8652.png", alt: "Male tech director professional headshot, friendly and approachable expression, modern business casu" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUCmzT2x54IbmM5ltXUDXp4OMy/female-product-manager-professional-head-1772650327851-15878c26.png", alt: "Female product manager professional headshot, creative and energetic expression, modern tech casual"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUCmzT2x54IbmM5ltXUDXp4OMy/female-product-manager-professional-head-1772650327851-15878c26.png", alt: "Female product manager professional headshot, creative and energetic expression, modern tech casual " + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUCmzT2x54IbmM5ltXUDXp4OMy/male-engineer-professional-headshot-conf-1772650327875-2fab5760.png", alt: "Male engineer professional headshot, confident expression, tech casual attire. High-quality professi"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUCmzT2x54IbmM5ltXUDXp4OMy/male-engineer-professional-headshot-conf-1772650327875-2fab5760.png", alt: "Male engineer professional headshot, confident expression, tech casual attire. High-quality professi" + }, ]} ratingAnimation="slide-up" avatarsAnimation="blur-reveal" @@ -206,19 +225,22 @@ export default function LandingPage() { id: "starter", badge: "Best for Startups", badgeIcon: Rocket, price: "$49/month", subtitle: "Perfect for growing teams", buttons: [{ text: "Start Free Trial", href: "#contact" }], features: [ - "Up to 5 team members", "5 active projects", "Basic AI features", "1GB storage", "Community support", "Core integrations"], + "Up to 5 team members", "5 active projects", "Basic AI features", "1GB storage", "Community support", "Core integrations" + ], }, { id: "pro", badge: "Most Popular", badgeIcon: Star, price: "$199/month", subtitle: "For scaling development teams", buttons: [{ text: "Start Free Trial", href: "#contact" }], features: [ - "Unlimited team members", "Unlimited projects", "Advanced AI features", "100GB storage", "Priority support", "50+ integrations", "Custom workflows", "Advanced analytics"], + "Unlimited team members", "Unlimited projects", "Advanced AI features", "100GB storage", "Priority support", "50+ integrations", "Custom workflows", "Advanced analytics" + ], }, { id: "enterprise", badge: "For Enterprises", badgeIcon: Shield, price: "Custom", subtitle: "Dedicated support and compliance", buttons: [{ text: "Schedule Demo", href: "#contact" }], features: [ - "Everything in Pro", "Dedicated account manager", "SLA guarantees", "Custom compliance", "On-premise option", "Advanced security", "API priority access", "Training & implementation"], + "Everything in Pro", "Dedicated account manager", "SLA guarantees", "Custom compliance", "On-premise option", "Advanced security", "API priority access", "Training & implementation" + ], }, ]} textboxLayout="default" @@ -234,7 +256,7 @@ export default function LandingPage() { title="Stay Ahead with Latest Updates" description="Subscribe to receive exclusive insights, product updates, and best practices from our engineering team. No spam, just valuable content delivered directly to your inbox." tagIcon={Mail} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" background={{ variant: "rotated-rays-animated" }} useInvertedBackground={false} inputPlaceholder="Enter your email address"