232 lines
19 KiB
TypeScript
232 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from "next/link";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
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";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Webild"
|
|
navItems={[
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Create Beautiful Websites Without Code"
|
|
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" }}
|
|
buttons={[
|
|
{ text: "Start Building Free", href: "https://app.webild.io/signup" },
|
|
{ text: "View Demo", href: "https://demo.webild.io" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
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-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-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"},
|
|
]}
|
|
ariaLabel="Website builder hero section showcasing platform capabilities"
|
|
useInvertedBackground={false}
|
|
textboxLayout="default"
|
|
/>
|
|
</div>
|
|
|
|
<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."
|
|
tag="Core Features"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
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: "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: "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: "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"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[{ text: "Explore All Features", href: "/features" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Why Choose Webild?"
|
|
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"
|
|
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"
|
|
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: "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: "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"
|
|
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"
|
|
names={[
|
|
"TechStart Ventures", "Creative Studio Co", "Local Bakery Collective", "Digital Marketing Agency", "E-commerce Retailers", "Professional Services", "Healthcare Providers", "Educational Institutions"]}
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-modern-minimalist-technology-company-l-1772535452969-85123474.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-creative-and-artistic-logo-for-creativ-1772535453010-6d4e4def.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-warm-and-inviting-logo-for-local-baker-1772535453090-626a0fa8.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-and-strategic-logo-for-di-1772535453746-c0f8ad0d.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-dynamic-logo-for-e-commerce-retailers--1772535452363-406783c3.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-sophisticated-logo-for-professional-se-1772535454384-6134a7e5.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-trusted-and-professional-logo-for-heal-1772535452573-4f93c73f.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/an-inspirational-logo-for-educational-in-1772535452687-609252cf.png"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
buttons={[{ text: "See Success Stories", href: "/testimonials" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
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"
|
|
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: "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: "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: "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: "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"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Webild"
|
|
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
|
|
rightLink={{ text: "Terms of Service", href: "/terms" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |