Merge version_3 into main

Merge version_3 into main

src/app/layout.tsx

@@ -1421,4 +1421,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -5,10 +5,10 @@ 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 TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { Twitter, Linkedin, Github, Phone } from 'lucide-react';
 
 export default function LandingPage() {
@@ -56,7 +56,7 @@ export default function LandingPage() {
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/a-beautiful-modern-website-landing-page--1772833274162-e53248a8.png",              imageAlt: "Modern website design showcase"
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/a-sleek-web-design-dashboard-showing-web-1772833274055-9bce41a0.png?_wi=1",              imageAlt: "Website builder dashboard interface"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/a-sleek-web-design-dashboard-showing-web-1772833274055-9bce41a0.png",              imageAlt: "Website builder dashboard interface"
             },
             {
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/professional-website-examples-and-templa-1772833274970-e611b54a.png",              imageAlt: "Website portfolio gallery templates"
@@ -108,52 +108,43 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSixteen
+        <TestimonialCardOne
           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/uploaded-1772834233029-t9tbqifj.png",              imageAlt: "Sarah Johnson portrait"
+              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"
             },
             {
               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/uploaded-1772834233030-7796lb6j.png",              imageAlt: "Michael Chen portrait"
+              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"
             },
             {
               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/uploaded-1772834233030-dn76whdg.png",              imageAlt: "Emily Rodriguez portrait"
+              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"
             },
             {
               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/uploaded-1772834233030-mthbdbgy.png",              imageAlt: "David Kim portrait"
+              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"
             }
           ]}
-          kpiItems={[
-            { value: "4,000+", label: "Websites Created" },
-            { value: "98%", label: "Customer Satisfaction" },
-            { value: "2M+", label: "Daily Visitors" }
-          ]}
         />
       </div>
 
       <div id="faq" data-section="faq">
-        <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"
+        <FaqSplitText
+          sideTitle="Frequently Asked Questions"
+          sideDescription="Find answers to common questions about Webild and how we help you build amazing websites."
+          textPosition="left"
           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?_wi=2"
-          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."
@@ -181,20 +172,20 @@ export default function LandingPage() {
         <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: "1",              title: "Do I need a credit card to get started?",              content: "No! You can start building for free without providing any payment information. Upgrade to a paid plan only when you're ready to access premium features."
             },
             {
-              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: "2",              title: "Can I export my website?",              content: "Yes, you can export your website code and host it anywhere you prefer. We also offer managed hosting if you'd like us to handle that for you."
             },
             {
-              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: "3",              title: "What kind of support do you offer?",              content: "We provide email support, live chat, comprehensive documentation, and video tutorials. Priority support is available with premium plans."
             },
             {
-              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."
+              id: "4",              title: "How often do you add new features?",              content: "We continuously improve Webild based on user feedback. New features and templates are added regularly to keep your website options fresh and modern."
             }
           ]}
           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."
+          ctaDescription="Join thousands of creators, entrepreneurs, and businesses who are building their online presence with Webild. Start for free today."
           ctaButton={{ text: "Get Started Free", href: "https://webild.io" }}
           ctaIcon={Phone}
           useInvertedBackground={false}
@@ -203,16 +194,36 @@ export default function LandingPage() {
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterCard
+        <FooterMedia
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772834250645-amf3eecy.png"
+          imageAlt="Webild footer background"
           logoText="Webild"
           copyrightText="© 2025 Webild. All rights reserved. Ideas become websites."
-          socialLinks={[
-            { icon: Twitter, href: "https://twitter.com/webild", ariaLabel: "Twitter" },
-            { icon: Linkedin, href: "https://linkedin.com/company/webild", ariaLabel: "LinkedIn" },
-            { icon: Github, href: "https://github.com/webild", ariaLabel: "GitHub" }
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Features", href: "features" },
+                { label: "Pricing", href: "https://webild.io/pricing" },
+                { label: "Templates", href: "https://webild.io/templates" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About", href: "https://webild.io/about" },
+                { label: "Blog", href: "https://webild.io/blog" },
+                { label: "Careers", href: "https://webild.io/careers" }
+              ]
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Documentation", href: "https://webild.io/docs" },
+                { label: "Support", href: "https://webild.io/support" },
+                { label: "Community", href: "https://webild.io/community" }
+              ]
+            }
           ]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}