Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="medium"
       sizing="medium"
-      background="aurora"
+      background="none"
       cardStyle="layered-gradient"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
@@ -45,7 +45,7 @@ export default function LandingPage() {
         <HeroSplitKpi
           title="Brew Haven: Where Coffee Meets Community"
           description="Experience the finest specialty coffees, freshly roasted and expertly crafted. Our cozy café is the perfect spot to relax, connect, and enjoy exceptional coffee."
-          background={{ variant: "aurora" }}
+          background={{ variant: "glowing-orb" }}
           kpis={[
             { value: "500+", label: "Daily Visitors" },
             { value: "15+", label: "Coffee Varieties" },
@@ -67,7 +67,7 @@ export default function LandingPage() {
       <div id="about" data-section="about">
         <TextAbout
           title="We're passionate about delivering the finest coffee experience in the heart of our community. From sourcing premium beans to mastering the craft of brewing, every cup tells a story."
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           buttons={[
             { text: "Learn Our Story", href: "about" }
           ]}
@@ -140,7 +140,7 @@ export default function LandingPage() {
           ]}
           textboxLayout="default"
           animationType="slide-up"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -195,7 +195,7 @@ export default function LandingPage() {
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -203,7 +203,7 @@ export default function LandingPage() {
         <ContactText
           text="Ready to experience exceptional coffee and community? Visit Brew Haven today or reach out to book a private event or catering. We're here to make your day better, one cup at a time."
           animationType="entrance-slide"
-          background={{ variant: "aurora" }}
+          background={{ variant: "glowing-orb" }}
           useInvertedBackground="noInvert"
           buttons={[
             { text: "Reserve a Table", href: "contact" },