Update src/app/page.tsx

Merge version_3 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 (
@@ -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>
   );
-}
+}