From 39bbc5865fbf4c69cc55477554963291a1e39d48 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 5 Jun 2026 20:04:27 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 320 +++++++++-------------------------------------- 1 file changed, 61 insertions(+), 259 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 8bc22cc..4ea9089 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,34 +33,20 @@ export default function LandingPage() { @@ -133,23 +96,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Intuitive Drag-and-Drop Builder", - description: "Craft beautiful layouts effortlessly with our visual builder. No coding required, just pure creative freedom.", - imageSrc: "http://img.b2bpic.net/free-photo/colorful-3d-shapes-vaporwave-style_23-2148981127.jpg", - imageAlt: "Intuitive drag-and-drop builder interface", - }, + title: "Intuitive Drag-and-Drop Builder", description: "Craft beautiful layouts effortlessly with our visual builder. No coding required, just pure creative freedom.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-3d-shapes-vaporwave-style_23-2148981127.jpg", imageAlt: "Intuitive drag-and-drop builder interface"}, { - title: "Vast Library of Modern Templates", - description: "Choose from a diverse collection of professionally designed templates, optimized for every industry and purpose.", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345423.jpg", - imageAlt: "Collection of modern website templates", - }, + title: "Vast Library of Modern Templates", description: "Choose from a diverse collection of professionally designed templates, optimized for every industry and purpose.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345423.jpg", imageAlt: "Collection of modern website templates"}, { - title: "Built-in SEO Tools & Analytics", - description: "Boost your visibility with integrated SEO features and track your website's performance with comprehensive analytics.", - imageSrc: "http://img.b2bpic.net/free-photo/employee-working-marketing-setting_23-2151871167.jpg", - imageAlt: "SEO optimization tools graphic", - }, + title: "Built-in SEO Tools & Analytics", description: "Boost your visibility with integrated SEO features and track your website's performance with comprehensive analytics.", imageSrc: "http://img.b2bpic.net/free-photo/employee-working-marketing-setting_23-2151871167.jpg", imageAlt: "SEO optimization tools graphic"}, ]} title="Unleash Your Creativity with Powerful Features" description="Webild provides everything you need to build, manage, and grow your online presence with ease." @@ -165,65 +116,23 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "ecommerce-template", - brand: "Webild Templates", - name: "E-commerce Store Kit", - price: "$29/month", - rating: 5, - reviewCount: "120 reviews", - imageSrc: "http://img.b2bpic.net/free-vector/fashion-sale-landing-page-template_23-2148592607.jpg", - imageAlt: "E-commerce website template", - }, + id: "ecommerce-template", brand: "Webild Templates", name: "E-commerce Store Kit", price: "$29/month", rating: 5, + reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-vector/fashion-sale-landing-page-template_23-2148592607.jpg", imageAlt: "E-commerce website template"}, { - id: "portfolio-template", - brand: "Webild Templates", - name: "Professional Portfolio", - price: "$19/month", - rating: 5, - reviewCount: "85 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/white-blank-poster-concrete-wall-tropical-wooden-floor-room-template-mock-up-your-content_1253-1597.jpg", - imageAlt: "Professional portfolio website template", - }, + id: "portfolio-template", brand: "Webild Templates", name: "Professional Portfolio", price: "$19/month", rating: 5, + reviewCount: "85 reviews", imageSrc: "http://img.b2bpic.net/free-photo/white-blank-poster-concrete-wall-tropical-wooden-floor-room-template-mock-up-your-content_1253-1597.jpg", imageAlt: "Professional portfolio website template"}, { - id: "blog-template", - brand: "Webild Templates", - name: "Engaging Blog Platform", - price: "$19/month", - rating: 4, - reviewCount: "72 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/laptop-wooden-cubes-arrangement_23-2149386331.jpg", - imageAlt: "Modern blog website template", - }, + id: "blog-template", brand: "Webild Templates", name: "Engaging Blog Platform", price: "$19/month", rating: 4, + reviewCount: "72 reviews", imageSrc: "http://img.b2bpic.net/free-photo/laptop-wooden-cubes-arrangement_23-2149386331.jpg", imageAlt: "Modern blog website template"}, { - id: "business-template", - brand: "Webild Templates", - name: "Corporate Business Site", - price: "$24/month", - rating: 5, - reviewCount: "105 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/empty-luxurious-corporate-high-end-office-designed-ceo-leader_482257-101437.jpg", - imageAlt: "Corporate business website template", - }, + id: "business-template", brand: "Webild Templates", name: "Corporate Business Site", price: "$24/month", rating: 5, + reviewCount: "105 reviews", imageSrc: "http://img.b2bpic.net/free-photo/empty-luxurious-corporate-high-end-office-designed-ceo-leader_482257-101437.jpg", imageAlt: "Corporate business website template"}, { - id: "event-template", - brand: "Webild Templates", - name: "Event Landing Page", - price: "$14/month", - rating: 4, - reviewCount: "60 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/webinar-links-seo-hand-cyberspace-concept_53876-127395.jpg", - imageAlt: "Event landing page template", - }, + id: "event-template", brand: "Webild Templates", name: "Event Landing Page", price: "$14/month", rating: 4, + reviewCount: "60 reviews", imageSrc: "http://img.b2bpic.net/free-photo/webinar-links-seo-hand-cyberspace-concept_53876-127395.jpg", imageAlt: "Event landing page template"}, { - id: "resume-template", - brand: "Webild Templates", - name: "Online Resume & CV", - price: "$9/month", - rating: 4, - reviewCount: "45 reviews", - imageSrc: "http://img.b2bpic.net/free-photo/job-search-concept-find-your-career-online-website_169016-39358.jpg", - imageAlt: "Online resume website template", - }, + id: "resume-template", brand: "Webild Templates", name: "Online Resume & CV", price: "$9/month", rating: 4, + reviewCount: "45 reviews", imageSrc: "http://img.b2bpic.net/free-photo/job-search-concept-find-your-career-online-website_169016-39358.jpg", imageAlt: "Online resume website template"}, ]} title="Discover Your Perfect Website Template" description="Browse our curated collection of industry-leading templates, ready for your unique customization." @@ -238,65 +147,30 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "basic", - name: "Starter", - price: "$19", - badge: "Beginner", - badgeIcon: Sparkles, + id: "basic", name: "Starter", price: "$19", badge: "Beginner", badgeIcon: Sparkles, features: [ - "1 Website", - "10 GB Storage", - "Basic Support", - "Standard Templates", - "Free SSL Certificate", - ], + "1 Website", "10 GB Storage", "Basic Support", "Standard Templates", "Free SSL Certificate"], buttons: [ { - text: "Choose Starter", - href: "#", - }, + text: "Choose Starter", href: "#"}, ], }, { - id: "pro", - name: "Professional", - price: "$39", - badge: "Recommended", - badgeIcon: Star, + id: "pro", name: "Professional", price: "$39", badge: "Recommended", badgeIcon: Star, features: [ - "3 Websites", - "Unlimited Storage", - "Priority Support", - "Premium Templates", - "Free Custom Domain", - "Advanced SEO Tools", - ], + "3 Websites", "Unlimited Storage", "Priority Support", "Premium Templates", "Free Custom Domain", "Advanced SEO Tools"], buttons: [ { - text: "Choose Professional", - href: "#", - }, + text: "Choose Professional", href: "#"}, ], }, { - id: "business", - name: "Business", - price: "$79", - badge: "Enterprise", - badgeIcon: Award, + id: "business", name: "Business", price: "$79", badge: "Enterprise", badgeIcon: Award, features: [ - "Unlimited Websites", - "Unlimited Storage", - "24/7 VIP Support", - "Custom Design Services", - "E-commerce Integrations", - "Dedicated Account Manager", - ], + "Unlimited Websites", "Unlimited Storage", "24/7 VIP Support", "Custom Design Services", "E-commerce Integrations", "Dedicated Account Manager"], buttons: [ { - text: "Choose Business", - href: "#", - }, + text: "Choose Business", href: "#"}, ], }, ]} @@ -312,50 +186,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - title: "Transformed My Online Presence Overnight!", - quote: "Webild made it incredibly easy to launch my e-commerce store. The templates are stunning, and the drag-and-drop editor is a dream to use. My sales have never been better!", - name: "Sarah Johnson", - role: "CEO, EcoGlow Organics", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg", - imageAlt: "Sarah Johnson, CEO of EcoGlow Organics", - }, + id: "1", title: "Transformed My Online Presence Overnight!", quote: "Webild made it incredibly easy to launch my e-commerce store. The templates are stunning, and the drag-and-drop editor is a dream to use. My sales have never been better!", name: "Sarah Johnson", role: "CEO, EcoGlow Organics", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg", imageAlt: "Sarah Johnson, CEO of EcoGlow Organics"}, { - id: "2", - title: "Professional Quality Without the High Cost", - quote: "As a small business owner, budget is key. Webild allowed me to create a professional website that rivals those built by expensive agencies, all within my budget and timeline.", - name: "Michael Chen", - role: "Owner, CityBikes Repair", - imageSrc: "http://img.b2bpic.net/free-photo/transgender-wearing-cool-jacket-medium-shot_23-2149105398.jpg", - imageAlt: "Michael Chen, Owner of CityBikes Repair", - }, + id: "2", title: "Professional Quality Without the High Cost", quote: "As a small business owner, budget is key. Webild allowed me to create a professional website that rivals those built by expensive agencies, all within my budget and timeline.", name: "Michael Chen", role: "Owner, CityBikes Repair", imageSrc: "http://img.b2bpic.net/free-photo/transgender-wearing-cool-jacket-medium-shot_23-2149105398.jpg", imageAlt: "Michael Chen, Owner of CityBikes Repair"}, { - id: "3", - title: "The Most Intuitive Builder I've Used", - quote: "I'm a designer, not a coder. Webild's platform perfectly bridged that gap, giving me full creative control and the ability to realize my vision without any technical hurdles.", - name: "Emily Rodriguez", - role: "Freelance Web Designer", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-african-man-isolated_171337-9759.jpg", - imageAlt: "Emily Rodriguez, Freelance Web Designer", - }, + id: "3", title: "The Most Intuitive Builder I've Used", quote: "I'm a designer, not a coder. Webild's platform perfectly bridged that gap, giving me full creative control and the ability to realize my vision without any technical hurdles.", name: "Emily Rodriguez", role: "Freelance Web Designer", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-african-man-isolated_171337-9759.jpg", imageAlt: "Emily Rodriguez, Freelance Web Designer"}, { - id: "4", - title: "Exceptional Support and Features", - quote: "Whenever I had a question, Webild's support team was quick, helpful, and friendly. The continuous updates and new features keep the platform fresh and powerful.", - name: "David Kim", - role: "Marketing Manager, Tech Innovators", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-hispanic-businessman-standing-arms-crossed-outside-office_662251-2067.jpg", - imageAlt: "David Kim, Marketing Manager at Tech Innovators", - }, + id: "4", title: "Exceptional Support and Features", quote: "Whenever I had a question, Webild's support team was quick, helpful, and friendly. The continuous updates and new features keep the platform fresh and powerful.", name: "David Kim", role: "Marketing Manager, Tech Innovators", imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-hispanic-businessman-standing-arms-crossed-outside-office_662251-2067.jpg", imageAlt: "David Kim, Marketing Manager at Tech Innovators"}, { - id: "5", - title: "From Idea to Live Site in Just Hours", - quote: "I had an idea for a blog and literally had it live within hours using Webild. The speed and ease are unmatched. Highly recommend to anyone looking to build a site fast.", - name: "Jessica Lee", - role: "Content Creator & Blogger", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-content-creator_23-2151912391.jpg", - imageAlt: "Jessica Lee, Content Creator", - }, + id: "5", title: "From Idea to Live Site in Just Hours", quote: "I had an idea for a blog and literally had it live within hours using Webild. The speed and ease are unmatched. Highly recommend to anyone looking to build a site fast.", name: "Jessica Lee", role: "Content Creator & Blogger", imageSrc: "http://img.b2bpic.net/free-photo/portrait-content-creator_23-2151912391.jpg", imageAlt: "Jessica Lee, Content Creator"}, ]} title="What Our Creators Are Saying" description="Hear directly from the people who are building their dreams with Webild." @@ -368,20 +207,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq1", - title: "How easy is it to build a website with Webild?", - content: "Webild features an intuitive drag-and-drop interface, making it incredibly easy for anyone to build a professional website. No coding skills are required!", - }, + id: "faq1", title: "How easy is it to build a website with Webild?", content: "Webild features an intuitive drag-and-drop interface, making it incredibly easy for anyone to build a professional website. No coding skills are required!"}, { - id: "faq2", - title: "Can I use my own domain name?", - content: "Yes, absolutely! You can connect your existing custom domain or purchase a new one directly through Webild. It's a seamless process.", - }, + id: "faq2", title: "Can I use my own domain name?", content: "Yes, absolutely! You can connect your existing custom domain or purchase a new one directly through Webild. It's a seamless process."}, { - id: "faq3", - title: "What kind of support does Webild offer?", - content: "We offer comprehensive support including an extensive knowledge base, video tutorials, and a dedicated customer support team available via chat and email to assist you every step of the way.", - }, + id: "faq3", title: "What kind of support does Webild offer?", content: "We offer comprehensive support including an extensive knowledge base, video tutorials, and a dedicated customer support team available via chat and email to assist you every step of the way."}, ]} imageSrc="http://img.b2bpic.net/free-photo/call-center-supervisor-providing-support-guidance-intern_482257-118020.jpg" imageAlt="Person interacting with a FAQ or customer support interface" @@ -398,8 +228,7 @@ export default function LandingPage() {