src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
@@ -79,7 +79,7 @@ export default function LandingPage() {
       </div>
 
       <div id="services" data-section="services">
-        <FeatureCardEight
+        <FeatureCardTwentyOne
           title="Our Services"
           description="Professional grooming services designed for the modern man"
           tag="What We Offer"
@@ -87,24 +87,24 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          features={[
+          accordionItems={[
             {
-              id: 1,
-              title: "Classic Haircut",              description: "Precision cuts ranging from fade techniques to classic styles. Our barbers customize every cut to suit your face shape and personal style.",              imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg"
+              id: "1",              title: "Classic Haircut",              content: "Precision cuts ranging from fade techniques to classic styles. Our barbers customize every cut to suit your face shape and personal style."
             },
             {
-              id: 2,
-              title: "Beard Shaping",              description: "Expert beard grooming and shaping services. We use professional techniques to sculpt and maintain your beard to perfection.",              imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7908.jpg"
+              id: "2",              title: "Beard Shaping",              content: "Expert beard grooming and shaping services. We use professional techniques to sculpt and maintain your beard to perfection."
             },
             {
-              id: 3,
-              title: "Hot Shave",              description: "Experience the classic straight razor shave with warm towel wraps. A timeless service delivered with utmost precision and care.",              imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-having-drink-barbershop_23-2147736963.jpg"
+              id: "3",              title: "Hot Shave",              content: "Experience the classic straight razor shave with warm towel wraps. A timeless service delivered with utmost precision and care."
             },
             {
-              id: 4,
-              title: "Hair Styling",              description: "Modern styling with premium products for special occasions or everyday sophistication. Perfect your look with our expert recommendations.",              imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg?_wi=2"
+              id: "4",              title: "Hair Styling",              content: "Modern styling with premium products for special occasions or everyday sophistication. Perfect your look with our expert recommendations."
             }
           ]}
+          imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg?_wi=2"
+          imageAlt="Barbershop services showcase"
+          mediaAnimation="slide-up"
+          mediaPosition="left"
           ariaLabel="Services offered at Dipalo Barbershop"
         />
       </div>
@@ -141,7 +141,7 @@ export default function LandingPage() {
             { id: "1", name: "Marcus Thompson", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-doing-holding-gesture_1298-431.jpg", imageAlt: "Marcus Thompson" },
             { id: "2", name: "James Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/young-man-shirt-vest-showing-thumbs-up-looking-jolly_176474-16943.jpg", imageAlt: "James Rodriguez" },
             { id: "3", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg", imageAlt: "David Chen" },
-            { id: "4", name: "Anthony Williams", imageSrc: "http://img.b2bpic.net/free-photo/sincere-human-emotions-feeings-reaction-good-looking-charismatic-young-man-with-earrings-thick-beard-laughing-joke-being-good-mood-smiling-broadly-showing-his-teeth_343059-4776.jpg", imageAlt: "Anthony Williams" }
+            { id: "4", name: "Anthony Williams", imageSrc: "http://img.b2bpic.net/free-photo/sincere-human-emotions-feelings-reaction-good-looking-charismatic-young-man-with-earrings-thick-beard-laughing-joke-being-good-mood-smiling-broadly-showing-his-teeth_343059-4776.jpg", imageAlt: "Anthony Williams" }
           ]}
           ariaLabel="Customer testimonials for Dipalo Barbershop"
         />
@@ -200,4 +200,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}