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_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
...
pull from: bender:version_13
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

6 Commits
version_10 ... version_13

Author SHA1 Message Date
bender
7121f3ee8e Update src/app/page.tsx 2026-04-20 17:42:54 +00:00
bender
f0060abdb0 Merge version_11 into main 
Merge version_11 into main
 2026-04-20 17:36:37 +00:00
bender
c05afbaaef Update src/app/page.tsx 2026-04-20 17:36:34 +00:00
bender
2634dfbd21 Switch to version 9: modified src/app/page.tsx 2026-04-20 17:33:23 +00:00
bender
63ad96e4f0 Merge version_10 into main 
Merge version_10 into main
 2026-04-20 16:07:18 +00:00
bender
8467e51bde Merge version_10 into main 
Merge version_10 into main
 2026-04-20 16:06:42 +00:00
1 changed files with 100 additions and 97 deletions
Expand all files Collapse all files

197
src/app/page.tsx
View File

@@ -5,10 +5,9 @@ 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 HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard'; import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
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 (
@@ -25,105 +24,109 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarStyleCentered
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">
<HeroBillboardDashboard <HeroBillboard
title="Calgary's Local SEO Specialists." background={{
description="More calls. More customers. All from Google Maps." variant: "gradient-bars"}}
background={{ variant: "radial-gradient" }} title="Calgary's Local SEO Specialists."
buttons={[{ text: "Book Your Free GBP Audit", href: "https://calendly.com/tyler-localrankexperts/30min" }]} description="More calls. More customers. All from Google Maps. "
dashboard={{ buttons={[
title: "Performance Metrics", logoIcon: Target, { text: "Book Your Free GBP Audit", href: "https://calendly.com/tyler-localrankexperts/30min" },
sidebarItems: [{ icon: Search, active: true }, { icon: BarChart3 }, { icon: Settings }], ]}
buttons: [{ text: "Get Audit" }], imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/uploaded-1776697582356-a1c5dns3.png"
chartTitle: "Rank Growth", chartData: [{ value: 45 }, { value: 65 }, { value: 85 }, { value: 92 }], imageAlt="Professional, minimalist illustration representing local search and map optimization"
listItems: [{ icon: Target, title: "GBP Audit", status: "Complete" }], imageClassName="w-[30%] mx-auto block"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/uploaded-1776697582356-a1c5dns3.png", stats: [ mediaAnimation="slide-up"
{ title: "Calls", values: [120, 150, 180], description: "Monthly calls" }, marqueeItems={[
{ title: "Clicks", values: [800, 950, 1200], description: "Monthly clicks" }, { type: "text", text: "Calgary SEO" },
{ title: "Growth", values: [15, 25, 40], description: "Quarterly growth %" } { type: "text", text: "Google Maps Ranking" },
] { 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: "", description: "", 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: "", description: "", 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: "", description: "", 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={[{ text: "Book Your Free GBP Audit", href: "https://calendly.com/tyler-localrankexperts/30min" }]} buttons={[
/> { 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>
); );
} }