Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -6,12 +6,11 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, Star, Zap, User, Scissors, Smile } from "lucide-react";
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import { Star, User, Smile } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -72,37 +71,41 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       title="Our Expert Services"
-      description="We offer a wide range of grooming services tailored to every style."
+      description="We offer a wide range of professional grooming services tailored to your specific style."
       features={[
-        { id: "s1", label: "Haircuts", title: "Precision Haircuts", items: ["Classic cuts", "Modern fades", "Scissor cuts"] },
-        { id: "s2", label: "Grooming", title: "Beard Grooming", items: ["Beard trims", "Maintenance", "Edge-ups"] },
+        {
+          id: "s1",          label: "Professional Grooming",          title: "Available Services",          items: ["Beard trim", "Haircut", "Beard maintenance", "Buzz cut", "Curly hair", "Custom cut", "Fade cut", "Head shave", "Kids' cuts", "Long haircut", "Scissor cut"]
+        }
       ]}
     />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardFive
+      <PricingCardOne
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       title="Simple, Transparent Pricing"
       description="Great quality at an affordable price. Walk-ins welcome."
       plans={[
-        { id: "p1", tag: "Popular", price: "$25", period: "/cut", description: "Classic haircut and style", button: { text: "Book Now", href: "tel:6077989003" }, featuresTitle: "Includes", features: ["Scissor cut", "Fade", "Style"] },
-        { id: "p2", tag: "Essential", price: "$15", period: "/trim", description: "Professional beard maintenance", button: { text: "Book Now", href: "tel:6077989003" }, featuresTitle: "Includes", features: ["Trimming", "Edge-up", "Shaping"] },
+        { id: "p1", badge: "Popular", price: "$25", subtitle: "/cut - Classic haircut and style", features: ["Scissor cut", "Fade", "Style"] },
+        { id: "p2", badge: "Essential", price: "$15", subtitle: "/trim - Professional beard maintenance", features: ["Trimming", "Edge-up", "Shaping"] },
       ]}
     />
   </div>
 
   <div id="reviews" data-section="reviews">
-      <TestimonialCardFifteen
-      testimonial="Best barber around, great guy, great vibes, and great prices too. Always a 5-star experience!"
-      rating={5}
-      author="Satisfied Customer"
-      avatars={[{ src: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4219.jpg", alt: "Customer" }]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
+      <TestimonialCardTwo
+      title="Hear From Our Locals"
+      description="Real feedback from our community."
+      animationType="slide-up"
+      textboxLayout="split"
       useInvertedBackground={true}
+      testimonials={[
+        {
+          id: "t1",          name: "Satisfied Customer",          role: "Regular Client",          testimonial: "Best barber around, great guy, great vibes, and great prices too. Always a 5-star experience!",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4219.jpg"
+        }
+      ]}
     />
   </div>