Update src/app/styles/variables.css

src/app/page.tsx

@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="ALMedia Group"
     />
@@ -55,62 +47,39 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Marketing Growth for Contractors"
       description="We specialize in scaling service-based contracting businesses through proven lead generation and digital strategy."
       buttons={[
         {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/cheerful-guy-cap-works-laptop-laughs-sits-with-his-legs-table-man-office-outfit-works-vacation_197531-27418.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/architectural-designers-team-pointing-pen-skyscraper-discussing-architecture-design-modern-office-architects-colleagues-brainstorming-ideeas-collaborating-white-foam-model_482257-35481.jpg",
-          alt: "Architectural designers team pointing pen at skyscraper discussing architecture design in modern office.",
-        },
+          src: "http://img.b2bpic.net/free-photo/architectural-designers-team-pointing-pen-skyscraper-discussing-architecture-design-modern-office-architects-colleagues-brainstorming-ideeas-collaborating-white-foam-model_482257-35481.jpg",          alt: "Architectural designers team pointing pen at skyscraper discussing architecture design in modern office."},
         {
-          src: "http://img.b2bpic.net/free-photo/solution-decision-discovery-improvement-solve-concept_53876-95317.jpg",
-          alt: "Solution Decision Discovery Improvement Solve Concept",
-        },
+          src: "http://img.b2bpic.net/free-photo/solution-decision-discovery-improvement-solve-concept_53876-95317.jpg",          alt: "Solution Decision Discovery Improvement Solve Concept"},
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-male-constructor-office-desk-talking-phone_179666-25429.jpg",
-          alt: "Front view male constructor behind office desk talking at phone",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-male-constructor-office-desk-talking-phone_179666-25429.jpg",          alt: "Front view male constructor behind office desk talking at phone"},
         {
-          src: "http://img.b2bpic.net/free-photo/woman-man-developers-create-architect-project-use-blueprints-sketches-look-happily-after-successful-working-day-have-productive-cooperation_273609-50535.jpg",
-          alt: "Woman and man developers create architect project use blueprints sketches look happily.",
-        },
+          src: "http://img.b2bpic.net/free-photo/woman-man-developers-create-architect-project-use-blueprints-sketches-look-happily-after-successful-working-day-have-productive-cooperation_273609-50535.jpg",          alt: "Woman and man developers create architect project use blueprints sketches look happily."},
         {
-          src: "http://img.b2bpic.net/free-photo/diverse-group-workmates-discussing-business-strategy-startup-office-colleagues-working-project-planning-presentation-company-development-growth-brainstorming-ideas_482257-40347.jpg",
-          alt: "Diverse group of workmates discussing business strategy.",
-        },
+          src: "http://img.b2bpic.net/free-photo/diverse-group-workmates-discussing-business-strategy-startup-office-colleagues-working-project-planning-presentation-company-development-growth-brainstorming-ideas_482257-40347.jpg",          alt: "Diverse group of workmates discussing business strategy."},
       ]}
       avatarText="Trusted by 500+ professionals"
       marqueeItems={[
         {
-          type: "text",
-          text: "100% Focused on Contractors",
-        },
+          type: "text",          text: "100% Focused on Contractors"},
         {
-          type: "text",
-          text: "Data-Driven ROI",
-        },
+          type: "text",          text: "Data-Driven ROI"},
         {
-          type: "text",
-          text: "Regional Market Leaders",
-        },
+          type: "text",          text: "Regional Market Leaders"},
         {
-          type: "text",
-          text: "Automated CRM Workflows",
-        },
+          type: "text",          text: "Automated CRM Workflows"},
         {
-          type: "text",
-          text: "Proven Lead Generation",
-        },
+          type: "text",          text: "Proven Lead Generation"},
       ]}
     />
   </div>
