Update src/app/page.tsx

Merge version_9 into main

src/app/about/page.tsx

@@ -50,12 +50,12 @@ export default function AboutPage() {
               {
                 id: "g1",                groupTitle: "Founder",                members: [
                   {
-                    id: "m1",                    title: "Tyler",                    subtitle: "Founder",                    detail: "Former pro athlete turned SEO specialist, hyper-focused on Calgary local search growth.",                    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/icon-of-a-business-profile-dashboard-con-1776696811248-88e16e87.png",                    imageAlt: "Icon of a business profile dashboard construction tool. Clean professional vector icon, minimalist, "
+                    id: "m1",                    title: "Tyler Wong",                    subtitle: "Founder",                    detail: "Former pro athlete turned SEO specialist, hyper-focused on Calgary local search growth.",                    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/icon-of-a-business-profile-dashboard-con-1776696811248-88e16e87.png",                    imageAlt: "Icon of a business profile dashboard construction tool. Clean professional vector icon, minimalist, "
                   },
                 ],
               },
             ]}
-            title="Our Philosophy"
+            title="Who We Are "
             description="We are a small, focused agency where you get direct access to the experts doing the work."
           />
         </div>
@@ -85,4 +85,4 @@ export default function AboutPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/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"
     />
@@ -50,16 +42,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Let's Talk"
       title="Book Your Free GBP Audit"
       description="Fill out the form below or contact us directly. We respond within 24 hours."
       buttons={[
         {
-          text: "Book My Free Audit",
+          text: "Book My Free Audit",          href: "https://calendly.com/tyler-localrankexperts/30min"},
-          href: "/contact",
-        },
       ]}
     />
   </div>
@@ -77,37 +66,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",
-            },
           ],
         },
       ]}

src/app/page.tsx

