Update src/app/page.tsx

This commit is contained in:
2026-04-08 14:24:40 +00:00
parent 3d42bee90e
commit 8df63e798e

View File

@@ -1,6 +1,6 @@
'use client';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
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';
@@ -10,112 +10,76 @@ 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: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
];
const navItems = [{ name: "Home", id: "/" }];
export default function HomePage() {
export default function Home() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="Enoteca L'Angolo" />
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="Enoteca L'Angolo Di Vino" />
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
<HeroSplitDoubleCarousel
title="Boutique Italian Wine Experience"
description="Discover curated premium Italian wines, expert sommelier advice, and unique tasting experiences."
background={{ variant: "gradient-bars" }}
title="Discover the Art of Wine — Curated, Personal, Unforgettable"
description="A refined enoteca experience where every bottle tells a story, and every guest is treated like family."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg", imageAlt: "Pouring wine" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg", imageAlt: "Pouring wine" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg", imageAlt: "Pouring wine" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg", imageAlt: "Pouring wine" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg", imageAlt: "Pouring wine" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg", imageAlt: "Wine cellar" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg", imageAlt: "Wine cellar" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg", imageAlt: "Wine cellar" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg", imageAlt: "Wine cellar" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg", imageAlt: "Wine cellar" }
]}
buttons={[{ text: "Book a Tasting", href: "#contact" }, { text: "Explore Selection", href: "#menu" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg", alt: "Expert Sommelier" },
{ src: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg", alt: "Satisfied Guest" },
{ src: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg", alt: "Wine Enthusiast" },
{ src: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg", alt: "Event Organizer" },
{ src: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg", alt: "Local Patron" }
]}
avatarText="Trusted by 500+ connoisseurs"
marqueeItems={[{ type: "text", text: "CHIANTI CLASSICO" }, { type: "text", text: "BAROLO RESERVE" }, { type: "text", text: "ITALIAN HERITAGE" }, { type: "text", text: "ARTISAN SELECTION" }, { type: "text", text: "PREMIUM CELLAR" }]}
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={["TheFork Top Rated", "Wine Enthusiast Guide", "Italian Heritage Award", "Sommelier Choice", "City Best Selection"]}
title="Loved by Wine Enthusiasts"
description="Top-rated enoteca experience with authentic Italian flair."
<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"
useInvertedBackground={true}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
title="More Than a Wine Shop — A Passion"
description={["At Enoteca LAngolo Di Vino, we believe wine is not just a drink — its an experience.", "Every bottle is carefully selected, every recommendation tailored, and every visit designed to feel personal, warm, and unforgettable.", "Hand-selected wines, expert guidance, and an authentic Italian experience awaits you."]}
useInvertedBackground={false}
<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
<FeatureCardSeven
title="The Sommelier Signature"
description="Expert-curated collections tailored to your palate."
animationType="slide-up"
textboxLayout="default"
title="Our Signature Experiences"
description="Wine tailored to your palate and occasion."
features={[{ title: "Curated Wines", description: "Discover a refined selection of premium Italian and international wines.", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-green-grapes_23-2151566083.jpg", imageAlt: "Premium wine" }, { title: "Tastings & Pairings", description: "Experience wine the way its meant to be enjoyed — with perfect pairings.", imageSrc: "http://img.b2bpic.net/free-photo/glass-wine-near-tartines_23-2147749509.jpg", imageAlt: "Wine pairing" }, { title: "Gift & Custom Boxes", description: "Elegant wine gifts crafted to impress friends, family, and clients.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-books-arrangement-table_23-2149891191.jpg", imageAlt: "Wine gift" }]}
useInvertedBackground={true}
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
<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"
gridVariant="uniform-all-items-equal"
title="Explore Our Selection"
description="Discover our curated collection by region and variety."
products={[{ id: "1", name: "Chianti Classico", price: "From €25", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-green-grapes_23-2151566083.jpg" }, { id: "2", name: "Barolo Reserva", price: "From €45", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-green-grapes_23-2151566083.jpg" }, { id: "3", name: "Pinot Grigio", price: "From €18", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-green-grapes_23-2151566083.jpg" }, { id: "4", name: "Prosecco DOC", price: "From €22", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-green-grapes_23-2151566083.jpg" }, { id: "5", name: "Brunello Selection", price: "From €55", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-green-grapes_23-2151566083.jpg" }, { id: "6", name: "Amarone Classico", price: "From €60", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-green-grapes_23-2151566083.jpg" }]}
useInvertedBackground={false}
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 experience something exceptional? Visit us for a tasting, discover new favorites, or reserve a table for your next evening in town."
background={{ variant: "rotated-rays-static" }}
buttons={[{ text: "Reserve a Table", href: "#" }, { text: "WhatsApp Us", href: "https://wa.me/123456789" }]}
useInvertedBackground={true}
<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"
<FooterLogoReveal
logoText="Enoteca L'Angolo Di Vino"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact Us", href: "#contact" }}
rightLink={{ text: "Contact", href: "#" }}
/>
</div>
</ThemeProvider>
);
}
}