Update src/app/page.tsx

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import { Calendar, Music, ShieldCheck, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -35,8 +35,8 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "hero" },
         { name: "Services", id: "features" },
-        { name: "Reviews", id: "testimonials" },
-        { name: "Contact", id: "contact" },
+        { name: "Community", id: "testimonials" },
+        { name: "Support", id: "contact" },
       ]}
       brandName="PartyFind"
     />
@@ -146,20 +146,18 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
+      <TestimonialCardTwelve
+      cardTitle="Join Our Community"
+      cardTag="Testimonials"
+      cardAnimation="slide-up"
       useInvertedBackground={true}
       testimonials={[
-        { id: "1", name: "Alice T.", role: "Organizer", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg" },
-        { id: "2", name: "Robert M.", role: "Host", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-interacting-while-using-digital-tablet_1170-831.jpg" },
-        { id: "3", name: "Sarah J.", role: "Mom", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg" },
-        { id: "4", name: "David L.", role: "Manager", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg" },
-        { id: "5", name: "Karen B.", role: "Organizer", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-couple-date-night_23-2149131750.jpg" },
+        { id: "1", name: "Alice T.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg" },
+        { id: "2", name: "Robert M.", imageSrc: "http://img.b2bpic.net/free-photo/couple-interacting-while-using-digital-tablet_1170-831.jpg" },
+        { id: "3", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg" },
+        { id: "4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg" },
+        { id: "5", name: "Karen B.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-couple-date-night_23-2149131750.jpg" },
       ]}
-      title="Voices of the Party"
-      description="What our customers are saying."
     />
   </div>
 
@@ -168,51 +166,52 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Microsoft", "Google", "Airbnb", "Spotify", "Netflix", "Adobe", "Intel"]}
-      title="Trusted Partners"
-      description="We work with top-tier industry brands."
+        "Privacy Shield Certified", "GDPR Compliant", "Secure Data Protocols", "Trusted by Partners", "Encrypted Planning"]
+      }
+      title="Privacy & Security First"
+      description="We protect your data and privacy with enterprise-grade standards."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={true}
+      <FaqSplitText
       faqs={[
-        { id: "f1", title: "How do I book?", content: "Simply choose a package and follow the booking flow." },
-        { id: "f2", title: "Are vendors verified?", content: "Yes, all our partners undergo a strict background check." },
-        { id: "f3", title: "Can I cancel?", content: "Cancellations are accepted up to 48 hours before the event." },
+        { id: "f1", title: "How is my data protected?", content: "We utilize end-to-end encryption to secure your event details." },
+        { id: "f2", title: "Are vendors vetted?", content: "Yes, all vendors pass mandatory privacy and security checks." },
+        { id: "f3", title: "Is my planning private?", content: "Your event details are strictly confidential and shared only with selected providers." },
       ]}
-      title="Common Questions"
-      description="Need more help? Here are some answers."
+      sideTitle="FAQs & Privacy"
+      sideDescription="Answers about our commitment to user security."
       faqsAnimation="slide-up"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
+      <ContactCenter
+      tag="Get in Touch"
+      title="Connect with Our Team"
+      description="Need assistance with planning or have privacy questions? Our team is here to help."
       background={{ variant: "gradient-bars" }}
-      text="Ready to host your next amazing event? Get in touch with our expert planning team today and let's bring your vision to life."
-      buttons={[{ text: "Contact Support", href: "#" }]}
+      useInvertedBackground={false}
+      onSubmit={(email) => console.log("User engagement:", email)}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-texture-with-lights_1017-5789.jpg"
+      <FooterBase
       logoText="PartyFind"
       columns={[
         {
-          title: "Services",          items: [
-            { label: "Venues", href: "#" },
-            { label: "Entertainment", href: "#" },
+          title: "Explore",          items: [
+            { label: "Our Community", href: "#testimonials" },
+            { label: "Security & Privacy", href: "#faq" },
           ],
         },
         {
-          title: "Company",          items: [
-            { label: "About Us", href: "#" },
-            { label: "Careers", href: "#" },
+          title: "Support",          items: [
+            { label: "Contact Us", href: "#contact" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}