From aa1daeae34e1e2b77da99573674bb7477f54535a Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 00:19:29 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 53 ++++++++++++++++++++++++++++++++---------------- 1 file changed, 35 insertions(+), 18 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 667baef..73ae28b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -18,7 +18,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="small" sizing="largeSmallSizeMediumTitles" - background="fluid" + background="circleGradient" cardStyle="solid" primaryButtonStyle="shadow" secondaryButtonStyle="layered" @@ -34,7 +34,8 @@ export default function LandingPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Get Started", href: "https://webild.io"}} + text: "Get Started", href: "https://webild.io" + }} /> @@ -48,19 +49,24 @@ export default function LandingPage() { imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AatWFO02lyHFC3F4Uy2KPGOtmH/a-modern-website-builder-interface-showi-1772842674953-2ac3399a.png" imageAlt="Website builder interface" mediaAnimation="slide-up" + background={{ variant: "plain" }} testimonials={[ { name: "Sarah Chen", handle: "Founder, StartupXYZ", testimonial: "Webild transformed how we build websites. What used to take weeks now takes minutes.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AatWFO02lyHFC3F4Uy2KPGOtmH/professional-portrait-photo-of-a-confide-1772842674617-2b4a35d5.png"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AatWFO02lyHFC3F4Uy2KPGOtmH/professional-portrait-photo-of-a-confide-1772842674617-2b4a35d5.png" + }, { name: "Marcus Johnson", handle: "Creative Director, Design Studio", testimonial: "The customization flexibility is incredible. We finally have control without the complexity.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AatWFO02lyHFC3F4Uy2KPGOtmH/professional-portrait-of-a-creative-prof-1772842675153-c88ccb63.png"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AatWFO02lyHFC3F4Uy2KPGOtmH/professional-portrait-of-a-creative-prof-1772842675153-c88ccb63.png" + }, { name: "Elena Rodriguez", handle: "CEO, Tech Ventures", testimonial: "Best decision for our business. Launched three sites in the first month.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AatWFO02lyHFC3F4Uy2KPGOtmH/professional-portrait-of-an-entrepreneur-1772842674649-324d124e.png"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AatWFO02lyHFC3F4Uy2KPGOtmH/professional-portrait-of-an-entrepreneur-1772842674649-324d124e.png" + }, { name: "David Kim", handle: "Product Manager, Innovation Labs", testimonial: "The AI capabilities are genuinely impressive. It understands our brand immediately.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AatWFO02lyHFC3F4Uy2KPGOtmH/professional-portrait-of-a-tech-industry-1772842675262-12861729.png"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AatWFO02lyHFC3F4Uy2KPGOtmH/professional-portrait-of-a-tech-industry-1772842675262-12861729.png" + } ]} buttons={[ { text: "Get Started", href: "https://webild.io" }, @@ -80,11 +86,13 @@ export default function LandingPage() { tagAnimation="slide-up" negativeCard={{ items: [ - "Complex design tools", "Weeks of development", "Expensive hosting", "Manual maintenance", "Limited customization"], + "Complex design tools", "Weeks of development", "Expensive hosting", "Manual maintenance", "Limited customization" + ], }} positiveCard={{ items: [ - "AI-powered generation", "Minutes to launch", "Free hosting included", "One-click updates", "Unlimited customization"], + "AI-powered generation", "Minutes to launch", "Free hosting included", "One-click updates", "Unlimited customization" + ], }} animationType="slide-up" textboxLayout="default" @@ -103,11 +111,13 @@ export default function LandingPage() { tagAnimation="slide-up" negativeCard={{ items: [ - "Manual SEO optimization", "No analytics", "Generic images only", "Standard branding"], + "Manual SEO optimization", "No analytics", "Generic images only", "Standard branding" + ], }} positiveCard={{ items: [ - "AI-driven SEO boost", "Real-time analytics", "AI-generated images", "AI-crafted logos"], + "AI-driven SEO boost", "Real-time analytics", "AI-generated images", "AI-crafted logos" + ], }} animationType="slide-up" textboxLayout="default" @@ -123,7 +133,8 @@ export default function LandingPage() { tagIcon={Users} tagAnimation="slide-up" names={[ - "TechFlow", "Design Studio", "StartupXYZ", "Innovation Labs", "Creative Agency", "Digital Partners", "BuildRight"]} + "TechFlow", "Design Studio", "StartupXYZ", "Innovation Labs", "Creative Agency", "Digital Partners", "BuildRight" + ]} textboxLayout="default" useInvertedBackground={false} speed={40} @@ -141,17 +152,23 @@ export default function LandingPage() { tagAnimation="slide-up" faqs={[ { - id: "1", title: "What is Webild and how does it work?", content: "Webild is an AI-powered website builder that lets you create fully functional, professional websites with a single prompt. Describe what you want and our AI handles the layout, content, visuals, and deployment automatically."}, + id: "1", title: "What is Webild and how does it work?", content: "Webild is an AI-powered website builder that lets you create fully functional, professional websites with a single prompt. Describe what you want and our AI handles the layout, content, visuals, and deployment automatically." + }, { - id: "2", title: "What can I build with Webild?", content: "Anything from personal portfolios to e-commerce stores, landing pages, or business websites. Each project is built using real, production-grade code that you own and can customize completely."}, + id: "2", title: "What can I build with Webild?", content: "Anything from personal portfolios to e-commerce stores, landing pages, or business websites. Each project is built using real, production-grade code that you own and can customize completely." + }, { - id: "3", title: "How quickly can I launch a website?", content: "You can have a live website in minutes. Write your brief, customize the design if needed, and launch. Your site is live instantly with your own custom domain."}, + id: "3", title: "How quickly can I launch a website?", content: "You can have a live website in minutes. Write your brief, customize the design if needed, and launch. Your site is live instantly with your own custom domain." + }, { - id: "4", title: "Do I need to know how to code?", content: "No coding required. Webild's visual editor lets you customize everything with simple clicks. Behind the scenes, we generate clean, production-ready code you can access anytime."}, + id: "4", title: "Do I need to know how to code?", content: "No coding required. Webild's visual editor lets you customize everything with simple clicks. Behind the scenes, we generate clean, production-ready code you can access anytime." + }, { - id: "5", title: "Can I use my own domain?", content: "Yes, completely. Transfer an existing domain or register a new one directly through Webild. We handle all the technical setup automatically."}, + id: "5", title: "Can I use my own domain?", content: "Yes, completely. Transfer an existing domain or register a new one directly through Webild. We handle all the technical setup automatically." + }, { - id: "6", title: "What about SEO and analytics?", content: "Built-in SEO optimization helps your site rank better in search results. Real-time analytics dashboard tracks visitors, performance, and engagement so you know what's working."}, + id: "6", title: "What about SEO and analytics?", content: "Built-in SEO optimization helps your site rank better in search results. Real-time analytics dashboard tracks visitors, performance, and engagement so you know what's working." + } ]} faqsAnimation="slide-up" textboxLayout="default" @@ -167,7 +184,7 @@ export default function LandingPage() { description="Join thousands of creators and entrepreneurs who are building better websites with Webild. Start for free today." tagIcon={Rocket} tagAnimation="slide-up" - background={{ variant: "fluid" }} + background={{ variant: "plain" }} useInvertedBackground={false} inputPlaceholder="Enter your email" buttonText="Start Free" -- 2.49.1