Update src/app/page.tsx

src/app/page.tsx

@@ -8,11 +8,8 @@ import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import TextAbout from '@/components/sections/about/TextAbout';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Scissors, Clock, Star, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   const navItems = [
@@ -58,7 +55,6 @@ export default function LandingPage() {
           <TextAbout
             title="Our Craft, Your Look"
             tag="Our Story"
-            description="With years of experience, we specialize in high-quality cuts, beard grooming, and classic shaves. We prioritize patience, quality, and a welcoming vibe for every client who walks through our doors."
             useInvertedBackground={false}
           />
         </div>
@@ -66,8 +62,10 @@ export default function LandingPage() {
         <div id="services" data-section="services">
           <FeatureCardMedia
             title="Premium Grooming Services"
+            description="Professional grooming services tailored to your needs."
             animationType="blur-reveal"
             textboxLayout="split-description"
+            useInvertedBackground={false}
             features={[
               {
                 id: "s1",                title: "The Gentleman's Cut",                description: "Precision haircut tailored to your face shape and hair texture.",                tag: "Hair",                imageSrc: "http://img.b2bpic.net/free-photo/male-barber-cutting-hair-client_23-2148242867.jpg"
@@ -82,8 +80,10 @@ export default function LandingPage() {
         <div id="pricing" data-section="pricing">
           <PricingCardThree
             title="Transparent Pricing"
+            description="Quality grooming made affordable."
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             plans={[
               {
                 id: "p1",                price: "$35",                name: "The Standard",                buttons: [{ text: "Book", href: "#contact" }],
@@ -101,6 +101,7 @@ export default function LandingPage() {
           <FaqSplitText
             sideTitle="Frequently Asked Questions"
             faqsAnimation="blur-reveal"
+            useInvertedBackground={false}
             faqs={[
               { id: "f1", title: "How do I book?", content: "We operate by appointment to ensure quality time for each guest. Book via our contact form." },
               { id: "f2", title: "Where is the shop?", content: "Find us centrally located downtown, ready to serve you." }
@@ -112,6 +113,7 @@ export default function LandingPage() {
           <ContactSplitForm
             title="Book Your Spot"
             description="Schedule your next grooming session with our team."
+            useInvertedBackground={false}
             inputs={[
               { name: "name", type: "text", placeholder: "Full Name", required: true },
               { name: "email", type: "email", placeholder: "Email Address", required: true }