25 Commits

Author SHA1 Message Date
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
cdfd127ad2 Update src/app/styles/variables.css 2026-03-04 10:36:46 +00:00
9ff074f62e Update src/app/page.tsx 2026-03-04 10:36:45 +00:00
95a27cf135 Update src/app/layout.tsx 2026-03-04 10:36:45 +00:00
b29eb6395f Merge version_1 into main
Merge version_1 into main
2026-03-04 10:30:21 +00:00
4 changed files with 102 additions and 105 deletions

View File

@@ -1,26 +1,29 @@
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 montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
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"),
alternates: {
canonical: "https://louisevans.com"},
canonical: "https://louisevans.com"
},
openGraph: {
title: "Meta Ads Specialist for Local Businesses | Generate New Customers", description: "Discover how targeted Meta advertising can transform your lead generation and grow your business with proven strategies.", url: "https://louisevans.com", siteName: "Louis Evans | Meta Ads Specialist", type: "website"},
title: "Meta Ads Specialist for Local Businesses | Generate New Customers", description: "Discover how targeted Meta advertising can transform your lead generation and grow your business with proven strategies.", url: "https://louisevans.com", siteName: "Louis Evans | Meta Ads Specialist", type: "website"
},
twitter: {
card: "summary_large_image", title: "Meta Ads Specialist for Local Businesses", description: "Generate qualified leads using Facebook & Instagram advertising"},
card: "summary_large_image", title: "Meta Ads Specialist for Local Businesses", description: "Generate qualified leads using Facebook & Instagram advertising"
},
robots: {
index: true,
follow: true,
@@ -36,7 +39,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${montserrat.variable} ${inter.variable} antialiased`}
className={`${inter.variable} ${dmSans.variable} antialiased`}
>
<Tag />
{children}
@@ -1411,4 +1414,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

View File

@@ -8,10 +8,9 @@ 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 } 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() {
return (
@@ -21,9 +20,9 @@ export default function LandingPage() {
borderRadius="soft"
contentWidth="mediumLarge"
sizing="mediumLarge"
background="noiseDiagonalGradient"
background="none"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
@@ -41,28 +40,33 @@ export default function LandingPage() {
/>
</div>
<div id="hero" data-section="hero">
<div id="hero" data-section="hero" style={{ marginTop: "5rem" }}>
<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."
background={{ variant: "plain" }}
buttons={[{ text: "Book a Free Strategy Call", href: "contact" }]}
buttons={[{ text: "Book Your Free Call Today", href: "contact" }]}
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 id="how-it-works" data-section="how-it-works">
<div id="how-it-works" data-section="how-it-works" style={{ marginTop: "4rem" }}>
<FeatureCardNineteen
title="How It Works"
description="A simple three-step process to transform your lead generation and grow your business consistently"
@@ -70,20 +74,23 @@ 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: "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,
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,
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"
useInvertedBackground={false}
/>
</div>
<div id="why-me" data-section="why-me">
<div id="why-me" data-section="why-me" style={{ marginTop: "4rem" }}>
<TestimonialAboutCard
tag="Why Work With Me"
tagIcon={Target}
@@ -91,23 +98,31 @@ 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="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"
mediaAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="results" data-section="results">
<div id="results" data-section="results" style={{ marginTop: "4rem" }}>
<MetricCardTwo
title="Proven Results"
description="See the impact of targeted Meta advertising on your lead pipeline"
tag="Case Study Example"
metrics={[
{ id: "1", value: "2,847", description: "Qualified Leads Generated" },
{ id: "2", value: "$3.42", description: "Average Cost Per Lead" },
{ id: "3", value: "18%", description: "Lead to Customer Conversion Rate" },
{ id: "4", value: "$127K", description: "Revenue Generated from Campaigns" },
{
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"
},
]}
gridVariant="uniform-all-items-equal"
textboxLayout="default"
@@ -116,19 +131,33 @@ export default function LandingPage() {
/>
</div>
<div id="services" data-section="services">
<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" }}>
<img
src="https://images.unsplash.com/photo-1460925895917-adf4e565db18?w=600&h=400&fit=crop"
alt="Case Study"
style={{ width: "100%", height: "auto", borderRadius: "0.5rem" }}
/>
</div>
</div>
<div id="services" data-section="services" style={{ marginTop: "4rem" }}>
<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: "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"
textboxLayout="default"
@@ -137,7 +166,7 @@ export default function LandingPage() {
/>
</div>
<div id="pilot-campaign" data-section="pilot-campaign">
<div id="pilot-campaign" data-section="pilot-campaign" style={{ marginTop: "4rem" }}>
<PricingCardOne
title="Start Small, Scale Fast"
description="New clients start with a focused pilot campaign to prove results before committing to larger ad spend"
@@ -146,7 +175,8 @@ export default function LandingPage() {
{
id: "pilot", badge: "Perfect for Testing", badgeIcon: Sparkles,
price: "Custom", subtitle: "Prove the concept with real results", features: [
"1-month pilot campaign", "Ad setup and strategy planning", "Daily campaign monitoring", "Weekly performance reports", "Full transparency on spend and results", "Scale roadmap after pilot success"],
"1-month pilot campaign", "Ad setup and strategy planning", "Daily campaign monitoring", "Weekly performance reports", "Full transparency on spend and results", "Scale roadmap after pilot success"
],
},
]}
textboxLayout="default"
@@ -155,42 +185,27 @@ export default function LandingPage() {
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
testimonials={[
{
id: "1", name: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=1", imageAlt: "Sarah Mitchell, Local Business Owner"},
{
id: "2", name: "James Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=2", imageAlt: "James Rodriguez, Service Business Owner"},
{
id: "3", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Emily Chen, E-Commerce Entrepreneur"},
{
id: "4", name: "Michael Torres", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Michael Torres, Retail Business Owner"},
]}
cardTitle="Trusted by local business owners generating real leads and real revenue"
cardTag="Join 100+ Satisfied Clients"
cardTagIcon={CheckCircle}
cardAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<div id="contact" data-section="contact" style={{ marginTop: "4rem" }}>
<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."
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"
ctaButton={{
text: "Book Your Free Call", href: "https://calendly.com/louisevans"}}
text: "Book Your Free Call", href: "https://calendly.com/louisevans"
}}
ctaIcon={Phone}
faqs={[
{
id: "1", title: "How much does this cost?", content: "Ad spend starts at your comfort level. We typically recommend $1,000-$3,000 to properly test and prove the concept. You pay for the ads directly through Meta, and we manage the campaigns. There's also a service fee based on campaign complexity and management needs."},
id: "1", title: "How much does this cost?", content: "Ad spend starts at your comfort level. We typically recommend $1,000-$3,000 to properly test and prove the concept. You pay for the ads directly through Meta, and we manage the campaigns. There's also a service fee based on campaign complexity and management needs."
},
{
id: "2", title: "How quickly will I see results?", content: "Initial results (impressions and clicks) are immediate. Qualified leads typically appear within 5-7 days. However, we need at least 2-4 weeks of data to optimize campaigns properly and prove ROI."},
id: "2", title: "How quickly will I see results?", content: "Initial results (impressions and clicks) are immediate. Qualified leads typically appear within 5-7 days. However, we need at least 2-4 weeks of data to optimize campaigns properly and prove ROI."
},
{
id: "3", title: "What if the ads don't work for my business?", content: "If we're not seeing results after 2-4 weeks, we'll either adjust the campaign strategy or you can stop with no long-term commitment. That's why we start with pilot campaigns—to minimize risk while proving the concept."},
id: "3", title: "What if the ads don't work for my business?", content: "If we're not seeing results after 2-4 weeks, we'll either adjust the campaign strategy or you can stop with no long-term commitment. That's why we start with pilot campaigns—to minimize risk while proving the concept."
},
{
id: "4", title: "Do you work with all types of local businesses?", content: "I work best with service-based and local businesses including contractors, consultants, salons, dental offices, plumbers, and e-commerce retailers. If you're unsure, let's talk on your free consultation."},
id: "4", title: "Do you work with all types of local businesses?", content: "I work best with service-based and local businesses including contractors, consultants, salons, dental offices, plumbers, and e-commerce retailers. If you're unsure, let's talk on your free consultation."
},
]}
useInvertedBackground={false}
animationType="slide-up"
@@ -198,23 +213,26 @@ export default function LandingPage() {
/>
</div>
<div id="footer" data-section="footer">
<div id="footer" data-section="footer" style={{ marginTop: "4rem" }}>
<FooterCard
logoText="Louis Evans"
copyrightText="© 2025 Louis Evans | Meta Ads Specialist for Local Businesses"
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com", ariaLabel: "Facebook"},
href: "https://facebook.com", ariaLabel: "Facebook"
},
{
icon: Linkedin,
href: "https://linkedin.com", ariaLabel: "LinkedIn"},
href: "https://linkedin.com", ariaLabel: "LinkedIn"
},
{
icon: Instagram,
href: "https://instagram.com", ariaLabel: "Instagram"},
href: "https://instagram.com", ariaLabel: "Instagram"
},
]}
/>
</div>
</ThemeProvider>
);
}
}

View File

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

View File

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