Merge version_1 into main #2
392
src/app/page.tsx
392
src/app/page.tsx
@@ -1,305 +1,105 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
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';
|
||||
import Link from 'next/link';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Enoteca L'Angolo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
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?_wi=1",
|
||||
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?_wi=2",
|
||||
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?_wi=3",
|
||||
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?_wi=4",
|
||||
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?_wi=5",
|
||||
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?_wi=6",
|
||||
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?_wi=7",
|
||||
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?_wi=8",
|
||||
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?_wi=9",
|
||||
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?_wi=10",
|
||||
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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="More Than a Wine Shop — A Passion"
|
||||
description={[
|
||||
"At Enoteca L’Angolo Di Vino, we believe wine is not just a drink — it’s 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.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="signature" data-section="signature">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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?_wi=1",
|
||||
imageAlt: "Premium wine",
|
||||
},
|
||||
{
|
||||
title: "Tastings & Pairings",
|
||||
description: "Experience wine the way it’s 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",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Experiences"
|
||||
description="Wine tailored to your palate and occasion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chianti Classico",
|
||||
price: "From €25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-green-grapes_23-2151566083.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Barolo Reserva",
|
||||
price: "From €45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-green-grapes_23-2151566083.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pinot Grigio",
|
||||
price: "From €18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-green-grapes_23-2151566083.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Prosecco DOC",
|
||||
price: "From €22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-green-grapes_23-2151566083.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Brunello Selection",
|
||||
price: "From €55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-green-grapes_23-2151566083.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Amarone Classico",
|
||||
price: "From €60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-green-grapes_23-2151566083.jpg?_wi=7",
|
||||
},
|
||||
]}
|
||||
title="Explore Our Selection"
|
||||
description="Discover our curated collection by region and variety."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Ready to experience something exceptional? Visit us for a tasting, discover new favorites, or reserve a table for your next evening in town."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/123456789",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Enoteca L'Angolo"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="Enoteca L'Angolo" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
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" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-wine-glass-table-decorated-christmas-new-year-eve-concept_132075-11254.jpg" }
|
||||
]}
|
||||
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" }]}
|
||||
/>
|
||||
</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."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="More Than a Wine Shop — A Passion"
|
||||
description={["At Enoteca L’Angolo Di Vino, we believe wine is not just a drink — it’s 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}
|
||||
/>
|
||||
</div>
|
||||
<div id="signature" data-section="signature">
|
||||
<FeatureCardSeven
|
||||
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" }, { title: "Tastings & Pairings", description: "Experience wine the way it’s meant to be enjoyed — with perfect pairings.", imageSrc: "http://img.b2bpic.net/free-photo/glass-wine-near-tartines_23-2147749509.jpg" }, { 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" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
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}
|
||||
/>
|
||||
</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}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Enoteca L'Angolo"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user