Merge version_2 into main #9
320
src/app/page.tsx
320
src/app/page.tsx
@@ -2,13 +2,19 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -18,194 +24,136 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Wines", id: "products"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="VinoBoutique"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Wines", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="VinoBoutique"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
title="Uncork Elegance."
|
||||
description="Discover a curated selection of world-class vintages, sourced from the finest vineyards and delivered to your cellar with expert care."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Julian Thorne", handle: "@sommelier", testimonial: "Exceptional curation. Every bottle tells a story of terroir and tradition.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-holding-glass_23-2149428773.jpg?_wi=1"},
|
||||
{
|
||||
name: "Elena Rossi", handle: "@winelover", testimonial: "A sanctuary for wine lovers. The quality here is simply unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149306398.jpg?_wi=1"},
|
||||
{
|
||||
name: "Marcus Vane", handle: "@collector", testimonial: "My go-to source for rare vintages. Absolutely pristine selection.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg?_wi=1"},
|
||||
{
|
||||
name: "Sofia Bell", handle: "@sofi_wines", testimonial: "The service is as exquisite as the wines. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144389.jpg?_wi=1"},
|
||||
{
|
||||
name: "Leo Vance", handle: "@leo_cellars", testimonial: "A truly refined experience from start to finish.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-drinking-wine_23-2148060456.jpg?_wi=1"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tray-with-champagne-glasses_23-2148667931.jpg"
|
||||
imageAlt="Vintage red wine"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-holding-glass_23-2149428773.jpg", alt: "Julian"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149306398.jpg", alt: "Elena"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg", alt: "Marcus"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144389.jpg", alt: "Sofia"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-drinking-wine_23-2148060456.jpg", alt: "Leo"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Vintage Selections"},
|
||||
{
|
||||
type: "text", text: "Expertly Sourced"},
|
||||
{
|
||||
type: "text", text: "Global Vintages"},
|
||||
{
|
||||
type: "text", text: "Private Collections"},
|
||||
{
|
||||
type: "text", text: "Exclusive Access"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="The Art of the Vine"
|
||||
description="Exquisite vintages sourced from the finest estates, delivered with uncompromising grace."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Château Margaux 2015", price: "$890", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pomegranate-wine-blue-wall-drink-fruit-wine-sour-color-juice-bar-restaurant_179666-17547.jpg"},
|
||||
{
|
||||
id: "p2", name: "Opus One 2018", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/glass-wine-with-bottle-white-surface_114579-54878.jpg"},
|
||||
{
|
||||
id: "p3", name: "Sassicaia 2019", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/front-view-wine-glass-with-bottle-wine-dark-color-champagne-xmas-alcohol-drink_140725-93216.jpg"},
|
||||
{
|
||||
id: "p4", name: "Dom Pérignon 2012", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157449.jpg"},
|
||||
{
|
||||
id: "p5", name: "Penfolds Grange 2017", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/sake-japanese-beverage-still-life_23-2150379011.jpg"},
|
||||
{
|
||||
id: "p6", name: "Cloudy Bay Sauvignon", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wine-carafe-table_23-2149631800.jpg"},
|
||||
]}
|
||||
title="The Vintage Cellar"
|
||||
description="Our handpicked selection of exceptional wines."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Our Legacy"
|
||||
description="Cultivating elegance through decades of viticultural tradition."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Heritage in a Glass"
|
||||
description="For over three decades, we have been dedicated to connecting wine enthusiasts with the most authentic expressions of viticulture. We don't just sell bottles; we preserve history."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-couple-celebrating-valentine-s-day-while-having-lunch-wine-together_23-2149216148.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
features={[
|
||||
{ title: "Sustainable Farming", description: "Honoring the earth.", imageSrc: "" },
|
||||
{ title: "Aged to Perfection", description: "Patience in every bottle.", imageSrc: "" },
|
||||
{ title: "Global Sourcing", description: "The best of the world.", imageSrc: "" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahwines", testimonial: "Exquisite service, fast shipping.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-holding-glass_23-2149428773.jpg?_wi=2"},
|
||||
{
|
||||
id: "t2", name: "David K.", handle: "@dk_vintages", testimonial: "The best selection in the city.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149306398.jpg?_wi=2"},
|
||||
{
|
||||
id: "t3", name: "Emily R.", handle: "@emilytastes", testimonial: "Beautifully aged bottles, great notes.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg?_wi=2"},
|
||||
{
|
||||
id: "t4", name: "Mark L.", handle: "@mark_vino", testimonial: "Incredible knowledge and advice.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144389.jpg?_wi=2"},
|
||||
{
|
||||
id: "t5", name: "Anna P.", handle: "@annap_somm", testimonial: "A true treasure trove of wines.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-drinking-wine_23-2148060456.jpg?_wi=2"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Curated by Connoisseurs"
|
||||
description="Voices from our community of wine enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Exclusive Selections"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Inquire"
|
||||
title="Join the Cellar Club"
|
||||
description="Receive exclusive offers and invitations to private tasting events."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wine-cellar_181624-1264.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Private Collection Membership"
|
||||
plans={[]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Wines", href: "#products"},
|
||||
{
|
||||
label: "Rare Vintages", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Events", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="VinoBoutique"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Our Impact"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
metrics={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="Our Sommeliers"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
members={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Refined Opinions"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
testimonials={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Common Queries"
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
faqs={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
title="Become a Patron"
|
||||
description="Receive invitations to private tastings and exclusive bottle drops."
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
names={["Château d'Yquem", "Penfolds", "Opus One", "Sassicaia", "Dom Pérignon"]}
|
||||
title="Partnered Estates"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="VinoBoutique"
|
||||
columns={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user