Update src/app/page.tsx

Merge version_9 into main

src/app/page.tsx

@@ -5,9 +5,10 @@ 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 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 { Target, BarChart3, Search, Settings } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -24,108 +25,104 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <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>
     </ThemeProvider>
   );

src/app/services/page.tsx

@@ -26,21 +26,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "/services"},
-          id: "/services",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       brandName="Local Rank Experts"
     />
@@ -60,38 +52,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "audit",
+          id: "audit",          badge: "Free",          price: "$0",          subtitle: "GBP Audit",          features: [
-          badge: "Free",
+            "In-depth profile audit",            "Ranking feedback",            "Actionable improvement list"],
-          price: "$0",
-          subtitle: "GBP Audit",
-          features: [
-            "In-depth profile audit",
-            "Ranking feedback",
-            "Actionable improvement list",
-          ],
         },
         {
-          id: "setup",
+          id: "setup",          badge: "Starting",          price: "$300",          subtitle: "GBP Setup",          features: [
-          badge: "Starting",
+            "New profile setup",            "Verification Support",            "Category alignment"],
-          price: "$300",
-          subtitle: "GBP Setup",
-          features: [
-            "New profile setup",
-            "Verification Support",
-            "Category alignment",
-          ],
         },
         {
-          id: "manage",
+          id: "manage",          badge: "Starting",          price: "$500/mo",          subtitle: "Monthly Management",          features: [
-          badge: "Starting",
+            "Weekly posts",            "Review management",            "Monthly Geo-Grid Reports",            "Rank tracking"],
-          price: "$500/mo",
-          subtitle: "Monthly Management",
-          features: [
-            "Weekly posts",
-            "Review management",
-            "Monthly Geo-Grid Reports",
-            "Rank tracking",
-          ],
         },
       ]}
       title="Simple, Transparent Pricing "
@@ -105,37 +75,23 @@ export default function LandingPage() {
       logoText="Local Rank Experts"
       columns={[
         {
-          title: "Navigation",
+          title: "Navigation",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "/"},
-              href: "/",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "/services"},
-              href: "/services",
-            },
             {
-              label: "About",
+              label: "About",              href: "/about"},
-              href: "/about",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "/contact"},
-              href: "/contact",
-            },
           ],
         },
         {
-          title: "Contact",
+          title: "Contact",          items: [
-          items: [
             {
-              label: "tyler@localrankexperts.ca",
+              label: "tyler@localrankexperts.ca",              href: "mailto:tyler@localrankexperts.ca"},
-              href: "mailto:tyler@localrankexperts.ca",
-            },
             {
-              label: "localrankexperts.ca",
+              label: "localrankexperts.ca",              href: "https://localrankexperts.ca"},
-              href: "https://localrankexperts.ca",
-            },
           ],
         },
       ]}