Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -48,19 +48,19 @@ export default function LandingPage() {
           buttons={[{ text: "Book a Free Strategy Call", href: "contact" }]}
           mediaItems={[
             {
-              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop",              imageAlt: "Meta Ads Specialist Strategy"
+              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=1",              imageAlt: "Meta Ads Specialist Strategy"
             },
             {
               imageSrc: "https://images.unsplash.com/photo-1522869635100-ce3c3b548351?w=800&h=600&fit=crop",              imageAlt: "Facebook and Instagram Advertising"
             },
             {
-              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e565db18?w=800&h=600&fit=crop",              imageAlt: "Lead Generation Campaigns"
+              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e565db18?w=800&h=600&fit=crop&_wi=1",              imageAlt: "Lead Generation Campaigns"
             },
             {
-              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop",              imageAlt: "Local Business Marketing"
+              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=2",              imageAlt: "Local Business Marketing"
             },
             {
-              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e565db18?w=800&h=600&fit=crop",              imageAlt: "Customer Acquisition Strategy"
+              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e565db18?w=800&h=600&fit=crop&_wi=2",              imageAlt: "Customer Acquisition Strategy"
             },
           ]}
         />
@@ -74,7 +74,7 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              tag: "Step One",              title: "Target Local Customers",              subtitle: "Precision audience targeting using Meta's powerful tools",              description: "We identify and reach the exact customers you want to attract using advanced demographic, interest, and behavioral targeting. Your ads appear in front of people in your area who are actively searching for your services or products.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop",              imageAlt: "Targeting local customers with Meta ads"
+              tag: "Step One",              title: "Target Local Customers",              subtitle: "Precision audience targeting using Meta's powerful tools",              description: "We identify and reach the exact customers you want to attract using advanced demographic, interest, and behavioral targeting. Your ads appear in front of people in your area who are actively searching for your services or products.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop&_wi=1",              imageAlt: "Targeting local customers with Meta ads"
             },
             {
               id: 2,
@@ -82,7 +82,7 @@ export default function LandingPage() {
             },
             {
               id: 3,
-              tag: "Step Three",              title: "Convert to Customers",              subtitle: "Nurture leads and close sales",              description: "We help you follow up with interested prospects through strategic sequences and nurturing. Track which leads convert into paying customers and understand your true return on ad spend.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop",              imageAlt: "Converting leads into paying customers"
+              tag: "Step Three",              title: "Convert to Customers",              subtitle: "Nurture leads and close sales",              description: "We help you follow up with interested prospects through strategic sequences and nurturing. Track which leads convert into paying customers and understand your true return on ad spend.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop&_wi=2",              imageAlt: "Converting leads into paying customers"
             },
           ]}
           textboxLayout="default"
@@ -147,7 +147,7 @@ export default function LandingPage() {
           description="Comprehensive Meta advertising services designed to grow your local business"
           products={[
             {
-              id: "1",              name: "Meta Ad Campaign Setup & Management",              price: "Custom",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=300&fit=crop",              imageAlt: "Campaign management service"
+              id: "1",              name: "Meta Ad Campaign Setup & Management",              price: "Custom",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=300&fit=crop&_wi=1",              imageAlt: "Campaign management service"
             },
             {
               id: "2",              name: "Ad Creative Design & Copywriting",              price: "Custom",              imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=400&h=300&fit=crop",              imageAlt: "Creative design service"
@@ -156,7 +156,7 @@ export default function LandingPage() {
               id: "3",              name: "Lead Generation Funnel Setup",              price: "Custom",              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e565db18?w=400&h=300&fit=crop",              imageAlt: "Lead funnel setup"
             },
             {
-              id: "4",              name: "Campaign Optimization & Scaling",              price: "Custom",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=300&fit=crop",              imageAlt: "Campaign optimization"
+              id: "4",              name: "Campaign Optimization & Scaling",              price: "Custom",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=300&fit=crop&_wi=2",              imageAlt: "Campaign optimization"
             },
           ]}
           gridVariant="two-columns-alternating-heights"

src/app/styles/variables.css

@@ -2,39 +2,15 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #ffffff;;
+  --background: #ffffff;
-  --card: #f9f9f9;;
+  --card: #f9f9f9;
-  --foreground: #001122;;
+  --foreground: #001122;
-  --primary-cta: #15479c;;
+  --primary-cta: #15479c;
-  --secondary-cta: #ffffff;;
+  --primary-cta-text: #ffffff;
-  --accent: #a8cce8;;
+  --secondary-cta: #ffffff;
-  --background-accent: #7ba3cf;; */
+  --secondary-cta-text: #001122;
-
+  --accent: #a8cce8;
-  --background: #ffffff;;
+  --background-accent: #7ba3cf;
-  --card: #f9f9f9;;
-  --foreground: #001122;;
-  --primary-cta: #15479c;;
-  --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
-  --secondary-cta-text: #25190c;;
-  --accent: #a8cce8;;
-  --background-accent: #7ba3cf;;
-
-  /* text sizing - set by ThemeProvider */
-  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-  --text-xs: clamp(0.54rem, 0.72vw, 0.72rem);
-  --text-sm: clamp(0.615rem, 0.82vw, 0.82rem);
-  --text-base: clamp(0.69rem, 0.92vw, 0.92rem);
-  --text-lg: clamp(0.75rem, 1vw, 1rem);
-  --text-xl: clamp(0.825rem, 1.1vw, 1.1rem);
-  --text-2xl: clamp(0.975rem, 1.3vw, 1.3rem);
-  --text-3xl: clamp(1.2rem, 1.6vw, 1.6rem);
-  --text-4xl: clamp(1.5rem, 2vw, 2rem);
-  --text-5xl: clamp(2.025rem, 2.75vw, 2.75rem);
-  --text-6xl: clamp(2.475rem, 3.3vw, 3.3rem);
-  --text-7xl: clamp(3rem, 4vw, 4rem);
-  --text-8xl: clamp(3.5rem, 4.5vw, 4.5rem);
-  --text-9xl: clamp(5.25rem, 7vw, 7rem); */
 
   /* Base spacing units */
   --vw-0_25: calc(var(--vw) * 0.25);