bender/e7dba90c-b83d-45f0-9d13-03bafbc2110f
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 11:11:15 +00:00
parent 759b78c3ec
commit d2d514d0a6
1 changed files with 72 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Sparkles, Zap, Heart, DollarSign, Headphones, Shield, CheckCircle, Star, Crown, Users, CreditCard, HelpCircle } from "lucide-react";
import { Sparkles, Zap, Heart, DollarSign, Headphones, Shield, CheckCircle, Star, Crown } from "lucide-react";
export default function HomePage() {
return (
@@ -34,6 +34,7 @@ export default function HomePage() {
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Blog", id: "https://blog.webild.io" },
]}
/>
</div>
@@ -44,24 +45,29 @@ export default function HomePage() {
description="Webild empowers businesses to build professional, stunning websites in minutes. No coding required. No expensive designers needed. Just your vision and our platform."
tag="Website Builder"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
tagAnimation="entrance-slide"
background={{ variant: "circleGradient" }}
buttons={[
{ text: "Start Building Free", href: "https://app.webild.io/signup" },
{ text: "View Demo", href: "https://demo.webild.io" },
]}
buttonAnimation="slide-up"
buttonAnimation="entrance-slide"
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-modern-website-builder-dashboard-inter-1772535454095-6526caf3.png", imageAlt: "Website builder dashboard interface"},
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-modern-website-builder-dashboard-inter-1772535454095-6526caf3.png", imageAlt: "Website builder dashboard interface"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-template-selection-screen-for-a-websit-1772535454562-bb2403f8.png", imageAlt: "Template selection screen"},
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-template-selection-screen-for-a-websit-1772535454562-bb2403f8.png", imageAlt: "Template selection screen"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-website-design-editor-workspace-showin-1772535453586-6b6ebe2c.png", imageAlt: "Design editor with drag-and-drop"},
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-website-design-editor-workspace-showin-1772535453586-6b6ebe2c.png", imageAlt: "Design editor with drag-and-drop"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-responsive-preview-mockup-showing-a-we-1772535454661-8cd1a108.png", imageAlt: "Mobile responsive preview"},
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-responsive-preview-mockup-showing-a-we-1772535454661-8cd1a108.png", imageAlt: "Mobile responsive preview"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-website-publishing-and-deployment-inte-1772535453460-c4402e14.png", imageAlt: "Publishing and deployment"},
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-website-publishing-and-deployment-inte-1772535453460-c4402e14.png", imageAlt: "Publishing and deployment"},
]}
ariaLabel="Website builder hero section showcasing platform capabilities"
useInvertedBackground={false}
@@ -72,30 +78,42 @@ export default function HomePage() {
<div id="features" data-section="features">
<FeatureCardTwentySeven
title="Powerful Features for Every Business"
description="Everything you need to build, launch, and manage your online presence—all in one intuitive platform."
description="Save 80% on design costs and launch your website in days. Get professional results without the expensive designer price tag or months of development time."
tag="Core Features"
tagIcon={Zap}
tagAnimation="slide-up"
tagAnimation="entrance-slide"
features={[
{
id: "drag-drop", title: "Drag & Drop Editor", description: "Build your website with our intuitive drag-and-drop interface. No coding knowledge required. Simply drag elements, customize, and watch your site come to life in real-time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/an-illustration-of-a-drag-and-drop-inter-1772535455944-799c39ff.png", imageAlt: "Drag and drop editor interface"},
id: "drag-drop", title: "Drag & Drop Editor", description:
"Build your website with our intuitive drag-and-drop interface. No coding knowledge required. Simply drag elements, customize, and watch your site come to life in real-time.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/an-illustration-of-a-drag-and-drop-inter-1772535455944-799c39ff.png", imageAlt: "Drag and drop editor interface"},
{
id: "templates", title: "500+ Templates", description: "Choose from hundreds of professionally designed templates for any industry. Each template is fully customizable and mobile-responsive, ready to match your brand identity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-colorful-showcase-of-multiple-website--1772535453828-71ae5d85.png", imageAlt: "Template gallery showcase"},
id: "templates", title: "500+ Templates", description:
"Choose from hundreds of professionally designed templates for any industry. Each template is fully customizable and mobile-responsive, ready to match your brand identity.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-colorful-showcase-of-multiple-website--1772535453828-71ae5d85.png", imageAlt: "Template gallery showcase"},
{
id: "mobile-responsive", title: "Mobile Responsive", description: "Your website looks perfect on every device. Our adaptive layouts automatically adjust to phones, tablets, and desktops, ensuring a seamless user experience across platforms.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-visual-representation-of-responsive-we-1772535454111-77571799.png", imageAlt: "Mobile responsive design preview"},
id: "mobile-responsive", title: "Mobile Responsive", description:
"Your website looks perfect on every device. Our adaptive layouts automatically adjust to phones, tablets, and desktops, ensuring a seamless user experience across platforms.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-visual-representation-of-responsive-we-1772535454111-77571799.png", imageAlt: "Mobile responsive design preview"},
{
id: "seo-optimized", title: "SEO Optimized", description: "Built-in SEO tools help your website rank higher in search results. Meta tags, sitemap generation, and optimization recommendations are all included to boost your visibility.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-dashboard-or-report-showing-seo-analyt-1772535455631-990e1b30.png", imageAlt: "SEO analytics and tools dashboard"},
id: "seo-optimized", title: "SEO Optimized", description:
"Built-in SEO tools help your website rank higher in search results. Meta tags, sitemap generation, and optimization recommendations are all included to boost your visibility.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-dashboard-or-report-showing-seo-analyt-1772535455631-990e1b30.png", imageAlt: "SEO analytics and tools dashboard"},
{
id: "analytics", title: "Built-in Analytics", description: "Track visitor behavior, conversion rates, and key metrics with integrated analytics. Understand your audience and make data-driven decisions to grow your business.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-comprehensive-analytics-dashboard-show-1772535453963-1471b164.png", imageAlt: "Analytics dashboard with charts and metrics"},
id: "analytics", title: "Built-in Analytics", description:
"Track visitor behavior, conversion rates, and key metrics with integrated analytics. Understand your audience and make data-driven decisions to grow your business.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-comprehensive-analytics-dashboard-show-1772535453963-1471b164.png", imageAlt: "Analytics dashboard with charts and metrics"},
{
id: "e-commerce", title: "E-Commerce Ready", description: "Sell products directly from your website. Built-in shopping cart, payment processing, and inventory management make it easy to turn visitors into customers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/an-e-commerce-product-page-builder-inter-1772535454178-e707151c.png", imageAlt: "E-commerce product page setup"},
id: "e-commerce", title: "E-Commerce Ready", description:
"Sell products directly from your website. Built-in shopping cart, payment processing, and inventory management make it easy to turn visitors into customers.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/an-e-commerce-product-page-builder-inter-1772535454178-e707151c.png", imageAlt: "E-commerce product page setup"},
]}
gridVariant="uniform-3-items"
gridVariant="uniform-4-items"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
buttons={[{ text: "Explore All Features", href: "/features" }]}
buttonAnimation="slide-up"
buttonAnimation="entrance-slide"
/>
</div>
@@ -105,80 +123,43 @@ export default function HomePage() {
description="We believe building a website should be simple, affordable, and accessible to everyone. Webild removes the barriers that have traditionally kept small businesses from having an online presence."
tag="Our Mission"
tagIcon={Heart}
tagAnimation="slide-up"
tagAnimation="entrance-slide"
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/an-inspiring-image-of-a-diverse-team-of--1772535453883-47f0bf1c.png"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/an-inspiring-image-of-a-diverse-team-of--1772535453883-47f0bf1c.png?_wi=1"
imageAlt="Team collaboration and success"
bulletPoints={[
{
title: "Affordable Pricing", description: "Get started for free. Upgrade only when you're ready. No hidden fees or long-term contracts.", icon: DollarSign,
title: "Affordable Pricing", description:
"Get started for free. Upgrade only when you're ready. No hidden fees or long-term contracts.", icon: DollarSign,
},
{
title: "Expert Support", description: "24/7 customer support via chat, email, and phone. Our team is always here to help you succeed.", icon: Headphones,
title: "Expert Support", description:
"24/7 customer support via chat, email, and phone. Our team is always here to help you succeed.", icon: Headphones,
},
{
title: "Lightning Fast", description: "Websites built on Webild load in seconds. We optimize performance so your visitors stay engaged.", icon: Zap,
title: "Lightning Fast", description:
"Websites built on Webild load in seconds. We optimize performance so your visitors stay engaged.", icon: Zap,
},
{
title: "Secure & Reliable", description: "Enterprise-grade security with SSL certificates, daily backups, and 99.9% uptime guarantee.", icon: Shield,
title: "Secure & Reliable", description:
"Enterprise-grade security with SSL certificates, daily backups, and 99.9% uptime guarantee.", icon: Shield,
},
]}
buttons={[{ text: "Learn More", href: "/about" }]}
buttonAnimation="slide-up"
buttonAnimation="entrance-slide"
mediaAnimation="blur-reveal"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
title="Simple, Transparent Pricing"
description="Choose the perfect plan for your business. All plans include our core features and 24/7 support."
tag="Pricing"
tagIcon={CreditCard}
tagAnimation="slide-up"
plans={[
{
id: "starter", badge: "Most Popular", badgeIcon: Star,
price: "$29/month", subtitle: "Perfect for small businesses", buttons: [
{
text: "Start Free Trial", href: "https://app.webild.io/signup?plan=starter"},
],
features: [
"Up to 5 websites", "500+ templates", "Mobile responsive design", "SSL certificate included", "Email support", "Basic analytics", "1GB storage", "Webild branding"],
},
{
id: "professional", badge: "Recommended", badgeIcon: Sparkles,
price: "$79/month", subtitle: "For growing businesses", buttons: [
{
text: "Start Free Trial", href: "https://app.webild.io/signup?plan=professional"},
],
features: [
"Unlimited websites", "All templates & custom designs", "Advanced e-commerce", "SSL certificate included", "Priority support", "Advanced analytics", "50GB storage", "Remove Webild branding", "Custom domain included"],
},
{
id: "enterprise", badge: "Premium", badgeIcon: Crown,
price: "Custom", subtitle: "For enterprises", buttons: [{ text: "Contact Sales", href: "/contact" }],
features: [
"Everything in Professional", "Dedicated account manager", "Custom integrations", "API access", "Priority 24/7 phone support", "Unlimited storage", "Custom branding options", "Team collaboration tools", "Advanced security features"],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
uniformGridCustomHeightClasses="min-h-[500px]"
buttonAnimation="slide-up"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Thousands of Businesses"
description="From startups to established companies, businesses worldwide trust Webild to power their online presence."
tag="Trusted Partners"
tagIcon={CheckCircle}
tagAnimation="slide-up"
tagAnimation="entrance-slide"
names={[
"TechStart Ventures", "Creative Studio Co", "Local Bakery Collective", "Digital Marketing Agency", "E-commerce Retailers", "Professional Services", "Healthcare Providers", "Educational Institutions"]}
logos={[
@@ -188,7 +169,7 @@ export default function HomePage() {
speed={40}
showCard={true}
buttons={[{ text: "See Success Stories", href: "/testimonials" }]}
buttonAnimation="slide-up"
buttonAnimation="entrance-slide"
/>
</div>
@@ -197,26 +178,38 @@ export default function HomePage() {
title="What Our Users Love About Webild"
description="Real stories from real businesses using Webild to transform their online presence."
tag="Testimonials"
tagIcon={Users}
tagAnimation="slide-up"
tagIcon={undefined}
tagAnimation="entrance-slide"
testimonials={[
{
id: "1", title: "Built Our Store in Days, Not Weeks", quote: "As a small bakery, we didn't have the budget for a custom website. Webild's templates were perfect. We launched our online store in 3 days and made our first sale within a week!", name: "Sarah Martinez", role: "Owner, Sweet Delights Bakery", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-portrait-of-a-wo-1772535453513-d68cffb3.png", imageAlt: "Sarah Martinez"},
id: "1", title: "Built Our Store in Days, Not Weeks", quote:
"As a small bakery, we didn't have the budget for a custom website. Webild's templates were perfect. We launched our online store in 3 days and made our first sale within a week!", name: "Sarah Martinez", role: "Owner, Sweet Delights Bakery", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-portrait-of-a-wo-1772535453513-d68cffb3.png?_wi=1", imageAlt: "Sarah Martinez"},
{
id: "2", title: "Finally, a Platform That Grows With Us", quote: "We started with Webild as a startup to showcase our portfolio. Two years later, we're running our entire business on it. The platform has evolved with our needs perfectly.", name: "Marcus Johnson", role: "Founder & CEO, Design Innovations Lab", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-portrait-of-a-ma-1772535452847-e51365c6.png", imageAlt: "Marcus Johnson"},
id: "2", title: "Finally, a Platform That Grows With Us", quote:
"We started with Webild as a startup to showcase our portfolio. Two years later, we're running our entire business on it. The platform has evolved with our needs perfectly.", name: "Marcus Johnson", role: "Founder & CEO, Design Innovations Lab", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-portrait-of-a-ma-1772535452847-e51365c6.png?_wi=1", imageAlt: "Marcus Johnson"},
{
id: "3", title: "Support Team Went Above and Beyond", quote: "I had zero technical skills, but the Webild support team guided me through every step. They made the process easy and actually enjoyable. Highly recommend!", name: "Jennifer Liu", role: "Consultant, Career Coaching Services", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-of-a-woman-in-he-1772535452429-96e507dc.png", imageAlt: "Jennifer Liu"},
id: "3", title: "Support Team Went Above and Beyond", quote:
"I had zero technical skills, but the Webild support team guided me through every step. They made the process easy and actually enjoyable. Highly recommend!", name: "Jennifer Liu", role: "Consultant, Career Coaching Services", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-of-a-woman-in-he-1772535452429-96e507dc.png?_wi=1", imageAlt: "Jennifer Liu"},
{
id: "4", title: "Cut Costs and Improved Performance", quote: "We switched from an expensive design agency to Webild. Not only did we save thousands, but our website loads faster and converts better. Best decision we made.", name: "Robert Chen", role: "Marketing Manager, TechGear Solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-of-a-man-in-his--1772535452599-9647d9b6.png", imageAlt: "Robert Chen"},
id: "4", title: "Cut Costs and Improved Performance", quote:
"We switched from an expensive design agency to Webild. Not only did we save thousands, but our website loads faster and converts better. Best decision we made.", name: "Robert Chen", role: "Marketing Manager, TechGear Solutions", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-of-a-man-in-his--1772535452599-9647d9b6.png", imageAlt: "Robert Chen"},
{
id: "5", title: "Scaled Without Technical Headaches", quote: "Managing multiple websites used to be a nightmare. With Webild's centralized dashboard, I manage 15 client sites easily. It's a game-changer for agencies.", name: "Amanda Rodriguez", role: "Agency Owner, Digital Growth Agency", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-of-a-woman-in-he-1772535453113-0672de4c.png", imageAlt: "Amanda Rodriguez"},
id: "5", title: "Scaled Without Technical Headaches", quote:
"Managing multiple websites used to be a nightmare. With Webild's centralized dashboard, I manage 15 client sites easily. It's a game-changer for agencies.", name: "Amanda Rodriguez", role: "Agency Owner, Digital Growth Agency", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-of-a-woman-in-he-1772535453113-0672de4c.png", imageAlt: "Amanda Rodriguez"},
{
id: "6", title: "The Best ROI on Our Software Investments", quote: "We measure everything at our company. Webild has the best ROI of any software we've invested in. The features and support are unmatched for the price.", name: "David Kim", role: "Business Operations Director, Global Logistics Partners", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-of-a-man-in-his--1772535453985-0407c289.png", imageAlt: "David Kim"},
id: "6", title: "The Best ROI on Our Software Investments", quote:
"We measure everything at our company. Webild has the best ROI of any software we've invested in. The features and support are unmatched for the price.", name: "David Kim", role: "Business Operations Director, Global Logistics Partners", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-headshot-of-a-man-in-his--1772535453985-0407c289.png", imageAlt: "David Kim"},
]}
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Read More Stories", href: "/case-studies" }]}
buttonAnimation="slide-up"
buttonAnimation="entrance-slide"
/>
</div>
@@ -229,4 +222,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}