Merge version_1 into main #1
428
src/app/page.tsx
428
src/app/page.tsx
@@ -28,319 +28,139 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Početna",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "O nama",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Meni",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Tomina Koliba"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Početna", id: "hero" },
|
||||
{ name: "O nama", id: "about" },
|
||||
{ name: "Meni", id: "products" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Tomina Koliba"
|
||||
button={{ text: "Rezervišite", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Tomina Koliba"
|
||||
description="Doživite autentične ukuse Srbije u srcu Kraljeva. Tradicija, gostoprimstvo i najbolja domaća kuhinja."
|
||||
buttons={[
|
||||
{
|
||||
text: "Rezervišite sto",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Tomina Koliba"
|
||||
description="Doživite autentične ukuse Srbije u srcu Kraljeva. Tradicija, gostoprimstvo i najbolja domaća kuhinja."
|
||||
buttons={[{ text: "Rezervišite sto", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Naša Priča"
|
||||
description="Tomina Koliba je osnovana sa željom da sačuva tradicionalne srpske recepte i gostoprimstvo. Kod nas svaki gost postaje prijatelj, a svako jelo priča priču o našem kraju."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-holding-food-bowl_23-2148625970.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Naša Priča"
|
||||
description="Tomina Koliba je osnovana sa željom da sačuva tradicionalne srpske recepte i gostoprimstvo. Kod nas svaki gost postaje prijatelj, a svako jelo priča priču o našem kraju."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-holding-food-bowl_23-2148625970.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Domaći proizvodi",
|
||||
description: "Svi naši sastojci potiču od lokalnih proizvođača iz Kraljeva i okoline.",
|
||||
tag: "Sveže",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028609.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Tradicionalni ambijent",
|
||||
description: "Uživajte u toplini ognjišta i drvenom enterijeru našeg restorana.",
|
||||
tag: "Ambijent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-african-american-woman-trendy-coloured-outfit-with-red-beret-chilling-cozy-cafe-with-many-lamps_627829-5835.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Prijateljska usluga",
|
||||
description: "Naše osoblje dočekuje svakog gosta sa osmehom i toplinom doma.",
|
||||
tag: "Usluga",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-terrace-outdoor-against-christmas-decoration-new-year-eve_627829-5684.jpg",
|
||||
},
|
||||
]}
|
||||
title="Zašto odabrati Tominu Kolibu?"
|
||||
description="Doživite pravi duh srpske tradicije."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Domaći proizvodi", description: "Svi naši sastojci potiču od lokalnih proizvođača iz Kraljeva i okoline.", tag: "Sveže", imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028609.jpg" },
|
||||
{ id: "f2", title: "Tradicionalni ambijent", description: "Uživajte u toplini ognjišta i drvenom enterijeru našeg restorana.", tag: "Ambijent", imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-african-american-woman-trendy-coloured-outfit-with-red-beret-chilling-cozy-cafe-with-many-lamps_627829-5835.jpg" },
|
||||
{ id: "f3", title: "Prijateljska usluga", description: "Naše osoblje dočekuje svakog gosta sa osmehom i toplinom doma.", tag: "Usluga", imageSrc: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-terrace-outdoor-against-christmas-decoration-new-year-eve_627829-5684.jpg" },
|
||||
]}
|
||||
title="Zašto odabrati Tominu Kolibu?"
|
||||
description="Doživite pravi duh srpske tradicije."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Sarma",
|
||||
price: "850 RSD",
|
||||
variant: "Glavno jelo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-meal-rolled-with-cabbage-tomatoes-called-dolma-with-oil-dark-blue-desk_140725-58506.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Domaća proja sa kajmakom",
|
||||
price: "450 RSD",
|
||||
variant: "Predjelo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arepas-basket-with-sauce_23-2148742417.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pečeno jagnje",
|
||||
price: "1400 RSD",
|
||||
variant: "Glavno jelo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-vegetables-fruits-table_140725-4107.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Domaća rakija",
|
||||
price: "250 RSD",
|
||||
variant: "Piće",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-juice-garden-plums-wooden-table_114579-62130.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Baklava",
|
||||
price: "300 RSD",
|
||||
variant: "Desert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkish-pakhlava-with-pistacios-served-with-black-tea_140725-605.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Teleća čorba",
|
||||
price: "400 RSD",
|
||||
variant: "Predjelo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-eats-lowcalorie-vegetable-soup_169016-40088.jpg",
|
||||
},
|
||||
]}
|
||||
title="Naš Meni"
|
||||
description="Istražite bogatu ponudu tradicionalnih jela."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Sarma", price: "850 RSD", variant: "Glavno jelo", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-meal-rolled-with-cabbage-tomatoes-called-dolma-with-oil-dark-blue-desk_140725-58506.jpg" },
|
||||
{ id: "p2", name: "Domaća proja sa kajmakom", price: "450 RSD", variant: "Predjelo", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arepas-basket-with-sauce_23-2148742417.jpg" },
|
||||
{ id: "p3", name: "Pečeno jagnje", price: "1400 RSD", variant: "Glavno jelo", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-vegetables-fruits-table_140725-4107.jpg" },
|
||||
{ id: "p4", name: "Domaća rakija", price: "250 RSD", variant: "Piće", imageSrc: "http://img.b2bpic.net/free-photo/glass-juice-garden-plums-wooden-table_114579-62130.jpg" },
|
||||
{ id: "p5", name: "Baklava", price: "300 RSD", variant: "Desert", imageSrc: "http://img.b2bpic.net/free-photo/turkish-pakhlava-with-pistacios-served-with-black-tea_140725-605.jpg" },
|
||||
{ id: "p6", name: "Teleća čorba", price: "400 RSD", variant: "Predjelo", imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-eats-lowcalorie-vegetable-soup_169016-40088.jpg" },
|
||||
]}
|
||||
title="Naš Meni"
|
||||
description="Istražite bogatu ponudu tradicionalnih jela."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Godina iskustva",
|
||||
items: [
|
||||
"Posvećeni tradiciji",
|
||||
"Stotine zadovoljnih gostiju",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Domaćih recepata",
|
||||
items: [
|
||||
"Originalne recepture",
|
||||
"Bez aditiva",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Sveži sastojci",
|
||||
items: [
|
||||
"Domaći proizvodi",
|
||||
"Lokalni proizvođači",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Rezultati tradicije"
|
||||
description="Brojke koje govore o našem kvalitetu."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Godina iskustva", items: ["Posvećeni tradiciji", "Stotine zadovoljnih gostiju"] },
|
||||
{ id: "m2", value: "50+", title: "Domaćih recepata", items: ["Originalne recepture", "Bez aditiva"] },
|
||||
{ id: "m3", value: "100%", title: "Sveži sastojci", items: ["Domaći proizvodi", "Lokalni proizvođači"] },
|
||||
]}
|
||||
title="Rezultati tradicije"
|
||||
description="Brojke koje govore o našem kvalitetu."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marko J.",
|
||||
handle: "@markoj",
|
||||
testimonial: "Najbolja sarma koju sam jeo u životu! Ambijent je za svaku pohvalu.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-bar_23-2147680953.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jelena P.",
|
||||
handle: "@jelenap",
|
||||
testimonial: "Divno mesto, veoma prijatno osoblje i autentična hrana.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customer_1170-650.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Nikola S.",
|
||||
handle: "@nikolas",
|
||||
testimonial: "Vraćam se ovde svaki put kada prolazim kroz Kraljevo.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-teenagers-practicing-health-wellness-activities-themselves-their-community_23-2151416177.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ana M.",
|
||||
handle: "@anam",
|
||||
testimonial: "Tomina Koliba je pravo osveženje. Tradicionalno, a opet moderno.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Dragan V.",
|
||||
handle: "@draganv",
|
||||
testimonial: "Porodični ručak je bio savršen. Hvala vam na gostoprimstvu.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-man-putting-roasted-chicken-festive-table_23-2147973656.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Šta naši gosti kažu"
|
||||
description="Iskustva onih koji se uvek vraćaju."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Marko J.", handle: "@markoj", testimonial: "Najbolja sarma koju sam jeo u životu! Ambijent je za svaku pohvalu.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-bar_23-2147680953.jpg" },
|
||||
{ id: "t2", name: "Jelena P.", handle: "@jelenap", testimonial: "Divno mesto, veoma prijatno osoblje i autentična hrana.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customer_1170-650.jpg" },
|
||||
{ id: "t3", name: "Nikola S.", handle: "@nikolas", testimonial: "Vraćam se ovde svaki put kada prolazim kroz Kraljevo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/diverse-teenagers-practicing-health-wellness-activities-themselves-their-community_23-2151416177.jpg" },
|
||||
{ id: "t4", name: "Ana M.", handle: "@anam", testimonial: "Tomina Koliba je pravo osveženje. Tradicionalno, a opet moderno.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg" },
|
||||
{ id: "t5", name: "Dragan V.", handle: "@draganv", testimonial: "Porodični ručak je bio savršen. Hvala vam na gostoprimstvu.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/old-man-putting-roasted-chicken-festive-table_23-2147973656.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Šta naši gosti kažu"
|
||||
description="Iskustva onih koji se uvek vraćaju."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Da li je potrebna rezervacija?",
|
||||
content: "Preporučujemo rezervaciju vikendom, mada vas rado primamo i bez nje.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Da li imate vegetarijanska jela?",
|
||||
content: "Da, imamo širok izbor jela bez mesa po našim tradicionalnim receptima.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Radno vreme?",
|
||||
content: "Radimo svakog dana od 09:00 do 23:00 časa.",
|
||||
},
|
||||
]}
|
||||
title="Često postavljena pitanja"
|
||||
description="Saznajte više o našem radu."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Da li je potrebna rezervacija?", content: "Preporučujemo rezervaciju vikendom, mada vas rado primamo i bez nje." },
|
||||
{ id: "q2", title: "Da li imate vegetarijanska jela?", content: "Da, imamo širok izbor jela bez mesa po našim tradicionalnim receptima." },
|
||||
{ id: "q3", title: "Radno vreme?", content: "Radimo svakog dana od 09:00 do 23:00 časa." },
|
||||
]}
|
||||
title="Često postavljena pitanja"
|
||||
description="Saznajte više o našem radu."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Spremni za pravi užitak? Rezervišite svoj sto ili nas posetite još danas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Pozovite nas",
|
||||
href: "tel:+38136000000",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Spremni za pravi užitak? Rezervišite svoj sto ili nas posetite još danas."
|
||||
buttons={[{ text: "Pozovite nas", href: "tel:+38136000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/virginia-flag-heart-banner_187299-34610.jpg"
|
||||
logoText="Tomina Koliba"
|
||||
columns={[
|
||||
{
|
||||
title: "Meni",
|
||||
items: [
|
||||
{
|
||||
label: "Glavna jela",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Predjela",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Pića",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "O nama",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Rezervacije",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | Tomina Koliba Kraljevo"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/virginia-flag-heart-banner_187299-34610.jpg"
|
||||
logoText="Tomina Koliba"
|
||||
columns={[
|
||||
{ title: "Meni", items: [{ label: "Glavna jela", href: "#products" }, { label: "Predjela", href: "#products" }, { label: "Pića", href: "#products" }] },
|
||||
{ title: "Info", items: [{ label: "O nama", href: "#about" }, { label: "Kontakt", href: "#contact" }, { label: "Rezervacije", href: "#contact" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | Tomina Koliba Kraljevo"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user