src/app/page.tsx

@@ -63,6 +63,7 @@ export default function LandingPage() {
         { icon: Beer, label: "Unique Brews", value: "50+" },
         { icon: Users, label: "Community", value: "10k+" },
       ]}
+      useInvertedBackground={false}
     />
   </div>
 
@@ -73,6 +74,7 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       animationType="blur-reveal"
       useInvertedBackground={true}
+      textboxLayout="split"
       products={[
           { id: "1", name: "Neon Haze IPA", price: "$9.00", variant: "Sour IPA", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg?_wi=2" },
           { id: "2", name: "Acid Jungle", price: "$8.50", variant: "Fruited Sour", imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148110915.jpg?_wi=2" },
@@ -86,6 +88,8 @@ export default function LandingPage() {
       title="KITCHEN OF CHAOS"
       description="Food that hits different after a couple of pours."
       animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
       features={[
           { title: "Late Night Bites", description: "Perfectly greasy.", imageSrc: "http://img.b2bpic.net/free-photo/smoked-sprat-boiled-chickpeas-served-with-mug-beer_140725-1623.jpg?_wi=1" },
           { title: "Artisan Dips", description: "Flavor explosion.", imageSrc: "http://img.b2bpic.net/free-photo/smoked-sprat-boiled-chickpeas-served-with-mug-beer_140725-1623.jpg?_wi=2" }
@@ -94,10 +98,13 @@ export default function LandingPage() {
   </div>
 
   <div id="social" data-section="social">
-      <div className="py-20 text-center">
-        <h2 className="text-4xl font-extrabold">JOIN THE CULT</h2>
-        <p className="mt-4">Share your trip with us. #TrippingAnimals</p>
-      </div>
+      <ContactCenter
+      title="JOIN THE CULT"
+      description="Share your trip with us. #TrippingAnimals"
+      tag="Cult"
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
+      />
   </div>
 
   <div id="visit" data-section="visit">
@@ -106,6 +113,7 @@ export default function LandingPage() {
       description="Located in the heart of Miami. Open late, brewing daily."
       tag="Visit Us"
       background={{ variant: "rotated-rays-animated" }}
+      useInvertedBackground={true}
     />
   </div>