bender/4eef4115-e52f-4438-b3f3-e083ccea0b50
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_5 into main #7

Open
bender wants to merge 4 commits from version_5 into main
pull from: version_5
merge into: bender:main
Conversation 0 Commits 4 Files Changed 2 +36 -48
2 changed files with 36 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/layout.tsx
View File

@@ -1,16 +1,16 @@
import type { Metadata } from "next";
import { Montserrat } from "next/font/google";
import { Inter } from "next/font/google";
import { DM_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
});
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
@@ -39,7 +39,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${inter.variable} ${dmSans.variable} antialiased`}
className={`${montserrat.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}

72
src/app/page.tsx
View File

@@ -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", imageAlt: "Meta Ads Specialist Strategy"
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=1", 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", 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", 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", imageAlt: "Customer Acquisition Strategy"
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=2", 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", 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&_wi=1", 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&_wi=1", 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", 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&_wi=2", 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&_wi=3"
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", 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&_wi=3", 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&_wi=2", 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", 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,10 +173,10 @@ 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"
ctaDescription="Book your free 30-minute strategy call. We will 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"
ctaButton={{
text: "Book Your Free Call", href: "https://calendly.com/louisevans"
}}
@@ -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"