86 lines
4.3 KiB
TypeScript
86 lines
4.3 KiB
TypeScript
'use client';
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
const navItems = [{ name: "Home", id: "/" }];
|
|
|
|
export default function Home() {
|
|
return (
|
|
<ThemeProvider>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="Enoteca L'Angolo Di Vino" />
|
|
</div>
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Boutique Italian Wine Experience"
|
|
description="Discover curated premium Italian wines, expert sommelier advice, and unique tasting experiences."
|
|
background={{ variant: "gradient-bars" }}
|
|
leftCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1510812431401-41d6bd2522f3", imageAlt: "Wine tasting" }]}
|
|
rightCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1553361371-9b22f780351d", imageAlt: "Wine cellar" }]}
|
|
/>
|
|
</div>
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
names={["Decanter", "Wine Spectator", "Gambero Rosso", "Vinous"]}
|
|
title="Recognized Excellence"
|
|
description="Our selection is curated based on rigorous quality standards and critic acclaim."
|
|
textboxLayout="default"
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Our Story"
|
|
description={["Enoteca L'Angolo Di Vino was born from a passion for the rich viticultural heritage of Italy. We connect connoisseurs with authentic winemakers.", "Every bottle we offer is hand-selected to ensure your experience is nothing short of exceptional."]}
|
|
/>
|
|
</div>
|
|
<div id="signature" data-section="signature">
|
|
<FeatureCardSeven
|
|
title="The Sommelier Signature"
|
|
description="Expert-curated collections tailored to your palate."
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
features={[
|
|
{ title: "Private Tastings", description: "Exclusive events hosted by our head sommelier.", imageSrc: "https://images.unsplash.com/photo-1586947118602-0e3639433433" },
|
|
{ title: "Cellar Consultations", description: "Professional guidance for building your personal wine collection.", imageSrc: "https://images.unsplash.com/photo-1542353438-a15d74261763" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
title="Curated Selections"
|
|
description="From bold reds to crisp whites, explore our current favorites."
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
products={[
|
|
{ id: "1", name: "Amarone della Valpolicella", price: "$85", imageSrc: "https://images.unsplash.com/photo-1506377247377-2a5b3b414ebb" },
|
|
{ id: "2", name: "Barolo Riserva", price: "$120", imageSrc: "https://images.unsplash.com/photo-1571003123894-1f0294d2b56d" },
|
|
{ id: "3", name: "Vermentino di Gallura", price: "$45", imageSrc: "https://images.unsplash.com/photo-1594971206126-787137f893d2" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to explore your next favorite bottle? Reach out for a consultation."
|
|
background={{ variant: "radial-gradient" }}
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Enoteca L'Angolo Di Vino"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Contact", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|