Update src/app/page.tsx

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
@@ -11,7 +11,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 
 export default function LandingPage() {
   return (
@@ -117,34 +117,31 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+      <TestimonialCardTen
+      title="Client Stories"
+      description="Hear from our satisfied gentlemen about their experience at Elite Cut."
+      textboxLayout="split"
       useInvertedBackground={false}
-      testimonial="The best experience I've ever had at a barbershop. Clean, professional, and the cut was perfect."
-      rating={5}
-      author="Marcus R."
-      avatars={[
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j53i2a", alt: "Client 1" },
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g99x4z", alt: "Client 2" },
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=meqisn", alt: "Client 3" },
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6uqv02", alt: "Client 4" },
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z0h13l", alt: "Client 5" },
+      testimonials={[
+        { id: "t1", title: "Excellent Service", quote: "The best fade I've had in years. Professional and precise.", name: "Marcus R.", role: "Regular Client" },
+        { id: "t2", title: "Top Tier", quote: "Professional shop with a great atmosphere. Highly recommended.", name: "Jason K.", role: "Regular Client" },
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqSplitMedia
       useInvertedBackground={false}
       faqs={[
-        { id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend booking in advance to secure your preferred time." },
-        { id: "q2", title: "Are products available for sale?", content: "Absolutely, check out our selection of premium grooming products at the front desk." },
-        { id: "q3", title: "Do you offer beard services?", content: "Yes, we provide full beard sculpting and shaving treatments." },
+        { id: "q1", title: "Do I need an appointment?", content: "Yes, we highly recommend booking in advance to ensure availability for your preferred stylist." },
+        { id: "q2", title: "How often should I get a cut?", content: "For maintaining your style and fade, we recommend visiting us every 2 to 3 weeks." },
+        { id: "q3", title: "Do you handle beard grooming?", content: "Absolutely! We offer beard trims, straight-razor shaping, and hot towel treatments." },
       ]}
-      sideTitle="Common Questions"
-      sideDescription="Everything you need to know about our services and booking."
+      title="Common Questions"
+      description="Find answers to frequently asked questions about our grooming services."
+      mediaAnimation="slide-up"
       faqsAnimation="slide-up"
+      textboxLayout="split"
     />
   </div>
 
@@ -153,31 +150,32 @@ export default function LandingPage() {
       useInvertedBackground={false}
       background={{ variant: "sparkles-gradient" }}
       tag="Booking"
-      title="Book Your Seat"
-      description="Ready for your next fresh look? Drop your email and we'll reach out to schedule."
+      title="Schedule Your Visit"
+      description="Book your spot easily via our online system or call us directly during business hours."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        { title: "Links", items: [
+        { title: "Quick Links", items: [
             { label: "About", href: "#about" },
             { label: "Services", href: "#features" },
             { label: "Team", href: "#team" },
           ]
         },
-        { title: "Connect", items: [
-            { label: "Instagram", href: "#" },
-            { label: "Twitter", href: "#" },
+        { title: "Salon Info", items: [
+            { label: "Mon-Fri: 9am-8pm" },
+            { label: "Sat-Sun: 10am-6pm" },
+            { label: "123 Grooming St, City" },
           ]
         },
       ]}
       bottomLeftText="© 2024 Elite Cut"
-      bottomRightText="Built with precision."
+      bottomRightText="Grooming Excellence."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}