Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -29,14 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",          id: "/"},
+        { name: "Services", id: "/services" },
-        {
+        { name: "About", id: "/about" },
-          name: "Services",          id: "/services"},
+        { name: "Contact", id: "/contact" },
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Contact",          id: "/contact"},
       ]}
       brandName="Local Rank Experts"
     />
@@ -47,38 +43,20 @@ export default function LandingPage() {
       background={{
         variant: "gradient-bars"}}
       title="Calgary's Local SEO Specialists."
-      description="We get Calgary home service businesses to the top of Google Maps. That's all we do."
+      description="More calls. More customers. All from Google Maps. "
       buttons={[
-        {
+        { text: "Book Your Free GBP Audit", href: "/contact" },
-          text: "Book Your Free GBP Audit",          href: "/contact"},
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/professional-minimalist-illustration-rep-1776696790913-1c019b1b.png"
+      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 on a mobile pho"
+      imageAlt="Professional, minimalist illustration representing local search and map optimization"
+      imageClassName="w-[30%] mx-auto block"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/uploaded-1776697582356-a1c5dns3.png",          alt: "Client review"},
-        {
-          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=""
       marqueeItems={[
-        {
+        { type: "text", text: "Calgary SEO" },
-          type: "text",          text: "Calgary SEO"},
+        { type: "text", text: "Google Maps Ranking" },
-        {
+        { type: "text", text: "GBP Audit" },
-          type: "text",          text: "Google Maps Ranking"},
+        { type: "text", text: "Local Citations" },
-        {
+        { type: "text", text: "Review Management" },
-          type: "text",          text: "GBP Audit"},
-        {
-          type: "text",          text: "Local Citations"},
-        {
-          type: "text",          text: "Review Management"},
       ]}
     />
   </div>
@@ -86,7 +64,7 @@ export default function LandingPage() {
   <div id="problem" data-section="problem">
       <TextAbout
       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>
 
@@ -97,17 +75,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",          title: "GBP Optimization",          author: "Direct",          description: "Full audit and strategic setup of your profile for max visibility.",          tags: [
+          id: "f1", title: "GBP Optimization", author: "Direct", description: "We audit every field, fix what's broken, and optimize your profile so Google knows exactly who you are and where you serve", tags: [""],
-            "Optimization"],
+          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: [""],
-            "Strategy"],
+          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: "Building and cleaning up your business listings web-wide.",          tags: [
+          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"
-          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."
@@ -121,15 +99,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "100%", title: "Calgary-focused", description: "We only work with businesses in the YYC region.", icon: MapPin },
-          id: "m1",          value: "100%",          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 },
-        {
-          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."
@@ -139,14 +111,12 @@ export default function LandingPage() {
   <div id="cta-banner" data-section="cta-banner">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "radial-gradient" }}
-        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: "/contact" },
-          text: "Book Your Free GBP Audit",          href: "/contact"},
       ]}
     />
   </div>
@@ -158,23 +128,17 @@ export default function LandingPage() {
       copyrightText="© 2026 | Local Rank Experts"
       columns={[
         {
-          title: "Navigation",          items: [
+          title: "Navigation", items: [
-            {
+            { label: "Home", href: "/" },
-              label: "Home",              href: "/"},
+            { label: "Services", href: "/services" },
-            {
+            { label: "About", href: "/about" },
-              label: "Services",              href: "/services"},
+            { label: "Contact", href: "/contact" },
-            {
-              label: "About",              href: "/about"},
-            {
-              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"},
           ],
         },
       ]}

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: #15479c;
+  --accent: #0ea5e9;
-  --background-accent: #e0f2f2;
+  --background-accent: #bae6fd;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);