From d14e3ba99f9ceb87af3e03fc2e813b464e568c6d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 4 Mar 2026 10:46:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 70 ++++++++++++++++++++----------------------------
 1 file changed, 29 insertions(+), 41 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 04fe03f..2880cc4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,9 +8,10 @@ import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCa
 import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
 import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
+import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
 import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterCard from "@/components/sections/footer/FooterCard";
-import { CheckCircle, Facebook, Instagram, Linkedin, Phone, Sparkles, Target, TrendingUp, Zap, Megaphone, BarChart3, Users, Briefcase, Lightbulb, LineChart, Settings } from "lucide-react";
+import { CheckCircle, Facebook, Instagram, Linkedin, Phone, Sparkles, Target, TrendingUp, Zap, Megaphone, BarChart3, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -20,9 +21,9 @@ export default function LandingPage() {
       borderRadius="soft"
       contentWidth="mediumLarge"
       sizing="mediumLarge"
-      background="none"
+      background="noiseDiagonalGradient"
       cardStyle="gradient-bordered"
-      primaryButtonStyle="gradient"
+      primaryButtonStyle="double-inset"
       secondaryButtonStyle="layered"
       headingFontWeight="normal"
     >
@@ -40,7 +41,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero" style={{ marginTop: "5rem" }}>
+      <div id="hero" data-section="hero" style={{ paddingTop: "6rem" }}>
         <HeroBillboardCarousel
           title="I Help Local Businesses Generate New Customers Using Facebook & Instagram Ads"
           description="Tired of guessing where your next customers will come from? I use targeted Meta advertising to bring in qualified leads from people right in your area—people who are actively looking for what you offer."
@@ -48,25 +49,25 @@ 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&_wi=1",              imageAlt: "Meta Ads Specialist Strategy"
+              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop",              imageAlt: "Professional digital marketing strategy session"
             },
             {
-              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: "Analytics dashboard showing campaign performance"
             },
             {
-              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-1553515033-fa69b5c3fbab?w=800&h=600&fit=crop",              imageAlt: "Team collaborating on marketing strategy"
             },
             {
-              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-1517694712202-14dd9538aa97?w=800&h=600&fit=crop",              imageAlt: "Lead generation and customer acquisition workflow"
             },
             {
-              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e565db18?w=800&h=600&fit=crop&_wi=2",              imageAlt: "Customer Acquisition Strategy"
+              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop",              imageAlt: "Professional business metrics and reporting"
             },
           ]}
         />
       </div>
 
-      <div id="how-it-works" data-section="how-it-works" style={{ marginTop: "4rem" }}>
+      <div id="how-it-works" data-section="how-it-works">
         <FeatureCardNineteen
           title="How It Works"
           description="A simple three-step process to transform your lead generation and grow your business consistently"
@@ -74,15 +75,15 @@ 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&_wi=1",              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=500&fit=crop",              imageAlt: "Targeting strategy for local customer acquisition"
             },
             {
               id: 2,
-              tag: "Step Two",              title: "Capture Leads",              subtitle: "High-converting forms and landing pages",              description: "Interested prospects fill out forms or land on optimized pages designed specifically for conversion. Every interaction is tracked and analyzed so we know exactly what's working and what needs improvement.",              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e565db18?w=600&h=400&fit=crop",              imageAlt: "Lead capture through forms and landing pages"
+              tag: "Step Two",              title: "Capture Leads",              subtitle: "High-converting forms and landing pages",              description: "Interested prospects fill out forms or land on optimized pages designed specifically for conversion. Every interaction is tracked and analyzed so we know exactly what's working and what needs improvement.",              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e565db18?w=600&h=500&fit=crop",              imageAlt: "Lead capture through conversion-optimized pages"
             },
             {
               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&_wi=2",              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=500&fit=crop",              imageAlt: "Sales conversion and customer lifecycle management"
             },
           ]}
           textboxLayout="default"
@@ -90,7 +91,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="why-me" data-section="why-me" style={{ marginTop: "4rem" }}>
+      <div id="why-me" data-section="why-me">
         <TestimonialAboutCard
           tag="Why Work With Me"
           tagIcon={Target}
