Update src/app/page.tsx

This commit is contained in:
2026-03-07 14:51:22 +00:00
parent 336168edd1
commit 4656850d38

View File

@@ -53,29 +53,19 @@ export default function LandingPage() {
]}
mediaItems={[
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/a-stunning-futuristic-web-building-platf-1772894449640-9cf15de4.png", imageAlt:
"A stunning futuristic web-building platform dashboard interface with animated gradient background fe"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/a-stunning-futuristic-web-building-platf-1772894449640-9cf15de4.png", imageAlt: "A stunning futuristic web-building platform dashboard interface with animated gradient background fe"
},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/abstract-visualization-of-speed-and-perf-1772894449786-220649c8.png", imageAlt:
"Abstract visualization of speed and performance optimization. Features animated speed lines, progres"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/abstract-visualization-of-speed-and-perf-1772894449786-220649c8.png", imageAlt: "Abstract visualization of speed and performance optimization. Features animated speed lines, progres"
},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/illustration-of-smart-automation-and-wor-1772894449479-fce4b8b1.png", imageAlt:
"Illustration of smart automation and workflow optimization. Shows interconnected nodes, flow diagram"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/illustration-of-smart-automation-and-wor-1772894449479-fce4b8b1.png", imageAlt: "Illustration of smart automation and workflow optimization. Shows interconnected nodes, flow diagram"
},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/visual-representation-of-instant-scaling-1772894449513-4122190a.png", imageAlt:
"Visual representation of instant scaling and infrastructure growth. Features expanding server icons,"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/visual-representation-of-instant-scaling-1772894449513-4122190a.png", imageAlt: "Visual representation of instant scaling and infrastructure growth. Features expanding server icons,"
},
{
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/a-stunning-futuristic-web-building-platf-1772894449640-9cf15de4.png", imageAlt:
"A stunning futuristic web-building platform dashboard interface with animated gradient background fe"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/a-stunning-futuristic-web-building-platf-1772894449640-9cf15de4.png", imageAlt: "A stunning futuristic web-building platform dashboard interface with animated gradient background fe"
},
]}
/>
@@ -92,12 +82,10 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Lightning-Fast Deployment", description:
"Deploy in seconds, not hours. Automated optimization and instant scaling.", bentoComponent: "globe"
title: "Lightning-Fast Deployment", description: "Deploy in seconds, not hours. Automated optimization and instant scaling.", bentoComponent: "globe"
},
{
title: "Smart Automation", description:
"AI-powered workflows handle repetitive tasks automatically.", bentoComponent: "orbiting-icons", centerIcon: Zap,
title: "Smart Automation", description: "AI-powered workflows handle repetitive tasks automatically.", bentoComponent: "orbiting-icons", centerIcon: Zap,
items: [
{ icon: Code, ring: 1 },
{ icon: Cpu, ring: 1 },
@@ -108,12 +96,10 @@ export default function LandingPage() {
],
},
{
title: "Real-Time Analytics", description:
"Monitor performance metrics and user behavior in real-time.", bentoComponent: "animated-bar-chart"
title: "Real-Time Analytics", description: "Monitor performance metrics and user behavior in real-time.", bentoComponent: "animated-bar-chart"
},
{
title: "Seamless Integrations", description:
"Connect with your entire development ecosystem instantly.", bentoComponent: "marquee", centerIcon: Plug,
title: "Seamless Integrations", description: "Connect with your entire development ecosystem instantly.", bentoComponent: "marquee", centerIcon: Plug,
variant: "icon", icons: [Github, Gitlab, Slack, Figma, Vercel],
},
]}
@@ -130,14 +116,10 @@ export default function LandingPage() {
animationType="slide-up"
metrics={[
{
id: "1", value: "500K+", title: "Active Developers", description: "Building with Webildio daily", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/a-stunning-futuristic-web-building-platf-1772894449640-9cf15de4.png", imageAlt:
"A stunning futuristic web-building platform dashboard interface with animated gradient background fe"
id: "1", value: "500K+", title: "Active Developers", description: "Building with Webildio daily", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/a-stunning-futuristic-web-building-platf-1772894449640-9cf15de4.png", imageAlt: "A stunning futuristic web-building platform dashboard interface with animated gradient background fe"
},
{
id: "2", value: "2.5M+", title: "Deployments/Month", description: "Powering global scale", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/visual-representation-of-instant-scaling-1772894449513-4122190a.png", imageAlt:
"Visual representation of instant scaling and infrastructure growth. Features expanding server icons,"
id: "2", value: "2.5M+", title: "Deployments/Month", description: "Powering global scale", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/visual-representation-of-instant-scaling-1772894449513-4122190a.png", imageAlt: "Visual representation of instant scaling and infrastructure growth. Features expanding server icons,"
},
]}
/>
@@ -150,9 +132,9 @@ export default function LandingPage() {
tag="Integrations"
textboxLayout="default"
useInvertedBackground={false}
names=[
names={[
"Vercel", "Stripe", "Linear", "Framer", "GitHub", "AWS", "Figma", "Slack"
]
]}
logos={[
"http://img.b2bpic.net/free-vector/v-logo-collection-concept_23-2148610195.jpg", "http://img.b2bpic.net/free-vector/gradient-installment-stamps_23-2149396349.jpg", "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149201864.jpg", "http://img.b2bpic.net/free-vector/usa-labor-day-badge-collection-flat-style_23-2148237285.jpg", "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148071924.jpg", "http://img.b2bpic.net/free-vector/gradient-code-development-logo_23-2148813743.jpg", "http://img.b2bpic.net/free-vector/gradient-abstract-fluid-technology-landing-page_23-2149137800.jpg", "http://img.b2bpic.net/free-vector/colorful-flower-logo_1025-539.jpg"
]}
@@ -173,39 +155,27 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Alex Chen", role: "CTO", company: "TechFlow", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/professional-headshot-of-a-young-male-te-1772894449133-601c4708.png", imageAlt:
"Professional headshot of a young male tech founder in his late 20s, modern casual attire, confident"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/professional-headshot-of-a-young-male-te-1772894449133-601c4708.png", imageAlt: "Professional headshot of a young male tech founder in his late 20s, modern casual attire, confident"
},
{
id: "2", name: "Sarah Johnson", role: "Design Director", company: "CreativeStudio", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/professional-headshot-of-a-young-female--1772894448793-beb671e0.png", imageAlt:
"Professional headshot of a young female designer/product manager, creative casual style, warm smile,"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/professional-headshot-of-a-young-female--1772894448793-beb671e0.png", imageAlt: "Professional headshot of a young female designer/product manager, creative casual style, warm smile,"
},
{
id: "3", name: "Marcus Williams", role: "VP Engineering", company: "InnovateLabs", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/professional-headshot-of-a-mature-male-t-1772894449312-798114d6.png", imageAlt:
"Professional headshot of a mature male tech leader, executive presence, business casual, sophisticat"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/professional-headshot-of-a-mature-male-t-1772894449312-798114d6.png", imageAlt: "Professional headshot of a mature male tech leader, executive presence, business casual, sophisticat"
},
{
id: "4", name: "Jessica Park", role: "Full-Stack Developer", company: "StartupXYZ", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/professional-headshot-of-a-young-female--1772894449281-1ac5a054.png", imageAlt:
"Professional headshot of a young female developer/founder, tech casual style, energetic expression,"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/professional-headshot-of-a-young-female--1772894449281-1ac5a054.png", imageAlt: "Professional headshot of a young female developer/founder, tech casual style, energetic expression,"
},
{
id: "5", name: "David Rodriguez", role: "Startup Mentor", company: "TechAccelerator", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/professional-headshot-of-a-male-startup--1772894449882-20c07a56.png", imageAlt:
"Professional headshot of a male startup accelerator mentor, approachable friendly expression, busine"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/professional-headshot-of-a-male-startup--1772894449882-20c07a56.png", imageAlt: "Professional headshot of a male startup accelerator mentor, approachable friendly expression, busine"
},
{
id: "6", name: "Emma Zhang", role: "Growth Lead", company: "ScaleUp Inc", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/professional-headshot-of-a-female-growth-1772894448533-159cf3b1.png", imageAlt:
"Professional headshot of a female growth leader/marketer, modern style, professional casual, studio"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcZwFFRPyqf3fHpm3BYg0wbKRm/professional-headshot-of-a-female-growth-1772894448533-159cf3b1.png", imageAlt: "Professional headshot of a female growth leader/marketer, modern style, professional casual, studio"
},
]}
/>
@@ -221,28 +191,22 @@ export default function LandingPage() {
faqsAnimation="blur-reveal"
faqs={[
{
id: "1", title: "How fast is Webildio deployment?", content:
"Webildio deploys in seconds with automatic optimization. Your site goes live instantly with global CDN distribution."
id: "1", title: "How fast is Webildio deployment?", content: "Webildio deploys in seconds with automatic optimization. Your site goes live instantly with global CDN distribution."
},
{
id: "2", title: "Is Webildio suitable for enterprise?", content:
"Yes. Webildio is trusted by Fortune 500 companies. We provide enterprise SLAs, dedicated support, and custom scaling solutions."
id: "2", title: "Is Webildio suitable for enterprise?", content: "Yes. Webildio is trusted by Fortune 500 companies. We provide enterprise SLAs, dedicated support, and custom scaling solutions."
},
{
id: "3", title: "What integrations does Webildio support?", content:
"Webildio integrates with 50+ tools including GitHub, Slack, Figma, Stripe, and AWS. Custom integrations available on demand."
id: "3", title: "What integrations does Webildio support?", content: "Webildio integrates with 50+ tools including GitHub, Slack, Figma, Stripe, and AWS. Custom integrations available on demand."
},
{
id: "4", title: "How does Webildio handle scaling?", content:
"Automatic scaling based on demand. Infrastructure adjusts seamlessly from startup to millions of daily users."
id: "4", title: "How does Webildio handle scaling?", content: "Automatic scaling based on demand. Infrastructure adjusts seamlessly from startup to millions of daily users."
},
{
id: "5", title: "What's the learning curve?", content:
"Webildio is intuitive for all skill levels. We provide comprehensive docs, tutorials, and community support."
id: "5", title: "What's the learning curve?", content: "Webildio is intuitive for all skill levels. We provide comprehensive docs, tutorials, and community support."
},
{
id: "6", title: "How do I get started?", content:
"Sign up free in minutes. Deploy your first project in seconds. No credit card required for our free tier."
id: "6", title: "How do I get started?", content: "Sign up free in minutes. Deploy your first project in seconds. No credit card required for our free tier."
},
]}
/>