Update src/app/page.tsx

This commit is contained in:
2026-03-03 11:17:48 +00:00
parent bc6c8966a2
commit 06b07741b4

View File

@@ -1,14 +1,16 @@
"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 } from "lucide-react";
import { Sparkles, Zap, Heart, DollarSign, Headphones, Shield, CheckCircle, Star, Crown } from "lucide-react";
export default function HomePage() {
return (
@@ -29,9 +31,9 @@ export default function HomePage() {
brandName="Webild"
navItems={[
{ name: "Features", id: "features" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Blog", id: "https://blog.webild.io" },
]}
/>
@@ -43,13 +45,13 @@ 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: "plain" }}
tagAnimation="blur-reveal"
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"
buttonAnimation="blur-reveal"
mediaItems={[
{
imageSrc:
@@ -74,10 +76,10 @@ 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="blur-reveal"
features={[
{
id: "drag-drop", title: "Drag & Drop Editor", description:
@@ -104,12 +106,12 @@ export default function HomePage() {
"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="four-items-2x2-equal-grid"
animationType="slide-up"
gridVariant="uniform-3-items"
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground="noInvert"
buttons={[{ text: "Explore All Features", href: "/features" }]}
buttonAnimation="slide-up"
buttonAnimation="blur-reveal"
/>
</div>
@@ -119,7 +121,7 @@ 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="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
@@ -144,7 +146,7 @@ export default function HomePage() {
},
]}
buttons={[{ text: "Learn More", href: "/about" }]}
buttonAnimation="slide-up"
buttonAnimation="blur-reveal"
mediaAnimation="blur-reveal"
/>
</div>
@@ -155,7 +157,7 @@ export default function HomePage() {
description="From startups to established companies, businesses worldwide trust Webild to power their online presence."
tag="Trusted Partners"
tagIcon={CheckCircle}
tagAnimation="slide-up"
tagAnimation="blur-reveal"
names={[
"TechStart Ventures", "Creative Studio Co", "Local Bakery Collective", "Digital Marketing Agency", "E-commerce Retailers", "Professional Services", "Healthcare Providers", "Educational Institutions"]}
logos={[
@@ -165,7 +167,7 @@ export default function HomePage() {
speed={40}
showCard={true}
buttons={[{ text: "See Success Stories", href: "/testimonials" }]}
buttonAnimation="slide-up"
buttonAnimation="blur-reveal"
/>
</div>
@@ -174,7 +176,8 @@ 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"
tagAnimation="slide-up"
tagIcon={undefined}
tagAnimation="blur-reveal"
testimonials={[
{
id: "1", title: "Built Our Store in Days, Not Weeks", quote:
@@ -204,7 +207,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Read More Stories", href: "/case-studies" }]}
buttonAnimation="slide-up"
buttonAnimation="blur-reveal"
/>
</div>