@@ -98,32 +99,19 @@ export default function LandingPage() {
           description="Local business owners like you deserve more than vanity metrics."
           subdescription="You deserve a partner who is focused on real leads and real customers."
           icon={TrendingUp}
-          imageSrc="https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=600&h=400&fit=crop"
-          imageAlt="Analytics and performance metrics"
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop"
+          imageAlt: "Professional analytics and performance measurement"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="results" data-section="results" style={{ marginTop: "4rem" }}>
+      <div id="results" data-section="results">
         <MetricCardTwo
           title="Proven Results"
           description="See the impact of targeted Meta advertising on your lead pipeline"
           tag="Case Study Example"
-          metrics={[
-            {
-              id: "1",              value: "3.2x",              description: "Average ROI improvement"
-            },
-            {
-              id: "2",              value: "47%",              description: "Cost per lead reduction"
-            },
-            {
-              id: "3",              value: "156%",              description: "Lead volume increase"
-            },
-            {
-              id: "4",              value: "$2.1M+",              description: "Client revenue generated"
-            },
-          ]}
+          metrics={[]}
           gridVariant="uniform-all-items-equal"
           textboxLayout="default"
           animationType="slide-up"
@@ -131,32 +119,32 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="case-study" data-section="case-study" style={{ display: "flex", justifyContent: "center", alignItems: "center", padding: "4rem 2rem", marginTop: "2rem" }}>
+      <div id="case-study" data-section="case-study" style={{ display: "flex", justifyContent: "center", alignItems: "center", padding: "4rem 2rem" }}>
         <div style={{ maxWidth: "600px", textAlign: "center" }}>
           <img
-            src="https://images.unsplash.com/photo-1460925895917-adf4e565db18?w=600&h=400&fit=crop"
+            src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATbDNX365SKahLSQ2wNTEMmCS1/uploaded-1772620563673-r36bp5b6.png"
             alt="Case Study"
             style={{ width: "100%", height: "auto", borderRadius: "0.5rem" }}
           />
         </div>
       </div>
 
-      <div id="services" data-section="services" style={{ marginTop: "4rem" }}>
+      <div id="services" data-section="services">
         <ProductCardThree
           title="What I Offer"
           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&_wi=1",              imageAlt: "Campaign management service"
+              id: "1",              name: "Meta Ad Campaign Setup & Management",              price: "Custom",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=500&fit=crop",              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"
+              id: "2",              name: "Ad Creative Design & Copywriting",              price: "Custom",              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e565db18?w=600&h=500&fit=crop",              imageAlt: "Creative design service"
             },
             {
-              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: "3",              name: "Lead Generation Funnel Setup",              price: "Custom",              imageSrc: "https://images.unsplash.com/photo-1553515033-fa69b5c3fbab?w=600&h=500&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&_wi=2",              imageAlt: "Campaign optimization"
+              id: "4",              name: "Campaign Optimization & Scaling",              price: "Custom",              imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=500&fit=crop",              imageAlt: "Campaign optimization"
             },
           ]}
           gridVariant="two-columns-alternating-heights"
@@ -166,7 +154,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="pilot-campaign" data-section="pilot-campaign" style={{ marginTop: "4rem" }}>
+      <div id="pilot-campaign" data-section="pilot-campaign">
         <PricingCardOne
           title="Start Small, Scale Fast"
           description="New clients start with a focused pilot campaign to prove results before committing to larger ad spend"
@@ -185,7 +173,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact" style={{ marginTop: "4rem" }}>
+      <div id="contact" data-section="contact">
         <ContactFaq
           ctaTitle="Ready to Generate New Customers?"
           ctaDescription="Book your free 30-minute strategy call. We'll discuss your business goals, current marketing challenges, and exactly how targeted Meta ads can help you attract more qualified leads. Call 078262000531 or email louisevans789@gmail.com"
@@ -213,7 +201,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="footer" data-section="footer" style={{ marginTop: "4rem" }}>
+      <div id="footer" data-section="footer">
         <FooterCard
           logoText="Louis Evans"
           copyrightText="© 2025 Louis Evans | Meta Ads Specialist for Local Businesses"