Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -31,37 +31,26 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Strategy",          id: "about"},
-        {
-          name: "Services",          id: "features"},
-        {
-          name: "Results",          id: "metrics"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Strategy", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Results", id: "metrics" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="MHDX Media"
-      button={{
-        text: "Get Started",        href: "#contact"}}
+      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars"}}
-      title="Marketing That Drives Real Revenue Growth"
+      background={{ variant: "gradient-bars" }}
+      title="Drive Predictable Revenue Growth with Data-Backed Marketing"
       description="MHDX Media combines strategy, creative, and data-driven execution to deliver measurable results. We've helped 50 brands scale revenue by an average of 35% in 12 months."
       tag="Trusted Agency Partner"
-      buttons={[
-        {
-          text: "Schedule Your Strategy Call",          href: "#contact"},
-      ]}
+      buttons={[{ text: "Schedule Your Strategy Call", href: "#contact" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg",          imageAlt: "Agency Dashboard"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153839.jpg",          imageAlt: "Strategy Meeting"}
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGXiGHyYIUUK3VoYl61EfAyQ6/uploaded-1778084862367-q5rpsn3m.jpg", imageAlt: "MHDX Media Logo" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153839.jpg", imageAlt: "Strategy Meeting" }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -75,12 +64,9 @@ export default function LandingPage() {
       title="Proven Impact at Scale"
       tag="Our Results"
       metrics={[
-        {
-          id: "m1",          value: "35%",          description: "Average Revenue Growth"},
-        {
-          id: "m2",          value: "50+",          description: "Brands Successfully Scaled"},
-        {
-          id: "m3",          value: "4.8x",          description: "Average Marketing ROI"},
+        { id: "m1", value: "35%", description: "Average Revenue Growth" },
+        { id: "m2", value: "50+", description: "Brands Successfully Scaled" },
+        { id: "m3", value: "4.8x", description: "Average Marketing ROI" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -92,18 +78,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          id: "f1",          label: "Performance",          title: "Paid Acquisition",          items: [
-            "Facebook Ads Strategy",            "Google Search Optimization",            "Retargeting Campaigns"],
-        },
-        {
-          id: "f2",          label: "Strategy",          title: "Growth Planning",          items: [
-            "Audience Personas",            "Competitive Analysis",            "Funnel Optimization"],
-        },
-        {
-          id: "f3",          label: "Creative",          title: "Content & Design",          items: [
-            "Ad Creative Design",            "Landing Page Copy",            "Video Production"],
-        },
+        { id: "f1", label: "Performance", title: "Paid Acquisition", items: ["Facebook Ads Strategy", "Google Search Optimization", "Retargeting Campaigns"] },
+        { id: "f2", label: "Strategy", title: "Growth Planning", items: ["Audience Personas", "Competitive Analysis", "Funnel Optimization"] },
+        { id: "f3", label: "Creative", title: "Content & Design", items: ["Ad Creative Design", "Landing Page Copy", "Video Production"] },
       ]}
       title="Comprehensive Growth Engines"
       description="Integrated marketing strategies designed to convert at every stage of the customer journey."
@@ -116,18 +93,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Sarah Johnson",          role: "CEO",          testimonial: "MHDX transformed our revenue model. Incredible team.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg"},
-        {
-          id: "2",          name: "Michael Chen",          role: "CTO",          testimonial: "Data-driven approach that consistently beats benchmarks.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-work_23-2149097919.jpg"},
-        {
-          id: "3",          name: "Emily Rodriguez",          role: "Marketing Director",          testimonial: "Highly recommend for B2B brands looking to scale.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg"},
-        {
-          id: "4",          name: "David Kim",          role: "Product Manager",          testimonial: "Professional, efficient, and transparent agency.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193991.jpg"},
-        {
-          id: "5",          name: "Chloe Bennett",          role: "Brand Manager",          testimonial: "Finally found a partner that understands our ROI.",          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-manager-smiling-camera_482257-121357.jpg"},
-        {
-          id: "6",          name: "Alex Rivera",          role: "Data Lead",          testimonial: "The insights were game-changing for our bottom line.",          imageSrc: "http://img.b2bpic.net/free-photo/excited-young-adult-woman-reacting-win-surprise-news-screaming-cheering-triumphing-achieve-go_1258-124618.jpg"},
+        { id: "1", name: "Sarah Johnson", role: "CEO", testimonial: "MHDX transformed our revenue model. Incredible team.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
+        { id: "2", name: "Michael Chen", role: "CTO", testimonial: "Data-driven approach that consistently beats benchmarks.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-work_23-2149097919.jpg" },
+        { id: "3", name: "Emily Rodriguez", role: "Marketing Director", testimonial: "Highly recommend for B2B brands looking to scale.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg" },
       ]}
       title="What Our Partners Say"
       description="Proven results from brands we've helped scale globally."
@@ -138,8 +106,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
-        "InnovateTech",        "GrowthStream",        "RetailSphere",        "DataFlow",        "CloudBase",        "MarketJump",        "AdVentures"]}
+      names={["InnovateTech", "GrowthStream", "RetailSphere", "DataFlow", "CloudBase", "MarketJump", "AdVentures"]}
       title="Trusted by Growing Brands"
       description="Partnering with industry leaders to drive massive scale."
     />
@@ -149,12 +116,9 @@ export default function LandingPage() {
       <MediaAbout
       useInvertedBackground={false}
       title="Your Dedicated Growth Partner"
-      description="MHDX Media operates as an extension of your team. We strip away the complexity of agency-client relationships, focusing entirely on measurable, transparent revenue performance. We believe that strategy without execution is empty, and execution without data is reckless."
+      description="MHDX Media operates as an extension of your team. We strip away the complexity of agency-client relationships, focusing entirely on measurable, transparent revenue performance."
       tag="About Us"
-      buttons={[
-        {
-          text: "Learn More",          href: "#"},
-      ]}
+      buttons={[{ text: "Learn More", href: "#" }]}
       imageSrc="http://img.b2bpic.net/free-photo/young-business-people-are-discussing-new-creative-ideas-together-meeting-office_146671-15684.jpg"
     />
   </div>
@@ -164,12 +128,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",          title: "How do you measure success?",          content: "We focus on bottom-line KPIs—revenue, ROAS, and customer acquisition costs."},
-        {
-          id: "q2",          title: "What industries do you serve?",          content: "Our expertise spans B2B SaaS, e-commerce, and high-growth consumer brands."},
-        {
-          id: "q3",          title: "How often do you report?",          content: "We provide real-time dashboards and weekly performance syncs for full transparency."},
+        { id: "q1", title: "How do you measure success?", content: "We focus on bottom-line KPIs—revenue, ROAS, and customer acquisition costs." },
+        { id: "q2", title: "What industries do you serve?", content: "Our expertise spans B2B SaaS, e-commerce, and high-growth consumer brands." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/diverse-businesspeople-analysing-financial-project-corporate-meeting-multiethnic-employees-group-listening-colleague-sharing-ideas-discussing-new-marketing-plan-comparing-data-from-tablet_482257-13516.jpg"
       title="Common Agency Questions"
@@ -181,8 +141,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       tag="Contact Us"
       title="Ready to Scale Your Revenue?"
       description="Schedule a strategy call with our team to discuss your growth goals."
@@ -192,14 +151,13 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGXiGHyYIUUK3VoYl61EfAyQ6/uploaded-1778084862367-q5rpsn3m.jpg"
       logoText="MHDX Media"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "Terms of Service",        href: "#"}}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
+  --background: #000612;
+  --card: #0a1526;
+  --foreground: #f0f8ff;
   --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1e3a6a;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #15479c;
+  --background-accent: #0d1a2e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);