Update src/app/page.tsx

src/app/page.tsx

@@ -17,14 +17,14 @@ export default function LandingPage() {
     <ThemeProvider
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="soft"
         contentWidth="mediumLarge"
         sizing="large"
-        background="noise"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
+        background="none"
+        cardStyle="glass-depth"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -48,7 +48,7 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "gradient-bars"}}
+        variant: "sparkles-gradient"}}
       title="J&R AUTO BODY"
       description="Precision Repairs. Street-Level Speed. Get your performance car back on the road with the elite care it deserves at Lafayette's premier auto body shop."
       buttons={[
@@ -174,7 +174,7 @@ export default function LandingPage() {
       <ContactText
       text="Questions? Get in touch with our team for expert advice and scheduling your repair."
       background={{
-        variant: "animated-grid"}}
+        variant: "sparkles-gradient"}}
       useInvertedBackground={true}
       buttons={[
           { text: "Call (765) 201-0460", href: "tel:7652010460" },
@@ -216,4 +216,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}