@@ -123,17 +92,11 @@ export default function LandingPage() {
       description="ALMedia Group is designed specifically for service contractors. We understand the unique challenges of local service markets and provide tailored marketing solutions that actually result in booked jobs."
       bulletPoints={[
         {
-          title: "Contractor-Focused",
-          description: "We don't just 'do marketing' — we scale businesses.",
-        },
+          title: "Contractor-Focused",          description: "We don't just 'do marketing' — we scale businesses."},
         {
-          title: "Local Market Expertise",
-          description: "Data-driven targeting for local territories.",
-        },
+          title: "Local Market Expertise",          description: "Data-driven targeting for local territories."},
         {
-          title: "Proven Results",
-          description: "Focus on high-ROI lead acquisition.",
-        },
+          title: "Proven Results",          description: "Focus on high-ROI lead acquisition."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/multiethnic-team-employees-meeting-break-have-fun-discussing-about-business-collaboration-happy-people-laughing-planning-marketing-project-office-handheld-shot_482257-43330.jpg"
       mediaAnimation="slide-up"
@@ -148,20 +111,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "High-Intent Lead Gen",
-          description: "Targeted ad campaigns designed to get the phone ringing immediately.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-talking-man-with-digital-tablet-about-project-planning-marketing-strategy-woman-doing-teamwork-with-engineer-presentation-design-with-data-charts-computer_482257-32063.jpg",
-        },
+          title: "High-Intent Lead Gen",          description: "Targeted ad campaigns designed to get the phone ringing immediately.",          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-talking-man-with-digital-tablet-about-project-planning-marketing-strategy-woman-doing-teamwork-with-engineer-presentation-design-with-data-charts-computer_482257-32063.jpg"},
         {
-          title: "Local SEO Optimization",
-          description: "Ensure your contracting business dominates the Google Maps pack.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-cheerful-redhead-curly-business-man-white-shirt-working-laptop-looking-aside_171337-10023.jpg",
-        },
+          title: "Local SEO Optimization",          description: "Ensure your contracting business dominates the Google Maps pack.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-cheerful-redhead-curly-business-man-white-shirt-working-laptop-looking-aside_171337-10023.jpg"},
         {
-          title: "Pipeline Management",
-          description: "Automated systems to keep track of every quote and appointment.",
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038398.jpg",
-        },
+          title: "Pipeline Management",          description: "Automated systems to keep track of every quote and appointment.",          imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038398.jpg"},
       ]}
       title="Our Specialized Services"
       description="Comprehensive marketing suites to fill your pipeline."
@@ -173,14 +127,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Plumbing Pros",
-        "Electric Solutions",
-        "HVAC Masters",
-        "General Builders",
-        "Landscaping Experts",
-        "Roofing Specialists",
-        "Paving Contractors",
-      ]}
+        "Plumbing Pros",        "Electric Solutions",        "HVAC Masters",        "General Builders",        "Landscaping Experts",        "Roofing Specialists",        "Paving Contractors"]}
       title="Industries We Transform"
       description="Trusted by hundreds of local contractors."
     />
@@ -194,45 +141,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Mark Miller",
-          role: "Owner",
-          company: "Plumbing Masters",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-placing-wooden-blocks-workshop_23-2147945103.jpg",
-        },
+          id: "1",          name: "Mark Miller",          role: "Owner",          company: "Plumbing Masters",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-placing-wooden-blocks-workshop_23-2147945103.jpg"},
         {
-          id: "2",
-          name: "Sarah Davis",
-          role: "CEO",
-          company: "Davis Electric",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-199251.jpg",
-        },
+          id: "2",          name: "Sarah Davis",          role: "CEO",          company: "Davis Electric",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-199251.jpg"},
         {
-          id: "3",
-          name: "Robert Smith",
-          role: "Director",
-          company: "Smith HVAC",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-standing-with-crossed-arms-near-desktop-office-with-loft-interior_613910-18715.jpg",
-        },
+          id: "3",          name: "Robert Smith",          role: "Director",          company: "Smith HVAC",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-standing-with-crossed-arms-near-desktop-office-with-loft-interior_613910-18715.jpg"},
         {
-          id: "4",
-          name: "Linda Jones",
-          role: "Founder",
-          company: "Jones Build",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg",
-        },
+          id: "4",          name: "Linda Jones",          role: "Founder",          company: "Jones Build",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg"},
         {
-          id: "5",
-          name: "Kevin Wilson",
-          role: "Owner",
-          company: "Wilson Paving",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-analyst-reviewing-solar-panel-production-workflow_482257-125954.jpg",
-        },
+          id: "5",          name: "Kevin Wilson",          role: "Owner",          company: "Wilson Paving",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-analyst-reviewing-solar-panel-production-workflow_482257-125954.jpg"},
       ]}
       title="Stories of Success"
       description="See why local business owners trust ALMedia Group."
