Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -8,7 +8,7 @@ import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Calendar } from 'lucide-react';
+import { Calendar, Target, TrendingUp, Zap, BarChart3, Users, Lightbulb, Award } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -49,22 +49,22 @@ export default function LandingPage() {
           ]}
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/team-social-media-networking-looking-digital-tablet-office_23-2147847467.jpg?_wi=1",              imageAlt: "Meta Ads Marketing"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=1",              imageAlt: "Meta Ads Marketing"
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg?_wi=1",              imageAlt: "Campaign Analytics"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=2",              imageAlt: "Campaign Analytics"
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/goals-target-network-inspiration-aspiration-vision_53876-26257.jpg?_wi=1",              imageAlt: "Audience Targeting"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=3",              imageAlt: "Audience Targeting"
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/flat-business-landing-page-template_52683-18356.jpg?_wi=1",              imageAlt: "Lead Generation"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=4",              imageAlt: "Lead Generation"
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/marketing-conversion-flat-background_23-2148000676.jpg?_wi=1",              imageAlt: "Customer Conversion"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=5",              imageAlt: "Customer Conversion"
             }
           ]}
-          className="py-20"
+          className="pt-24 md:pt-32 pb-20"
         />
       </div>
 
@@ -72,7 +72,7 @@ export default function LandingPage() {
         <MediaAbout
           title="Hi, I'm Louis Evans"
           description="I'm a freelance Meta advertising specialist focused on helping local businesses like yours generate consistent leads and real customers through targeted Facebook and Instagram advertising campaigns. My goal is simple: bring qualified local prospects into your business and convert them into paying customers through strategic, data-driven advertising."
-          imageSrc="http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=6"
           imageAlt="Louis Evans Meta Ads Specialist"
           useInvertedBackground={false}
           buttons={[
@@ -88,15 +88,15 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              title: "Target the Right Local Audience",              description: "We use Facebook and Instagram's advanced targeting to reach thousands of qualified local prospects who are actively looking for businesses like yours.",              imageSrc: "http://img.b2bpic.net/free-photo/goals-target-network-inspiration-aspiration-vision_53876-26257.jpg?_wi=2",              imageAlt: "Audience Targeting"
+              title: "Target the Right Local Audience",              description: "We use Facebook and Instagram's advanced targeting to reach thousands of qualified local prospects who are actively looking for businesses like yours.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=7",              imageAlt: "Audience Targeting"
             },
             {
               id: 2,
-              title: "Capture Leads Through Optimized Funnels",              description: "High-converting landing pages and instant lead capture forms turn interested prospects into qualified leads within seconds.",              imageSrc: "http://img.b2bpic.net/free-vector/flat-business-landing-page-template_52683-18356.jpg?_wi=2",              imageAlt: "Lead Capture"
+              title: "Capture Leads Through Optimized Funnels",              description: "High-converting landing pages and instant lead capture forms turn interested prospects into qualified leads within seconds.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=8",              imageAlt: "Lead Capture"
             },
             {
               id: 3,
-              title: "Convert Leads Into Real Customers",              description: "With proper follow-up strategy and nurturing, we convert those leads into actual paying customers for your business.",              imageSrc: "http://img.b2bpic.net/free-vector/marketing-conversion-flat-background_23-2148000676.jpg?_wi=2",              imageAlt: "Customer Conversion"
+              title: "Convert Leads Into Real Customers",              description: "With proper follow-up strategy and nurturing, we convert those leads into actual paying customers for your business.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=9",              imageAlt: "Customer Conversion"
             }
           ]}
           textboxLayout="default"
@@ -111,15 +111,15 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              title: "Reach Thousands of Local Prospects",              description: "With precise geographic and demographic targeting, reach exactly the local customers you want to acquire—no wasted budget on unqualified leads.",              imageSrc: "http://img.b2bpic.net/free-photo/goals-target-network-inspiration-aspiration-vision_53876-26257.jpg?_wi=3",              imageAlt: "Local Reach"
+              title: "Reach Thousands of Local Prospects",              description: "With precise geographic and demographic targeting, reach exactly the local customers you want to acquire—no wasted budget on unqualified leads.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=10",              imageAlt: "Local Reach"
             },
             {
               id: 2,
-              title: "Predictable Lead Generation",              description: "Track exactly how much each lead costs and scale your advertising confidently. Know your numbers before you invest more.",              imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg?_wi=2",              imageAlt: "Predictable Results"
+              title: "Predictable Lead Generation",              description: "Track exactly how much each lead costs and scale your advertising confidently. Know your numbers before you invest more.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=11",              imageAlt: "Predictable Results"
             },
             {
               id: 3,
-              title: "Measurable Results & Transparency",              description: "Every click, impression, and lead is tracked and reported. You always know exactly what your advertising spend is generating.",              imageSrc: "http://img.b2bpic.net/free-photo/team-social-media-networking-looking-digital-tablet-office_23-2147847467.jpg?_wi=2",              imageAlt: "Measurable Results"
+              title: "Measurable Results & Transparency",              description: "Every click, impression, and lead is tracked and reported. You always know exactly what your advertising spend is generating.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=12",              imageAlt: "Measurable Results"
             }
           ]}
           textboxLayout="default"
