src/app/page.tsx

@@ -75,7 +75,7 @@ export default function HomePage() {
           title="Awaken the Dragon Within"
           description="Enter the Den. Train with uncompromising intensity. Recover like never before. 24/7 access to personal training, sauna, cold plunge, and a community built on inner fire."
           tag="Where Discipline Meets Transformation"
-          background={{ variant: "plain" }}
+          background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "Claim Your First Session", href: "/membership" },
             { text: "Schedule a Tour", href: "/contact" },
@@ -100,7 +100,7 @@ export default function HomePage() {
           imageAlt="Sauna and cold plunge recovery experience"
           mediaAnimation="opacity"
           metricsAnimation="opacity"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
         />
       </div>
 
@@ -159,7 +159,7 @@ export default function HomePage() {
               id: "coldplunge",              value: "Cold Immersion",              description: "Cold plunge therapy to enhance resilience, reduce inflammation, boost cardiovascular health, and activate your nervous system's adaptation response."},
           ]}
           metricsAnimation="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
         />
       </div>
 
@@ -235,7 +235,7 @@ export default function HomePage() {
         <HeroBillboardScroll
           title="Built for Strength. Designed for Transformation."
           description="Your journey starts with a single commitment. Whether you're seeking personal training, 24/7 access, or the transformational power of recovery rituals, Dragon's Den is where inner fire meets discipline."
-          background={{ variant: "plain" }}
+          background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "View Membership Options", href: "/membership" },
             { text: "Request a Private Tour", href: "/contact" },

src/app/styles/base.css

@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-bebas-neue), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0f0f0f;
-  --card: #1a1a1a;
+  --background: #1a1a1a;
+  --card: #2d2d2d;
   --foreground: #f5f0eb;
-  --primary-cta: #dc2626;
+  --primary-cta: #c41e3a;
   --primary-cta-text: #f5f0eb;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #f5f0eb;
-  --accent: #e67e22;
-  --background-accent: #2980b9;
+  --accent: #8b6914;
+  --background-accent: #6b3410;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);