Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -13,7 +13,7 @@ import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Scissors, Users, MessageSquareText, HelpCircle, Sparkles, ShoppingBag, Phone, Mail, MapPin, Clock, Brush, GripVertical } from "lucide-react";
+import { Scissors, Users, MessageSquareText, HelpCircle, Sparkles, ShoppingBag, Phone, Mail, MapPin, Clock, Brush, GripVertical, CalendarDays } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -88,9 +88,9 @@ export default function LandingPage() {
         {
           imageSrc: "http://img.b2bpic.net/free-photo/man-barber-shop_1048-22010.jpg",          imageAlt: "Stylish man relaxing in a barbershop chair"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior-style_1048-22005.jpg",          imageAlt: "Modern barbershop interior with classic chairs"},
+          imageSrc: "http://img.b2bpic.net/free-photo/barber-cutting-hair-clipper-close-up_1048-22021.jpg",          imageAlt: "Close-up of a barber cutting hair with clippers"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior-design_1048-22003.jpg?_wi=1",          imageAlt: "Warm and inviting barbershop design"},
+          imageSrc: "http://img.b2bpic.net/free-photo/barber-scissors-and-comb-on-hair_1048-22022.jpg",          imageAlt: "Barber's scissors and comb during a haircut"}
       ]}
     />
   </div>
@@ -169,7 +169,7 @@ export default function LandingPage() {
           reviewCount: "90",          imageSrc: "http://img.b2bpic.net/free-photo/mens-conditioner_1048-22019.jpg",          imageAlt: "Men's hair conditioner bottle"},
         {
           id: "p-shave-brush",          brand: "The Sharp Cut",          name: " badger Hair Shave Brush",          price: "$35.00",          rating: 5,
-          reviewCount: "110",          imageSrc: "http://img.b2bpic.net/free-photo/shave-brush_1048-22020.jpg",          imageAlt: "Classic badger hair shaving brush"},
+          reviewCount: "110",          imageSrc: "http://img.b2bpic.net/free-photo/shave-brush_1048-22020.jpg",          imageAlt: "Classic badger hair shaving brush"}
       ]}
       title="Premium Grooming Products"
       description="Maintain your refined look at home with our exclusive line of barber-approved grooming products. Crafted for quality, designed for the modern gentleman."
@@ -219,7 +219,7 @@ export default function LandingPage() {
             {
               id: "m-john",              title: "John 'The Cutter' Doe",              subtitle: "Master Barber & Stylist",              detail: "With over 15 years in the industry, John is renowned for his precision fades and classic straight razor shaves. He's passionate about delivering a flawless look every time.",              imageSrc: "http://img.b2bpic.net/free-photo/barber-man_1048-22011.jpg",              imageAlt: "Portrait of Master Barber John Doe"},
             {
-              id: "m-mike",              title: "Mike 'The Blade' Smith",              subtitle: "Senior Barber",              detail: "Mike specializes in modern styles and intricate beard designs. His keen eye for detail ensures every client leaves feeling sharp and confident.",              imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-team_1048-22011.jpg",              imageAlt: "Portrait of Senior Barber Mike Smith"},
+              id: "m-mike",              title: "Mike 'The Blade' Smith",              subtitle: "Senior Barber",              detail: "Mike specializes in modern styles and intricate beard designs. His keen eye for detail ensures every client leaves feeling sharp and confident.",              imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-team_1048-22011.jpg",              imageAlt: "Portrait of Senior Barber Mike Smith"}
           ]
         },
       ]}
