381 lines
14 KiB
TypeScript
381 lines
14 KiB
TypeScript
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
|
import ProductRatingCards from '@/components/sections/product/ProductRatingCards';
|
|
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
|
import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
|
|
import TestimonialMetricsCards from '@/components/sections/testimonial/TestimonialMetricsCards';
|
|
import { Award, Grape, Leaf } from "lucide-react";
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<div id="hero" data-section="hero">
|
|
<SectionErrorBoundary name="hero">
|
|
<HeroBillboard
|
|
tag="Experience the Art of Winemaking"
|
|
title="Crafting Exquisite Wines for Generations"
|
|
description="Discover the passion and tradition behind every bottle from our family-owned vineyard. Immerse yourself in a world of rich flavors and unforgettable aromas."
|
|
primaryButton={{
|
|
text: "Explore Our Wines",
|
|
href: "#products",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Book a Tasting",
|
|
href: "#contact",
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/glass-wine-with-stunning-view-vineyard-sunset_23-2151514984.jpg"
|
|
testimonials={[
|
|
{
|
|
name: "Eleanor Vance",
|
|
role: "Wine Critic",
|
|
testimonial: "An unforgettable experience. The attention to detail is astonishing.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-glass-wine-vineyard-with-stunning-nature-landscape_23-2151514988.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Marcus Thorne",
|
|
role: "Sommelier",
|
|
testimonial: "A masterpiece of winemaking. Each bottle tells a story.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/life-home-with-young-adult-drinking-beverage_23-2149129073.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Sophia Rodriguez",
|
|
role: "Private Collector",
|
|
testimonial: "Vine & Vintages has become a staple in my collection. Simply exquisite.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-group-beautiful-women-taking-selfie_23-2148440494.jpg?_wi=1",
|
|
},
|
|
]}
|
|
avatarsLabel="Trusted by over 10,000 wine enthusiasts"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SectionErrorBoundary name="about">
|
|
<AboutFeaturesSplit
|
|
tag="Our Story"
|
|
title="From Our Family to Yours"
|
|
description="Founded in 1924, Vine & Vintages is a family-owned winery dedicated to crafting exceptional wines. Our story is one of passion, perseverance, and a deep connection to the land. We believe that every bottle tells a story, and we invite you to become a part of ours."
|
|
primaryButton={{
|
|
text: "Meet the Family",
|
|
href: "#team",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Explore the Vineyard",
|
|
href: "#features",
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-people-enjoying-wine-tasting-event-vineyard-generated-by-ai_188544-45590.jpg"
|
|
items={[
|
|
{
|
|
icon: "Grape",
|
|
title: "Generations of Expertise",
|
|
description: "With over a century of winemaking experience, our family has perfected the art of cultivating grapes and producing world-class wines.",
|
|
},
|
|
{
|
|
icon: "Leaf",
|
|
title: "Sustainable Practices",
|
|
description: "We are committed to sustainable farming and winemaking practices to ensure the health of our land for generations to come.",
|
|
},
|
|
{
|
|
icon: "Award",
|
|
title: "Award-Winning Wines",
|
|
description: "Our dedication to quality has been recognized with numerous awards, a testament to our unwavering commitment to excellence.",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<SectionErrorBoundary name="features">
|
|
<FeaturesArrowCards
|
|
tag="Our Philosophy"
|
|
title="The Essence of Vine & Vintages"
|
|
description="Explore what makes our wines truly special. From our meticulous cultivation methods to our unwavering commitment to sustainability, every detail contributes to the unparalleled quality of our vintages."
|
|
items={[
|
|
{
|
|
title: "Traditional Winemaking",
|
|
tags: [
|
|
"Heritage",
|
|
"Craftsmanship",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-lot-wooden-wine-barrels_181624-10070.jpg",
|
|
},
|
|
{
|
|
title: "Unique Terroir Expression",
|
|
tags: [
|
|
"Region",
|
|
"Soil",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-picking-grapes-spending-time-vineyard_23-2151638186.jpg",
|
|
},
|
|
{
|
|
title: "Sustainable Vineyard Practices",
|
|
tags: [
|
|
"Eco-friendly",
|
|
"Future",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-runs-rows-grapes_8353-9583.jpg",
|
|
},
|
|
]}
|
|
primaryButton={{
|
|
text: "Learn More",
|
|
href: "#about",
|
|
}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<SectionErrorBoundary name="products">
|
|
<ProductRatingCards
|
|
tag="Our Collection"
|
|
title="Discover Our Signature Wines"
|
|
description="Handcrafted with passion and precision, our wines embody the spirit of our vineyard. Explore our diverse range and find your next favorite vintage."
|
|
products={[
|
|
{
|
|
brand: "Vine & Vintages",
|
|
name: "Estate Cabernet Sauvignon",
|
|
price: "$55.00",
|
|
rating: 5,
|
|
reviewCount: "120 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/liquor-round-bottle_176474-6072.jpg",
|
|
},
|
|
{
|
|
brand: "Vine & Vintages",
|
|
name: "Reserve Chardonnay",
|
|
price: "$48.00",
|
|
rating: 4.8,
|
|
reviewCount: "95 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/set-wine-bottle-with-glass-carafe_23-2148261706.jpg",
|
|
},
|
|
{
|
|
brand: "Vine & Vintages",
|
|
name: "Summer Rosé",
|
|
price: "$32.00",
|
|
rating: 4.7,
|
|
reviewCount: "150 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185382.jpg",
|
|
},
|
|
{
|
|
brand: "Vine & Vintages",
|
|
name: "Sparkling Brut",
|
|
price: "$60.00",
|
|
rating: 4.9,
|
|
reviewCount: "88 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-pair-champagne-glasses-wood-board-champagne-bottle_140725-99664.jpg",
|
|
},
|
|
{
|
|
brand: "Vine & Vintages",
|
|
name: "Late Harvest Dessert Wine",
|
|
price: "$75.00",
|
|
rating: 5,
|
|
reviewCount: "62 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/rollcake-with-berries-drink-platter_114579-16491.jpg",
|
|
},
|
|
{
|
|
brand: "Vine & Vintages",
|
|
name: "Grand Cru Pinot Noir",
|
|
price: "$90.00",
|
|
rating: 4.9,
|
|
reviewCount: "75 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wine-bottle-collection-rustic-winery-table-generated-by-ai_188544-45587.jpg",
|
|
},
|
|
]}
|
|
primaryButton={{
|
|
text: "Shop All Wines",
|
|
href: "#products",
|
|
}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<SectionErrorBoundary name="testimonials">
|
|
<TestimonialMetricsCards
|
|
tag="What Our Customers Say"
|
|
title="Loved by Connoisseurs and Critics Alike"
|
|
description="Our dedication to quality is consistently praised by those who matter most: our customers. Read their stories and see why Vine & Vintages is a cherished name."
|
|
testimonials={[
|
|
{
|
|
name: "Eleanor Vance",
|
|
role: "Wine Critic",
|
|
company: "Vinifera Magazine",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-glass-wine-vineyard-with-stunning-nature-landscape_23-2151514988.jpg?_wi=2",
|
|
},
|
|
{
|
|
name: "Marcus Thorne",
|
|
role: "Sommelier",
|
|
company: "The Grand Cellar",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/life-home-with-young-adult-drinking-beverage_23-2149129073.jpg?_wi=2",
|
|
},
|
|
{
|
|
name: "Sophia Rodriguez",
|
|
role: "Private Collector",
|
|
company: "N/A",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-group-beautiful-women-taking-selfie_23-2148440494.jpg?_wi=2",
|
|
},
|
|
{
|
|
name: "David Chen",
|
|
role: "Restaurant Owner",
|
|
company: "Gourmet Bistro",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-clanging-glasses-wine-kitchen_23-2148040930.jpg",
|
|
},
|
|
{
|
|
name: "Isabella Moretti",
|
|
role: "Wine Enthusiast",
|
|
company: "N/A",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-woman-with-foxy-wavy-hair-modern-summer-clothes-looking-into-camera-posing-background-vineyards_197531-30131.jpg",
|
|
},
|
|
]}
|
|
metrics={[
|
|
{
|
|
value: "4.9/5",
|
|
label: "Average Rating",
|
|
},
|
|
{
|
|
value: "100+",
|
|
label: "Awards Won",
|
|
},
|
|
{
|
|
value: "150K+",
|
|
label: "Bottles Sold",
|
|
},
|
|
]}
|
|
primaryButton={{
|
|
text: "Leave a Review",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<SectionErrorBoundary name="metrics">
|
|
<MetricsIconCards
|
|
tag="Our Achievements"
|
|
title="A Legacy of Excellence"
|
|
description="Our journey has been marked by dedication, innovation, and a deep love for winemaking. These milestones reflect our commitment to quality."
|
|
metrics={[
|
|
{
|
|
icon: Grape,
|
|
title: "Years of Winemaking",
|
|
value: "100+",
|
|
},
|
|
{
|
|
icon: Award,
|
|
title: "International Awards",
|
|
value: "50+",
|
|
},
|
|
{
|
|
icon: Leaf,
|
|
title: "Acres of Vineyard",
|
|
value: "200+",
|
|
},
|
|
]}
|
|
primaryButton={{
|
|
text: "Learn More About Us",
|
|
href: "#about",
|
|
}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<SectionErrorBoundary name="team">
|
|
<TeamStackedCards
|
|
tag="Our Family"
|
|
title="Meet The Visionaries"
|
|
description="Behind every great vintage is a passionate team. Get to know the dedicated individuals who bring Vine & Vintages to life."
|
|
members={[
|
|
{
|
|
name: "Julian Moreau",
|
|
role: "Head Winemaker",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-leaning-table_23-2148060479.jpg",
|
|
},
|
|
{
|
|
name: "Clara Dubois",
|
|
role: "Vineyard Manager",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-vegetarian-food-close-up-portrait-young-cheerful-bearded-caucasian-man-smiling-working-garden_176420-19950.jpg",
|
|
},
|
|
{
|
|
name: "Antoine Blanc",
|
|
role: "Estate Manager",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-handsome-young-man-sitting-bar_23-2148096477.jpg",
|
|
},
|
|
]}
|
|
primaryButton={{
|
|
text: "Join Our Team",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SectionErrorBoundary name="social-proof">
|
|
<SocialProofMarquee
|
|
tag="Trusted Partners"
|
|
title="As Featured In & Partnered With"
|
|
description="Our reputation for excellence is recognized by leading publications and institutions in the wine and hospitality industry."
|
|
names={[
|
|
"Vinifera Magazine",
|
|
"Sommelier's Choice",
|
|
"Gourmet Bites Monthly",
|
|
"The Five-Star Cellar",
|
|
"Luxury Stays Collection",
|
|
"International Wine Awards",
|
|
"Epicurean Guide",
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<SectionErrorBoundary name="contact">
|
|
<ContactSplitForm
|
|
tag="Get In Touch"
|
|
title="Visit Our Estate or Reach Out"
|
|
description="We invite you to experience the magic of Vine & Vintages firsthand. Plan your visit, inquire about our wines, or simply say hello. We look forward to hearing from you."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "subject",
|
|
type: "text",
|
|
placeholder: "Subject",
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Your Message",
|
|
rows: 4,
|
|
required: true,
|
|
}}
|
|
buttonText="Send Message"
|
|
imageSrc="http://img.b2bpic.net/free-photo/low-angle-artistic-architectural-design_23-2148252774.jpg"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|