From 4abbfabf51e93af2c909930914b1bb3120eec69d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 16:43:24 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 283 +++++++++++------------------------------------
 1 file changed, 62 insertions(+), 221 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5fe50fc..2e2a042 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,277 +3,118 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import AboutMetric from '@/components/sections/about/AboutMetric';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import { Users, Beer, Utensils, Star, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="mediumSmall"
-        sizing="mediumLargeSizeMediumTitles"
-        background="fluid"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Beers",
-          id: "products",
-        },
-        {
-          name: "Experience",
-          id: "experience",
-        },
-        {
-          name: "Food",
-          id: "food",
-        },
-        {
-          name: "Visit",
-          id: "visit",
-        },
+        { name: "Experience", id: "experience" },
+        { name: "Beers", id: "products" },
+        { name: "Kitchen", id: "food" },
+        { name: "Community", id: "social" },
+        { name: "Visit", id: "visit" },
       ]}
-      brandName="Tripping Animals Brewing"
+      brandName="Tripping Animals"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="TRIP HARDER. DRINK BETTER."
-      description="Miami’s most unforgettable brewery experience. Wild beers. Unreal flavors. Zero boring nights."
-      buttons={[
-        {
-          text: "View Our Beers",
-          href: "#products",
-        },
-        {
-          text: "Visit Us",
-          href: "#visit",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "c1",
-          imageSrc: "http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg?_wi=1",
-        },
-        {
-          id: "c2",
-          imageSrc: "http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg?_wi=2",
-        },
-        {
-          id: "c3",
-          imageSrc: "http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg?_wi=3",
-        },
-        {
-          id: "c4",
-          imageSrc: "http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg?_wi=4",
-        },
-        {
-          id: "c5",
-          imageSrc: "http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg?_wi=5",
-        },
-        {
-          id: "c6",
-          imageSrc: "http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg?_wi=6",
-        },
+      <HeroSplitDualMedia
+      title="NEON DREAMS & WILD BEERS"
+      description="Welcome to the psychedelic pulse of Miami. Where craft brewing meets infinite imagination."
+      tag="Tripping Animals Brewing Co."
+      background={{ variant: "sparkles-gradient" }}
+      rating={5}
+      ratingText="5000+ happy tripsters"
+      buttons={[{ text: "Explore the Wild", href: "#products" }]}
+      mediaItems={[
+          { imageSrc: "http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg?_wi=1" },
+          { imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148110915.jpg?_wi=1" }
       ]}
     />
   </div>
 
   <div id="experience" data-section="experience">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="THIS PLACE IS A VIBE."
-      description="You don’t just come here to drink. You come to connect, explore, and lose track of time. Whether it's post-work drinks or a wild weekend, we've got the energy."
+      <AboutMetric
+      title="BEYOND THE BREW"
       metrics={[
-        {
-          value: "4.7+",
-          title: "Brewery Rating",
-        },
-        {
-          value: "20+",
-          title: "Experimental Taps",
-        },
-        {
-          value: "100%",
-          title: "Good Vibes",
-        },
-        {
-          value: "24/7",
-          title: "Energy",
-        },
-        {
-          value: "5k+",
-          title: "Happy Pours",
-        },
+        { icon: Star, label: "Brewery Rating", value: "4.9" },
+        { icon: Beer, label: "Unique Brews", value: "50+" },
+        { icon: Users, label: "Community", value: "10k+" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg?_wi=7"
-      mediaAnimation="slide-up"
-      metricsAnimation="blur-reveal"
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="scale-rotate"
-      textboxLayout="split"
-      gridVariant="one-large-left-three-stacked-right"
-      useInvertedBackground={false}
+      <ProductCardFour
+      title="PSYCHEDELIC POURS"
+      description="Our lab-grown experiments, bottled with love and chaos."
+      gridVariant="bento-grid"
+      animationType="blur-reveal"
+      useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Milk Sugar Sour",
-          price: "$8.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148110915.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Dark No Mames",
-          price: "$7.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148110915.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          name: "Jungle Haze IPA",
-          price: "$9.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148110915.jpg?_wi=3",
-        },
-        {
-          id: "p4",
-          name: "Tropical Drop",
-          price: "$8.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148110915.jpg?_wi=4",
-        },
-        {
-          id: "p5",
-          name: "Miami Lager",
-          price: "$7.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148110915.jpg?_wi=5",
-        },
-        {
-          id: "p6",
-          name: "Secret Lab Batch",
-          price: "$10.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148110915.jpg?_wi=6",
-        },
+          { 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" },
+          { id: "3", name: "Trippy Lager", price: "$7.00", variant: "Clean Crisp", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg?_wi=3" }
       ]}
-      title="FLAVORS YOU DIDN’T KNOW EXISTED"
-      description="Fruited, sour, lagers, and experimentals that push the boundaries of craft brewing."
     />
   </div>
 
   <div id="food" data-section="food">
-      <FeatureCardOne
+      <FeatureCardSeven
+      title="KITCHEN OF CHAOS"
+      description="Food that hits different after a couple of pours."
       animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
       features={[
-        {
-          title: "Ceviche Bar",
-          description: "Fresh, local ingredients.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smoked-sprat-boiled-chickpeas-served-with-mug-beer_140725-1623.jpg?_wi=1",
-        },
-        {
-          title: "Brewery Snacks",
-          description: "Designed to pair perfectly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smoked-sprat-boiled-chickpeas-served-with-mug-beer_140725-1623.jpg?_wi=2",
-        },
-        {
-          title: "Rotating Kitchen",
-          description: "New food concepts weekly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smoked-sprat-boiled-chickpeas-served-with-mug-beer_140725-1623.jpg?_wi=3",
-        },
-        {
-          title: "Late Night Bites",
-          description: "Fuel for the dance floor.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smoked-sprat-boiled-chickpeas-served-with-mug-beer_140725-1623.jpg?_wi=4",
-        },
-        {
-          title: "Artisanal Dips",
-          description: "Bold flavors, zero filler.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smoked-sprat-boiled-chickpeas-served-with-mug-beer_140725-1623.jpg?_wi=5",
-        },
+          { 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" }
       ]}
-      title="THE KITCHEN DOESN'T MISS"
-      description="From fresh ceviche to crave-worthy snacks, everything is built to complement our brews."
     />
   </div>
 
   <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="split"
-      useInvertedBackground={false}
-      names={[
-        "Miami Craft",
-        "South Florida Brews",
-        "Independent Brewery Association",
-        "Local Artists Collective",
-        "Downtown Miami Arts",
-        "Craft Beer Lovers",
-        "The Daily Pint",
-      ]}
-      title="BREWED WITH LOVE"
-      description="Supporting our community one pint at a time."
-    />
+      <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>
   </div>
 
   <div id="visit" data-section="visit">
       <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      title="FIND YOUR WAY TO THE TRIP"
-      description="Miami, FL | Opens daily at 4PM. Parking available nearby. Pull up and join the crew!"
-      inputPlaceholder="Join our newsletter"
+      title="PULL UP TO THE TRIP"
+      description="Located in the heart of Miami. Open late, brewing daily."
       tag="Visit Us"
+      background={{ variant: "rotated-rays-animated" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Menu",
-          items: [
-            {
-              label: "Taps",
-              href: "#products",
-            },
-            {
-              label: "Food",
-              href: "#food",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Miami, FL",
-              href: "#visit",
-            },
-          ],
-        },
-      ]}
+      <FooterBaseReveal
       logoText="Tripping Animals"
+      columns={[
+        { title: "Quick Links", items: [{ label: "Beers", href: "#products" }, { label: "Kitchen", href: "#food" }] }
+      ]}
     />
   </div>
       </ReactLenis>
-- 
2.49.1


From f59975ade317868ce137a5c54768cbe20c03154c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 16:43:24 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 3e20aa0..a94e76a 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -12,13 +12,13 @@
 
   --background: #0a0a0a;
   --card: #1a1a1a;
-  --foreground: #f5f5f5;
+  --foreground: #ffffff;
   --primary-cta: #FF2E88;
   --primary-cta-text: #ffffff;
   --secondary-cta: #6A00FF;
   --secondary-cta-text: #ffffff;
   --accent: #00D084;
-  --background-accent: #0a0a0a;
+  --background-accent: #2a0a2a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-- 
2.49.1