334 lines
13 KiB
TypeScript
334 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import { FileText, Heart, Leaf } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="smallMedium"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="blurBottom"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Rólunk",
|
||
id: "#about",
|
||
},
|
||
{
|
||
name: "Étlap",
|
||
id: "#menu-highlights",
|
||
},
|
||
{
|
||
name: "Vélemények",
|
||
id: "#testimonials",
|
||
},
|
||
{
|
||
name: "Foglalás",
|
||
id: "#contact",
|
||
},
|
||
]}
|
||
brandName="Trattoria Toscana"
|
||
button={{
|
||
text: "Asztalt foglalok",
|
||
href: "#contact",
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlayTestimonial
|
||
title="Az autentikus Toszkána Budapest szívében"
|
||
description="Tengeri tészták, parázson sült pizzák és toszkán borok — 1056 Budapest"
|
||
testimonials={[
|
||
{
|
||
name: "Dominika R.",
|
||
handle: "@dominika_r",
|
||
testimonial: "Minden tökéletes volt. A gluténmentes kenyér különösen meglepett! Valódi gasztronómiai élmény!",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg?_wi=1",
|
||
imageAlt: "luxury Italian restaurant dark interior candlelight",
|
||
},
|
||
{
|
||
name: "Péter K.",
|
||
handle: "@peterk",
|
||
testimonial: "Az ételek kifogástalanok voltak, a hangulat pedig magával ragadó. Valódi olasz élmény!",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-outdoor-living-space-with-comfortable-sofa_23-2152008212.jpg?_wi=1",
|
||
imageAlt: "luxury Italian restaurant dark interior candlelight",
|
||
},
|
||
{
|
||
name: "Anna V.",
|
||
handle: "@annav",
|
||
testimonial: "A tészta pont olyan volt, mint nagymamámé Olaszországban. Visszatérünk!",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pasta-parchment-near-ingredients_23-2147849802.jpg?_wi=1",
|
||
imageAlt: "luxury Italian restaurant dark interior candlelight",
|
||
},
|
||
{
|
||
name: "Gábor F.",
|
||
handle: "@gaborf",
|
||
testimonial: "Kiemelkedő borválaszték és hibátlan kiszolgálás. Egy estére Toszkánában éreztük magunkat.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/brownie-with-cream-mandarin-slices_114579-3530.jpg?_wi=1",
|
||
imageAlt: "luxury Italian restaurant dark interior candlelight",
|
||
},
|
||
{
|
||
name: "Eszter N.",
|
||
handle: "@esztern",
|
||
testimonial: "A desszertek mennyei finomak, a tiramisu pedig különösen emlékezetes volt.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-fruits-light-table-biscuit-sweet-cake-dessert_140725-81788.jpg?_wi=1",
|
||
imageAlt: "luxury Italian restaurant dark interior candlelight",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Asztalt foglalok",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg?_wi=2"
|
||
imageAlt="Cinematic dark restaurant interior with candlelight and grain overlay"
|
||
showDimOverlay={true}
|
||
showBlur={false}
|
||
textPosition="bottom"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-stunning-woman-with-red-lips-elegant-make-up-wearing-glamour-black-dress-posing-white-background-evening-event_291049-2865.jpg",
|
||
alt: "Elegant smiling woman",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
|
||
alt: "Smiling professional man",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/closeup-attractive-young-caucasian-brunette-woman-sweatshirt-smiles-broadly-with-teeth-purple-background-beauty-emotions-people-concept_197531-31659.jpg",
|
||
alt: "Happy young woman",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/face-young-caucasian-man-looking-up-pensive-making-choice-thinking-pondering-while-standing-ov_1258-153364.jpg",
|
||
alt: "Thoughtful man",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-jolly-man-home-feeling-happy-grateful-life_482257-123005.jpg",
|
||
alt: "Smiling diverse person",
|
||
},
|
||
]}
|
||
avatarText="+1200 elégedett vendég"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="A mi történetünk"
|
||
description="Téglaboltívek, kézzel készített tészták és a toszkán napsütés illata — mindez Budapest szívében, a Duna-parton. Éttermünk a hagyományt és a minőséget ötvözi a modern gasztronómia elvárásaival."
|
||
bulletPoints={[
|
||
{
|
||
title: "Hagyományos Receptek",
|
||
description: "Hűen követjük az évszázados toszkán konyha titkait és ízeit.",
|
||
icon: FileText,
|
||
},
|
||
{
|
||
title: "Friss Alapanyagok",
|
||
description: "Csak a legjobb minőségű, gondosan válogatott összetevők kerülnek az asztalra.",
|
||
icon: Leaf,
|
||
},
|
||
{
|
||
title: "Meleg Vendéglátás",
|
||
description: "Célunk, hogy minden vendég otthon érezze magát, akárcsak Olaszországban.",
|
||
icon: Heart,
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-outdoor-living-space-with-comfortable-sofa_23-2152008212.jpg?_wi=2"
|
||
imageAlt="Rustic Italian restaurant interior with brick arches and warm lighting"
|
||
mediaAnimation="entrance-slide"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentyOne
|
||
useInvertedBackground={true}
|
||
title="Mi tesz minket különlegessé?"
|
||
description="Büszkék vagyunk hagyományőrző konyhánkra, friss alapanyagainkra és a meleg vendéglátásra, amely elrepíti Önt Toszkánába. Fedezze fel egyedi ízvilágunkat!"
|
||
accordionItems={[
|
||
{
|
||
id: "1",
|
||
title: "Kézzel Készített Tészták",
|
||
content: "Minden reggel frissen gyúrjuk és formázzuk tésztáinkat, hogy az igazi olasz ízeket garantálhassuk, autentikus receptek alapján.",
|
||
},
|
||
{
|
||
id: "2",
|
||
title: "Parázson Sült Pizzák",
|
||
content: "Hagyományos fatüzelésű kemencénkben készülnek, ropogós tésztával és prémium feltétekkel, a nápolyi pizzaioló mesterek hagyományait követve.",
|
||
},
|
||
{
|
||
id: "3",
|
||
title: "Exkluzív Borválogatás",
|
||
content: "Toszkána legjobb pincészeteiből származó borokkal várjuk, melyek tökéletesen kiegészítik ételeinket, szakértő sommelier ajánlásával.",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/pasta-parchment-near-ingredients_23-2147849802.jpg?_wi=2"
|
||
imageAlt="Assortment of fresh Italian ingredients like olive oil, tomatoes, basil, and pasta"
|
||
mediaAnimation="entrance-slide"
|
||
mediaPosition="left"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu-highlights" data-section="menu-highlights">
|
||
<ProductCardOne
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "1",
|
||
name: "Tradicionális Tiramisu",
|
||
price: "3.200 Ft",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/brownie-with-cream-mandarin-slices_114579-3530.jpg?_wi=2",
|
||
imageAlt: "Traditional Tiramisu dessert",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Panna Cotta Erdeigyümölcs-öntettel",
|
||
price: "2.900 Ft",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-fruits-light-table-biscuit-sweet-cake-dessert_140725-81788.jpg?_wi=2",
|
||
imageAlt: "Panna Cotta with forest fruit sauce",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Pappa al Pomodoro",
|
||
price: "2.500 Ft",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-spiral-pasta-soup-delicious-meal-dark-blue-desk-soup-italian-pasta-dish-cuisine-color-sauce_140725-110274.jpg",
|
||
imageAlt: "Thick Tuscan tomato soup with rustic bread",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Margherita Pizza",
|
||
price: "3.800 Ft",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-tomatoes-dark-surface-food-pizza-meal-dough-italian_140725-101779.jpg",
|
||
imageAlt: "Wood-fired Margherita Pizza with fresh basil",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Tengeri Risotto",
|
||
price: "5.500 Ft",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg",
|
||
imageAlt: "Seafood Risotto with fresh ingredients",
|
||
},
|
||
{
|
||
id: "6",
|
||
name: "Bruschetta",
|
||
price: "1.800 Ft",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-view-appetizers-circle-wooden-plates-full-sliced-different-types-dried-meat-decorated-by-fresh-tomato-greens-served-table-dinner-party_8353-12387.jpg",
|
||
imageAlt: "Crispy Bruschetta with fresh Mediterranean toppings",
|
||
},
|
||
]}
|
||
title="Séfünk Ajánlatai"
|
||
description="Fedezze fel különleges fogásainkat, melyek Toszkána gazdag ízvilágát hozzák el Önnek. Minőségi alapanyagokból, szeretettel készítve."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={true}
|
||
testimonial="\"Minden tökéletes volt. A gluténmentes kenyér különösen meglepett! Egy felejthetetlen este volt a Trattoria Toscanában.\""
|
||
rating={5}
|
||
author="Dominika R."
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
|
||
alt: "Dominika R.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/bowtie-life-celebration-engagement-fashionable_1304-3405.jpg",
|
||
alt: "Rebeka H.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/handsome-caucasian-man-with-long-hair-wearing-casual-winter-sweater-looking-side-relax-profile-pose-with-natural-face-confident-smile_839833-10470.jpg",
|
||
alt: "Vendég",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/candid-shot-pensive-man-with-oval-face-has-serious-facial-expression-looks-up-keeps-fingers-chin_273609-8646.jpg",
|
||
alt: "Elégedett Vendég",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-wearing-sportswear-morning-park_93675-133003.jpg",
|
||
alt: "Ismeretlen Vendég",
|
||
},
|
||
]}
|
||
ratingAnimation="entrance-slide"
|
||
avatarsAnimation="entrance-slide"
|
||
ariaLabel="Amit vendégeink mondanak"
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Budapest Gasztro Blog",
|
||
"Gourmet Élet Magazin",
|
||
"Utazók Világa",
|
||
"Ínyencek Klubja",
|
||
"Fine Dining Guide",
|
||
"Magyar Kulináris Díj",
|
||
"Év Étterme Jelölt",
|
||
]}
|
||
title="Vendégeink Szeretnek Minket"
|
||
description="4,6 / 5 — 3402 Google értékelés alapján, és számos elismerés."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "radial-gradient",
|
||
}}
|
||
tag="Asztalfoglalás"
|
||
title="Foglaljon asztalt"
|
||
description="Várjuk Önt hétfőtől vasárnapig – nyitva estig.\nTelefon: (06 1) 327 0045\nCím: Budapest, Belgrád rkp. 13–15, 1056\nNyitvatartás: Hétfő-Vasárnap: 12:00 – 23:00\nWeb: toscana.hu"
|
||
buttons={[
|
||
{
|
||
text: "Foglalás most",
|
||
href: "#",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="La vera cucina toscana — Trattoria Toscana, Budapest"
|
||
copyrightText="© 2024 Trattoria Toscana. Minden jog fenntartva."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|