Merge version_1 into main #3
334
src/app/page.tsx
334
src/app/page.tsx
@@ -26,224 +26,138 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Naslovna", id: "hero"},
|
||||
{
|
||||
name: "O nama", id: "about"},
|
||||
{
|
||||
name: "Meni", id: "menu"},
|
||||
{
|
||||
name: "Rezervacije", id: "reservation"},
|
||||
]}
|
||||
brandName="Gradska kafana"
|
||||
button={{
|
||||
text: "Rezerviši", href: "#reservation"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Naslovna", id: "hero" },
|
||||
{ name: "O nama", id: "about" },
|
||||
{ name: "Meni", id: "menu" },
|
||||
{ name: "Rezervacije", id: "reservation" }
|
||||
]}
|
||||
brandName="Gradska kafana"
|
||||
button={{ text: "Rezerviši", href: "#reservation" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
title="Gradska kafana Zenica"
|
||||
description="Mjesto vrhunske atmosfere, odlične hrane i nezaboravnih trenutaka."
|
||||
buttons={[
|
||||
{
|
||||
text: "Rezerviši stol", href: "#reservation"},
|
||||
{
|
||||
text: "Pogledaj meni", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-date-side-view_23-2148422396.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg", alt: "Zadovoljan gost 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-elegant-calm-happy-woman-green-summer-dress-sits-with-coffee-cafe-enjoying-morning_343596-3669.jpg", alt: "Zadovoljan gost 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-leisure-lifestyle-concept-successful-young-man-black-hat-casual-t-shirt-having-coffee-sitting-sidewalk-restaurant_273609-1754.jpg", alt: "Zadovoljan gost 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-longhaired-brunette-woman-bright-beret-red-dress-smiles-widely-sits-beautiful-cafe-young-asian-lady-eyeglasses-holds-white-coffee-cup_197531-29276.jpg", alt: "Zadovoljan gost 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-taking-photos_23-2149250046.jpg", alt: "Zadovoljan gost 5"},
|
||||
]}
|
||||
avatarText="Preko 500+ zadovoljnih gostiju"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Autentičan ambijent"},
|
||||
{
|
||||
type: "text", text: "Vrhunska kafa"},
|
||||
{
|
||||
type: "text", text: "Domaća hrana"},
|
||||
{
|
||||
type: "text", text: "Prijatno osoblje"},
|
||||
{
|
||||
type: "text", text: "Gradski duh"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Gradska kafana Zenica"
|
||||
description="Mjesto vrhunske atmosfere, odlične hrane i nezaboravnih trenutaka."
|
||||
buttons={[
|
||||
{ text: "Rezerviši stol", href: "#reservation" },
|
||||
{ text: "Pogledaj meni", href: "#menu" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-date-side-view_23-2148422396.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg", alt: "Zadovoljan gost 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-elegant-calm-happy-woman-green-summer-dress-sits-with-coffee-cafe-enjoying-morning_343596-3669.jpg", alt: "Zadovoljan gost 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-leisure-lifestyle-concept-successful-young-man-black-hat-casual-t-shirt-having-coffee-sitting-sidewalk-restaurant_273609-1754.jpg", alt: "Zadovoljan gost 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-longhaired-brunette-woman-bright-beret-red-dress-smiles-widely-sits-beautiful-cafe-young-asian-lady-eyeglasses-holds-white-coffee-cup_197531-29276.jpg", alt: "Zadovoljan gost 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-taking-photos_23-2149250046.jpg", alt: "Zadovoljan gost 5" }
|
||||
]}
|
||||
avatarText="Preko 500+ zadovoljnih gostiju"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Autentičan ambijent" },
|
||||
{ type: "text", text: "Vrhunska kafa" },
|
||||
{ type: "text", text: "Domaća hrana" },
|
||||
{ type: "text", text: "Prijatno osoblje" },
|
||||
{ type: "text", text: "Gradski duh" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="O nama"
|
||||
description={[
|
||||
"Modern city café and restaurant in Zenica with spacious interior, premium service, quality food, desserts and coffee.", "Doživite spoj urbane energije i vrhunskog gastronomskog užitka u srcu grada."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="O nama"
|
||||
description={["Modern city café and restaurant in Zenica with spacious interior, premium service, quality food, desserts and coffee.", "Doživite spoj urbane energije i vrhunskog gastronomskog užitka u srcu grada."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Espresso & Coffee", price: "Od 2.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/closeup-piece-fresh-tasty-tiramisu-white-plate_181624-46167.jpg"},
|
||||
{
|
||||
id: "p2", name: "Domaći Deserti", price: "Od 5.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/diary-products-cheesecake-with-oreo-cookies_114579-2473.jpg"},
|
||||
{
|
||||
id: "p3", name: "Doručak & Brunch", price: "Od 8.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-refreshing-cocktail_23-2148176842.jpg"},
|
||||
{
|
||||
id: "p4", name: "Glavna Jela", price: "Od 12.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-dessert-arrangement_23-2149143299.jpg"},
|
||||
{
|
||||
id: "p5", name: "Grill Specijaliteti", price: "Od 15.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg"},
|
||||
{
|
||||
id: "p6", name: "Signature Kokteli", price: "Od 9.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cheesecake-with-strawberry-chocolate-plate-bowls-dark-isolated-background_140725-136674.jpg"},
|
||||
]}
|
||||
title="Naš Meni"
|
||||
description="Vrhunska ponuda kafe, deserata, doručaka i večera."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Espresso & Coffee", price: "Od 2.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/closeup-piece-fresh-tasty-tiramisu-white-plate_181624-46167.jpg" },
|
||||
{ id: "p2", name: "Domaći Deserti", price: "Od 5.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/diary-products-cheesecake-with-oreo-cookies_114579-2473.jpg" },
|
||||
{ id: "p3", name: "Doručak & Brunch", price: "Od 8.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-refreshing-cocktail_23-2148176842.jpg" },
|
||||
{ id: "p4", name: "Glavna Jela", price: "Od 12.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-dessert-arrangement_23-2149143299.jpg" },
|
||||
{ id: "p5", name: "Grill Specijaliteti", price: "Od 15.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg" },
|
||||
{ id: "p6", name: "Signature Kokteli", price: "Od 9.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cheesecake-with-strawberry-chocolate-plate-bowls-dark-isolated-background_140725-136674.jpg" }
|
||||
]}
|
||||
title="Naš Meni"
|
||||
description="Vrhunska ponuda kafe, deserata, doručaka i večera."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Enterijer", description: "Elegantno uređen prostor za opuštanje.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-cup-beverage-restaurant_23-2148001613.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-sitting-bistro_23-2149366419.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hrana", description: "Svježi sastojci i vrhunska priprema.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-sac-ichi-with-meat-potatoes-served-with-green-olives_114579-8628.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-with-floral-decoration_23-2151973719.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-cream-vegetables_140725-2091.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Atmosfera", description: "Uživajte u svakom trenutku s nama.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-glitter-jewels-glass-electricity_1232-3795.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-tables-chairs-street_1127-2172.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-restaurant-grill-bar-interior-with-chandeliers-furniture_114579-2341.jpg"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Galerija"
|
||||
description="Zavirite u naš ambijent."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Enterijer", description: "Elegantno uređen prostor za opuštanje.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-cup-beverage-restaurant_23-2148001613.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-sitting-bistro_23-2149366419.jpg" }] },
|
||||
{ title: "Hrana", description: "Svježi sastojci i vrhunska priprema.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/caucasian-sac-ichi-with-meat-potatoes-served-with-green-olives_114579-8628.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-with-floral-decoration_23-2151973719.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-cream-vegetables_140725-2091.jpg" }] },
|
||||
{ title: "Atmosfera", description: "Uživajte u svakom trenutku s nama.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/background-glitter-jewels-glass-electricity_1232-3795.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-tables-chairs-street_1127-2172.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/luxury-restaurant-grill-bar-interior-with-chandeliers-furniture_114579-2341.jpg" }] }
|
||||
]}
|
||||
title="Galerija"
|
||||
description="Zavirite u naš ambijent."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Odlično!", quote: "Najbolji ambijent u gradu, usluga je nevjerovatna.", name: "Amra H.", role: "Lokalni gost", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-coffee_329181-11917.jpg"},
|
||||
{
|
||||
id: "2", title: "Vrhunska kafa", quote: "Svaki put se rado vraćam zbog njihove kafe.", name: "Haris K.", role: "Dnevni gost", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bearded-man-with-cheerful-expression-pointing-thumb-his-girlfriend-sunglasses-while-telling-jokes_273609-6608.jpg"},
|
||||
{
|
||||
id: "3", title: "Jako ukusno", quote: "Hrana je fantastična, svaka preporuka.", name: "Jasmin M.", role: "Gurman", imageSrc: "http://img.b2bpic.net/free-photo/woman-different-dishes-food_23-2147681104.jpg"},
|
||||
{
|
||||
id: "4", title: "Prelijep enterijer", quote: "Najljepši kafić u Zenici, idealno za sastanke.", name: "Emina S.", role: "Poslovni korisnik", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-tattooes-her-hands-is-enjoying-her-time-food-court-with-her-sketching-pad_613910-5324.jpg"},
|
||||
{
|
||||
id: "5", title: "Savršeno", quote: "Osoblje je ljubazno, hrana svježa, super lokacija.", name: "Adnan B.", role: "Turista", imageSrc: "http://img.b2bpic.net/free-photo/young-women-drinking-iced-coffee_23-2149624070.jpg"},
|
||||
]}
|
||||
title="Šta kažu gosti"
|
||||
description="Ocjena 4.5/5 na osnovu zadovoljnih klijenata."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Odlično!", quote: "Najbolji ambijent u gradu, usluga je nevjerovatna.", name: "Amra H.", role: "Lokalni gost", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-coffee_329181-11917.jpg" },
|
||||
{ id: "2", title: "Vrhunska kafa", quote: "Svaki put se rado vraćam zbog njihove kafe.", name: "Haris K.", role: "Dnevni gost", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-bearded-man-with-cheerful-expression-pointing-thumb-his-girlfriend-sunglasses-while-telling-jokes_273609-6608.jpg" },
|
||||
{ id: "3", title: "Jako ukusno", quote: "Hrana je fantastična, svaka preporuka.", name: "Jasmin M.", role: "Gurman", imageSrc: "http://img.b2bpic.net/free-photo/woman-different-dishes-food_23-2147681104.jpg" },
|
||||
{ id: "4", title: "Prelijep enterijer", quote: "Najljepši kafić u Zenici, idealno za sastanke.", name: "Emina S.", role: "Poslovni korisnik", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-tattooes-her-hands-is-enjoying-her-time-food-court-with-her-sketching-pad_613910-5324.jpg" },
|
||||
{ id: "5", title: "Savršeno", quote: "Osoblje je ljubazno, hrana svježa, super lokacija.", name: "Adnan B.", role: "Turista", imageSrc: "http://img.b2bpic.net/free-photo/young-women-drinking-iced-coffee_23-2149624070.jpg" }
|
||||
]}
|
||||
title="Šta kažu gosti"
|
||||
description="Ocjena 4.5/5 na osnovu zadovoljnih klijenata."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Rezervacija stola"
|
||||
description="Rezervišite svoje mjesto online."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Ime i prezime", required: true,
|
||||
},
|
||||
{
|
||||
name: "date", type: "date", placeholder: "Datum", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes", placeholder: "Dodatne napomene", rows: 3,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-looking-bistro_23-2149366410.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Rezervacija stola"
|
||||
description="Rezervišite svoje mjesto online."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Ime i prezime", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Datum", required: true }
|
||||
]}
|
||||
textarea={{ name: "notes", placeholder: "Dodatne napomene", rows: 3, required: false }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-looking-bistro_23-2149366410.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Kontakt i Lokacija"
|
||||
description={[
|
||||
"Trg BiH, Zenica", "Telefon: +387 61 000 000", "Radno vrijeme: 08:00 - 23:00"]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Kontakt i Lokacija"
|
||||
description={["Trg BiH, Zenica", "Telefon: +387 61 000 000", "Radno vrijeme: 08:00 - 23:00"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Naslovna", href: "#hero"},
|
||||
{
|
||||
label: "Meni", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Rezervacije", href: "#reservation"},
|
||||
{
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
],
|
||||
logoText="Gradska kafana"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Naslovna", href: "#hero" }, { label: "Meni", href: "#menu" }] },
|
||||
{ items: [{ label: "Rezervacije", href: "#reservation" }, { label: "Kontakt", href: "#contact" }] },
|
||||
{ items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }] }
|
||||
]}
|
||||
logoText="Gradska kafana"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user