From 06b07741b429de7ab014ef39acc72e9afd685e1b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 11:17:48 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 39 +++++++++++++++++++++------------------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 72522f0..8d34a90 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>