Merge version_1 into main #1
436
src/app/page.tsx
436
src/app/page.tsx
@@ -15,322 +15,146 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "O nama",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Iskustvo",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Meni",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Utisci",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Rezervacija",
|
||||
id: "reservation",
|
||||
},
|
||||
]}
|
||||
brandName="ZIEGEL"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "O nama", id: "about" },
|
||||
{ name: "Iskustvo", id: "experience" },
|
||||
{ name: "Meni", id: "menu" },
|
||||
{ name: "Utisci", id: "reviews" },
|
||||
{ name: "Rezervacija", id: "reservation" }
|
||||
]}
|
||||
brandName="ZIEGEL"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Gde tradicija susreće eleganciju"
|
||||
description="Doživite kulinarsku umetnost u srcu Beograda."
|
||||
tag="FINE DINING · BELGRADE"
|
||||
buttons={[
|
||||
{
|
||||
text: "Rezervišite Sto",
|
||||
href: "#reservation",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/appetizer-served-with-cucumber-sauce-wine_140725-7763.jpg",
|
||||
imageAlt: "Ziegel Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",
|
||||
imageAlt: "Ziegel Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-dish-with-glass-wine-table-meat-meal-food_140725-28163.jpg",
|
||||
imageAlt: "A top view fried meat dish with glass of wine on the table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-chicken-with-baked-potatoes-wooden-board-glass-red-wine-table_140725-12806.jpg",
|
||||
imageAlt: "Side view of fried chicken with baked potatoes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-plate-with-meat-rolls-chicken-drumstick-served-with-pear_140725-7978.jpg",
|
||||
imageAlt: "Meat plate with meat rolls and chicken drumstick",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Izvrsno ocenjeno"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Gde tradicija susreće eleganciju"
|
||||
description="Doživite kulinarsku umetnost u srcu Beograda."
|
||||
tag="FINE DINING · BELGRADE"
|
||||
buttons={[{ text: "Rezervišite Sto", href: "#reservation" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/appetizer-served-with-cucumber-sauce-wine_140725-7763.jpg", imageAlt: "Ziegel Atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg", imageAlt: "Ziegel Atmosphere" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Izvrsno ocenjeno"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Naša Priča"
|
||||
description="Ziegel Restaurant spaja industrijsku eleganciju sa toplinom domaćeg gostoprimstva. Od jutarnje kafe do večernjeg fine dining-a, svaki detalj je pažljivo osmišljen."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Godina Iskustva",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Kreiranih Jela",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gourmet-cuisine-experts-with-modern-tablet-searching-dinner-service-dish-ideas-internet-professional-chefs-with-handheld-touchscreen-device-preparing-ingredients-evening-dinner-service_482257-41997.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Naša Priča"
|
||||
description="Ziegel Restaurant spaja industrijsku eleganciju sa toplinom domaćeg gostoprimstva. Od jutarnje kafe do večernjeg fine dining-a, svaki detalj je pažljivo osmišljen."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Godina Iskustva" },
|
||||
{ value: "500+", title: "Kreiranih Jela" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gourmet-cuisine-experts-with-modern-tablet-searching-dinner-service-dish-ideas-internet-professional-chefs-with-handheld-touchscreen-device-preparing-ingredients-evening-dinner-service_482257-41997.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "◇",
|
||||
title: "Kulinarska Umetnost",
|
||||
items: [
|
||||
"Sveži sastojci",
|
||||
"Masterchef priprema",
|
||||
"Autentični ukusi",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "◈",
|
||||
title: "Izuzetna Usluga",
|
||||
items: [
|
||||
"Personalizovana pažnja",
|
||||
"Profesionalizam",
|
||||
"Anticipacija potreba",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "◆",
|
||||
title: "Ambijent",
|
||||
items: [
|
||||
"Intimno osvetljenje",
|
||||
"Selektovana muzika",
|
||||
"Sophisticiran dizajn",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Filozofija Iskustva"
|
||||
description="Tri stuba na kojima gradimo vrhunsku uslugu."
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "◇", title: "Kulinarska Umetnost", items: ["Sveži sastojci", "Masterchef priprema", "Autentični ukusi"] },
|
||||
{ id: "m2", value: "◈", title: "Izuzetna Usluga", items: ["Personalizovana pažnja", "Profesionalizam", "Anticipacija potreba"] },
|
||||
{ id: "m3", value: "◆", title: "Ambijent", items: ["Intimno osvetljenje", "Selektovana muzika", "Sophisticiran dizajn"] }
|
||||
]}
|
||||
title="Filozofija Iskustva"
|
||||
description="Tri stuba na kojima gradimo vrhunsku uslugu."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Tartar od Tunjevine",
|
||||
price: "1.400 RSD",
|
||||
variant: "Predjelo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-embracing-with-woman-restaurant_23-2148016783.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Krem Supa od Bundeve",
|
||||
price: "890 RSD",
|
||||
variant: "Predjelo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728004.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Bifštek Ziegel",
|
||||
price: "3.200 RSD",
|
||||
variant: "Glavno Jelo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fork-near-plate-with-twig_23-2147811260.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pačija Prsa",
|
||||
price: "2.800 RSD",
|
||||
variant: "Glavno Jelo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-chefs-team-acting-funny-with-knives-restaurant-kitchen-making-joke-about-professional-cuisine-service-cheerful-man-woman-working-gourmet-meal-dish-with-culinary-recipe_482257-43535.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Degustacioni Meni",
|
||||
price: "5.500 RSD",
|
||||
variant: "Specijalitet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-meal-inside-white-plate-along-with-red-wine-table-food-meal-restaurant_140725-28131.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Čokoladni Sufle",
|
||||
price: "950 RSD",
|
||||
variant: "Desert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-smelling-dish-after-cooking_329181-16139.jpg",
|
||||
},
|
||||
]}
|
||||
title="Sezonski Meni"
|
||||
description="Pažljivo selektovan izbor za istinske gurmane."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Tartar od Tunjevine", price: "1.400 RSD", variant: "Predjelo", imageSrc: "http://img.b2bpic.net/free-photo/man-embracing-with-woman-restaurant_23-2148016783.jpg" },
|
||||
{ id: "p2", name: "Krem Supa od Bundeve", price: "890 RSD", variant: "Predjelo", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728004.jpg" },
|
||||
{ id: "p3", name: "Bifštek Ziegel", price: "3.200 RSD", variant: "Glavno Jelo", imageSrc: "http://img.b2bpic.net/free-photo/fork-near-plate-with-twig_23-2147811260.jpg" }
|
||||
]}
|
||||
title="Sezonski Meni"
|
||||
description="Pažljivo selektovan izbor za istinske gurmane."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Emilija Z.",
|
||||
role: "Gost",
|
||||
company: "Ziegel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-enjoying-drinks-with-her-friend_23-2147859675.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tihon T.",
|
||||
role: "Gost",
|
||||
company: "Ziegel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie_1298-359.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Zorana Ž.",
|
||||
role: "Gost",
|
||||
company: "Ziegel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Miloš P.",
|
||||
role: "Gost",
|
||||
company: "Ziegel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517446.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ana K.",
|
||||
role: "Gost",
|
||||
company: "Ziegel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.7",
|
||||
label: "Prosečna Ocena",
|
||||
},
|
||||
{
|
||||
value: "241",
|
||||
label: "Recenzija",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Posvećenost",
|
||||
},
|
||||
]}
|
||||
title="Šta kažu naši gosti"
|
||||
description="Uživamo u kreiranju nezaboravnih trenutaka."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Emilija Z.", role: "Gost", company: "Ziegel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-enjoying-drinks-with-her-friend_23-2147859675.jpg" },
|
||||
{ id: "2", name: "Tihon T.", role: "Gost", company: "Ziegel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie_1298-359.jpg" },
|
||||
{ id: "3", name: "Zorana Ž.", role: "Gost", company: "Ziegel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.7", label: "Prosečna Ocena" },
|
||||
{ value: "241", label: "Recenzija" },
|
||||
{ value: "100%", label: "Posvećenost" }
|
||||
]}
|
||||
title="Šta kažu naši gosti"
|
||||
description="Uživamo u kreiranju nezaboravnih trenutaka."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Da li je potrebna rezervacija?",
|
||||
content: "Preporučujemo rezervaciju unapred, naročito za vikende.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Radno vreme kuhinje?",
|
||||
content: "Fine dining meni je dostupan od 18:00h do zatvaranja.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Da li imate veganske opcije?",
|
||||
content: "Da, naš meni uključuje izbor vegetarijanskih i veganskih jela.",
|
||||
},
|
||||
]}
|
||||
title="Česta pitanja"
|
||||
description="Informacije koje vam mogu biti korisne."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Da li je potrebna rezervacija?", content: "Preporučujemo rezervaciju unapred, naročito za vikende." },
|
||||
{ id: "f2", title: "Radno vreme kuhinje?", content: "Fine dining meni je dostupan od 18:00h do zatvaranja." },
|
||||
{ id: "f3", title: "Da li imate veganske opcije?", content: "Da, naš meni uključuje izbor vegetarijanskih i veganskih jela." }
|
||||
]}
|
||||
title="Česta pitanja"
|
||||
description="Informacije koje vam mogu biti korisne."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Spremni za kulinarsko putovanje? Rezervišite svoj sto u Ziegelu i doživite magiju beogradskog fine dininga. Pozovite nas na +381 61 236 3636 ili nam pišite na info@ziegel.rs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Pošaljite Zahtev",
|
||||
href: "mailto:info@ziegel.rs",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Spremni za kulinarsko putovanje? Rezervišite svoj sto u Ziegelu i doživite magiju beogradskog fine dininga."
|
||||
buttons={[{ text: "Pošaljite Zahtev", href: "mailto:info@ziegel.rs" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ZIEGEL"
|
||||
leftLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com/lokal.36",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Facebook",
|
||||
href: "https://facebook.com/lokal.36",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ZIEGEL"
|
||||
leftLink={{ text: "Instagram", href: "https://instagram.com/lokal.36" }}
|
||||
rightLink={{ text: "Facebook", href: "https://facebook.com/lokal.36" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user