Update src/app/page.tsx

2026-04-20 15:27:04 +00:00 · 2026-04-20 15:24:36 +00:00 · 2026-04-20 15:22:25 +00:00 · 2026-04-20 15:16:00 +00:00 · 2026-04-20 15:15:30 +00:00 · 2026-04-20 15:15:27 +00:00
2 changed files with 45 additions and 158 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,7 +21,7 @@ export default function LandingPage() {
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="subtle-shadow"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
@@ -29,22 +29,10 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Services", id: "/services" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/contact" },
      ]}
      brandName="Local Rank Experts"
    />
@@ -53,63 +41,22 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
-        variant: "gradient-bars",
-      }}
+        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"
-      imageAlt="Professional, minimalist illustration representing local search and map optimization on a mobile pho"
+      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"
-      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",
-        },
-        {
-          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",
-        },
+        { 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>
@@ -117,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>

@@ -128,34 +75,16 @@ 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: [
-            "Optimization",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CVsKYOORG1QTC0iM3LA3BfvJY3/detailed-magnifying-glass-hovering-over--1776696797495-e99d9ec3.png",
+          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: [""],
+          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: [
-            "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",
+          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: "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",
+          id: "f3", title: "Citation Building", author: "Technical", description: "Building and cleaning up your business listings web-wide.", 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"
@@ -170,27 +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: "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: "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 },
      ]}
      title="Why Local Rank Experts"
      description="We are Calgary's local SEO specialists."
@@ -200,17 +111,12 @@ export default function LandingPage() {
  <div id="cta-banner" data-section="cta-banner">
      <ContactCTA
      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      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: "/contact",
-        },
+        { text: "Book Your Free GBP Audit", href: "/contact" },
      ]}
    />
  </div>
@@ -219,39 +125,20 @@ export default function LandingPage() {
      <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: "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",
-            },
+          title: "Contact", items: [
+            { label: "tyler@localrankexperts.ca", href: "mailto:tyler@localrankexperts.ca" },
+            { label: "localrankexperts.ca", href: "https://localrankexperts.ca" },
          ],
        },
      ]}
@@ -260,4 +147,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612;
-  --primary-cta: #15479c;
+  --background: #f0f9ff;
+  --card: #e0f2fe;
+  --foreground: #082f49;
+  --primary-cta: #0369a1;
  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #e0f2fe;
  --secondary-cta-text: #000612;
-  --accent: #008080;
-  --background-accent: #e0f2f2;
+  --accent: #0ea5e9;
+  --background-accent: #bae6fd;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	d10b3427af	Update src/app/page.tsx	2026-04-20 15:27:04 +00:00
bender	84d994e2a4	Update src/app/page.tsx	2026-04-20 15:24:36 +00:00
bender	8fec597468	Update src/app/page.tsx	2026-04-20 15:22:25 +00:00
bender	25509db9f5	Update src/app/page.tsx	2026-04-20 15:16:00 +00:00
bender	2031fbd5f2	Merge version_4 into main Merge version_4 into main	2026-04-20 15:15:30 +00:00
bender	bdbe206e32	Update src/app/page.tsx	2026-04-20 15:15:27 +00:00
bender	7e8b25b8e2	Merge version_4 into main Merge version_4 into main	2026-04-20 15:12:18 +00:00
bender	4af92e9ab4	Update src/app/page.tsx	2026-04-20 15:12:15 +00:00
bender	67a873c989	Merge version_4 into main Merge version_4 into main	2026-04-20 15:09:42 +00:00
bender	8b2797305e	Update src/app/styles/variables.css	2026-04-20 15:09:39 +00:00
bender	92dccaa620	Update src/app/page.tsx	2026-04-20 15:09:38 +00:00
bender	86f147659a	Merge version_3 into main Merge version_3 into main	2026-04-20 15:08:36 +00:00
bender	856bc66d70	Update src/app/page.tsx	2026-04-20 15:08:33 +00:00
bender	e076f361bc	Merge version_3 into main Merge version_3 into main	2026-04-20 15:07:37 +00:00
bender	50e3e892c5	Update src/app/page.tsx	2026-04-20 15:07:34 +00:00
bender	f6fc0fb767	Merge version_3 into main Merge version_3 into main	2026-04-20 15:01:09 +00:00
bender	7fdd2a31e1	Update src/app/styles/variables.css	2026-04-20 15:01:06 +00:00
bender	ed15b841b6	Update src/app/page.tsx	2026-04-20 15:01:05 +00:00
bender	93da9da371	Merge version_2 into main Merge version_2 into main	2026-04-20 14:58:52 +00:00
bender	f7faa99582	Update src/app/styles/variables.css	2026-04-20 14:58:48 +00:00
bender	9b04838f75	Update src/app/page.tsx	2026-04-20 14:58:48 +00:00
bender	f8c43aa9a8	Merge version_1 into main Merge version_1 into main	2026-04-20 14:55:14 +00:00
bender	eafa5374e9	Merge version_1 into main Merge version_1 into main	2026-04-20 14:54:49 +00:00