bender/fe9c7e2f-48da-466e-8b64-9c31f4b0adee
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_9
Branches Tags
bender:main bender:version_14 bender:version_12 bender:version_13 bender:version_11 bender:version_10 bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_10
Branches Tags
bender:main bender:version_14 bender:version_12 bender:version_13 bender:version_11 bender:version_10 bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

3 Commits
version_9 ... version_10

Author SHA1 Message Date
bender
ec7a263b7b Update src/app/page.tsx 2026-04-20 16:07:11 +00:00
bender
8328c46502 Update src/app/page.tsx 2026-04-20 16:06:39 +00:00
bender
96e077656f Merge version_9 into main 
Merge version_9 into main
 2026-04-20 15:56:18 +00:00
1 changed files with 96 additions and 99 deletions
Expand all files Collapse all files

195
src/app/page.tsx
View File

@@ -5,9 +5,10 @@ import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA'; import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour'; import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterMedia from '@/components/sections/footer/FooterMedia'; import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboard from '@/components/sections/hero/HeroBillboard'; import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextAbout from '@/components/sections/about/TextAbout'; import TextAbout from '@/components/sections/about/TextAbout';
import { Target, BarChart3, Search, Settings } from 'lucide-react';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -24,108 +25,104 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "Services", id: "/services" }, { name: "Services", id: "/services" },
{ name: "About", id: "/about" }, { name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }, { name: "Contact", id: "/contact" },
]} ]}
brandName="Local Rank Experts" brandName="Local Rank Experts"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboard <HeroBillboardDashboard
background={{ title="Calgary's Local SEO Specialists."
variant: "gradient-bars"}} description="More calls. More customers. All from Google Maps."
title="Calgary's Local SEO Specialists." background={{ variant: "radial-gradient" }}
description="More calls. More customers. All from Google Maps. " buttons={[{ text: "Book Your Free GBP Audit", href: "https://calendly.com/tyler-localrankexperts/30min" }]}
buttons={[ dashboard={{
{ text: "Book Your Free GBP Audit", href: "https://calendly.com/tyler-localrankexperts/30min" }, title: "Performance Metrics", logoIcon: Target,
]} sidebarItems: [{ icon: Search, active: true }, { icon: BarChart3 }, { icon: Settings }],
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/uploaded-1776697582356-a1c5dns3.png" buttons: [{ text: "Get Audit" }],
imageAlt="Professional, minimalist illustration representing local search and map optimization" chartTitle: "Rank Growth", chartData: [{ value: 45 }, { value: 65 }, { value: 85 }, { value: 92 }],
imageClassName="w-[30%] mx-auto block" listItems: [{ icon: Target, title: "GBP Audit", status: "Complete" }],
mediaAnimation="slide-up" imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/uploaded-1776697582356-a1c5dns3.png", stats: [
marqueeItems={[ { title: "Calls", values: [120, 150, 180], description: "Monthly calls" },
{ type: "text", text: "Calgary SEO" }, { title: "Clicks", values: [800, 950, 1200], description: "Monthly clicks" },
{ type: "text", text: "Google Maps Ranking" }, { title: "Growth", values: [15, 25, 40], description: "Quarterly growth %" }
{ type: "text", text: "GBP Audit" }, ]
{ type: "text", text: "Local Citations" }, }}
{ type: "text", text: "Review Management" }, />
]} </div>
/>
</div>
<div id="problem" data-section="problem"> <div id="problem" data-section="problem">
<TextAbout <TextAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Most businesses show up. Few businesses get chosen. Google's Map Pack shows 3 results. Those 3 businesses get 80% of the clicks, calls, and customers — everyone else is invisible. The difference isn't luck. It's not your website. It's whether your Google Business Profile tells Google exactly who you are, where you are, and why you're the best option. That's what we fix. " title="Most businesses show up. Few businesses get chosen. Google's Map Pack shows 3 results. Those 3 businesses get 80% of the clicks, calls, and customers — everyone else is invisible. The difference isn't luck. It's not your website. It's whether your Google Business Profile tells Google exactly who you are, where you are, and why you're the best option. That's what we fix. "
/> />
</div> </div>
<div id="services-list" data-section="services-list"> <div id="services-list" data-section="services-list">
<FeatureCardTwentyFour <FeatureCardTwentyFour
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", title: "GBP Optimization", author: "Direct", description: "Full profile audit and optimization for maximum Google Maps visibility.", tags: [""], id: "f1", title: "GBP Optimization", author: "Direct", description: "Full profile audit and optimization for maximum Google Maps visibility.", tags: [""],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/detailed-magnifying-glass-hovering-over--1776696797495-e99d9ec3.png" imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/detailed-magnifying-glass-hovering-over--1776696797495-e99d9ec3.png"
}, },
{ {
id: "f2", title: "Local SEO Management", author: "Ongoing", description: "Weekly posting, review management, and geo-grid tracking.", tags: [""], id: "f2", title: "Local SEO Management", author: "Ongoing", description: "Weekly posting, review management, and geo-grid tracking.", tags: [""],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/icon-of-a-rising-chart-and-gears-profess-1776696803967-25d49a80.png" imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/icon-of-a-rising-chart-and-gears-profess-1776696803967-25d49a80.png"
}, },
{ {
id: "f3", title: "Citation Building", author: "Technical", description: "Consistent business listings across the web — a core ranking signal ", tags: [""], id: "f3", title: "Citation Building", author: "Technical", description: "Consistent business listings across the web — a core ranking signal ", tags: [""],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/icon-showing-interconnected-digital-mark-1776696818359-2dd31738.png" imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/icon-showing-interconnected-digital-mark-1776696818359-2dd31738.png"
}, },
]} ]}
title="What We Do" title="What We Do"
description="Specialized local search services designed to get you found by local customers." description="Specialized local search services designed to get you found by local customers."
/> />
</div> </div>
<div id="cta-banner" data-section="cta-banner"> <div id="cta-banner" data-section="cta-banner">
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ variant: "radial-gradient" }} background={{ variant: "radial-gradient" }}
tag="FREE AUDIT" tag="FREE AUDIT"
title="Not sure where you stand on Google Maps?" title="Not sure where you stand on Google Maps?"
description="Find out for free with a comprehensive GBP audit." description="Find out for free with a comprehensive GBP audit."
buttons={[ buttons={[{ text: "Book Your Free GBP Audit", href: "https://calendly.com/tyler-localrankexperts/30min" }]}
{ text: "Book Your Free GBP Audit", href: "https://calendly.com/tyler-localrankexperts/30min" }, />
]} </div>
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/clean-modern-abstract-background-with-te-1776696827623-ef39d5b1.png?_wi=1" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/clean-modern-abstract-background-with-te-1776696827623-ef39d5b1.png?_wi=1"
logoText="Local Rank Experts" logoText="Local Rank Experts"
copyrightText="© 2026 | Local Rank Experts" copyrightText="© 2026 | Local Rank Experts"
columns={[ columns={[
{ {
title: "Navigation", items: [ title: "Navigation", items: [
{ label: "Home", href: "/" }, { label: "Home", href: "/" },
{ label: "Services", href: "/services" }, { label: "Services", href: "/services" },
{ label: "About", href: "/about" }, { label: "About", href: "/about" },
{ label: "Contact", href: "/contact" }, { label: "Contact", href: "/contact" },
], ],
}, },
{ {
title: "Contact", items: [ title: "Contact", items: [
{ label: "tyler@localrankexperts.ca", href: "mailto:tyler@localrankexperts.ca" }, { label: "tyler@localrankexperts.ca", href: "mailto:tyler@localrankexperts.ca" },
{ label: "localrankexperts.ca", href: "https://localrankexperts.ca" }, { label: "localrankexperts.ca", href: "https://localrankexperts.ca" },
], ],
}, },
]} ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );