Update src/app/page.tsx

This commit is contained in:
2026-03-03 11:22:36 +00:00
parent dd7eda4f20
commit 14eb06098f

View File

@@ -1,16 +1,14 @@
"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 } from "lucide-react";
import { Sparkles, Zap, Heart, DollarSign, Headphones, Shield, CheckCircle } from "lucide-react";
export default function HomePage() {
return (
@@ -54,20 +52,15 @@ export default function HomePage() {
buttonAnimation="blur-reveal"
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"
/>
@@ -82,29 +75,17 @@ export default function HomePage() {
tagAnimation="blur-reveal"
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-4-items"
animationType="blur-reveal"
@@ -125,24 +106,20 @@ export default function HomePage() {
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?_wi=1"
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: "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" }]}
@@ -180,29 +157,17 @@ export default function HomePage() {
tagAnimation="blur-reveal"
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?_wi=1", 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", 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?_wi=1", 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", 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?_wi=1", 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", 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}