22 Commits

Author SHA1 Message Date
dd843959e0 Merge version_7 into main
Merge version_7 into main
2026-03-04 10:53:26 +00:00
e9d226aaf2 Update src/app/page.tsx 2026-03-04 10:53:22 +00:00
e4b4011b32 Update src/app/page.tsx 2026-03-04 10:52:41 +00:00
1fd9bb779b Merge version_6 into main
Merge version_6 into main
2026-03-04 10:50:12 +00:00
65d924e799 Update src/app/page.tsx 2026-03-04 10:50:07 +00:00
1269d142b2 Update src/app/layout.tsx 2026-03-04 10:50:06 +00:00
5e260b1ddf Update src/app/page.tsx 2026-03-04 10:49:20 +00:00
d14e3ba99f Update src/app/page.tsx 2026-03-04 10:46:28 +00:00
f2cce4300b Update src/app/layout.tsx 2026-03-04 10:46:28 +00:00
b6d432ad04 Merge version_4 into main
Merge version_4 into main
2026-03-04 10:44:28 +00:00
d8f2e8a53a Update src/app/styles/variables.css 2026-03-04 10:44:23 +00:00
e49c0a8bbf Update src/app/page.tsx 2026-03-04 10:44:23 +00:00
ee2c83d45e Merge version_4 into main
Merge version_4 into main
2026-03-04 10:43:27 +00:00
84ecd6e489 Update src/app/styles/variables.css 2026-03-04 10:43:22 +00:00
d556e3c386 Update src/app/styles/base.css 2026-03-04 10:43:22 +00:00
c4598b3b37 Update src/app/page.tsx 2026-03-04 10:43:21 +00:00
3050db2427 Update src/app/layout.tsx 2026-03-04 10:43:21 +00:00
b56d9ad9ef Merge version_3 into main
Merge version_3 into main
2026-03-04 10:41:53 +00:00
92a1a741cd Update src/app/page.tsx 2026-03-04 10:41:48 +00:00
868b87ff11 Merge version_3 into main
Merge version_3 into main
2026-03-04 10:40:32 +00:00
4402418ae5 Update src/app/page.tsx 2026-03-04 10:40:27 +00:00
b9af1cf426 Merge version_2 into main
Merge version_2 into main
2026-03-04 10:36:50 +00:00
4 changed files with 57 additions and 74 deletions

View File

