Update src/app/styles/variables.css

Update src/app/page.tsx
Merge version_12 into main
2026-04-22 02:33:48 +00:00 · 2026-04-22 02:33:47 +00:00 · 2026-04-22 02:32:29 +00:00 · 2026-04-22 02:32:26 +00:00 · 2026-04-22 02:31:55 +00:00 · 2026-04-22 02:31:51 +00:00
4 changed files with 26 additions and 26 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,7 @@ import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Mulish } from "next/font/google";
+import { Poppins } from "next/font/google";



@@ -19,13 +20,11 @@ export const metadata: Metadata = {
  },
 };

-const mulish = Mulish({
-  variable: "--font-mulish",
-  subsets: ["latin"],
-});
-const inter = Inter({
-  variable: "--font-inter",
+
+const poppins = Poppins({
+  variable: "--font-poppins",
  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

 export default function RootLayout({
@@ -36,7 +35,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${mulish.variable} ${inter.variable} antialiased`}>
+        <body className={`${poppins.variable} antialiased`}>
          
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
@@ -21,11 +21,11 @@ export default function LandingPage() {
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLarge"
-        background="floatingGradient"
-        cardStyle="gradient-mesh"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="medium"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
@@ -42,7 +42,7 @@ export default function LandingPage() {
  </div>

  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
+      <HeroBillboardCarousel
      background={{ variant: "gradient-bars" }}
      title="Elite Soccer Experience in Scottsdale"
      description="Premium training grounds and community fields at McDowell Mountain Ranch. Dedicated to developing local talent and fostering active lifestyles."
@@ -51,9 +51,6 @@ export default function LandingPage() {
        { imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-football-supervised-by-football-trainer_23-2149684393.jpg?_wi=1", imageAlt: "Soccer field aerial view" },
        { imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-football-field_181624-34967.jpg", imageAlt: "Soccer training grounds" }
      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="122+ Verified Reviews"
    />
  </div>

@@ -96,6 +93,10 @@ export default function LandingPage() {
        { id: "f2", title: "Walking Trails", content: "Scenic paths around the facility perfect for daily exercise and community health." },
        { id: "f3", title: "Public Amenities", content: "Accessible public restrooms and ample surrounding space for community gatherings." },
      ]}
+      buttons={[
+          { text: "Sign Up For Training", href: "#contact" },
+          { text: "View Programs", href: "#contact" }
+      ]}
      imageSrc="http://img.b2bpic.net/free-photo/girl-soccer-player-girl-sports-uniform-soccer-field-football-concept_169016-68217.jpg"
      mediaAnimation="slide-up"
      imageAlt="Soccer field aerial view scottsdale"
--- 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-inter), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f5faff;
-  --card: #f1f8ff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
-  --primary-cta-text: #f5faff;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
+  --primary-cta-text: #ffffff;
  --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --secondary-cta-text: #f5fffae6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	2d9118c616	Update src/app/styles/variables.css	2026-04-22 02:33:48 +00:00
bender	b1cefa0a92	Update src/app/page.tsx	2026-04-22 02:33:47 +00:00
bender	73c14a47ba	Merge version_12 into main Merge version_12 into main	2026-04-22 02:32:29 +00:00
bender	19f5fa34d6	Update theme colors	2026-04-22 02:32:26 +00:00
bender	e822ff1cad	Merge version_11 into main Merge version_11 into main	2026-04-22 02:31:55 +00:00
bender	0e0f8d879d	Update theme colors	2026-04-22 02:31:51 +00:00
bender	9e30f0e5dd	Merge version_10 into main Merge version_10 into main	2026-04-22 02:31:37 +00:00
bender	515afabcaa	Update theme colors	2026-04-22 02:31:34 +00:00
bender	3c0b126234	Merge version_9 into main Merge version_9 into main	2026-04-22 02:31:14 +00:00
bender	5383fe81fa	Update theme colors	2026-04-22 02:31:11 +00:00
bender	15e8aeff00	Merge version_8 into main Merge version_8 into main	2026-04-22 02:31:10 +00:00
bender	33844022f2	Update theme colors	2026-04-22 02:31:07 +00:00
bender	4b23b83110	Merge version_7 into main Merge version_7 into main	2026-04-22 02:31:00 +00:00
bender	4cf0c3af91	Update theme colors	2026-04-22 02:30:57 +00:00
bender	2326a8865e	Merge version_6 into main Merge version_6 into main	2026-04-22 02:30:35 +00:00
bender	1dd34dc23d	Update theme colors	2026-04-22 02:30:31 +00:00
bender	26603b013f	Merge version_5 into main Merge version_5 into main	2026-04-22 02:29:37 +00:00
bender	40fac42cd7	Update theme fonts	2026-04-22 02:29:34 +00:00
bender	3d1eb7b8a9	Update theme fonts	2026-04-22 02:29:33 +00:00
bender	73e6aa651b	Merge version_5 into main Merge version_5 into main	2026-04-22 02:28:29 +00:00
bender	83eb8e3901	Update theme colors	2026-04-22 02:28:26 +00:00
bender	a33856438b	Merge version_4 into main Merge version_4 into main	2026-04-22 02:28:20 +00:00
bender	7bc828d5e7	Update theme colors	2026-04-22 02:28:14 +00:00
bender	dc0a854200	Merge version_3 into main Merge version_3 into main	2026-04-22 02:25:06 +00:00
bender	389e02a51e	Update src/app/page.tsx	2026-04-22 02:25:03 +00:00
bender	e031904b07	Merge version_2 into main Merge version_2 into main	2026-04-22 02:24:12 +00:00
bender	b72a7a7a26	Update src/app/styles/variables.css	2026-04-22 02:24:06 +00:00
bender	ed7510b818	Update src/app/page.tsx	2026-04-22 02:24:06 +00:00
bender	38398c3e30	Merge version_1 into main Merge version_1 into main	2026-04-22 02:21:12 +00:00
bender	17ce35f829	Merge version_1 into main Merge version_1 into main	2026-04-22 01:50:36 +00:00
bender	956779fe58	Merge version_1 into main Merge version_1 into main	2026-04-22 01:50:06 +00:00
bender	3bc99b692f	Merge version_1 into main Merge version_1 into main	2026-04-22 01:49:29 +00:00