@@ -246,7 +246,7 @@ export default function LandingPage() {
         {
           id: "t-5",          name: "Mason T.",          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-customer-testimonial-5_1048-22012.jpg",          imageAlt: "Client leaving the barbershop with a fresh cut"},
         {
-          id: "t-6",          name: "Jacob W.",          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-customer-testimonial-6_1048-22012.jpg",          imageAlt: "Gentleman enjoying the barbershop experience"},
+          id: "t-6",          name: "Jacob W.",          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-customer-testimonial-6_1048-22012.jpg",          imageAlt: "Gentleman enjoying the barbershop experience"}
       ]}
       cardTitle="Our Clients Speak for Themselves!"
       cardTag="Raving Reviews"
@@ -266,13 +266,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",          title: "Do I need an appointment?",          content: "While walk-ins are welcome, we highly recommend booking an appointment to ensure you get your preferred barber and avoid wait times. You can book online through our website or give us a call."},
+          id: "q1",          title: "Do I need an appointment, or can I walk in?",          content: "While walk-ins are always welcome, we highly recommend booking an appointment to guarantee your preferred time slot and barber. You can easily schedule online or call us directly."},
         {
-          id: "q2",          title: "What brands of products do you use/sell?",          content: "We proudly use and sell a curated selection of premium grooming products from industry-leading brands known for their quality and effectiveness. Ask your barber for recommendations tailored to your hair and skin type."},
+          id: "q2",          title: "What services do you offer?",          content: "We offer a full range of barbering services, including precision haircuts, classic hot lather shaves, beard trims and styling, head shaves, and grooming product recommendations. Check our 'Services' section for details."},
         {
-          id: "q3",          title: "How long does a typical haircut take?",          content: "A standard haircut usually takes around 30-45 minutes, while a classic hot lather shave might take about 25-30 minutes. Full grooming packages may take longer. We value precision over speed."},
+          id: "q3",          title: "What products do you use and recommend?",          content: "We use and stock a selection of premium grooming products, from pomades and beard oils to aftershave balms. Our barbers can recommend the best products for your hair and skin type."},
         {
-          id: "q4",          title: "Can I request a specific barber?",          content: "Absolutely! When booking online or over the phone, you can select your preferred barber based on their availability. We encourage building a relationship with your barber for consistent, personalized service."},
+          id: "q4",          title: "How often should I get a haircut?",          content: "For most styles, we recommend a trim every 2-4 weeks to maintain shape and freshness. For shorter styles, you might prefer every 1-2 weeks, while longer styles can go 4-6 weeks."},
+        {
+          id: "q5",          title: "Do you offer gift cards?",          content: "Yes, we do! Treat someone to the ultimate grooming experience with a Sharp Cut Barbershop gift card, available for purchase in-store or online."},
+        {
+          id: "q6",          title: "What are your operating hours?",          content: "Our hours are Monday-Friday: 9 AM - 7 PM and Saturday: 10 AM - 5 PM. We are closed on Sundays. Please refer to our 'Contact' or 'Footer' section for the most up-to-date hours."}
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/barber-shop-faq_1048-22013.jpg"
       imageAlt="Barber answering questions from a client"
@@ -293,24 +297,23 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplit
       useInvertedBackground={true}
       background={{
         variant: "plain"}}
-      text="Ready for your next sharp look? Visit The Sharp Cut Barbershop or book your appointment online today. We look forward to welcoming you!"
-      buttons={[
-        {
-          text: "Book Your Appointment",          href: "/booking"},
-        {
-          text: "Get Directions",          href: "https://maps.app.goo.gl/YourBarbershopLocation"},
-      ]}
+      tag="Get in Touch"
+      tagIcon={CalendarDays}
+      title="Book Your Appointment or Visit Us"
+      description="Ready for a fresh look? Schedule your visit online today or stop by our classic barbershop. We are conveniently located and eager to provide you with an exceptional grooming experience."
+      imageSrc="http://img.b2bpic.net/free-photo/barber-shop-interior-design_1048-22003.jpg?_wi=3"
+      imageAlt="Modern barbershop interior with barber chairs"
+      mediaPosition="right"
+      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/barber-shop-interior-design_1048-22003.jpg?_wi=2"
-      imageAlt="Modern barbershop interior at night"
+      <FooterBaseCard
       logoSrc="http://img.b2bpic.net/free-photo/barber-shop-logo_1048-22009.jpg"
       logoAlt="The Sharp Cut Barbershop Logo"
       logoText="The Sharp Cut Barbershop"
@@ -370,4 +373,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}