src/app/layout.tsx

@@ -3,36 +3,21 @@ import { Space_Grotesk } from "next/font/google";
 import "./globals.css";
 
 const spaceGrotesk = Space_Grotesk({
-  variable: "--font-space-grotesk",
+  variable: "--font-space-grotesk",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "NEXUS Digital | Miami Marketing Agency & Creative Solutions",
+  title: "NEXUS Digital | Miami Marketing Agency & Creative Solutions",  description: "Award-winning Miami marketing agency specializing in digital strategy, brand building, and high-impact campaigns. Futuristic solutions for innovative brands.",  keywords: "marketing agency Miami, digital marketing, brand strategy, creative agency, growth marketing, Miami marketing services",  metadataBase: new URL("https://nexus-digital.com"),
-  description: "Award-winning Miami marketing agency specializing in digital strategy, brand building, and high-impact campaigns. Futuristic solutions for innovative brands.",
-  keywords: "marketing agency Miami, digital marketing, brand strategy, creative agency, growth marketing, Miami marketing services",
-  metadataBase: new URL("https://nexus-digital.com"),
   alternates: {
-    canonical: "https://nexus-digital.com",
+    canonical: "https://nexus-digital.com"},
-  },
   openGraph: {
-    title: "NEXUS Digital - Premium Marketing Solutions",
+    title: "NEXUS Digital - Premium Marketing Solutions",    description: "Transform your brand with cutting-edge digital marketing and creative excellence in Miami",    url: "https://nexus-digital.com",    siteName: "NEXUS Digital",    type: "website",    images: [
-    description: "Transform your brand with cutting-edge digital marketing and creative excellence in Miami",
-    url: "https://nexus-digital.com",
-    siteName: "NEXUS Digital",
-    type: "website",
-    images: [
       {
-        url: "https://nexus-digital.com/og-image.png",
+        url: "https://nexus-digital.com/og-image.png",        alt: "NEXUS Digital - Miami Marketing Agency"},
-        alt: "NEXUS Digital - Miami Marketing Agency",
-      },
     ],
   },
   twitter: {
-    card: "summary_large_image",
+    card: "summary_large_image",    title: "NEXUS Digital | Premium Marketing Agency Miami",    description: "Award-winning marketing solutions for innovative brands. Strategy, creativity, and results.",    images: ["https://nexus-digital.com/twitter-image.png"],
-    title: "NEXUS Digital | Premium Marketing Agency Miami",
-    description: "Award-winning marketing solutions for innovative brands. Strategy, creativity, and results.",
-    images: ["https://nexus-digital.com/twitter-image.png"],
   },
   robots: {
     index: true,

src/app/page.tsx

@@ -4,9 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Zap, Sparkles, MessageSquare } from "lucide-react";
+import { Zap, Sparkles, Award, TrendingUp, MessageSquare, Rocket } from "lucide-react";
 
 export default function HomePage() {
   return (
@@ -26,8 +29,7 @@ export default function HomePage() {
         <NavbarStyleMinimal 
           brandName="NEXUS DIGITAL"
           button={{
-            text: "Start Project",
+            text: "Start Project",            href: "/contact"
-            href: "/contact"
           }}
           className="backdrop-blur-md bg-opacity-80"
           buttonClassName="px-6 py-2 rounded-full font-semibold"
@@ -44,8 +46,8 @@ export default function HomePage() {
           imageSrc="https://img.b2bpic.net/free-photo/businessman-navigates-pc-check-corporation-profit_482257-85709.jpg"
           imageAlt="Modern Miami digital marketing agency workspace"
           buttons={[
-            { text: "Explore Services", href: "/services" },
+            { text: "Explore Services", href: "features" },
-            { text: "View Portfolio", href: "/portfolio" }
+            { text: "View Portfolio", href: "product" }
           ]}
           className="relative overflow-hidden"
           containerClassName="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"
@@ -66,35 +68,99 @@ export default function HomePage() {
           textboxLayout="default"
           animationType="slide-up"
           gridVariant="three-columns-all-equal-width"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           features={[
             {
-              title: "Brand Strategy & Positioning",
+              title: "Brand Strategy & Positioning",              description: "Develop compelling brand narratives that resonate with your target audience and establish market authority",              imageSrc: "https://img.b2bpic.net/free-vector/neon-business-cards-pack_23-2148566003.jpg",              imageAlt: "Brand strategy and positioning services"
-              description: "Develop compelling brand narratives that resonate with your target audience and establish market authority",
-              imageSrc: "https://img.b2bpic.net/free-vector/neon-business-cards-pack_23-2148566003.jpg",
-              imageAlt: "Brand strategy and positioning services"
             },
             {
-              title: "Digital Marketing Campaigns",
+              title: "Digital Marketing Campaigns",              description: "Data-driven campaigns across social media, search, and display networks maximizing ROI and engagement",              imageSrc: "https://img.b2bpic.net/free-vector/geometric-business-cards-template_23-2149151388.jpg",              imageAlt: "Digital marketing campaign management"
-              description: "Data-driven campaigns across social media, search, and display networks maximizing ROI and engagement",
-              imageSrc: "https://img.b2bpic.net/free-vector/geometric-business-cards-template_23-2149151388.jpg",
-              imageAlt: "Digital marketing campaign management"
             },
             {
-              title: "Content & Media Production",
+              title: "Content & Media Production",              description: "Premium video, photography, and content creation that tells your brand story with cinematic excellence",              imageSrc: "https://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_23-2148374363.jpg",              imageAlt: "Content and media production services"
-              description: "Premium video, photography, and content creation that tells your brand story with cinematic excellence",
-              imageSrc: "https://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_23-2148374363.jpg",
-              imageAlt: "Content and media production services"
             }
           ]}
           containerClassName="max-w-7xl mx-auto"
-          titleClassName="text-4xl md:text-5xl font-bold"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold"
-          descriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
+          textBoxDescriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
           cardTitleClassName="text-xl font-bold mt-4"
           cardDescriptionClassName="text-sm opacity-75 leading-relaxed"
         />
       </div>
 
+      <div id="product" data-section="product">
+        <ProductCardTwo 
+          title="Portfolio Highlights"
+          description="Showcase of transformative projects delivered for innovative brands across diverse industries"
+          tag="Recent Work"
+          tagIcon={Award}
+          textboxLayout="default"
+          animationType="scale-rotate"
+          gridVariant="three-columns-all-equal-width"
+          useInvertedBackground="noInvert"
+          products={[
+            {
+              id: "1",              brand: "TechVenture Labs",              name: "AI-Powered Startup Launch Campaign",              price: "$450K+ Revenue Generated",              rating: 5,
+              reviewCount: "328%",              imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg",              imageAlt: "Tech startup marketing campaign results"
+            },
+            {
+              id: "2",              brand: "Luxe Retail Co",              name: "E-commerce Platform Redesign",              price: "$2.1M Sales Increase",              rating: 5,
+              reviewCount: "156%",              imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169863.jpg",              imageAlt: "E-commerce platform redesign success"
+            },
+            {
+              id: "3",              brand: "CloudFlow Systems",              name: "SaaS Growth Marketing Strategy",              price: "$890K ARR Growth",              rating: 5,
+              reviewCount: "412%",              imageSrc: "https://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg",              imageAlt: "SaaS marketing strategy execution results"
+            }
+          ]}
+          containerClassName="max-w-7xl mx-auto"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold"
+          textBoxDescriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
+          cardNameClassName="text-lg font-bold mt-3"
+          cardPriceClassName="text-xl font-bold mt-2 text-cyan-400"
+        />
+      </div>
+
+      <div id="metrics" data-section="metrics">
+        <MetricCardSeven 
+          title="Proven Impact & Results"
+          description="Measurable outcomes that demonstrate our commitment to delivering transformative marketing solutions"
+          tag="Our Track Record"
+          tagIcon={TrendingUp}
+          textboxLayout="default"
+          animationType="blur-reveal"
+          gridVariant="four-items-2x2-equal-grid"
+          useInvertedBackground="noInvert"
+          metrics={[
+            {
+              id: "1",              value: "150+",              title: "Successful Campaign Launches",              items: [
+                "Across 8+ Industries",                "Global Reach",                "Consistent Excellence"
+              ]
+            },
+            {
+              id: "2",              value: "$85M+",              title: "Total Client Revenue Generated",              items: [
+                "Documented ROI",                "Performance-Driven",                "Transparent Tracking"
+              ]
+            },
+            {
+              id: "3",              value: "98%",              title: "Client Satisfaction Rate",              items: [
+                "Long-term Partnerships",                "Repeat Business",                "Industry Leading"
+              ]
+            },
+            {
+              id: "4",              value: "12+",              title: "Awards & Industry Recognition",              items: [
+                "Marketing Excellence",                "Innovation Leader",                "Best Agency Wins"
+              ]
+            }
+          ]}
+          containerClassName="max-w-7xl mx-auto"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold"
+          textBoxDescriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
+          valueClassName="text-5xl font-bold text-cyan-400"
+          metricTitleClassName="text-lg font-semibold mt-2"
+          featureItemClassName="text-sm opacity-75 flex items-center gap-2"
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSix 
           title="What Our Clients Say"
@@ -108,57 +174,27 @@ export default function HomePage() {
           topMarqueeDirection="left"
           testimonials={[
             {
-              id: "1",
+              id: "1",              name: "Marcus Johnson",              handle: "CEO, TechVenture Labs",              testimonial: "NEXUS Digital transformed our go-to-market strategy. Within 6 months, we achieved 10x growth and secured Series B funding. Their strategic insight is unmatched.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marcus Johnson"
-              name: "Marcus Johnson",
-              handle: "CEO, TechVenture Labs",
-              testimonial: "NEXUS Digital transformed our go-to-market strategy. Within 6 months, we achieved 10x growth and secured Series B funding. Their strategic insight is unmatched.",
-              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-              imageAlt: "Marcus Johnson"
             },
             {
-              id: "2",
+              id: "2",              name: "Sarah Chen",              handle: "Founder, Luxe Retail Co",              testimonial: "The e-commerce platform redesign increased conversion rates by 245%. NEXUS doesn't just execute campaigns—they build businesses. Phenomenal partnership.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Sarah Chen"
-              name: "Sarah Chen",
-              handle: "Founder, Luxe Retail Co",
-              testimonial: "The e-commerce platform redesign increased conversion rates by 245%. NEXUS doesn't just execute campaigns—they build businesses. Phenomenal partnership.",
-              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
-              imageAlt: "Sarah Chen"
             },
             {
-              id: "3",
+              id: "3",              name: "David Rodriguez",              handle: "VP Marketing, CloudFlow Systems",              testimonial: "Working with NEXUS elevated our brand position in the SaaS space. Their data-driven approach and creative excellence delivered exceptional results every single time.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "David Rodriguez"
-              name: "David Rodriguez",
-              handle: "VP Marketing, CloudFlow Systems",
-              testimonial: "Working with NEXUS elevated our brand position in the SaaS space. Their data-driven approach and creative excellence delivered exceptional results every single time.",
-              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
-              imageAlt: "David Rodriguez"
             },
             {
-              id: "4",
+              id: "4",              name: "Jessica Williams",              handle: "CMO, Digital Innovations Inc",              testimonial: "Their team brings both strategic thinking and creative excellence. We've more than tripled our marketing ROI and established market leadership in our vertical.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "Jessica Williams"
-              name: "Jessica Williams",
-              handle: "CMO, Digital Innovations Inc",
-              testimonial: "Their team brings both strategic thinking and creative excellence. We've more than tripled our marketing ROI and established market leadership in our vertical.",
-              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
-              imageAlt: "Jessica Williams"
             },
             {
-              id: "5",
+              id: "5",              name: "Thomas Park",              handle: "Creative Director, Design House Miami",              testimonial: "NEXUS understands the Miami market like no other agency. They've positioned our brand as an industry innovator. Truly exceptional work and partnership.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Thomas Park"
-              name: "Thomas Park",
-              handle: "Creative Director, Design House Miami",
-              testimonial: "NEXUS understands the Miami market like no other agency. They've positioned our brand as an industry innovator. Truly exceptional work and partnership.",
-              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
-              imageAlt: "Thomas Park"
             },
             {
-              id: "6",
+              id: "6",              name: "Amanda Foster",              handle: "Marketing Lead, Growth Dynamics",              testimonial: "From strategy to execution, NEXUS delivers with precision and innovation. Their futuristic approach to marketing has set us apart from competitors.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "Amanda Foster"
-              name: "Amanda Foster",
-              handle: "Marketing Lead, Growth Dynamics",
-              testimonial: "From strategy to execution, NEXUS delivers with precision and innovation. Their futuristic approach to marketing has set us apart from competitors.",
-              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
-              imageAlt: "Amanda Foster"
             }
           ]}
           containerClassName="max-w-7xl mx-auto"
-          titleClassName="text-4xl md:text-5xl font-bold"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold"
-          descriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
+          textBoxDescriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
           cardClassName="p-6 rounded-2xl backdrop-blur-lg"
           testimonialClassName="text-base leading-relaxed line-clamp-2"
           nameClassName="font-bold text-cyan-400"
@@ -166,21 +202,53 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="contact" data-section="contact">
+        <ContactSplit 
+          tag="Get In Touch"
+          title="Start Your Digital Transformation"
+          description="Let's explore how NEXUS Digital can elevate your brand and drive measurable growth. Our team is ready to discuss your vision and craft a custom strategy that delivers exceptional results."
+          useInvertedBackground="noInvert"
+          imageSrc="https://img.b2bpic.net/free-photo/close-up-young-colleagues-having-meeting_23-2149060239.jpg"
+          imageAlt="NEXUS Digital team collaboration"
+          mediaPosition="right"
+          tagIcon={Rocket}
+          inputPlaceholder="your@email.com"
+          buttonText="Schedule Consultation"
+          termsText="We respect your privacy. Expect a response within 24 hours. Unsubscribe anytime."
+          onSubmit={(email) => {
+            console.log('Email submitted:', email);
+            alert('Thank you! We will be in touch within 24 hours.');
+          }}
+          className="py-16 md:py-24"
+          containerClassName="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"
+          contentClassName="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"
+          contactFormClassName="space-y-6"
+          tagClassName="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-cyan-500/20 to-magenta-500/20"
+          titleClassName="text-4xl md:text-5xl font-bold"
+          descriptionClassName="text-base opacity-80 leading-relaxed"
+          formClassName="space-y-4"
+          inputClassName="w-full px-4 py-3 rounded-full bg-white/10 backdrop-blur-sm border border-white/20 focus:border-cyan-400"
+          buttonClassName="w-full px-6 py-3 rounded-full font-semibold bg-gradient-to-r from-cyan-500 to-magenta-500 hover:shadow-lg transition-all"
+          termsClassName="text-xs opacity-60"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
         <FooterLogoEmphasis 
           logoText="NEXUS DIGITAL"
           columns={[
             {
               items: [
-              { label: "Services", href: "/services" },
+                { label: "Services", href: "features" },
-              { label: "Portfolio", href: "/portfolio" },
+                { label: "Portfolio", href: "product" },
-              { label: "About", href: "/about" }
+                { label: "Impact", href: "metrics" }
               ]
             },
             {
               items: [
-              { label: "Testimonials", href: "#testimonials" },
+                { label: "About Us", href: "#about" },
-              { label: "Contact", href: "/contact" },
+                { label: "Testimonials", href: "testimonials" },
-              { label: "Case Studies", href: "/case-studies" }
+                { label: "Contact", href: "contact" }
               ]
             },
             {
@@ -200,6 +268,7 @@ export default function HomePage() {
           itemClassName="flex items-center gap-2 text-sm opacity-80 hover:opacity-100 transition-opacity"
           buttonClassName="inline-flex items-center gap-2 hover:gap-3 transition-all"
         />
+      </div>
     </ThemeProvider>
   );
 }