src/app/page.tsx

@@ -17,6 +17,13 @@ export default function Page() {
       defaultButtonVariant="shift-hover"
       defaultTextAnimation="reveal-blur"
       borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
@@ -30,11 +37,11 @@ export default function Page() {
         />
       </div>
 
-      <div id="hero" data-section="hero" className="min-h-[80vh]">
+      <div id="hero" data-section="hero">
         <HeroCentered
           title="The Twisted Sister Saloon"
           description="Where small-town charm meets wild nights. Pull up a seat and experience the edge of Texas hospitality."
-          background={{ variant: "sparkles-gradient" }}
+          background={{ variant: "aurora" }}
           avatars={[
             { src: "http://img.b2bpic.net/free-photo/close-up-view-young-smiling-happy-male-hairdesser-wearing-gray-apron-holding-scissor-comb-pastel-blue-color-surface_140725-154474.jpg", alt: "Local regular" },
             { src: "http://img.b2bpic.net/free-photo/leisure-time-with-friends-pub_329181-18324.jpg", alt: "Local regular" },
@@ -43,10 +50,11 @@ export default function Page() {
           ]}
           avatarText="Join our growing local family"
           buttons={[{ text: "Pull Up A Seat", href: "#about" }, { text: "Visit Us Tonight", href: "#contact" }]}
+          buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="about" data-section="about" className="py-20">
+      <div id="about" data-section="about">
         <MetricSplitMediaAbout
           title="Feels Like Home"
           description="At The Twisted Sister Saloon, we believe every stranger is just a regular we haven't met yet. With a warm, welcoming staff and an atmosphere that invites you to stay a little longer, it's the perfect spot to kick back, relax, and make memories that stick."
@@ -56,11 +64,10 @@ export default function Page() {
           imageAlt="Our welcoming saloon bar interior"
           mediaAnimation="blur-reveal"
           metricsAnimation="blur-reveal"
-          mediaAnimation="blur-reveal"
         />
       </div>
 
-      <div id="features" data-section="features" className="py-20">
+      <div id="features" data-section="features">
         <FeatureCardMedia
           title="The Saloon Experience"
           description="From high-energy nights to family-friendly afternoons, we bring the best of Childress under one roof."
@@ -75,7 +82,7 @@ export default function Page() {
         />
       </div>
 
-      <div id="food-drinks" data-section="food-drinks" className="py-20">
+      <div id="food-drinks" data-section="food-drinks">
         <ProductCardFour
           title="Flavor That Bites Back"
           description="From messy, delicious burgers to our signature, playful shots, every bite is a reason to celebrate."
@@ -94,7 +101,7 @@ export default function Page() {
         />
       </div>
 
-      <div id="atmosphere" data-section="atmosphere" className="py-20">
+      <div id="atmosphere" data-section="atmosphere">
         <MetricCardFourteen
           title="Always A Good Time"
           tag="Saloon Vibes"
@@ -108,7 +115,7 @@ export default function Page() {
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials" className="py-20">
+      <div id="testimonials" data-section="testimonials">
         <TestimonialCardOne
           title="Voices of the Saloon"
           description="Don't just take our word for it—hear what the locals and travelers have to say."
@@ -126,12 +133,12 @@ export default function Page() {
         />
       </div>
 
-      <div id="contact" data-section="contact" className="py-20">
+      <div id="contact" data-section="contact">
         <ContactSplit
           tag="Visit Us"
           title="Ready for a twisted night?"
           description="Grab your crew, grab a drink, and make it a night you won't soon forget at The Twisted Sister Saloon."
-          background={{ variant: "sparkles-gradient" }}
+          background={{ variant: "aurora" }}
           useInvertedBackground={false}
           buttonText="Visit Us Tonight"
           mediaAnimation="slide-up"