Update src/app/page.tsx

2026-04-18 23:19:33 +00:00 · 2026-04-18 23:17:49 +00:00 · 2026-04-18 23:16:14 +00:00 · 2026-04-18 23:15:36 +00:00 · 2026-04-18 23:08:25 +00:00 · 2026-04-18 23:08:01 +00:00
4 changed files with 35 additions and 23 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,8 @@ import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Montserrat } from "next/font/google";
+import { Open_Sans } from "next/font/google";
+import { DM_Sans } from "next/font/google";



@@ -20,8 +22,15 @@ export const metadata: Metadata = {
  },
 };

-const montserrat = Montserrat({
-  variable: "--font-montserrat",
+
+
+
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+const openSans = Open_Sans({
+  variable: "--font-open-sans",
  subsets: ["latin"],
 });

@@ -33,7 +42,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${montserrat.variable} antialiased`}>
+        <body className={`${inter.variable} ${openSans.variable} antialiased`}>
          
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -37,7 +37,7 @@ export default function LandingPage() {
              { name: "Contact", id: "contact" },
            ]}
            brandName="Junior Pools"
-            button={{ text: "Get a Quote", href: "#contact" }}
+            button={{ text: "Call Now", href: "tel:7609806785" }}
          />
        </div>

@@ -50,7 +50,7 @@ export default function LandingPage() {
              { text: "Call Now", href: "tel:7609806785" },
              { text: "Get a Quote", href: "#contact" }
            ]}
-            imageSrc="http://img.b2bpic.net/free-photo/stair-swimming-pool-beautiful-luxury-hotel-pool-resort_1339-5452.jpg"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CBgCzJx6icMeS9sMpXARx56CR9/uploaded-1776554364894-0smhue8n.webp"
            imageAlt="Professional pool maintenance technician inspecting pool water chemistry"
            mediaAnimation="slide-up"
          />
@@ -73,9 +73,9 @@ export default function LandingPage() {
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={true}
            features={[
-              { title: "Weekly Maintenance", description: "Regular skimming, vacuuming, and chemical balancing to keep your pool sparkling clean.", imageSrc: "http://img.b2bpic.net/free-photo/stairs-pool_1232-1148.jpg" },
-              { title: "Equipment Repair", description: "Expert diagnostics and repair for filters, pumps, and heaters. We handle the things that go wrong.", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1385-2261.jpg" },
-              { title: "Water Chemistry", description: "Precision testing and balancing for safe, healthy water for your family and guests.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-chemist-white-special-suit-holding-little-flask-with-blue-solution-cream-desk-lab-chemistry-science-experiment_140725-37939.jpg" }
+              { title: "Weekly Maintenance", description: "Regular skimming, vacuuming, and chemical balancing to keep your pool sparkling clean.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CBgCzJx6icMeS9sMpXARx56CR9/uploaded-1776542859618-98asu08q.jpg" },
+              { title: "Equipment Repair", description: "Expert diagnostics and repair for filters, pumps, and heaters. We handle the things that go wrong.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CBgCzJx6icMeS9sMpXARx56CR9/uploaded-1776542867057-8vzbi3fn.jpg" },
+              { title: "Water Chemistry", description: "Precision testing and balancing for safe, healthy water for your family and guests.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CBgCzJx6icMeS9sMpXARx56CR9/uploaded-1776554265296-25vmi8wr.jpg" }
            ]}
            title="Comprehensive Pool Maintenance"
            description="We offer a full suite of services to keep your pool in top condition all year round."
@@ -142,10 +142,13 @@ export default function LandingPage() {
        </div>

        <div id="footer" data-section="footer">
-            <FooterLogoReveal
+            <FooterMedia
            logoText="Junior Pools"
-            leftLink={{ text: "Terms of Service", href: "#" }}
-            rightLink={{ text: "Privacy Policy", href: "#" }}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CBgCzJx6icMeS9sMpXARx56CR9/uploaded-1776554168949-f1sxcdkj.webp"
+            columns={[
+              { title: "Visit Us", items: [{ label: "47800 Madison St, Indio, CA 92201", href: "#" }] },
+              { title: "Quick Links", items: [{ label: "Contact", href: "#contact" }, { label: "Terms", href: "#" }] }
+            ]}
          />
        </div>
      </ReactLenis>
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-open-sans), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
--- 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: #120006e6;
-  --primary-cta: #e63946;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #120006e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background: #020617;
+  --card: #0f172a;
+  --foreground: #e2e8f0;
+  --primary-cta: #c4d8f9;
+  --primary-cta-text: #020617;
+  --secondary-cta: #041633;
+  --secondary-cta-text: #e2e8f0;
+  --accent: #2d30f3;
+  --background-accent: #1d4ed8;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	cb51d00d39	Update src/app/page.tsx	2026-04-18 23:19:33 +00:00
bender	d213718d76	Update src/app/page.tsx	2026-04-18 23:17:49 +00:00
bender	136d6bd9ed	Update src/app/page.tsx	2026-04-18 23:16:14 +00:00
bender	0e25504ba1	Update src/app/page.tsx	2026-04-18 23:15:36 +00:00
bender	cd716daf47	Update src/app/page.tsx	2026-04-18 23:08:25 +00:00
bender	7647684c45	Update src/app/page.tsx	2026-04-18 23:08:01 +00:00
bender	4c88279abf	Merge version_13 into main Merge version_13 into main	2026-04-18 20:16:16 +00:00
bender	de25d33c7e	Update src/app/page.tsx	2026-04-18 20:16:13 +00:00
bender	83763f2a0d	Merge version_12 into main Merge version_12 into main	2026-04-18 20:13:22 +00:00
bender	5cb210fe09	Update theme fonts	2026-04-18 20:13:19 +00:00
bender	200641177a	Update theme fonts	2026-04-18 20:13:19 +00:00
bender	23440f694a	Merge version_12 into main Merge version_12 into main	2026-04-18 20:13:09 +00:00
bender	e09fb0d4bd	Update theme fonts	2026-04-18 20:13:06 +00:00
bender	a237b8a778	Update theme fonts	2026-04-18 20:13:05 +00:00
bender	f96bbc9678	Merge version_12 into main Merge version_12 into main	2026-04-18 20:12:57 +00:00
bender	f9336aed36	Update theme fonts	2026-04-18 20:12:51 +00:00
bender	fa511cc5b3	Update theme fonts	2026-04-18 20:12:50 +00:00
bender	eae4670d57	Merge version_12 into main Merge version_12 into main	2026-04-18 20:08:00 +00:00
bender	cd08c2a724	Update src/app/page.tsx	2026-04-18 20:07:54 +00:00
bender	50cbf3e904	Merge version_12 into main Merge version_12 into main	2026-04-18 20:06:15 +00:00
bender	37ae3e554a	Update theme colors	2026-04-18 20:06:12 +00:00
bender	e4601ce319	Merge version_11 into main Merge version_11 into main	2026-04-18 20:05:59 +00:00
bender	7bb558a0fa	Update theme colors	2026-04-18 20:05:56 +00:00
bender	8e9d36c4e2	Merge version_10 into main Merge version_10 into main	2026-04-18 20:05:41 +00:00
bender	71d4bd3c05	Merge version_9 into main Merge version_9 into main	2026-04-18 20:05:40 +00:00
bender	8aa8d457fe	Update theme colors	2026-04-18 20:05:38 +00:00
bender	c47b7880da	Merge version_8 into main Merge version_8 into main	2026-04-18 20:05:28 +00:00