Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Target, Zap, Settings, Shield } from "lucide-react";
+import { Target } from "lucide-react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 
 export default function LandingPage() {
   return (
@@ -21,18 +21,18 @@ export default function LandingPage() {
         contentWidth="small"
         sizing="largeSmallSizeLargeTitles"
         background="none"
-        cardStyle="outline"
+        cardStyle="gradient-mesh"
-        primaryButtonStyle="shadow"
+        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="glass"
+        secondaryButtonStyle="layered"
         headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarLayoutFloatingOverlay
       navItems={[
-        { name: "Our Work", id: "features" },
+        { name: "Work", id: "features" },
-        { name: "Expertise", id: "about" },
+        { name: "About", id: "about" },
-        { name: "Results", id: "metrics" },
+        { name: "Metrics", id: "metrics" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="MERC AGENCY"
@@ -40,97 +40,90 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
+      <HeroSplitTestimonial
-      background={{ variant: "gradient-bars" }}
+      background={{ variant: "sparkles-gradient" }}
       title="Mercenary Creativity. Targeted Impact."
       description="High-ticket strategic design for brands that refuse to lose. We weaponize your aesthetic to dominate the market."
       buttons={[{ text: "Execute Order", href: "#contact" }]}
-      mediaItems={[
+      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-darkroom_23-2149893893.jpg"
-        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-darkroom_23-2149893893.jpg", imageAlt: "cinematic katana 3d render dark mode" },
+      imageAlt="tactical creative"
-        { imageSrc: "http://img.b2bpic.net/free-photo/terrifying-screaming-adult-silhouette-studio_23-2150710129.jpg", imageAlt: "dark abstract tech background" },
+      testimonials={[{ name: "Elite Partner", handle: "@client", testimonial: "Unmatched precision.", rating: 5 }]}
-        { imageSrc: "http://img.b2bpic.net/free-vector/new-abstract-background-3d-technology-gradien-colorfuell_125964-779.jpg", imageAlt: "futuristic 3d tactical data interface" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-colorful-lights_23-2148599245.jpg", imageAlt: "cinematic smoke effect dark mode" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desktop-with-laptop-camera_23-2148430858.jpg", imageAlt: "katana hilt close up golden" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/scary-office-zombie-with-bloody-wounds-workspace-working-modern-laptop-brain-eating-evil-monster-with-deep-scars-trying-use-computer-when-dead-creepy-walking-woman-comes-help_482257-46728.jpg", imageAlt: "dynamic shards dark background" },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <MediaAbout
+      <TestimonialAboutCard
-      useInvertedBackground={false}
+      tag="Tactical Unit"
       title="Precision Execution"
-      description="We are a tactical creative unit. We don't just design; we perform surgical strikes on the market. Our process is optimized for speed, precision, and bottom-line growth for high-ticket partners."
+      description="We are a tactical creative unit. We don't just design; we perform surgical strikes on the market."
-      imageSrc="http://img.b2bpic.net/free-photo/mindless-zombie-woman-talking-with-office-colleague-while-scary-dead-coworker-passing-by-businessman-discussing-with-creepy-evil-monster-while-spooky-bizarre-undead-corpse-walks-by-them_482257-46724.jpg"
+      subdescription="Our process is optimized for speed, precision, and bottom-line growth."
-      imageAlt="creative agency dark office team"
+      icon={Target}
+      videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwentyNine
+      <FeatureCardThree
       textboxLayout="split"
       gridVariant="bento-grid"
-      animationType="blur-reveal"
+      animationType="scale-rotate"
-      useInvertedBackground={false}
-      features={[
-        { title: "Precision Targeting", description: "Surgical brand positioning.", imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-high-view_23-2148500537.jpg", titleIconSrc: "Target", buttonText: "Learn" },
-        { title: "Velocity Branding", description: "Fast-paced market entry.", imageSrc: "http://img.b2bpic.net/free-photo/thunderbolt-cloud-explosion-rectangular-speech-bubbles-beige-background_23-2147910257.jpg", titleIconSrc: "Zap", buttonText: "Learn" },
-        { title: "Tactical Operations", description: "End-to-end creative command.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=66o09m", titleIconSrc: "Settings", buttonText: "Learn" },
-        { title: "Defensive Strategy", description: "Hardened brand assets.", imageSrc: "http://img.b2bpic.net/free-photo/empty-russian-army-base-operations-equipped-with-high-tech-gear_482257-106934.jpg", titleIconSrc: "Shield", buttonText: "Learn" },
-      ]}
       title="Our Arsenal"
       description="Tools and techniques designed to cut through the noise."
+      features={[
+        { title: "Precision Targeting", description: "Surgical brand positioning.", imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-high-view_23-2148500537.jpg" },
+        { title: "Velocity Branding", description: "Fast-paced market entry.", imageSrc: "http://img.b2bpic.net/free-photo/thunderbolt-cloud-explosion-rectangular-speech-bubbles-beige-background_23-2147910257.jpg" },
+        { title: "Tactical Operations", description: "End-to-end creative command.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=66o09m" },
+        { title: "Defensive Strategy", description: "Hardened brand assets.", imageSrc: "http://img.b2bpic.net/free-photo/empty-russian-army-base-operations-equipped-with-high-tech-gear_482257-106934.jpg" },
+      ]}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardTwo
+      <MetricCardFourteen
-      animationType="depth-3d"
+      tag="Performance Data"
-      textboxLayout="default"
+      title="Verified Stats"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
       metrics={[
-        { id: "m1", value: "10x", description: "Return on creative investment." },
+        { id: "m1", value: "10x", description: "Creative ROI" },
-        { id: "m2", value: "24h", description: "Rapid turnaround capability." },
+        { id: "m2", value: "24h", description: "Turnaround" },
-        { id: "m3", value: "100%", description: "Market penetration success." },
+        { id: "m3", value: "100%", description: "Penetration" },
       ]}
-      title="Verified Performance"
+      useInvertedBackground={false}
-      description="Stats that matter in the theater of business."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+      <TestimonialCardTwo
-      useInvertedBackground={false}
+      title="Client Reports"
-      testimonial="The best creative execution I've seen. Surgical precision."
+      description="Strategic impact as verified by our partners."
-      rating={5}
+      animationType="depth-3d"
-      author="High-Ticket Client"
+      textboxLayout="split"
-      avatars={[
+      testimonials={[
-        { src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", alt: "Client 1" },
+        { id: "t1", name: "Lead Architect", role: "Design Ops", testimonial: "Absolute precision in every deliverable. Changed the game for our brand." },
-        { src: "http://img.b2bpic.net/free-photo/medium-shot-unknown-young-man-posing_23-2149417575.jpg", alt: "Client 2" },
+        { id: "t2", name: "Growth Lead", role: "Tech Scale", testimonial: "Fast, tactical, and incredibly effective. Their workflow is unmatched." }
-        { src: "http://img.b2bpic.net/free-photo/young-transgender-person-using-make-up-brush_23-2148827031.jpg", alt: "Client 3" },
-        { src: "http://img.b2bpic.net/free-photo/businessman-passing-by-glass-window_23-2147876747.jpg", alt: "Client 4" },
-        { src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg", alt: "Client 5" },
       ]}
-      ratingAnimation="blur-reveal"
+      useInvertedBackground={false}
-      avatarsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCTA
-      useInvertedBackground={false}
+      tag="Engage"
-      background={{ variant: "sparkles-gradient" }}
+      title="Ready to weaponize your brand?"
-      text="Ready to weaponize your brand? Reach out for a briefing."
+      description="Reach out for a briefing and see if your mission aligns with ours."
       buttons={[{ text: "Book Strategy Session" }]}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterLogoEmphasis
       logoText="MERC AGENCY"
-      leftLink={{ text: "Terms of Service", href: "#" }}
+      columns={[
-      rightLink={{ text: "Privacy Policy", href: "#" }}
+        { items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>