From be4e8fd579dac49e421c55f6df2aefbe7b36cf42 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 6 Mar 2026 21:58:00 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c52c67f..b1ba3d2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,11 +5,11 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Twitter, Linkedin, Github } from 'lucide-react';
+import { Twitter, Linkedin, Github, Phone } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -108,44 +108,52 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne
+        <TestimonialCardSixteen
           title="What Our Users Say"
           description="Join thousands of satisfied users who have transformed their ideas into stunning websites."
           tag="Testimonials"
-          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           testimonials={[
             {
               id: "1",              name: "Sarah Johnson",              role: "Founder",              company: "Creative Studio",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/professional-headshot-of-a-confident-ent-1772833275397-4ce15d64.png",              imageAlt: "Sarah Johnson portrait"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772834233029-t9tbqifj.png",              imageAlt: "Sarah Johnson portrait"
             },
             {
               id: "2",              name: "Michael Chen",              role: "Marketing Director",              company: "Growth Agency",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/professional-headshot-of-a-creative-prof-1772833272998-5c8e6d7b.png",              imageAlt: "Michael Chen portrait"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772834233030-7796lb6j.png",              imageAlt: "Michael Chen portrait"
             },
             {
               id: "3",              name: "Emily Rodriguez",              role: "Entrepreneur",              company: "Digital Ventures",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/professional-headshot-of-a-business-lead-1772833272983-079f2adf.png",              imageAlt: "Emily Rodriguez portrait"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772834233030-dn76whdg.png",              imageAlt: "Emily Rodriguez portrait"
             },
             {
               id: "4",              name: "David Kim",              role: "Product Manager",              company: "Tech Startup",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/professional-headshot-of-a-creative-entr-1772833273175-bc512ada.png",              imageAlt: "David Kim portrait"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772834233030-mthbdbgy.png",              imageAlt: "David Kim portrait"
             }
           ]}
+          kpiItems={[
+            { value: "4,000+", label: "Websites Created" },
+            { value: "98%", label: "Customer Satisfaction" },
+            { value: "2M+", label: "Daily Visitors" }
+          ]}
         />
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqDouble
+        <FaqSplitMedia
           title="Frequently Asked Questions"
           description="Find answers to common questions about Webild and how we help you build amazing websites."
           tag="Help & Support"
           textboxLayout="default"
           useInvertedBackground={false}
           faqsAnimation="slide-up"
+          mediaAnimation="slide-up"
           animationType="smooth"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/a-sleek-web-design-dashboard-showing-web-1772833274055-9bce41a0.png"
+          imageAlt="FAQ help center"
+          mediaPosition="left"
           faqs={[
             {
               id: "1",              title: "Do I need coding skills to use Webild?",              content: "No, not at all! Webild is designed for everyone. Our intuitive no-code interface makes it easy for beginners, while advanced users enjoy powerful customization options. You don't need any technical skills to create a professional website."
@@ -170,15 +178,27 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Get Started"
-          title="Ready to Launch Your Website?"
-          description="Join thousands of creators, entrepreneurs, and businesses who are building their online presence with Webild. Start for free today."
-          background={{ variant: "gradient-bars" }}
+        <ContactFaq
+          faqs={[
+            {
+              id: "1",              title: "What's included in my plan?",              content: "All Webild plans include unlimited website creation, hundreds of templates, mobile optimization, SEO tools, analytics, and 24/7 customer support. Premium plans unlock advanced features like e-commerce, API access, and white-label options."
+            },
+            {
+              id: "2",              title: "Do you offer a free trial?",              content: "Yes! We offer a 14-day free trial with full access to all features. No credit card required to start. After the trial, choose a plan that works for you or continue with our free tier for basic website creation."
+            },
+            {
+              id: "3",              title: "Can I cancel anytime?",              content: "Absolutely! There are no long-term contracts. You can cancel or upgrade your plan at any time. If you cancel, your website remains live until you choose to delete it."
+            },
+            {
+              id: "4",              title: "Is there enterprise support available?",              content: "Yes, we offer dedicated enterprise support with priority assistance, custom integrations, and tailored solutions for large teams. Contact our sales team to discuss enterprise options."
+            }
+          ]}
+          ctaTitle="Ready to Launch Your Website?"
+          ctaDescription="Join thousands of creators building their online presence with Webild. Start for free today with no credit card required."
+          ctaButton={{ text: "Get Started Free", href: "https://webild.io" }}
+          ctaIcon={Phone}
           useInvertedBackground={false}
-          inputPlaceholder="Enter your email"
-          buttonText="Get Started Free"
-          termsText="Start building immediately. No credit card required. Upgrade anytime."
+          animationType="slide-up"
         />
       </div>