feat: add gallery section to homepage

Merge version_9_1778189457569 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,6 +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 FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricsGradientCards from '@/components/sections/metrics/MetricsGradientCards';
 import ProductRatingCards from '@/components/sections/product/ProductRatingCards';
@@ -217,6 +218,41 @@ export default function HomePage() {
     />
   </div>
 
+  <div id="gallery" data-section="gallery">
+      <FeaturesMediaCarousel
+        tag="Vineyard Moments"
+        title="Capturing the Spirit of Vine & Barrel"
+        description="Explore memorable moments from our vineyard, where guests enjoy the beauty of our estate and the pleasure of our wines."
+        items={[
+          {
+            imageSrc: "http://img.b2bpic.net/free-photo/group-friends-celebrating-together_23-2149872337.jpg",
+            title: "Toasting to Friendship",
+            description: "Guests raising a glass amidst the scenic beauty of our vineyard.",
+          },
+          {
+            imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-having-fun-outdoors_23-2148952039.jpg",
+            title: "Vineyard Explorations",
+            description: "A group of friends enjoying a sunny day exploring our lush vineyards.",
+          },
+          {
+            imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-calm-countryside_23-2150162019.jpg",
+            title: "Serene Tastings",
+            description: "Visitors savoring our finest wines while taking in the tranquil vineyard views.",
+          },
+          {
+            imageSrc: "http://img.b2bpic.net/free-photo/group-people-sitting-table-eating-drinking-wine_1303-28963.jpg",
+            title: "Harvest Celebrations",
+            description: "A joyful gathering celebrating the harvest season with good food and great wine.",
+          },
+          {
+            imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-friends-clinking-wine-glasses-while-having-picnic-vineyard_23-2148179259.jpg",
+            title: "Picnics and Pairings",
+            description: "Friends enjoying a delightful picnic, perfectly paired with our signature wines.",
+          },
+        ]}
+      />
+    </div>
+
   <div id="contact" data-section="contact">
       <ContactSplitForm
       tag="Connect With Us"