From 4656850d38ea2fa7a6b4a8869e88d1a441cd950f Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 14:51:22 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 86 ++++++++++++++---------------------------------- 1 file changed, 25 insertions(+), 61 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 796a02a..5a58ac0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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." }, ]} />