Compare commits
13 Commits
version_2_
...
version_7_
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
399795763a | ||
| 96ffe62070 | |||
|
|
e883f31726 | ||
| 6f79233d49 | |||
|
|
be309dfcbc | ||
| 2440a28391 | |||
|
|
2c49c4fcb2 | ||
| 273874b13e | |||
| e9b2d12e7c | |||
| 3bf084b90a | |||
|
|
c0e25f16f6 | ||
| 45b410bfcd | |||
| 380337f092 |
@@ -1,6 +1,6 @@
|
|||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
import { Star } from "lucide-react";
|
import { Star } from "lucide-react";
|
||||||
import { motion, AnimatePresence } from "motion/react";
|
|
||||||
import { cls } from "@/lib/utils";
|
import { cls } from "@/lib/utils";
|
||||||
import Button from "@/components/ui/Button";
|
import Button from "@/components/ui/Button";
|
||||||
import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
|
import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
|
||||||
@@ -92,14 +92,10 @@ const HeroOverlayTestimonial = ({
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<AnimatePresence mode="wait">
|
|
||||||
<motion.div
|
<div
|
||||||
key={currentIndex}
|
key={currentIndex}
|
||||||
initial={{ opacity: 0, y: 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"
|
||||||
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"
|
|
||||||
>
|
>
|
||||||
<div className="flex gap-1">
|
<div className="flex gap-1">
|
||||||
{Array.from({ length: 5 }).map((_, index) => (
|
{Array.from({ length: 5 }).map((_, index) => (
|
||||||
@@ -124,8 +120,8 @@ const HeroOverlayTestimonial = ({
|
|||||||
<span className="text-sm text-foreground/60">{testimonial.handle}</span>
|
<span className="text-sm text-foreground/60">{testimonial.handle}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</motion.div>
|
</div>
|
||||||
</AnimatePresence>
|
|
||||||
</section>
|
</section>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -2,18 +2,19 @@ import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
|||||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||||
import FeaturesIconCards from '@/components/sections/features/FeaturesIconCards';
|
import FeaturesIconCards from '@/components/sections/features/FeaturesIconCards';
|
||||||
import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||||
import MetricsGradientCards from '@/components/sections/metrics/MetricsGradientCards';
|
import MetricsGradientCards from '@/components/sections/metrics/MetricsGradientCards';
|
||||||
import ProductRatingCards from '@/components/sections/product/ProductRatingCards';
|
import ProductRatingCards from '@/components/sections/product/ProductRatingCards';
|
||||||
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
|
||||||
import { Award, BarChart, Database, Droplet, Droplets, Grape, Leaf, Mountain, Star } from "lucide-react";
|
import { Award, BarChart, Database, Droplet, Droplets, Grape, Leaf, Mountain, Star } from "lucide-react";
|
||||||
|
|
||||||
export default function HomePage() {
|
export default function HomePage() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitMediaGrid
|
<HeroOverlayTestimonial
|
||||||
brand="Vine & Barrel"
|
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."
|
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={{
|
primaryButton={{
|
||||||
text: "Explore Our Wines",
|
text: "Explore Our Wines",
|
||||||
@@ -23,11 +24,29 @@ export default function HomePage() {
|
|||||||
text: "Book a Tasting",
|
text: "Book a Tasting",
|
||||||
href: "#contact",
|
href: "#contact",
|
||||||
}}
|
}}
|
||||||
images={[
|
imageSrc="http://img.b2bpic.net/free-photo/person-picking-grapes-spending-time-vineyard_23-2151638420.jpg"
|
||||||
"http://img.b2bpic.net/free-photo/person-picking-grapes-spending-time-vineyard_23-2151638420.jpg",
|
testimonials={[
|
||||||
"http://img.b2bpic.net/free-photo/man-pouring-red-wine-from-wood-bottle-into-glass_140725-646.jpg",
|
{
|
||||||
"http://img.b2bpic.net/free-photo/red-wine-glass-bottle-marble-table-with-red-apple_114579-20986.jpg",
|
name: "Eleanor Vance",
|
||||||
"http://img.b2bpic.net/free-photo/two-champagne-glasses_23-2147722779.jpg",
|
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",
|
||||||
|
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",
|
||||||
|
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",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -169,45 +188,7 @@ export default function HomePage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialMarqueeCards
|
|
||||||
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.",
|
|
||||||
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.",
|
|
||||||
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.",
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "David Sterling",
|
|
||||||
role: "Collector",
|
|
||||||
quote: "Vine & Barrel's commitment to sustainable practices and their nuanced approach to winemaking shines through. Every bottle is a testament to their passion.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Sophia Rodriguez",
|
|
||||||
role: "Vineyard Visitor",
|
|
||||||
quote: "The tasting experience was delightful, and the staff were incredibly knowledgeable. Their Rosé is perfectly balanced for any occasion.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-man-dinner_23-2148060592.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="tastings" data-section="tastings">
|
<div id="tastings" data-section="tastings">
|
||||||
<FaqSplitMedia
|
<FaqSplitMedia
|
||||||
|
|||||||
Reference in New Issue
Block a user