@@ -246,55 +168,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "start",
-          tag: "Essential",
-          price: "$1,999",
-          period: "/mo",
-          description: "Perfect for new local firms looking to stabilize growth.",
-          button: {
-            text: "Choose Essential",
-          },
-          featuresTitle: "Included Features",
-          features: [
-            "Ad Spend Management",
-            "Monthly Reporting",
-            "CRM Access",
-          ],
+          id: "start",          tag: "Essential",          price: "$1,999",          period: "/mo",          description: "Perfect for new local firms looking to stabilize growth.",          button: {
+            text: "Choose Essential"},
+          featuresTitle: "Included Features",          features: [
+            "Ad Spend Management",            "Monthly Reporting",            "CRM Access"],
         },
         {
-          id: "growth",
-          tag: "Growth",
-          price: "$3,499",
-          period: "/mo",
-          description: "The best choice for established firms ready to dominate locally.",
-          button: {
-            text: "Choose Growth",
-          },
-          featuresTitle: "Included Features",
-          features: [
-            "Ad Spend Management",
-            "Monthly Reporting",
-            "CRM Access",
-            "Advanced SEO",
-          ],
+          id: "growth",          tag: "Growth",          price: "$3,499",          period: "/mo",          description: "The best choice for established firms ready to dominate locally.",          button: {
+            text: "Choose Growth"},
+          featuresTitle: "Included Features",          features: [
+            "Ad Spend Management",            "Monthly Reporting",            "CRM Access",            "Advanced SEO"],
         },
         {
-          id: "scale",
-          tag: "Scale",
-          price: "$5,999",
-          period: "/mo",
-          description: "Full-service management for regional market leaders.",
-          button: {
-            text: "Choose Scale",
-          },
-          featuresTitle: "Included Features",
-          features: [
-            "Ad Spend Management",
-            "Monthly Reporting",
-            "CRM Access",
-            "Advanced SEO",
-            "Dedicated Strategy",
-          ],
+          id: "scale",          tag: "Scale",          price: "$5,999",          period: "/mo",          description: "Full-service management for regional market leaders.",          button: {
+            text: "Choose Scale"},
+          featuresTitle: "Included Features",          features: [
+            "Ad Spend Management",            "Monthly Reporting",            "CRM Access",            "Advanced SEO",            "Dedicated Strategy"],
         },
       ]}
       title="Simple Growth Packages"
@@ -308,20 +197,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "How long until I see results?",
-          content: "Most contractors see improved lead volume within 30-45 days.",
-        },
+          id: "f1",          title: "How long until I see results?",          content: "Most contractors see improved lead volume within 30-45 days."},
         {
-          id: "f2",
-          title: "Can you handle multiple services?",
-          content: "Yes, we specialize in multi-service portfolios.",
-        },
+          id: "f2",          title: "Can you handle multiple services?",          content: "Yes, we specialize in multi-service portfolios."},
         {
-          id: "f3",
-          title: "Is there a long-term contract?",
-          content: "We offer month-to-month flexibility for qualified partners.",
-        },
+          id: "f3",          title: "Is there a long-term contract?",          content: "We offer month-to-month flexibility for qualified partners."},
       ]}
       title="Frequently Asked Questions"
       description="Common questions from contractors."
@@ -333,15 +213,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Let's Grow"
       title="Ready to Fill Your Calendar?"
       description="Speak with an ALMedia growth expert today."
       buttons={[
         {
-          text: "Schedule Consultation",
-        },
+          text: "Schedule Consultation"},
       ]}
     />
   </div>
@@ -352,29 +230,19 @@ export default function LandingPage() {
       logoText="ALMedia Group"
       columns={[
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Lead Gen",
-              href: "#",
-            },
+              label: "Lead Gen",              href: "#"},
             {
-              label: "SEO",
-              href: "#",
-            },
+              label: "SEO",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#",
-            },
+              label: "About",              href: "#"},
             {
-              label: "Contact",
-              href: "#",
-            },
+              label: "Contact",              href: "#"},
           ],
         },
       ]}
@@ -383,4 +251,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
-  --card: #f3ede2;
-  --foreground: #2e2521;
-  --primary-cta: #2e2521;
+  --background: #e5e7eb;
+  --card: #d1d5db;
+  --foreground: #1f2937;
+  --primary-cta: #374151;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f3f4f6;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --accent: #9ca3af;
+  --background-accent: #d1d5db;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);