Switch to version 3: modified src/app/services/page.tsx

Merge version_4 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: "✓ Verified Client",              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: "✓ Verified Client",              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: "✓ Verified Client",              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: "✓ Verified Client",              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: "✓ Verified Client",              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: "✓ Verified Client",              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,82 +75,140 @@ export default function ServicesPage() {
         />
       </div>
 
-      <div id="services-intro" data-section="services-intro">
+      <div id="hero" data-section="hero">
+        <HeroSplitDoubleCarousel
+          title="Our Services: Professional Catfishing Solutions"
+          description="From brand strategy to complete digital transformation."
+          tag="What we offer"
+          tagIcon={Sparkles}
+          tagAnimation="blur-reveal"
+          buttons={[{ text: "Apply for Membership", 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"
+          avatars={[
+            { src: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9543.jpg", alt: "Cartel member one" },
+            { src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg", alt: "Cartel member two" },
+            { src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", alt: "Cartel member three" },
+            { src: "http://img.b2bpic.net/free-photo/young-hispanic-businesswoman-with-arms-crossed-smiling-happy-city_839833-9384.jpg", alt: "Cartel member four" },
+          ]}
+          avatarText="Join our service team"
+        />
+      </div>
+
+      <div id="our-services" data-section="our-services">
         <TextAbout
-          title="What the Cartel Delivers: Three Tiers of Transformation"
+          title="We specialize in making your brand look like it's been crushing it for years. Our service suite covers every touchpoint of your brand presence."
           useInvertedBackground={true}
         />
       </div>
 
-      <div id="services-pricing" data-section="services-pricing">
+      <div id="service-tiers" data-section="service-tiers">
         <PricingCardFive
-          title="Our Service Tiers"
+          title="Service Packages"
-          description="Every package comes with exclusivity. Every level demands commitment."
+          description="Choose the level of catfishing expertise you need for your brand transformation."
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          tag="Professional catfishing operations",
+          tag="Professional services"
           tagAnimation="blur-reveal"
           plans={[
             {
-              id: "associate-service",
+              id: "brand-strategy",              tag: "Brand Strategy",              tagIcon: Zap,
-              tag: "Associate Package",
+              price: "$3,000",              period: "per project",              description: "Strategic brand positioning and market analysis.",              button: { text: "Inquire", href: "/contact" },
-              tagIcon: Zap,
+              featuresTitle: "Includes",              features: [
-              price: "$5,000",
+                "Competitive market analysis",                "Brand positioning strategy",                "Target audience definition",                "Strategic recommendations report"
-              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: "digital-design",              tag: "Digital Design",              tagIcon: Crown,
-              tag: "Made Member Package",
+              price: "$8,000",              period: "per project",              description: "Complete digital presence design and implementation.",              button: { text: "Inquire", href: "/contact" },
-              tagIcon: Crown,
+              featuresTitle: "Includes",              features: [
-              price: "$12,000",
+                "Website design and development",                "Brand identity system",                "Social media templates",                "Digital asset library",                "Responsive optimization"
-              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: "premium-package",              tag: "Premium Package",              tagIcon: Sparkles,
-              tag: "Inner Circle Membership",
+              price: "$20,000",              period: "per project",              description: "Full-service brand transformation with ongoing support.",              button: { text: "Inquire", href: "/contact" },
-              tagIcon: Sparkles,
+              featuresTitle: "Includes",              features: [
-              price: "$25,000",
+                "Complete brand audit and strategy",                "Website design and deployment",                "Content creation (100+ assets)",                "Social media strategy and setup",                "Marketing materials package",                "3 months of optimization 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-work" data-section="client-work">
-        <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 real businesses into industry leaders."
+          tag="Case studies"
+          tagAnimation="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          testimonials={[
+            {
+              id: "cs-1",              name: "Priya Kapoor",              date: "2024",              title: "Founder, Luxury Goods Ltd",              quote: "Our brand strategy session gave us clarity on positioning. Within months, we were attracting the right clientele.",              tag: "Strategic Branding",              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: "cs-2",              name: "Madison Chen",              date: "2024",              title: "Founder, Digital Dreams Co",              quote: "The digital design package transformed our online presence completely. Our conversion rates improved by 200%.",              tag: "Digital Design",              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: "cs-3",              name: "James Rodriguez",              date: "2024",              title: "CEO, NextGen Ventures",              quote: "With the premium package, we got everything we needed and then some. Best investment in our brand we have made.",              tag: "Premium Service",              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: "cs-4",              name: "Marcus Webb",              date: "2024",              title: "Founder, Tech Solutions Pro",              quote: "The content creation service saved us months of internal work. Our marketing team can now focus on strategy.",              tag: "Content Strategy",              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: "cs-5",              name: "Sophie Laurent",              date: "2024",              title: "CMO, Elegant Brands",              quote: "Professional, fast, and exactly what our brand needed. They understood our vision immediately.",              tag: "Brand 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: "cs-6",              name: "David Park",              date: "2024",              title: "Founder, Growth Hacking Co",              quote: "The service transformed how we present ourselves to investors. Our pitch deck is now industry-leading.",              tag: "Growth Strategy",              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-impact" data-section="service-impact">
+        <MetricCardTen
+          title="The Impact of Professional Branding Services"
+          description="Measurable results across our client portfolio."
+          animationType="slide-up"
+          textboxLayout="centered"
           useInvertedBackground={false}
+          metrics={[
+            {
+              id: "metric-1",              title: "Client Satisfaction",              subtitle: "across all service packages",              category: "Quality",              value: "98%",              buttons: [{ text: "Start Your Transformation", href: "/contact" }],
+            },
+            {
+              id: "metric-2",              title: "Average ROI Improvement",              subtitle: "within first 6 months",              category: "Business Impact",              value: "280%"
+            },
+            {
+              id: "metric-3",              title: "Projects Completed",              subtitle: "with ongoing support",              category: "Experience",              value: "500+"
+            },
+          ]}
         />
       </div>
 
@@ -159,9 +216,9 @@ export default function ServicesPage() {
         <FooterSimple
           columns={footerColumns}
           bottomLeftText="© 2024 Catfish Cartel. All transformations confidential."
-          bottomRightText="We make the magic. You take the credit."
+          bottomRightText="Professional branding that actually works."
         />
       </div>
     </ThemeProvider>
   );
-}
+}