src/app/page.tsx

@@ -3,10 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Sparkles, Star, Rocket, Twitter, Linkedin, Instagram, Mail } from 'lucide-react';
+import { Sparkles, Star, Rocket, Twitter, Linkedin, Instagram, Mail, Zap, TrendingUp, Target, Users, DollarSign, Award, Github, Globe } from 'lucide-react';
 
 export default function HomePage() {
   return (
@@ -27,18 +31,16 @@ export default function HomePage() {
           brandName="NEXUS Miami"
           navItems={[
             { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
+            { name: "About", id: "about" },
-            { name: "Services", id: "/services" },
+            { name: "Services", id: "features" },
-            { name: "Team", id: "/team" },
+            { name: "Team", id: "team" },
-            { name: "Contact", id: "/contact" }
+            { name: "Contact", id: "contact" }
           ]}
-          button={{ text: "Get Started", href: "/contact" }}
+          button={{ text: "Get Started", href: "#contact" }}
-          className="backdrop-blur-sm bg-background/50 border border-accent/20"
         />
       </div>
 
-      <div id="hero" data-section="hero" className="min-h-screen flex items-center justify-center py-20">
+      <div id="hero" data-section="hero">
-        <div className="mx-auto px-4 md:px-6">
         <HeroSplitKpi
           title="Transform Your Brand Into a Digital Powerhouse"
           description="Elite marketing strategies crafted for ambitious brands. We blend data-driven insights with cutting-edge creativity to deliver exponential growth and measurable ROI."
@@ -54,18 +56,119 @@ export default function HomePage() {
           imageAlt="Futuristic Miami marketing agency office"
           imagePosition="right"
           buttons={[
-              { text: "Schedule Consultation", href: "/contact" },
+            { text: "Schedule Consultation", href: "#contact" },
-              { text: "View Portfolio", href: "/services" }
+            { text: "View Portfolio", href: "#features" }
           ]}
           className="relative overflow-hidden"
           titleClassName="text-6xl md:text-7xl font-bold tracking-tight"
           descriptionClassName="text-lg md:text-xl text-accent/90 max-w-2xl"
         />
       </div>
+
+      <div id="about" data-section="about">
+        <MediaSplitTabsAbout
+          title="Why Leading Brands Choose NEXUS"
+          description="We're not just another agency. We're strategic partners obsessed with your success."
+          tabs={[
+            {
+              id: "innovation",              label: "Innovation First",              description: "We leverage AI-powered analytics, predictive modeling, and emerging platforms to keep your brand ahead of the curve. Our proprietary technology stack ensures every campaign operates at peak efficiency."
+            },
+            {
+              id: "expertise",              label: "Deep Expertise",              description: "15+ years of collective experience across tech, e-commerce, hospitality, and finance. Our team includes former executives from Fortune 500 companies and successful startup founders."
+            },
+            {
+              id: "results",              label: "Proven Results",              description: "Average client ROI improvement of 300%. We measure everything. Every strategy is backed by data, tested rigorously, and optimized continuously for maximum impact."
+            }
+          ]}
+          imageSrc="https://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg"
+          imageAlt="Team collaboration and strategy session"
+          imagePosition="right"
+          useInvertedBackground="noInvert"
+          className="py-24"
+        />
       </div>
 
-      <div id="testimonials" data-section="testimonials" className="py-24 bg-gradient-to-b from-transparent to-background-accent/5">
+      <div id="features" data-section="features">
-        <div className="mx-auto px-4 md:px-6">
+        <FeatureCardMedia
+          title="Our Strategic Services"
+          description="Comprehensive solutions designed to elevate your brand's market presence and drive sustainable growth."
+          tag="Services"
+          tagIcon={Zap}
+          features={[
+            {
+              id: "1",              title: "Brand Strategy & Positioning",              description: "We analyze your market, competitors, and audience to craft a unique positioning that resonates. Our strategic frameworks ensure consistent brand messaging across all channels.",              tag: "Strategy",              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908079.jpg",              buttons: [{ text: "Learn More", href: "#" }]
+            },
+            {
+              id: "2",              title: "Creative & Design Excellence",              description: "Award-winning designers and creative directors deliver visually stunning campaigns that capture attention and drive engagement. From brand identity to digital experiences.",              tag: "Creative",              imageSrc: "https://img.b2bpic.net/free-photo/cropped-front-end-developers-designing-mobile-application-interface_1098-20471.jpg",              buttons: [{ text: "Explore Work", href: "#" }]
+            },
+            {
+              id: "3",              title: "Performance Marketing",              description: "Data-driven campaigns optimized for conversions. We manage every touchpoint of the customer journey to maximize ROI and scale profitable channels.",              tag: "Growth",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-desk-concept-with-laptop_23-2148236850.jpg",              buttons: [{ text: "See Results", href: "#" }]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
+      <div id="metrics" data-section="metrics">
+        <MetricCardThree
+          title="Our Impact by the Numbers"
+          description="Real results from real partnerships. These numbers represent the transformation we deliver."
+          tag="Performance"
+          tagIcon={TrendingUp}
+          metrics={[
+            { id: "1", icon: Target, title: "Conversions", value: "+847%" },
+            { id: "2", icon: Users, title: "Audience Growth", value: "2.4M+" },
+            { id: "3", icon: DollarSign, title: "Revenue Impact", value: "$500M+" },
+            { id: "4", icon: Award, title: "Awards Won", value: "47" }
+          ]}
+          animationType="scale-rotate"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardTwo
+          title="Meet Your Strategic Partners"
+          description="Elite professionals dedicated to your brand's transformation."
+          tag="Leadership"
+          tagIcon={Users}
+          members={[
+            {
+              id: "1",              name: "Alexandra Rivera",              role: "Chief Strategy Officer",              description: "Former VP of Marketing at TechCorp. 15+ years driving global brand transformations.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Alexandra Rivera",              socialLinks: [
+                { icon: Linkedin, url: "https://linkedin.com" },
+                { icon: Twitter, url: "https://twitter.com" }
+              ]
+            },
+            {
+              id: "2",              name: "Marcus Chen",              role: "Creative Director",              description: "Award-winning designer. Led creative teams at major agencies. Passionate about innovation.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "Marcus Chen",              socialLinks: [
+                { icon: Linkedin, url: "https://linkedin.com" },
+                { icon: Globe, url: "https://portfolio.com" }
+              ]
+            },
+            {
+              id: "3",              name: "Sofia Andersen",              role: "Chief Technology Officer",              description: "Data scientist & tech entrepreneur. Built marketing tech platforms for Fortune 500s.",              imageSrc: "https://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",              imageAlt: "Sofia Andersen",              socialLinks: [
+                { icon: Linkedin, url: "https://linkedin.com" },
+                { icon: Github, url: "https://github.com" }
+              ]
+            },
+            {
+              id: "4",              name: "James Mitchell",              role: "Client Success Lead",              description: "10+ years in agency account management. Focused on building long-term partnerships.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "James Mitchell",              socialLinks: [
+                { icon: Linkedin, url: "https://linkedin.com" },
+                { icon: Mail, url: "mailto:james@nexusmiami.com" }
+              ]
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
         <TestimonialCardTwelve
           cardTitle="Trusted by leading brands and entrepreneurs worldwide"
           cardTag="Client Success Stories"
@@ -87,10 +190,8 @@ export default function HomePage() {
           useInvertedBackground="noInvert"
         />
       </div>
-      </div>
 
-      <div id="contact" data-section="contact" className="py-24">
+      <div id="contact" data-section="contact">
-        <div className="mx-auto px-4 md:px-6">
         <ContactCenter
           tag="Let's Connect"
           title="Ready to Transform Your Brand?"
@@ -103,9 +204,8 @@ export default function HomePage() {
           className="py-24"
         />
       </div>
-      </div>
 
-      <div id="footer" data-section="footer" className="border-t border-accent/20">
+      <div id="footer" data-section="footer">
         <FooterCard
           logoText="NEXUS"
           copyrightText="© 2025 NEXUS Miami Marketing Agency. All rights reserved."