feat: add gallery section

Merge version_7_1778189152312 into main

src/components/sections/hero/HeroOverlayTestimonial.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { Star } from "lucide-react";
-import { motion, AnimatePresence } from "motion/react";
+
 import { cls } from "@/lib/utils";
 import Button from "@/components/ui/Button";
 import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
@@ -92,14 +92,10 @@ const HeroOverlayTestimonial = ({
         </div>
       </div>
 
-      <AnimatePresence mode="wait">
-        <motion.div
+      
+        <div
           key={currentIndex}
-          initial={{ opacity: 0, y: 10 }}
-          animate={{ opacity: 1, y: 0 }}
-          exit={{ opacity: 0, y: -10 }}
-          transition={{ duration: 0.3 }}
-          className="absolute z-10 bottom-3 left-3 right-3 p-3 xl:p-4 2xl:p-5 card rounded flex flex-col gap-3 xl:gap-4 2xl:gap-5 md:left-auto md:bottom-8 md:right-8 md:max-w-25/100 2xl:max-w-2/10"
+          className="absolute z-10 bottom-3 left-3 right-3 p-3 xl:p-4 2xl:p-5 card rounded flex flex-col gap-3 xl:gap-4 2xl:gap-5 md:left-auto md:bottom-8 md:right-8 md:max-w-25/100 2xl:max-w-2/10 bg-white/20 backdrop-blur-lg border border-white/30"
         >
           <div className="flex gap-1">
             {Array.from({ length: 5 }).map((_, index) => (
@@ -124,8 +120,8 @@ const HeroOverlayTestimonial = ({
               <span className="text-sm text-foreground/60">{testimonial.handle}</span>
             </div>
           </div>
-        </motion.div>
-      </AnimatePresence>
+        </div>
+      
     </section>
   );
 };

src/pages/HomePage.tsx

@@ -2,8 +2,7 @@ import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeaturesIconCards from '@/components/sections/features/FeaturesIconCards';
-import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
-import HeroBrand from '@/components/sections/hero/HeroBrand';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricsGradientCards from '@/components/sections/metrics/MetricsGradientCards';
 import ProductRatingCards from '@/components/sections/product/ProductRatingCards';
 
@@ -13,8 +12,9 @@ export default function HomePage() {
   return (
     <>
   <div id="hero" data-section="hero">
-      <HeroBrand
-        brand="Vine & Barrel"
+      <HeroOverlayTestimonial
+        tag="What Our Patrons Say"
+        title="Vine & Barrel"
         description="Crafting exceptional wines for generations, embodying the spirit of our land and the passion of our winemakers. Experience the artistry in every bottle."
         primaryButton={{
           text: "Explore Our Wines",
@@ -25,30 +25,25 @@ export default function HomePage() {
           href: "#contact",
         }}
         imageSrc="http://img.b2bpic.net/free-photo/person-picking-grapes-spending-time-vineyard_23-2151638420.jpg"
-      />
-      <TestimonialRatingCards
-        tag="What Our Patrons Say"
-        title="Voices of Delight"
-        description="Our wines have touched hearts and enriched palates. Read what our cherished customers have to say about their Vine & Barrel experience."
         testimonials={[
           {
             name: "Eleanor Vance",
-            role: "Wine Enthusiast",
-            quote: "The Heritage Cabernet Sauvignon is a masterpiece. Rich, complex, and absolutely unforgettable. Vine & Barrel truly sets the standard for quality.",
+            handle: "Wine Enthusiast",
+            text: "The Heritage Cabernet Sauvignon is a masterpiece. Rich, complex, and absolutely unforgettable. Vine & Barrel truly sets the standard for quality.",
             rating: 5,
             imageSrc: "http://img.b2bpic.net/free-photo/lady-with-wine_1157-7318.jpg",
           },
           {
             name: "Marcus Thorne",
-            role: "Sommelier",
-            quote: "I'm consistently impressed by the depth and character of Vine & Barrel's portfolio. Their Estate Chardonnay is particularly remarkable, a true gem.",
+            handle: "Sommelier",
+            text: "I'm consistently impressed by the depth and character of Vine & Barrel's portfolio. Their Estate Chardonnay is particularly remarkable, a true gem.",
             rating: 5,
             imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-wine-glass_23-2149428826.jpg",
           },
           {
             name: "Isabelle Dubois",
-            role: "Restaurateur",
-            quote: "Serving Vine & Barrel wines has elevated our dining experience. Our guests frequently commend the exceptional quality and unique flavors.",
+            handle: "Restaurateur",
+            text: "Serving Vine & Barrel wines has elevated our dining experience. Our guests frequently commend the exceptional quality and unique flavors.",
             rating: 5,
             imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-red-hair-green-dress-smiling-holding-glass-sitting-with-positive-girl-t-shirt-skirt-outdoor_197531-24721.jpg",
           },
@@ -193,6 +188,33 @@ export default function HomePage() {
     />
   </div>
 
+  <div id="gallery" data-section="gallery">
+    <FeaturesMediaCards
+      tag="Gallery"
+      title="Experience the Vineyard"
+      description="A glimpse into the life at Vine & Barrel, from our sun-kissed vineyards to the joy of sharing our wines."
+      features={[
+        {
+          title: "Exploring the Vines",
+          description: "Guests enjoying a walk through our picturesque vineyards.",
+          imageSrc: "http://img.b2bpic.net/free-photo/two-women-holding-wine-glasses-vineyard_23-2148971025.jpg",
+        },
+        {
+          title: "A Toast to Good Times",
+          description: "Friends sharing a moment and a bottle of our finest.",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-having-fun-while-toasting-with-wine-during-lunch-vineyard_637285-12019.jpg",
+        },
+        {
+          title: "The Art of the Pour",
+          description: "Our sommelier presenting a glass of our signature red.",
+          imageSrc: "http://img.b2bpic.net/free-photo/sommelier-pouring-wine-into-glass-restaurant_1150-14983.jpg",
+        },
+      ]}
+    />
+  </div>
+
+
+
 
 
   <div id="tastings" data-section="tastings">