src/app/page.tsx

@@ -5,9 +5,9 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 const navItems = [{ name: "Home", id: "/" }];
@@ -59,37 +59,38 @@ export default function HomePage() {
         />
       </div>
       <div id="faq" data-section="faq">
-        <FaqSplitText 
-          faqs={[{ id: "1", title: "How do I start?", content: "Contact us today!" }, { id: "2", title: "Pricing?", content: "Custom quotes." }]}
-          sideTitle="FAQ"
+        <FaqSplitMedia 
+          title="Frequently Asked Questions"
+          description="Everything you need to know about our services."
+          faqs={[{ id: "1", title: "How do I start?", content: "Contact us today!" }, { id: "2", title: "Pricing?", content: "Custom quotes." }]} 
           faqsAnimation="slide-up"
+          textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFifteen 
-          testimonial="Best team ever!" 
-          rating={5} 
-          author="John Smith" 
-          avatars={[{ src: "/avatar.jpg", alt: "Author" }]} 
-          ratingAnimation="slide-up" 
-          avatarsAnimation="slide-up" 
+        <TestimonialCardSixteen 
+          title="Client Success Stories"
+          description="See how we help businesses grow."
+          testimonials={[{ id: "1", name: "John Smith", role: "CEO", company: "Tech Corp", rating: 5 }]}
+          kpiItems={[{ value: "100+", label: "Projects Completed" }, { value: "98%", label: "Client Satisfaction" }, { value: "50+", label: "Happy Clients" }]}
+          animationType="slide-up"
+          textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">
-        <ContactCenter 
-          tag="Contact" 
-          title="Get in touch" 
-          description="Let's build something great." 
-          background={{ variant: "plain" }}
+        <ContactSplitForm 
+          title="Let's Get Started"
+          description="Reach out to us to begin your journey."
+          inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]} 
           useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterBaseReveal 
           logoText="Webild" 
-          columns={[{ title: "Navigate", items: [{ label: "Home", href: "/" }] }]}
+          columns={[{ title: "Navigate", items: [{ label: "Home", href: "/" }] }]} 
         />
       </div>
     </ThemeProvider>