Update src/app/page.tsx

Merge version_11 into main
2026-04-20 17:42:54 +00:00 · 2026-04-20 17:36:37 +00:00 · 2026-04-20 17:36:34 +00:00 · 2026-04-20 17:33:23 +00:00 · 2026-04-20 16:07:18 +00:00 · 2026-04-20 16:06:42 +00:00
1 changed files with 100 additions and 97 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,10 +5,9 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Target, BarChart3, Search, Settings } from 'lucide-react';

 export default function LandingPage() {
  return (
@@ -25,105 +24,109 @@ export default function LandingPage() {
        headingFontWeight="normal"
    >
      <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "Services", id: "/services" },
-              { name: "About", id: "/about" },
-              { name: "Contact", id: "/contact" },
-            ]}
-            brandName="Local Rank Experts"
-          />
-        </div>
+  <div id="nav" data-section="nav">
+      <NavbarStyleCentered
+      navItems={[
+        { name: "Home", id: "/" },
+        { name: "Services", id: "/services" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/contact" },
+      ]}
+      brandName="Local Rank Experts"
+    />
+  </div>

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

-        <div id="problem" data-section="problem">
-          <TextAbout
-            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. "
-          />
-        </div>
+  <div id="problem" data-section="problem">
+      <TextAbout
+      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. "
+    />
+  </div>

-        <div id="services-list" data-section="services-list">
-          <FeatureCardTwentyFour
-            animationType="slide-up"
-            textboxLayout="split"
-            useInvertedBackground={false}
-            features={[
-              {
-                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"
-              },
-              {
-                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"
-              },
-              {
-                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"
-              },
-            ]}
-            title="What We Do"
-            description="Specialized local search services designed to get you found by local customers."
-          />
-        </div>
+  <div id="services-list" data-section="services-list">
+      <FeatureCardTwentyFour
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
+      features={[
+        {
+          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"
+        },
+        {
+          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"
+        },
+        {
+          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"
+        },
+      ]}
+      title="What We Do"
+      description="Specialized local search services designed to get you found by local customers."
+    />
+  </div>

-        <div id="cta-banner" data-section="cta-banner">
-          <ContactCTA
-            useInvertedBackground={false}
-            background={{ variant: "radial-gradient" }}
-            tag="FREE AUDIT"
-            title="Not sure where you stand on Google Maps?"
-            description="Find out for free with a comprehensive GBP audit."
-            buttons={[{ text: "Book Your Free GBP Audit", href: "https://calendly.com/tyler-localrankexperts/30min" }]}
-          />
-        </div>
+  <div id="cta-banner" data-section="cta-banner">
+      <ContactCTA
+      useInvertedBackground={false}
+      background={{ variant: "radial-gradient" }}
+      tag="FREE AUDIT"
+      title="Not sure where you stand on Google Maps?"
+      description="Find out for free with a comprehensive GBP audit."
+      buttons={[
+        { text: "Book Your Free GBP Audit", href: "https://calendly.com/tyler-localrankexperts/30min" },
+      ]}
+    />
+  </div>

-        <div id="footer" data-section="footer">
-          <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"
-            logoText="Local Rank Experts"
-            copyrightText="© 2026 | Local Rank Experts"
-            columns={[
-              {
-                title: "Navigation", items: [
-                  { label: "Home", href: "/" },
-                  { label: "Services", href: "/services" },
-                  { label: "About", href: "/about" },
-                  { label: "Contact", href: "/contact" },
-                ],
-              },
-              {
-                title: "Contact", items: [
-                  { label: "tyler@localrankexperts.ca", href: "mailto:tyler@localrankexperts.ca" },
-                  { label: "localrankexperts.ca", href: "https://localrankexperts.ca" },
-                ],
-              },
-            ]}
-          />
-        </div>
+  <div id="footer" data-section="footer">
+      <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"
+      logoText="Local Rank Experts"
+      copyrightText="© 2026 | Local Rank Experts"
+      columns={[
+        {
+          title: "Navigation", items: [
+            { label: "Home", href: "/" },
+            { label: "Services", href: "/services" },
+            { label: "About", href: "/about" },
+            { label: "Contact", href: "/contact" },
+          ],
+        },
+        {
+          title: "Contact", items: [
+            { label: "tyler@localrankexperts.ca", href: "mailto:tyler@localrankexperts.ca" },
+            { label: "localrankexperts.ca", href: "https://localrankexperts.ca" },
+          ],
+        },
+      ]}
+    />
+  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
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