bender/4b7e5450-adf6-43cf-a178-e96dec4fb3d4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-03-02 21:01:49 +00:00
Conversation 0 Commits 1 Files Changed 1 +70 -47
1 changed files with 70 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import {
Zap,
GitHub,
Github,
GitBranch,
Code,
Database,
@@ -35,7 +35,7 @@ export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
@@ -65,11 +65,14 @@ export default function LandingPage() {
description="Accelerate your development workflow with DevFlow's comprehensive platform for building, testing, and deploying production-ready applications. Trusted by thousands of developers worldwide."
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-a-female-softwa-1772485189424-f9f18ee7.png", alt: "Professional headshot of a female software engineer with confident expression, modern tech professio"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-a-female-softwa-1772485189424-f9f18ee7.png", alt: "Professional headshot of a female software engineer with confident expression, modern tech professio"
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-a-male-tech-lea-1772485189088-d5b52e9d.png", alt: "Professional headshot of a male tech lead with friendly expression, modern tech professional style, "},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-a-male-tech-lea-1772485189088-d5b52e9d.png", alt: "Professional headshot of a male tech lead with friendly expression, modern tech professional style, "
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-a-diverse-team--1772485188938-b9f5e271.png", alt: "Professional headshot of a diverse team member with approachable expression, modern tech professiona"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-a-diverse-team--1772485188938-b9f5e271.png", alt: "Professional headshot of a diverse team member with approachable expression, modern tech professiona"
}
]}
avatarText="Trusted by 5,000+ development teams"
background={{ variant: "sparkles-gradient" }}
@@ -88,43 +91,48 @@ export default function LandingPage() {
description="Everything you need to build, test, and deploy modern applications at scale. From local development to production deployment."
tag="Features"
tagIcon={Zap}
tagAnimation="entrance-slide"
tagAnimation="reveal-blur"
features={[
{
title: "Global Infrastructure", description: "Deploy to 150+ regions worldwide with automatic failover and geographic load balancing.", bentoComponent: "globe"},
title: "Global Infrastructure", description: "Deploy to 150+ regions worldwide with automatic failover and geographic load balancing.", bentoComponent: "globe"
},
{
title: "Real-time Analytics", description: "Monitor application performance, user metrics, and system health with interactive dashboards.", bentoComponent: "animated-bar-chart"},
title: "Real-time Analytics", description: "Monitor application performance, user metrics, and system health with interactive dashboards.", bentoComponent: "animated-bar-chart"
},
{
title: "Integrated DevOps", description: "Connect your favorite tools and services for seamless CI/CD pipelines and automation.", bentoComponent: "orbiting-icons", centerIcon: Zap,
items: [
{ icon: GitHub, ring: 1 },
{ icon: Github, ring: 1 },
{ icon: GitBranch, ring: 1 },
{ icon: Code, ring: 2 },
{ icon: Database, ring: 2 },
{ icon: Cloud, ring: 3 },
{ icon: Shield, ring: 3 },
],
{ icon: Shield, ring: 3 }
]
},
{
title: "Advanced Security", description: "Enterprise-grade security with encryption, compliance certifications, and security audit logs.", bentoComponent: "3d-stack-cards", items: [
{
icon: Shield,
title: "Encryption", subtitle: "End-to-end", detail: "All data encrypted at rest and in transit"},
title: "Encryption", subtitle: "End-to-end", detail: "All data encrypted at rest and in transit"
},
{
icon: Lock,
title: "Access Control", subtitle: "Fine-grained", detail: "Role-based permission management"},
title: "Access Control", subtitle: "Fine-grained", detail: "Role-based permission management"
},
{
icon: Eye,
title: "Monitoring", subtitle: "24/7 Audit", detail: "Complete security event tracking"},
],
title: "Monitoring", subtitle: "24/7 Audit", detail: "Complete security event tracking"
}
]
},
{
title: "Getting Started", description: "Intuitive APIs, comprehensive documentation, and extensive SDK support for all major languages.", bentoComponent: "3d-task-list", title: "Getting Started", items: [
title: "Getting Started", description: "Intuitive APIs, comprehensive documentation, and extensive SDK support for all major languages.", bentoComponent: "3d-task-list", items: [
{ icon: FileCode, label: "Setup Project", time: "2 min" },
{ icon: Zap, label: "Deploy App", time: "5 min" },
{ icon: CheckCircle, label: "Monitor Live", time: "1 min" },
],
},
{ icon: CheckCircle, label: "Monitor Live", time: "1 min" }
]
}
]}
animationType="slide-up"
textboxLayout="default"
@@ -140,26 +148,32 @@ export default function LandingPage() {
description="High-performance infrastructure designed to handle millions of concurrent connections with sub-millisecond latency."
tag="Performance"
tagIcon={Zap}
tagAnimation="entrance-slide"
tagAnimation="reveal-blur"
features={[
{
icon: Zap,
title: "Lightning Fast", description: "Microsecond-level latency with optimized routing and edge computing capabilities."},
title: "Lightning Fast", description: "Microsecond-level latency with optimized routing and edge computing capabilities."
},
{
icon: Scale,
title: "Auto-scaling", description: "Automatically scale resources based on demand without manual intervention or downtime."},
title: "Auto-scaling", description: "Automatically scale resources based on demand without manual intervention or downtime."
},
{
icon: Shield,
title: "Reliability", description: "99.99% uptime SLA with redundant systems and automatic failover protection."},
title: "Reliability", description: "99.99% uptime SLA with redundant systems and automatic failover protection."
},
{
icon: Cpu,
title: "Resource Efficient", description: "Optimized compute utilization reduces costs while maintaining peak performance."},
title: "Resource Efficient", description: "Optimized compute utilization reduces costs while maintaining peak performance."
},
{
icon: Activity,
title: "Real-time Monitoring", description: "Instant visibility into system health, performance metrics, and user experience."},
title: "Real-time Monitoring", description: "Instant visibility into system health, performance metrics, and user experience."
},
{
icon: Network,
title: "Global CDN", description: "Content delivery from edge locations worldwide for optimal user experience anywhere."},
title: "Global CDN", description: "Content delivery from edge locations worldwide for optimal user experience anywhere."
}
]}
animationType="slide-up"
textboxLayout="default"
@@ -176,19 +190,25 @@ export default function LandingPage() {
author="Sarah Chen, CTO at TechVenture"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-software-engine-1772485189217-ef8527f6.png", alt: "Sarah Chen"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-software-engine-1772485189217-ef8527f6.png", alt: "Sarah Chen"
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-tech-lead-testi-1772485189145-ce1511b2.png", alt: "Team member 2"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-tech-lead-testi-1772485189145-ce1511b2.png", alt: "Team member 2"
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-product-manager-1772485189498-b2971232.png", alt: "Team member 3"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-product-manager-1772485189498-b2971232.png", alt: "Team member 3"
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-startup-founder-1772485189236-49cfcdfe.png", alt: "Team member 4"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-startup-founder-1772485189236-49cfcdfe.png", alt: "Team member 4"
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-engineering-man-1772485189513-653334b3.png", alt: "Team member 5"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-engineering-man-1772485189513-653334b3.png", alt: "Team member 5"
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-cto-testimonial-1772485188900-ecfeb294.png", alt: "Team member 6"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APCwGRQZKmMIWf5xI9hBTf69Tj/professional-headshot-of-cto-testimonial-1772485188900-ecfeb294.png", alt: "Team member 6"
}
]}
ratingAnimation="entrance-slide"
ratingAnimation="reveal-blur"
avatarsAnimation="slide-up"
useInvertedBackground={false}
ariaLabel="Customer testimonial section"
@@ -201,29 +221,32 @@ export default function LandingPage() {
description="Choose the perfect plan for your team. All plans include our core features with unlimited applications."
tag="Pricing"
tagIcon={DollarSign}
tagAnimation="entrance-slide"
tagAnimation="reveal-blur"
plans={[
{
id: "starter", badge: "Great for Teams", badgeIcon: Sparkles,
price: "$99/month", subtitle: "For growing development teams", buttons: [{ text: "Start Free Trial", href: "#contact" }],
features: [
"Up to 5 team members", "10 concurrent deployments", "100GB monthly bandwidth", "Basic analytics dashboard", "Community support", "Standard rate limits"],
"Up to 5 team members", "10 concurrent deployments", "100GB monthly bandwidth", "Basic analytics dashboard", "Community support", "Standard rate limits"
]
},
{
id: "professional", badge: "Most Popular", badgeIcon: Zap,
price: "$299/month", subtitle: "For scaling SaaS companies", buttons: [
{ text: "Start Free Trial", href: "#contact" },
{ text: "View Details", href: "#" },
{ text: "View Details", href: "#" }
],
features: [
"Up to 25 team members", "50 concurrent deployments", "1TB monthly bandwidth", "Advanced analytics & AI insights", "Priority email support", "Premium rate limits", "Custom domains", "SSO integration"],
"Up to 25 team members", "50 concurrent deployments", "1TB monthly bandwidth", "Advanced analytics & AI insights", "Priority email support", "Premium rate limits", "Custom domains", "SSO integration"
]
},
{
id: "enterprise", badge: "For Enterprises", badgeIcon: Crown,
price: "Custom", subtitle: "Unlimited scale for your business", buttons: [{ text: "Contact Sales", href: "mailto:sales@example.com" }],
features: [
"Unlimited team members", "Unlimited concurrent deployments", "Unlimited bandwidth", "Custom analytics & reporting", "24/7 dedicated support", "Custom rate limits", "White-label options", "Advanced security features", "Custom SLA agreements"],
},
"Unlimited team members", "Unlimited concurrent deployments", "Unlimited bandwidth", "Custom analytics & reporting", "24/7 dedicated support", "Custom rate limits", "White-label options", "Advanced security features", "Custom SLA agreements"
]
}
]}
animationType="slide-up"
textboxLayout="default"
@@ -239,7 +262,7 @@ export default function LandingPage() {
title="Ready to Transform Your Development Workflow?"
description="Join thousands of developers and companies using DevFlow to build and deploy applications faster. Start your free trial today—no credit card required."
tagIcon={Rocket}
tagAnimation="entrance-slide"
tagAnimation="reveal-blur"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
inputPlaceholder="your@email.com"
@@ -257,25 +280,25 @@ export default function LandingPage() {
{ label: "Features", href: "#features-bento" },
{ label: "Pricing", href: "#pricing" },
{ label: "Security", href: "#" },
{ label: "Performance", href: "#features-glow" },
],
{ label: "Performance", href: "#features-glow" }
]
},
{
title: "Resources", items: [
{ label: "Documentation", href: "https://docs.example.com" },
{ label: "API Reference", href: "https://api.example.com" },
{ label: "Community", href: "#" },
{ label: "Blog", href: "#" },
],
{ label: "Blog", href: "#" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "#contact" },
{ label: "Privacy Policy", href: "#" },
],
},
{ label: "Privacy Policy", href: "#" }
]
}
]}
copyrightText="© 2025 DevFlow. All rights reserved."
ariaLabel="Footer section"