Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -11,7 +11,7 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Scissors, Calendar, Star, Clock, User, Award } from 'lucide-react';
+import { Scissors, Calendar, Award } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -38,7 +38,7 @@ export default function LandingPage() {
             { name: "FAQ", id: "faq" }
           ]}
           button={{
-            text: "Book Now",            href: "contact"
+            text: "Book Now",            href: "#contact"
           }}
         />
       </div>
@@ -51,8 +51,8 @@ export default function LandingPage() {
           tagIcon={Scissors}
           background={{ variant: "plain" }}
           buttons={[
-            { text: "Book with Your Barber", href: "contact" },
+            { text: "Book with Your Barber", href: "#contact" },
-            { text: "View Services", href: "cuts" }
+            { text: "View Services", href: "#cuts" }
           ]}
           buttonAnimation="slide-up"
           mediaItems={[
@@ -77,6 +77,7 @@ export default function LandingPage() {
           imageAlt="Expert barber at work"
           mediaAnimation="slide-up"
           metricsAnimation="slide-up"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -94,6 +95,7 @@ export default function LandingPage() {
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -108,6 +110,7 @@ export default function LandingPage() {
             { tag: "Beard", title: "Beard Design", subtitle: "Expert shaping", description: "Sculpted beard care for the modern man.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg" }
           ]}
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -124,6 +127,7 @@ export default function LandingPage() {
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -139,6 +143,7 @@ export default function LandingPage() {
           ]}
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -155,6 +160,7 @@ export default function LandingPage() {
           imageSrc="http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg"
           faqsAnimation="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -165,6 +171,7 @@ export default function LandingPage() {
           description="Use the calendar below to secure your spot with your preferred barber."
           tagIcon={Calendar}
           background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
           inputPlaceholder="Your name or email"
           buttonText="Reserve Now"
         />
@@ -176,7 +183,7 @@ export default function LandingPage() {
           columns={[
             { title: "Visit", items: [{ label: "Location", href: "#" }, { label: "Directions", href: "#" }] },
             { title: "Services", items: [{ label: "Cuts", href: "#" }, { label: "Shaves", href: "#" }] },
-            { title: "Business", items: [{ label: "Book Now", href: "#" }, { label: "Contact", href: "#" }] }
+            { title: "Business", items: [{ label: "Book Now", href: "#contact" }, { label: "Contact", href: "#" }] }
           ]}
         />
       </div>