@@ -5,11 +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 MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { LineChart, MapPin, Target } from "lucide-react";
+import { Target, BarChart3, Search, Settings } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -21,242 +20,109 @@ export default function LandingPage() {
         sizing="largeSizeMediumTitles"
         background="aurora"
         cardStyle="subtle-shadow"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="diagonal-gradient"
         secondaryButtonStyle="solid"
         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",
+              { name: "Services", id: "/services" },
-          id: "/",
+              { name: "About", id: "/about" },
-        },
+              { name: "Contact", id: "/contact" },
-        {
+            ]}
-          name: "Services",
+            brandName="Local Rank Experts"
-          id: "/services",
+          />
-        },
+        </div>
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Local Rank Experts"
-    />
-  </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."
-      }}
+            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="We get Calgary home service businesses to the top of Google Maps. That's all we do."
+            dashboard={{
-      buttons={[
+              title: "Performance Metrics",              logoIcon: Target,
-        {
+              sidebarItems: [{ icon: Search, active: true }, { icon: BarChart3 }, { icon: Settings }],
-          text: "Book Your Free GBP Audit",
+              buttons: [{ text: "Get Audit" }],
-          href: "/contact",
+              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: [
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/professional-minimalist-illustration-rep-1776696790913-1c019b1b.png"
+                  { title: "Calls", values: [120, 150, 180], description: "Monthly calls" },
-      imageAlt="Professional, minimalist illustration representing local search and map optimization on a mobile pho"
+                  { title: "Clicks", values: [800, 950, 1200], description: "Monthly clicks" },
-      mediaAnimation="slide-up"
+                  { title: "Growth", values: [15, 25, 40], description: "Quarterly growth %" }
-      avatars={[
+              ]
-        {
+            }}
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/professional-headshot-of-happy-local-bus-1776696843689-8dbd0f04.png",
+          />
-          alt: "Client review",
+        </div>
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/professional-headshot-of-happy-local-bus-1776696852622-c4912824.png",
-          alt: "Client review",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/professional-headshot-of-happy-local-bus-1776696861443-d531fc32.png",
-          alt: "Client review",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/professional-headshot-of-happy-local-bus-1776696870151-40a7a8f3.png",
-          alt: "Client review",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/professional-headshot-of-happy-local-bus-1776696878966-489c7492.png",
-          alt: "Client review",
-        },
-      ]}
-      avatarText="Trusted by 50+ local Calgary businesses"
-      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">
+        <div id="problem" data-section="problem">
-      <TextAbout
+          <TextAbout
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      title="Most Calgary businesses have a Google Business Profile. Very few have it set up correctly. If you're not showing up in the top 3 results on Google Maps, you're losing customers to competitors who are — regardless of who's actually better."
+            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",
+                id: "f1", title: "GBP Optimization", author: "Direct", description: "Full profile audit and optimization for maximum Google Maps visibility.", tags: [""],
-          title: "GBP Optimization",
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/detailed-magnifying-glass-hovering-over--1776696797495-e99d9ec3.png"
-          author: "Direct",
+              },
-          description: "Full audit and strategic setup of your profile for max visibility.",
+              {
-          tags: [
+                id: "f2", title: "Local SEO Management", author: "Ongoing", description: "Weekly posting, review management, and geo-grid tracking.", tags: [""],
-            "Optimization",
+                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/detailed-magnifying-glass-hovering-over--1776696797495-e99d9ec3.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"
-          id: "f2",
+              },
-          title: "Local SEO Management",
+            ]}
-          author: "Ongoing",
+            title="What We Do"
-          description: "Weekly posting, review management, and geo-grid tracking.",
+            description="Specialized local search services designed to get you found by local customers."
-          tags: [
+          />
-            "Strategy",
+        </div>
-          ],
-          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: "Building and cleaning up your business listings web-wide.",
-          tags: [
-            "Foundations",
-          ],
-          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="why-us" data-section="why-us">
+        <div id="cta-banner" data-section="cta-banner">
-      <MetricCardOne
+          <ContactCTA
-      animationType="slide-up"
+            useInvertedBackground={false}
-      textboxLayout="default"
+            background={{ variant: "radial-gradient" }}
-      gridVariant="uniform-all-items-equal"
+            tag="FREE AUDIT"
-      useInvertedBackground={false}
+            title="Not sure where you stand on Google Maps?"
-      metrics={[
+            description="Find out for free with a comprehensive GBP audit."
-        {
+            buttons={[{ text: "Book Your Free GBP Audit", href: "https://calendly.com/tyler-localrankexperts/30min" }]}
-          id: "m1",
+          />
-          value: "100%",
+        </div>
-          title: "Calgary-focused",
-          description: "We only work with businesses in the YYC region.",
-          icon: MapPin,
-        },
-        {
-          id: "m2",
-          value: "Local SEO",
-          title: "Specialists",
-          description: "No generalist marketing - just local maps.",
-          icon: Target,
-        },
-        {
-          id: "m3",
-          value: "Live",
-          title: "Transparency",
-          description: "You see exactly where you rank daily.",
-          icon: LineChart,
-        },
-      ]}
-      title="Why Local Rank Experts"
-      description="We are Calgary's local SEO specialists."
-    />
-  </div>
 
-  <div id="cta-banner" data-section="cta-banner">
+        <div id="footer" data-section="footer">
-      <ContactCTA
+          <FooterMedia
-      useInvertedBackground={false}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/clean-modern-abstract-background-with-te-1776696827623-ef39d5b1.png?_wi=1"
-      background={{
+            logoText="Local Rank Experts"
-        variant: "radial-gradient",
+            copyrightText="© 2026 | Local Rank Experts"
-      }}
+            columns={[
-      tag="FREE AUDIT"
+              {
-      title="Not sure where you stand on Google Maps?"
+                title: "Navigation", items: [
-      description="Find out for free with a comprehensive GBP audit."
+                  { label: "Home", href: "/" },
-      buttons={[
+                  { label: "Services", href: "/services" },
-        {
+                  { label: "About", href: "/about" },
-          text: "Book Your Free GBP Audit",
+                  { label: "Contact", href: "/contact" },
-          href: "/contact",
+                ],
-        },
+              },
-      ]}
+              {
-    />
+                title: "Contact", items: [
-  </div>
+                  { label: "tyler@localrankexperts.ca", href: "mailto:tyler@localrankexperts.ca" },
-
+                  { label: "localrankexperts.ca", href: "https://localrankexperts.ca" },
-  <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"
+          />
-      columns={[
+        </div>
-        {
-          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>
   );

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,41 +52,19 @@ 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",
-            "Google verification guidance",
-            "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 reports",
-            "Rank tracking",
-          ],
         },
       ]}
-      title="Our Services"
+      title="Simple, Transparent Pricing "
       description="Professional local SEO pricing packages for home service businesses."
     />
   </div>
@@ -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",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f0f9ff;
-  --card: #f9f9f9;
+  --card: #e0f2fe;
-  --foreground: #000612;
+  --foreground: #082f49;
-  --primary-cta: #15479c;
+  --primary-cta: #0369a1;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #e0f2fe;
   --secondary-cta-text: #000612;
-  --accent: #008080;
+  --accent: #0ea5e9;
-  --background-accent: #e0f2f2;
+  --background-accent: #bae6fd;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);