@@ -1,18 +1,18 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Montserrat } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import { DM_Sans } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
});
const inter = Inter({ const inter = Inter({
variable: "--font-inter", subsets: ["latin"], variable: "--font-inter", subsets: ["latin"],
}); });
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Meta Ads Specialist for Local Businesses | Generate New Customers", description: "Louis Evans helps local businesses generate qualified leads using Facebook & Instagram advertising. Proven results, transparent pricing, and risk-free pilot campaigns.", keywords: "meta ads specialist, facebook advertising, instagram ads, local business marketing, lead generation, digital marketing", metadataBase: new URL("https://louisevans.com"), title: "Meta Ads Specialist for Local Businesses | Generate New Customers", description: "Louis Evans helps local businesses generate qualified leads using Facebook & Instagram advertising. Proven results, transparent pricing, and risk-free pilot campaigns.", keywords: "meta ads specialist, facebook advertising, instagram ads, local business marketing, lead generation, digital marketing", metadataBase: new URL("https://louisevans.com"),
alternates: { alternates: {
@@ -39,7 +39,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${montserrat.variable} ${inter.variable} antialiased`} className={`${inter.variable} ${dmSans.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

View File

@@ -8,10 +8,9 @@ import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCa
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo"; import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import ProductCardThree from "@/components/sections/product/ProductCardThree"; import ProductCardThree from "@/components/sections/product/ProductCardThree";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne"; import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactFaq from "@/components/sections/contact/ContactFaq"; import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterCard from "@/components/sections/footer/FooterCard"; import FooterCard from "@/components/sections/footer/FooterCard";
import { CheckCircle, Facebook, Instagram, Linkedin, Phone, Sparkles, Target, TrendingUp } from "lucide-react"; import { CheckCircle, Facebook, Instagram, Linkedin, Phone, Sparkles, Target, TrendingUp, Zap, Megaphone, BarChart3, Users, Briefcase, Lightbulb, LineChart, Settings } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -21,9 +20,9 @@ export default function LandingPage() {
borderRadius="soft" borderRadius="soft"
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="mediumLarge" sizing="mediumLarge"
background="noiseDiagonalGradient" background="none"
cardStyle="gradient-bordered" cardStyle="gradient-bordered"
primaryButtonStyle="double-inset" primaryButtonStyle="gradient"
secondaryButtonStyle="layered" secondaryButtonStyle="layered"
headingFontWeight="normal" headingFontWeight="normal"
> >
@@ -41,33 +40,33 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="hero" data-section="hero" style={{ paddingTop: "6rem" }}> <div id="hero" data-section="hero" style={{ marginTop: "5rem" }}>
<HeroBillboardCarousel <HeroBillboardCarousel
title="I Help Local Businesses Generate New Customers Using Facebook & Instagram Ads" 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." 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."
background={{ variant: "plain" }} background={{ variant: "plain" }}
buttons={[{ text: "Book a Free Strategy Call", href: "contact" }]} buttons={[{ text: "Book Your Free Call Today", href: "contact" }]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-corporate-social-media-agency-banner-instagram-post-template_505751-6754.jpg?_wi=1", 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: "http://img.b2bpic.net/free-psd/digital-marketing-corporate-social-media-agency-banner-instagram-post-template_505751-6754.jpg?_wi=2", imageAlt: "Facebook and Instagram Advertising" imageSrc: "https://images.unsplash.com/photo-1522869635100-ce3c3b548351?w=800&h=600&fit=crop", imageAlt: "Facebook and Instagram Advertising"
}, },
{ {
imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-corporate-social-media-agency-banner-instagram-post-template_505751-6754.jpg?_wi=3", 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: "http://img.b2bpic.net/free-psd/digital-marketing-corporate-social-media-agency-banner-instagram-post-template_505751-6754.jpg?_wi=4", 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: "http://img.b2bpic.net/free-psd/digital-marketing-corporate-social-media-agency-banner-instagram-post-template_505751-6754.jpg?_wi=5", imageAlt: "Customer Acquisition Strategy" imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e565db18?w=800&h=600&fit=crop&_wi=2", imageAlt: "Customer Acquisition Strategy"
}, },
]} ]}
/> />
</div> </div>
<div id="how-it-works" data-section="how-it-works"> <div id="how-it-works" data-section="how-it-works" style={{ marginTop: "4rem" }}>
<FeatureCardNineteen <FeatureCardNineteen
title="How It Works" title="How It Works"
description="A simple three-step process to transform your lead generation and grow your business consistently" description="A simple three-step process to transform your lead generation and grow your business consistently"
@@ -75,15 +74,15 @@ export default function LandingPage() {
features={[ features={[
{ {
id: 1, 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: "http://img.b2bpic.net/free-photo/goals-target-network-inspiration-aspiration-vision_53876-26257.jpg", 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, 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: "http://img.b2bpic.net/free-vector/laptop-marketing-optimization-background_23-2148009591.jpg", 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=400&fit=crop", imageAlt: "Lead capture through forms and landing pages"
}, },
{ {
id: 3, 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: "http://img.b2bpic.net/free-photo/business-teamwork-meeting-concept_1421-631.jpg", 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" textboxLayout="default"
@@ -91,7 +90,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="why-me" data-section="why-me"> <div id="why-me" data-section="why-me" style={{ marginTop: "4rem" }}>
<TestimonialAboutCard <TestimonialAboutCard
tag="Why Work With Me" tag="Why Work With Me"
tagIcon={Target} tagIcon={Target}
@@ -99,23 +98,31 @@ export default function LandingPage() {
description="Local business owners like you deserve more than vanity metrics." 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." subdescription="You deserve a partner who is focused on real leads and real customers."
icon={TrendingUp} icon={TrendingUp}
imageSrc="http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg" imageSrc="https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=600&h=400&fit=crop"
imageAlt="Analytics and performance metrics" imageAlt="Analytics and performance metrics"
mediaAnimation="slide-up" mediaAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>
<div id="results" data-section="results"> <div id="results" data-section="results" style={{ marginTop: "4rem" }}>
<MetricCardTwo <MetricCardTwo
title="Proven Results" title="Proven Results"
description="See the impact of targeted Meta advertising on your lead pipeline" description="See the impact of targeted Meta advertising on your lead pipeline"
tag="Case Study Example" tag="Case Study Example"
metrics={[ metrics={[
{ id: "1", value: "2,847", description: "Qualified Leads Generated" }, {
{ id: "2", value: "$3.42", description: "Average Cost Per Lead" }, id: "1", value: "3.2x", description: "Average ROI improvement"
{ id: "3", value: "18%", description: "Lead to Customer Conversion Rate" }, },
{ id: "4", value: "$127K", description: "Revenue Generated from Campaigns" }, {
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"
},
]} ]}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
textboxLayout="default" textboxLayout="default"
@@ -124,32 +131,32 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="case-study" data-section="case-study" style={{ display: "flex", justifyContent: "center", alignItems: "center", padding: "4rem 2rem" }}> <div id="case-study" data-section="case-study" style={{ display: "flex", justifyContent: "center", alignItems: "center", padding: "4rem 2rem", marginTop: "2rem" }}>
<div style={{ maxWidth: "600px", textAlign: "center" }}> <div style={{ maxWidth: "600px", textAlign: "center" }}>
<img <img
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATbDNX365SKahLSQ2wNTEMmCS1/uploaded-1772620563673-r36bp5b6.png" src="https://images.unsplash.com/photo-1460925895917-adf4e565db18?w=600&h=400&fit=crop"
alt="Case Study" alt="Case Study"
style={{ width: "100%", height: "auto", borderRadius: "0.5rem" }} style={{ width: "100%", height: "auto", borderRadius: "0.5rem" }}
/> />
</div> </div>
</div> </div>
<div id="services" data-section="services"> <div id="services" data-section="services" style={{ marginTop: "4rem" }}>
<ProductCardThree <ProductCardThree
title="What I Offer" title="What I Offer"
description="Comprehensive Meta advertising services designed to grow your local business" description="Comprehensive Meta advertising services designed to grow your local business"
products={[ products={[
{ {
id: "1", name: "Meta Ad Campaign Setup & Management", price: "Custom", imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-corporate-social-media-agency-banner-instagram-post-template_505751-6754.jpg?_wi=6", 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: "http://img.b2bpic.net/free-psd/digital-marketing-corporate-social-media-agency-banner-instagram-post-template_505751-6754.jpg?_wi=7", imageAlt: "Creative design 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: "3", name: "Lead Generation Funnel Setup", price: "Custom", imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-corporate-social-media-agency-banner-instagram-post-template_505751-6754.jpg?_wi=8", imageAlt: "Lead funnel setup" 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: "http://img.b2bpic.net/free-psd/digital-marketing-corporate-social-media-agency-banner-instagram-post-template_505751-6754.jpg?_wi=9", 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" gridVariant="two-columns-alternating-heights"
@@ -159,7 +166,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="pilot-campaign" data-section="pilot-campaign"> <div id="pilot-campaign" data-section="pilot-campaign" style={{ marginTop: "4rem" }}>
<PricingCardOne <PricingCardOne
title="Start Small, Scale Fast" title="Start Small, Scale Fast"
description="New clients start with a focused pilot campaign to prove results before committing to larger ad spend" description="New clients start with a focused pilot campaign to prove results before committing to larger ad spend"
@@ -178,7 +185,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact" style={{ marginTop: "4rem" }}>
<ContactFaq <ContactFaq
ctaTitle="Ready to Generate New Customers?" 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" 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"
@@ -206,7 +213,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer" style={{ marginTop: "4rem" }}>
<FooterCard <FooterCard
logoText="Louis Evans" logoText="Louis Evans"
copyrightText="© 2025 Louis Evans | Meta Ads Specialist for Local Businesses" copyrightText="© 2025 Louis Evans | Meta Ads Specialist for Local Businesses"

View File

@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-montserrat), sans-serif; font-family: var(--font-dm-sans), sans-serif;
} }

View File

@@ -2,39 +2,15 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #ffffff;; --background: #ffffff;
--card: #f9f9f9;; --card: #f9f9f9;
--foreground: #000612e6;; --foreground: #001122;
--primary-cta: #15479c;; --primary-cta: #15479c;
--secondary-cta: #f9f9f9;; --primary-cta-text: #ffffff;
--accent: #e2e2e2;; --secondary-cta: #ffffff;
--background-accent: #c4c4c4;; */ --secondary-cta-text: #001122;
--accent: #a8cce8;
--background: #ffffff;; --background-accent: #7ba3cf;
--card: #f9f9f9;;
--foreground: #000612e6;;
--primary-cta: #15479c;;
--primary-cta-text: #f7f6f7;;
--secondary-cta: #f9f9f9;;
--secondary-cta-text: #25190c;;
--accent: #e2e2e2;;
--background-accent: #c4c4c4;;
/* 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 */ /* Base spacing units */
--vw-0_25: calc(var(--vw) * 0.25); --vw-0_25: calc(var(--vw) * 0.25);