Update src/app/services/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -22,8 +22,7 @@ export default function HomePage() {
 
   const footerColumns = [
     {
-      title: "Cartel",
+      title: "Cartel",      items: [
-      items: [
         { label: "Home", href: "/" },
         { label: "Services", href: "/services" },
         { label: "Portfolio", href: "/" },
@@ -31,8 +30,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Operations",
+      title: "Operations",      items: [
-      items: [
         { label: "Brand Strategy", href: "/services" },
         { label: "Web Design", href: "/services" },
         { label: "Content Creation", href: "/services" },
@@ -40,8 +38,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Connect",
+      title: "Connect",      items: [
-      items: [
         { label: "Contact", href: "/contact" },
         { label: "Instagram", href: "#" },
         { label: "Twitter", href: "#" },
@@ -49,8 +46,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Legal",
+      title: "Legal",      items: [
-      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Code of Conduct", href: "#" },
@@ -91,31 +87,19 @@ export default function HomePage() {
           background={{ variant: "glowing-orb" }}
           leftCarouselItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-fern-leaves_181624-3794.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-fern-leaves_181624-3794.jpg",              imageAlt: "Lush jungle foliage with deep shadows"},
-              imageAlt: "Lush jungle foliage with deep shadows",
-            },
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/watercolor-tropical-wedding-invitation-template_23-2148180993.jpg",
+              imageSrc: "http://img.b2bpic.net/free-vector/watercolor-tropical-wedding-invitation-template_23-2148180993.jpg",              imageAlt: "Layered tropical leaves and vines"},
-              imageAlt: "Layered tropical leaves and vines",
-            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11318.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11318.jpg",              imageAlt: "Dark water ripples and underwater textures"},
-              imageAlt: "Dark water ripples and underwater textures",
-            },
           ]}
           rightCarouselItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-light-reflection-jellyfish-aquarium_169016-20527.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-light-reflection-jellyfish-aquarium_169016-20527.jpg",              imageAlt: "Dark iridescent water surface"},
-              imageAlt: "Dark iridescent water surface",
-            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/monochrome-view-manta-ray-animal-underwater_23-2151517382.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/monochrome-view-manta-ray-animal-underwater_23-2151517382.jpg",              imageAlt: "Murky underwater gradient with fish silhouettes"},
-              imageAlt: "Murky underwater gradient with fish silhouettes",
-            },
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/leaves-with-neon-frame-realistic_23-2148437702.jpg",
+              imageSrc: "http://img.b2bpic.net/free-vector/leaves-with-neon-frame-realistic_23-2148437702.jpg",              imageAlt: "Deep green jungle canopy with gold light filtering through"},
-              imageAlt: "Deep green jungle canopy with gold light filtering through",
-            },
           ]}
           carouselPosition="right"
           avatars={[
@@ -146,55 +130,22 @@ export default function HomePage() {
           tagAnimation="blur-reveal"
           plans={[
             {
-              id: "associate",
+              id: "associate",              tag: "Associate",              tagIcon: Zap,
-              tag: "Associate",
+              price: "$5,000",              period: "per brand overhaul",              description: "Your first taste of the cartel. Essential branding survival kit.",              button: { text: "Request Initiation", href: "/contact" },
-              tagIcon: Zap,
+              featuresTitle: "What you get",              features: [
-              price: "$5,000",
+                "Logo design with iridescent hover effects",                "Brand color palette with gold and fuchsia accents",                "Social media profile optimization",                "Brand guidelines document"],
-              period: "per brand overhaul",
-              description: "Your first taste of the cartel. Essential branding survival kit.",
-              button: { text: "Request Initiation", href: "/contact" },
-              featuresTitle: "What you get",
-              features: [
-                "Logo design with iridescent hover effects",
-                "Brand color palette with gold and fuchsia accents",
-                "Social media profile optimization",
-                "Brand guidelines document",
-              ],
             },
             {
-              id: "made-member",
+              id: "made-member",              tag: "Made Member",              tagIcon: Crown,
-              tag: "Made Member",
+              price: "$12,000",              period: "per complete operation",              description: "Full acceptance. You're part of something real now.",              button: { text: "Request Initiation", href: "/contact" },
-              tagIcon: Crown,
+              featuresTitle: "What you get",              features: [
-              price: "$12,000",
+                "Complete brand identity system",                "Website design with jungle textures",                "Content kit with 50+ templates",                "Social media strategy & templates",                "Quarterly brand consultations"],
-              period: "per complete operation",
-              description: "Full acceptance. You're part of something real now.",
-              button: { text: "Request Initiation", href: "/contact" },
-              featuresTitle: "What you get",
-              features: [
-                "Complete brand identity system",
-                "Website design with jungle textures",
-                "Content kit with 50+ templates",
-                "Social media strategy & templates",
-                "Quarterly brand consultations",
-              ],
             },
             {
-              id: "inner-circle",
+              id: "inner-circle",              tag: "Inner Circle",              tagIcon: Sparkles,
-              tag: "Inner Circle",
+              price: "$25,000",              period: "annual membership",              description: "The elite. Reserved for businesses ready to dominate.",              button: { text: "Request Initiation", href: "/contact" },
-              tagIcon: Sparkles,
+              featuresTitle: "What you get",              features: [
-              price: "$25,000",
+                "Unlimited brand revisions & updates",                "Dedicated cartel strategist",                "Custom motion graphics & animations",                "Exclusive market positioning strategy",                "Monthly strategy sessions",                "Priority support & rapid deployment"],
-              period: "annual membership",
-              description: "The elite. Reserved for businesses ready to dominate.",
-              button: { text: "Request Initiation", href: "/contact" },
-              featuresTitle: "What you get",
-              features: [
-                "Unlimited brand revisions & updates",
-                "Dedicated cartel strategist",
-                "Custom motion graphics & animations",
-                "Exclusive market positioning strategy",
-                "Monthly strategy sessions",
-                "Priority support & rapid deployment",
-              ],
             },
           ]}
         />
@@ -210,65 +161,17 @@ export default function HomePage() {
           useInvertedBackground={true}
           testimonials={[
             {
-              id: "op-1",
+              id: "op-3",              name: "Priya Kapoor",              date: "2024",              title: "Founder, Luxury Goods Ltd",              quote: "The cartel doesn't just rebrand you—they make people believe in the fantasy you're selling. And isn't that what business is?",              tag: "Inner circle member",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/minimalist-bakery-gift-certificate-template_742173-8417.jpg?_wi=1"},
-              name: "Madison Chen",
-              date: "2024",
-              title: "Founder, Digital Dreams Co",
-              quote: "We went from invisible to unforgettable. The cartel made us look like we've been crushing it for years. Now clients actually call us.",
-              tag: "Another successful operation",
-              avatarSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg",
-              imageSrc: "http://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_23-2148379212.jpg?_wi=1",
-            },
             {
-              id: "op-2",
+              id: "op-1",              name: "Madison Chen",              date: "2024",              title: "Founder, Digital Dreams Co",              quote: "We went from invisible to unforgettable. The cartel made us look like we've been crushing it for years. Now clients actually call us.",              tag: "Another successful operation",              avatarSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_23-2148379212.jpg?_wi=1"},
-              name: "James Rodriguez",
-              date: "2024",
-              title: "CEO, NextGen Ventures",
-              quote: "Surface level? Sure. But that surface is now pure gold. They turned our startup into something investors actually want to back.",
-              tag: "Made member transformation",
-              avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-drinking-coffee-with-sunglasses-guy-with-beard-instagram-effect_1212-818.jpg",
-              imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-lives-matter-cards-with-letters-multicolored-paper_23-2148802411.jpg?_wi=1",
-            },
             {
-              id: "op-3",
+              id: "op-2",              name: "James Rodriguez",              date: "2024",              title: "CEO, NextGen Ventures",              quote: "Surface level? Sure. But that surface is now pure gold. They turned our startup into something investors actually want to back.",              tag: "Made member transformation",              avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-drinking-coffee-with-sunglasses-guy-with-beard-instagram-effect_1212-818.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-lives-matter-cards-with-letters-multicolored-paper_23-2148802411.jpg?_wi=1"},
-              name: "Priya Kapoor",
-              date: "2024",
-              title: "Founder, Luxury Goods Ltd",
-              quote: "The cartel doesn't just rebrand you—they make people believe in the fantasy you're selling. And isn't that what business is?",
-              tag: "Inner circle member",
-              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg",
-              imageSrc: "http://img.b2bpic.net/free-vector/minimalist-bakery-gift-certificate-template_742173-8417.jpg?_wi=1",
-            },
             {
-              id: "op-4",
+              id: "op-4",              name: "Marcus Webb",              date: "2024",              title: "Founder, Tech Solutions Pro",              quote: "They promised to make us look better than we are. They delivered. Now we're actually becoming what we look like.",              tag: "Associate to made member",              avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/mindset-opposite-positivity-negativity-thinking-concept_53876-123760.jpg?_wi=1"},
-              name: "Marcus Webb",
-              date: "2024",
-              title: "Founder, Tech Solutions Pro",
-              quote: "They promised to make us look better than we are. They delivered. Now we're actually becoming what we look like.",
-              tag: "Associate to made member",
-              avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
-              imageSrc: "http://img.b2bpic.net/free-photo/mindset-opposite-positivity-negativity-thinking-concept_53876-123760.jpg?_wi=1",
-            },
             {
-              id: "op-5",
+              id: "op-5",              name: "Sophie Laurent",              date: "2024",              title: "CMO, Elegant Brands",              quote: "Judge away—that's the point. We look incredible. And in this game, perception isn't just reality; it's everything.",              tag: "Made member retention",              avatarSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21367.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-red-table_171337-13058.jpg?_wi=1"},
-              name: "Sophie Laurent",
-              date: "2024",
-              title: "CMO, Elegant Brands",
-              quote: "Judge away—that's the point. We look incredible. And in this game, perception isn't just reality; it's everything.",
-              tag: "Made member retention",
-              avatarSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21367.jpg",
-              imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-red-table_171337-13058.jpg?_wi=1",
-            },
             {
-              id: "op-6",
+              id: "op-6",              name: "David Park",              date: "2024",              title: "Founder, Growth Hacking Co",              quote: "The catfish cartel helped us catfish our way into success. We went from credibility question marks to industry leaders in perception.",              tag: "Long-term partnership",              avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/business-people-looking-chart-office_23-2148017089.jpg?_wi=1"},
-              name: "David Park",
-              date: "2024",
-              title: "Founder, Growth Hacking Co",
-              quote: "The catfish cartel helped us catfish our way into success. We went from credibility question marks to industry leaders in perception.",
-              tag: "Long-term partnership",
-              avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
-              imageSrc: "http://img.b2bpic.net/free-photo/business-people-looking-chart-office_23-2148017089.jpg?_wi=1",
-            },
           ]}
         />
       </div>
@@ -282,27 +185,12 @@ export default function HomePage() {
           useInvertedBackground={false}
           metrics={[
             {
-              id: "metric-1",
+              id: "metric-1",              title: "Brands Transformed",              subtitle: "from invisible to irresistible",              category: "Success Rate",              value: "100%",              buttons: [{ text: "Join the movement", href: "/contact" }],
-              title: "Brands Transformed",
-              subtitle: "from invisible to irresistible",
-              category: "Success Rate",
-              value: "100%",
-              buttons: [{ text: "Join the movement", href: "/contact" }],
             },
             {
-              id: "metric-2",
+              id: "metric-2",              title: "Average ROI Increase",              subtitle: "post-cartel membership",              category: "Client Impact",              value: "340%"},
-              title: "Average ROI Increase",
-              subtitle: "post-cartel membership",
-              category: "Client Impact",
-              value: "340%",
-            },
             {
-              id: "metric-3",
+              id: "metric-3",              title: "Years in Operation",              subtitle: "perfecting the craft",              category: "Experience",              value: "Since '26"},
-              title: "Years in Operation",
-              subtitle: "perfecting the craft",
-              category: "Experience",
-              value: "Since '26",
-            },
           ]}
         />
       </div>

src/app/services/page.tsx

@@ -4,23 +4,25 @@ import Link from "next/link";
 import { Sparkles, Zap, Crown } from "lucide-react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import TextAbout from "@/components/sections/about/TextAbout";
 import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
+import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
+import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 export default function ServicesPage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
-    { name: "Services", id: "services" },
+    { name: "Services", id: "/services" },
-    { name: "Portfolio", id: "portfolio" },
+    { name: "Portfolio", id: "/portfolio" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
-    { name: "Contact", id: "contact" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Cartel",
+      title: "Cartel",      items: [
-      items: [
         { label: "Home", href: "/" },
         { label: "Services", href: "/services" },
         { label: "Portfolio", href: "/" },
@@ -28,8 +30,7 @@ export default function ServicesPage() {
       ],
     },
     {
-      title: "Operations",
+      title: "Operations",      items: [
-      items: [
         { label: "Brand Strategy", href: "/services" },
         { label: "Web Design", href: "/services" },
         { label: "Content Creation", href: "/services" },
@@ -37,8 +38,7 @@ export default function ServicesPage() {
       ],
     },
     {
-      title: "Connect",
+      title: "Connect",      items: [
-      items: [
         { label: "Contact", href: "/contact" },
         { label: "Instagram", href: "#" },
         { label: "Twitter", href: "#" },
@@ -46,8 +46,7 @@ export default function ServicesPage() {
       ],
     },
     {
-      title: "Legal",
+      title: "Legal",      items: [
-      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Code of Conduct", href: "#" },
@@ -76,92 +75,127 @@ export default function ServicesPage() {
         />
       </div>
 
-      <div id="services-intro" data-section="services-intro">
+      <div id="services-hero" data-section="services-hero">
+        <HeroSplitDoubleCarousel
+          title="Our Professional Services"
+          description="We deliver excellence across all our branding and design operations."
+          tag="Services Overview"
+          tagIcon={Sparkles}
+          tagAnimation="blur-reveal"
+          buttons={[{ text: "Get Started", href: "/contact" }]}
+          buttonAnimation="slide-up"
+          background={{ variant: "glowing-orb" }}
+          leftCarouselItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-fern-leaves_181624-3794.jpg",              imageAlt: "Lush jungle foliage with deep shadows"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/watercolor-tropical-wedding-invitation-template_23-2148180993.jpg",              imageAlt: "Layered tropical leaves and vines"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11318.jpg",              imageAlt: "Dark water ripples and underwater textures"},
+          ]}
+          rightCarouselItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-light-reflection-jellyfish-aquarium_169016-20527.jpg",              imageAlt: "Dark iridescent water surface"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/monochrome-view-manta-ray-animal-underwater_23-2151517382.jpg",              imageAlt: "Murky underwater gradient with fish silhouettes"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/leaves-with-neon-frame-realistic_23-2148437702.jpg",              imageAlt: "Deep green jungle canopy with gold light filtering through"},
+          ]}
+          carouselPosition="right"
+          avatarText="Our Expert Team"
+        />
+      </div>
+
+      <div id="service-offerings" data-section="service-offerings">
         <TextAbout
-          title="What the Cartel Delivers: Three Tiers of Transformation"
+          title="Professional Services Designed for Your Success"
           useInvertedBackground={true}
         />
       </div>
 
-      <div id="services-pricing" data-section="services-pricing">
+      <div id="service-packages" data-section="service-packages">
         <PricingCardFive
-          title="Our Service Tiers"
+          title="Service Packages"
-          description="Every package comes with exclusivity. Every level demands commitment."
+          description="Choose the level of service that fits your needs."
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          tag="Professional catfishing operations",
+          tag="Professional Services"
           tagAnimation="blur-reveal"
           plans={[
             {
-              id: "associate-service",
+              id: "basic-service",              tag: "Basic",              tagIcon: Zap,
-              tag: "Associate Package",
+              price: "$3,000",              period: "per project",              description: "Essential branding and design services.",              button: { text: "Request Service", href: "/contact" },
-              tagIcon: Zap,
+              featuresTitle: "Includes",              features: [
-              price: "$5,000",
+                "Logo design",                "Color palette development",                "Brand guidelines",                "Social media optimization"],
-              period: "per brand overhaul",
-              description: "Your first taste. Logo, colors, strategy, and presence optimization.",
-              button: { text: "Start Here", href: "/contact" },
-              featuresTitle: "Includes",
-              features: [
-                "Professional logo design with premium finishes",
-                "Custom color palette development",
-                "Social media audit and optimization",
-                "Brand guidelines documentation",
-              ],
             },
             {
-              id: "made-member-service",
+              id: "professional-service",              tag: "Professional",              tagIcon: Crown,
-              tag: "Made Member Package",
+              price: "$8,000",              period: "per project",              description: "Comprehensive branding and digital services.",              button: { text: "Request Service", href: "/contact" },
-              tagIcon: Crown,
+              featuresTitle: "Includes",              features: [
-              price: "$12,000",
+                "Complete brand identity",                "Website design",                "Content strategy",                "Social media templates",                "Quarterly consultations"],
-              period: "per complete operation",
-              description: "Full brand ecosystem. Website, content, strategy—everything.",
-              button: { text: "Go Deeper", href: "/contact" },
-              featuresTitle: "Includes",
-              features: [
-                "Complete brand identity system design",
-                "Professional website development and design",
-                "50+ premium content templates",
-                "Comprehensive social media strategy",
-                "Quarterly strategic consultations",
-              ],
             },
             {
-              id: "inner-circle-service",
+              id: "enterprise-service",              tag: "Enterprise",              tagIcon: Sparkles,
-              tag: "Inner Circle Membership",
+              price: "$20,000",              period: "per year",              description: "Full-service premium branding and strategy.",              button: { text: "Request Service", href: "/contact" },
-              tagIcon: Sparkles,
+              featuresTitle: "Includes",              features: [
-              price: "$25,000",
+                "Unlimited revisions",                "Dedicated strategist",                "Custom motion graphics",                "Market positioning",                "Monthly strategy sessions",                "Priority support"],
-              period: "annual commitment",
-              description: "The elite experience. Dedicated strategist. Unlimited revisions. Priority everything.",
-              button: { text: "Join Elite", href: "/contact" },
-              featuresTitle: "Includes",
-              features: [
-                "Unlimited brand revisions and updates throughout year",
-                "Dedicated account strategist and creative director",
-                "Custom motion graphics and animation production",
-                "Market positioning and competitive analysis",
-                "Monthly executive strategy sessions",
-                "24-hour priority support and rapid deployment",
-              ],
             },
           ]}
         />
       </div>
 
-      <div id="services-cta" data-section="services-cta">
+      <div id="client-success-stories" data-section="client-success-stories">
-        <TextAbout
+        <TestimonialCardFive
-          title="Ready to transform perception into profit? The cartel is accepting new operations. Apply now."
+          title="Client Success Stories"
+          description="See how our services transformed businesses."
+          tag="Real Results"
+          tagAnimation="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          testimonials={[
+            {
+              id: "client-1",              name: "Priya Kapoor",              date: "2024",              title: "Founder, Luxury Goods Ltd",              quote: "Professional service that delivers real results. They transformed our brand presence.",              tag: "Service Success",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/minimalist-bakery-gift-certificate-template_742173-8417.jpg?_wi=1"},
+            {
+              id: "client-2",              name: "Madison Chen",              date: "2024",              title: "Founder, Digital Dreams Co",              quote: "Outstanding service quality. They made us look professional and credible.",              tag: "Brand Transformation",              avatarSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg",              imageSrc: "http://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_23-2148379212.jpg?_wi=1"},
+            {
+              id: "client-3",              name: "James Rodriguez",              date: "2024",              title: "CEO, NextGen Ventures",              quote: "Their service excellence helped us secure investor confidence and funding.",              tag: "Investor Ready",              avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-drinking-coffee-with-sunglasses-guy-with-beard-instagram-effect_1212-818.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-lives-matter-cards-with-letters-multicolored-paper_23-2148802411.jpg?_wi=1"},
+            {
+              id: "client-4",              name: "Marcus Webb",              date: "2024",              title: "Founder, Tech Solutions Pro",              quote: "Professional services that truly understand business needs. Highly recommended.",              tag: "Partnership Success",              avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/mindset-opposite-positivity-negativity-thinking-concept_53876-123760.jpg?_wi=1"},
+            {
+              id: "client-5",              name: "Sophie Laurent",              date: "2024",              title: "CMO, Elegant Brands",              quote: "Expert service delivery that exceeded all our expectations.",              tag: "Service Excellence",              avatarSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21367.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-red-table_171337-13058.jpg?_wi=1"},
+            {
+              id: "client-6",              name: "David Park",              date: "2024",              title: "Founder, Growth Hacking Co",              quote: "Exceptional service quality that transformed our market position.",              tag: "Long-term Partner",              avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/business-people-looking-chart-office_23-2148017089.jpg?_wi=1"},
+          ]}
+        />
+      </div>
+
+      <div id="service-metrics" data-section="service-metrics">
+        <MetricCardTen
+          title="Why Choose Our Services"
+          description="Proven results from years of professional service delivery."
+          animationType="slide-up"
+          textboxLayout="centered"
           useInvertedBackground={false}
+          metrics={[
+            {
+              id: "metric-1",              title: "Projects Completed",              subtitle: "successful service deliveries",              category: "Track Record",              value: "500+",              buttons: [{ text: "Get Our Services", href: "/contact" }],
+            },
+            {
+              id: "metric-2",              title: "Client Satisfaction",              subtitle: "average rating",              category: "Quality",              value: "9.8/10"},
+            {
+              id: "metric-3",              title: "Industry Experience",              subtitle: "years of expertise",              category: "Expertise",              value: "10+"},
+          ]}
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={footerColumns}
-          bottomLeftText="© 2024 Catfish Cartel. All transformations confidential."
+          bottomLeftText="© 2024 Catfish Cartel Services. All rights reserved."
-          bottomRightText="We make the magic. You take the credit."
+          bottomRightText="Professional service delivery you can trust."
         />
       </div>
     </ThemeProvider>
   );
-}
+}