Update src/app/page.tsx

src/app/page.tsx

@@ -2,16 +2,20 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+// New section component imports
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+// Existing locked section imports
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { Cloud, Code, Database, Lock, Server, Shield, Smartphone, Fingerprint, GitBranch, Sparkles, ArrowRight } from "lucide-react";
-import { Cloud, Code, Database, Lock, Server, Shield, Smartphone, Fingerprint, GitBranch } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -176,35 +180,32 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
+      <TestimonialCardTwelve
-      animationType="slide-up"
+      cardAnimation="slide-up"
-      textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",          name: "Sarah Johnson",          handle: "@TechInnovate",          testimonial: "Siyaphambili Systems transformed our outdated infrastructure into a seamless, high-performance environment. Their expertise is unmatched!",          rating: 5,
+          id: "t1",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-businessman_1163-3880.jpg",          imageAlt: "Sarah Johnson"},
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-businessman_1163-3880.jpg",          imageAlt: "Sarah Johnson"},
         {
-          id: "t2",          name: "Michael Chen",          handle: "@GlobalTech",          testimonial: "The cybersecurity solutions provided by Siyaphambili Systems gave us peace of mind. Their proactive approach saved us from potential threats.",          rating: 5,
+          id: "t2",          name: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",          imageAlt: "Michael Chen"},
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",          imageAlt: "Michael Chen"},
         {
-          id: "t3",          name: "Emily Rodriguez",          handle: "@GrowthCorp",          testimonial: "Our custom software project was delivered on time and exceeded expectations. The team's communication and dedication were exceptional.",          rating: 5,
+          id: "t3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman_23-2147626494.jpg",          imageAlt: "Emily Rodriguez"},
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman_23-2147626494.jpg",          imageAlt: "Emily Rodriguez"},
         {
-          id: "t4",          name: "David Kim",          handle: "@StartupGenius",          testimonial: "As a startup, we needed reliable IT support without breaking the bank. Siyaphambili provided exactly that, allowing us to focus on innovation.",          rating: 5,
+          id: "t4",          name: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",          imageAlt: "David Kim"},
-          imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",          imageAlt: "David Kim"},
         {
-          id: "t5",          name: "Jessica Lee",          handle: "@FutureForward",          testimonial: "Their cloud migration strategy was flawless. We experienced zero downtime and a significant boost in operational efficiency.",          rating: 5,
+          id: "t5",          name: "Jessica Lee",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-indicating-up_23-2148320014.jpg",          imageAlt: "Jessica Lee"},
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-indicating-up_23-2148320014.jpg",          imageAlt: "Jessica Lee"},
+      ]}
+      cardTitle="Hear from businesses that have experienced significant transformation and success with Siyaphambili Systems Pvt Ltd."
+      cardTag="What Our Clients Say"
+      cardTagIcon={Sparkles}
+      buttons={[
+          { text: "View All Success Stories", href: "#contact" }
       ]}
-      showRating={true}
-      title="What Our Clients Say"
-      description="Hear from businesses that have experienced significant transformation and success with Siyaphambili Systems Pvt Ltd."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
@@ -224,25 +225,40 @@ export default function LandingPage() {
       title="Frequently Asked Questions"
       description="Find answers to common questions about our services, support, and partnership opportunities."
       faqsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/young-man-asking-question-lightbulb-thought-icon_53876-133596.jpg"
+      imageAlt="Person asking a question with a thought bubble icon"
+      mediaAnimation="slide-up"
+      mediaPosition="right"
+      buttons={[
+        { text: "Contact Support", href: "#contact", icon: ArrowRight },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplitForm
       useInvertedBackground={false}
-      background={{
+      mediaPosition="left"
-        variant: "radial-gradient"}}
-      tag="Contact Us"
       title="Get in Touch with Siyaphambili"
       description="Ready to elevate your IT infrastructure? Contact us today to discuss your project and discover how we can help."
-      inputPlaceholder="Your Email Address"
+      inputs={[
+          { name: "name", type: "text", placeholder: "Your Name", required: true },
+          { name: "email", type: "email", placeholder: "Your Email Address", required: true }
+      ]}
+      textarea={{
+          name: "message",          placeholder: "Your Message",          rows: 5,
+          required: true
+      }}
       buttonText="Send Message"
-      termsText="By submitting your details, you agree to our Privacy Policy and Terms of Service."
+      imageSrc="http://img.b2bpic.net/free-photo/male-hand-writing-notebook-table_482257-2273.jpg"
+      imageAlt="Person writing in a notebook"
+      mediaAnimation="slide-up"
+      onSubmit={(data) => console.log("Contact form submitted:", data)}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseReveal
       columns={[
         {
           title: "Solutions",          items: [
@@ -252,7 +268,7 @@ export default function LandingPage() {
               label: "Cybersecurity",              href: "#services"},
             {
               label: "Software Development",              href: "#services"},
-          ],
+          ]
         },
         {
           title: "Company",          items: [
@@ -262,7 +278,7 @@ export default function LandingPage() {
               label: "Clients",              href: "#testimonials"},
             {
               label: "Careers",              href: "#"},
-          ],
+          ]
         },
         {
           title: "Support",          items: [
@@ -272,8 +288,8 @@ export default function LandingPage() {
               label: "Contact",              href: "#contact"},
             {
               label: "Service Status",              href: "#"},
-          ],
+          ]
-        },
+        }
       ]}
       logoText="Siyaphambili Systems"
       copyrightText="© 2024 Siyaphambili Systems Pvt Ltd. All rights reserved."