@@ -133,16 +133,7 @@ export default function LandingPage() {
           description="Here's what we achieved in a recent 48-hour validation test for a fitness business. See real results from targeted Meta advertising."
           metrics={[
             {
-              id: "leads",              value: "26",              description: "Qualified Leads Generated"
-            },
-            {
-              id: "cost-per-lead",              value: "£0.83",              description: "Cost Per Lead"
-            },
-            {
-              id: "reach",              value: "1,491",              description: "Accounts Reached"
-            },
-            {
-              id: "ctr",              value: "2.12%",              description: "Click-Through Rate"
+              id: "pdf",              value: "📄",              description: "View Full Campaign Breakdown (PDF)"
             }
           ]}
           gridVariant="uniform-all-items-equal"
@@ -150,7 +141,7 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[
-            { text: "View Full Campaign Breakdown (PDF)", href: "https://example.com/campaign-pdf" }
+            { text: "Download Full Campaign Breakdown (PDF)", href: "https://example.com/campaign-pdf" }
           ]}
         />
       </div>
@@ -162,15 +153,15 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              title: "Meta Ads Campaign Setup",              description: "From account structure to audience segmentation, I set up your campaigns for maximum performance and scalability.",              imageSrc: "http://img.b2bpic.net/free-photo/team-social-media-networking-looking-digital-tablet-office_23-2147847467.jpg?_wi=3",              imageAlt: "Campaign Setup"
+              title: "Meta Ads Campaign Setup",              description: "From account structure to audience segmentation, I set up your campaigns for maximum performance and scalability.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=13",              imageAlt: "Campaign Setup"
             },
             {
               id: 2,
-              title: "Ad Creative & Copywriting",              description: "Compelling ad visuals and persuasive copy designed to stop scrolls and drive clicks from your ideal local customers.",              imageSrc: "http://img.b2bpic.net/free-vector/flat-business-landing-page-template_52683-18356.jpg?_wi=3",              imageAlt: "Creative Design"
+              title: "Ad Creative & Copywriting",              description: "Compelling ad visuals and persuasive copy designed to stop scrolls and drive clicks from your ideal local customers.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=14",              imageAlt: "Creative Design"
             },
             {
               id: 3,
-              title: "Lead Generation Funnel Setup",              description: "High-converting landing pages and lead capture forms optimized to turn clicks into qualified enquiries and customers.",              imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg?_wi=3",              imageAlt: "Funnel Setup"
+              title: "Lead Generation Funnel Setup",              description: "High-converting landing pages and lead capture forms optimized to turn clicks into qualified enquiries and customers.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATZLVlHn5Dfelmki20HooxHIkC/uploaded-1772621983848-4dvlud45.png?_wi=15",              imageAlt: "Funnel Setup"
             }
           ]}
           textboxLayout="default"
@@ -181,7 +172,7 @@ export default function LandingPage() {
       <div id="contact" data-section="contact">
         <ContactFaq
           ctaTitle="Book a Free Strategy Call"
-          ctaDescription="Let's discuss how Meta advertising can generate new customers for your business. No obligation, just a straightforward conversation about your goals and how I can help."
+          ctaDescription="Let's discuss how Meta advertising can generate new customers for your business. No obligation, just a straightforward conversation about your goals and how I can help. Call me at 07826200531 or email louisevans789@gamil.com"
           ctaButton={{ text: "Schedule Your Call", href: "#contact-form" }}
           ctaIcon={Calendar}
           faqs={[

src/app/styles/variables.css

@@ -2,23 +2,16 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1c1c1c;;
-  --secondary-cta: #ffffff;;
-  --accent: #159c49;;
-  --background-accent: #a8e8ba;; */
-
-  --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1c1c1c;;
-  --primary-cta-text: #f5f5f5;;
-  --secondary-cta: #ffffff;;
-  --secondary-cta-text: #1c1c1c;;
-  --accent: #159c49;;
-  --background-accent: #a8e8ba;;
+  /* Blue and white theme */
+  --background: #ffffff;
+  --card: #f0f4f8;
+  --foreground: #0c1e3e;
+  --primary-cta: #0052cc;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #0c1e3e;
+  --accent: #0052cc;
+  --background-accent: #e0eef9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);