Merge version_1_1782046111153 into main #2
@@ -7,108 +7,56 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "Home",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "Meni",
|
||||
"href": "#products"
|
||||
},
|
||||
{
|
||||
"name": "Lokacije",
|
||||
"href": "#locations"
|
||||
},
|
||||
{
|
||||
"name": "Kontakt",
|
||||
"href": "#contact"
|
||||
},
|
||||
{
|
||||
"name": "Features",
|
||||
"href": "#features"
|
||||
},
|
||||
{
|
||||
"name": "Metrics",
|
||||
"href": "#metrics"
|
||||
},
|
||||
{
|
||||
"name": "Testimonials",
|
||||
"href": "#testimonials"
|
||||
}
|
||||
];
|
||||
{ name: "Home", href: "#hero" },
|
||||
{ name: "Meni", href: "#products" },
|
||||
{ name: "Lokacije", href: "#locations" },
|
||||
{ name: "Kontakt", href: "#contact" },
|
||||
{ name: "Features", href: "#features" },
|
||||
{ name: "Metrics", href: "#metrics" },
|
||||
{ name: "Testimonials", href: "#testimonials" }
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="default" siteBackground="gridDots" heroBackground="lightRaysCenter">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloating
|
||||
logo="CARIBIC"
|
||||
ctaButton={{
|
||||
text: "Naruči odmah",
|
||||
href: "#order",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
logo="CARIBIC"
|
||||
ctaButton={{
|
||||
text: "Naruči odmah", href: "#order"}}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterBrand
|
||||
brand="CARIBIC"
|
||||
columns={[
|
||||
{
|
||||
title: "Meni",
|
||||
items: [
|
||||
brand="CARIBIC"
|
||||
columns={[
|
||||
{
|
||||
label: "Meni",
|
||||
href: "#products",
|
||||
items: [
|
||||
{ label: "Meni", href: "#products" },
|
||||
{ label: "Akcije", href: "#" },
|
||||
{ label: "Lokacije", href: "#locations" }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: "Akcije",
|
||||
href: "#",
|
||||
items: [
|
||||
{ label: "O nama", href: "#" },
|
||||
{ label: "Franšiza", href: "#" },
|
||||
{ label: "Blog", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: "Lokacije",
|
||||
href: "#locations",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kompanija",
|
||||
items: [
|
||||
{
|
||||
label: "O nama",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Franšiza",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Podrška",
|
||||
items: [
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Moj nalog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Korpa",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
items: [
|
||||
{ label: "Kontakt", href: "#" },
|
||||
{ label: "Moj nalog", href: "#" },
|
||||
{ label: "Korpa", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
|
||||
@@ -11,239 +11,124 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardBrand
|
||||
brand="GLAD NE ČEKA."
|
||||
description="Najomiljenija pizza, burgeri i palačinke u gradu. Ni mi."
|
||||
primaryButton={{
|
||||
text: "Naruči odmah",
|
||||
href: "#order",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Pogledaj meni",
|
||||
href: "#products",
|
||||
}}
|
||||
videoSrc="http://img.b2bpic.net/free-photo/view-somorrostro-beach-barcelona_1398-4869.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-somorrostro-beach-barcelona_1398-4869.jpg?_wi=2"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="GLAD NE ČEKA."
|
||||
description="Najomiljenija pizza, burgeri i palačinke u gradu. Ni mi."
|
||||
primaryButton={{
|
||||
text: "Naruči odmah", href: "#order"}}
|
||||
secondaryButton={{
|
||||
text: "Pogledaj meni", href: "#products"}}
|
||||
videoSrc="http://img.b2bpic.net/free-photo/view-somorrostro-beach-barcelona_1398-4869.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBentoGrid
|
||||
tag="Kad si gladan"
|
||||
title="Znaš gde ideš"
|
||||
description="Od omiljenih klasika do novih ukusa, Caribic je tvoja sigurna luka."
|
||||
features={[
|
||||
{
|
||||
title: "Pizza",
|
||||
description: "Od Kaprićoze do Mexico pice, uvek sveže.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-traveling-by-car_23-2149204043.jpg",
|
||||
},
|
||||
{
|
||||
title: "Burgeri",
|
||||
description: "Sočni, veliki, pravi. Spremljeni za tebe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-hamburger-wooden-plate-restaurant_181624-50415.jpg",
|
||||
},
|
||||
{
|
||||
title: "Palačinke",
|
||||
description: "Slatki razlog zbog kog se uvek vraćaš.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-homemade-crepes-with-chocolate-topping-glass-coffee_114579-90910.jpg",
|
||||
},
|
||||
{
|
||||
title: "Iznenađenje",
|
||||
description: "Uvek tu kada ti najviše treba.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-pizza-with-bacon-arugula-leaves-near-sliced-yellow-bell-pepper-garlic-bulb-tomato-wooden-spoon_23-2148076092.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Kad si gladan"
|
||||
title="Znaš gde ideš"
|
||||
description="Od omiljenih klasika do novih ukusa, Caribic je tvoja sigurna luka."
|
||||
features={[
|
||||
{ title: "Pizza", description: "Od Kaprićoze do Mexico pice, uvek sveže.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-traveling-by-car_23-2149204043.jpg" },
|
||||
{ title: "Burgeri", description: "Sočni, veliki, pravi. Spremljeni za tebe.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-hamburger-wooden-plate-restaurant_181624-50415.jpg" },
|
||||
{ title: "Palačinke", description: "Slatki razlog zbog kog se uvek vraćaš.", imageSrc: "http://img.b2bpic.net/free-photo/plate-homemade-crepes-with-chocolate-topping-glass-coffee_114579-90910.jpg" },
|
||||
{ title: "Iznenađenje", description: "Uvek tu kada ti najviše treba.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-pizza-with-bacon-arugula-leaves-near-sliced-yellow-bell-pepper-garlic-bulb-tomato-wooden-spoon_23-2148076092.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Tradicija"
|
||||
title="Hiljade porudžbina. Isti ukus."
|
||||
description="Preko 20 godina poverenja nas čini prvim izborom grada."
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Google recenzije",
|
||||
value: "1790+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Prosečna ocena",
|
||||
value: "4.1",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Zadovoljnih kupaca",
|
||||
value: "100k+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Tradicija"
|
||||
title="Hiljade porudžbina. Isti ukus."
|
||||
description="Preko 20 godina poverenja nas čini prvim izborom grada."
|
||||
metrics={[
|
||||
{ icon: "Star", title: "Google recenzije", value: "1790+" },
|
||||
{ icon: "Award", title: "Prosečna ocena", value: "4.1" },
|
||||
{ icon: "Smile", title: "Zadovoljnih kupaca", value: "100k+" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Šta kažu ljudi"
|
||||
title="Omiljeni ukus grada"
|
||||
description="Više od dve decenije grad raste zajedno sa nama."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Dani A.",
|
||||
role: "Verni kupac",
|
||||
company: "Beograd",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-sauce-bottle_23-2148773532.jpg",
|
||||
},
|
||||
{
|
||||
name: "Miloš Z.",
|
||||
role: "Entuzijasta",
|
||||
company: "Novi Sad",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-bacon-burgers_23-2148784482.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jana K.",
|
||||
role: "Redovna mušterija",
|
||||
company: "Niš",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pancakes-with-nuts-dark-blue-surface_179666-44490.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marko P.",
|
||||
role: "Student",
|
||||
company: "Beograd",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-guy-holding-pizza-box_23-2148247854.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sara B.",
|
||||
role: "Kupac",
|
||||
company: "Novi Sad",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-s-hands-holding-delicious-double-cheeseburger_181624-56398.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Šta kažu ljudi"
|
||||
title="Omiljeni ukus grada"
|
||||
description="Više od dve decenije grad raste zajedno sa nama."
|
||||
testimonials={[
|
||||
{ name: "Dani A.", role: "Verni kupac", company: "Beograd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-sauce-bottle_23-2148773532.jpg" },
|
||||
{ name: "Miloš Z.", role: "Entuzijasta", company: "Novi Sad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-bacon-burgers_23-2148784482.jpg" },
|
||||
{ name: "Jana K.", role: "Redovna mušterija", company: "Niš", rating: 5, imageSrc: "http://img.b2bpic.net/top-view-delicious-pancakes-with-nuts-dark-blue-surface_179666-44490.jpg" },
|
||||
{ name: "Marko P.", role: "Student", company: "Beograd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-guy-holding-pizza-box_23-2148247854.jpg" },
|
||||
{ name: "Sara B.", role: "Kupac", company: "Novi Sad", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-s-hands-holding-delicious-double-cheeseburger_181624-56398.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesImageBento
|
||||
tag="Najprodavanije"
|
||||
title="Ono što grad voli"
|
||||
description="Premium ukusi koji su postali gradska navika."
|
||||
items={[
|
||||
{
|
||||
title: "Kaprićoza",
|
||||
description: "Klasik koji se ne menja.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-arrangement_23-2150134255.jpg",
|
||||
},
|
||||
{
|
||||
title: "Mexico",
|
||||
description: "Za one koji traže jači ukus.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-lasagne-garnished-with-tomato-sauce-grated-parmesan-served-with-red-wine_141793-1907.jpg",
|
||||
},
|
||||
{
|
||||
title: "Kulen",
|
||||
description: "Pikantno i hrskavo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picturesque-view-girona-with-river-sunny-day_1398-4357.jpg",
|
||||
},
|
||||
{
|
||||
title: "Veggie",
|
||||
description: "Sveže povrće iz peći.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-pizza-wooden-surface_181624-5783.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cheeseburger",
|
||||
description: "Sočna klasika.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-burger-presentation_23-2151910909.jpg",
|
||||
},
|
||||
{
|
||||
title: "Nutela Palačinka",
|
||||
description: "Najdraži slatkiš.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-chocolade-table_140725-8744.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ice Cream",
|
||||
description: "Savršen kraj obroka.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-wrap-toppped-with-sweet-chili_140725-3378.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Najprodavanije"
|
||||
title="Ono što grad voli"
|
||||
description="Premium ukusi koji su postali gradska navika."
|
||||
items={[
|
||||
{ title: "Kaprićoza", description: "Klasik koji se ne menja.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-arrangement_23-2150134255.jpg" },
|
||||
{ title: "Mexico", description: "Za one koji traže jači ukus.", imageSrc: "http://img.b2bpic.net/free-photo/italian-lasagne-garnished-with-tomato-sauce-grated-parmesan-served-with-red-wine_141793-1907.jpg" },
|
||||
{ title: "Kulen", description: "Pikantno i hrskavo.", imageSrc: "http://img.b2bpic.net/free-photo/picturesque-view-girona-with-river-sunny-day_1398-4357.jpg" },
|
||||
{ title: "Veggie", description: "Sveže povrće iz peći.", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-pizza-wooden-surface_181624-5783.jpg" },
|
||||
{ title: "Cheeseburger", description: "Sočna klasika.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-burger-presentation_23-2151910909.jpg" },
|
||||
{ title: "Nutela Palačinka", description: "Najdraži slatkiš.", imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-chocolade-table_140725-8744.jpg" },
|
||||
{ title: "Ice Cream", description: "Savršen kraj obroka.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-wrap-toppped-with-sweet-chili_140725-3378.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="app" data-section="app">
|
||||
<SectionErrorBoundary name="app">
|
||||
<div id="app" data-section="app">
|
||||
<SectionErrorBoundary name="app">
|
||||
<AboutFeaturesSplit
|
||||
tag="Mobilna aplikacija"
|
||||
title="Caribic u džepu"
|
||||
description="Naruči svoj omiljeni obrok sa bilo kog mesta. Jedan klik do zadovoljstva."
|
||||
items={[
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "Brza narudžbina",
|
||||
description: "Sistem pamti tvoju omiljenu kombinaciju.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Prati dostavu",
|
||||
description: "Znaš tačno kada hrana stiže do tebe.",
|
||||
},
|
||||
{
|
||||
icon: Gift,
|
||||
title: "Ekskluzivne akcije",
|
||||
description: "Samo za korisnike naše aplikacije.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-man-with-smartphone_1134-541.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Mobilna aplikacija"
|
||||
title="Caribic u džepu"
|
||||
description="Naruči svoj omiljeni obrok sa bilo kog mesta. Jedan klik do zadovoljstva."
|
||||
items={[
|
||||
{ icon: "Smartphone", title: "Brza narudžbina", description: "Sistem pamti tvoju omiljenu kombinaciju." },
|
||||
{ icon: "Clock", title: "Prati dostavu", description: "Znaš tačno kada hrana stiže do tebe." },
|
||||
{ icon: "Gift", title: "Ekskluzivne akcije", description: "Samo za korisnike naše aplikacije." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-man-with-smartphone_1134-541.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="locations" data-section="locations">
|
||||
<SectionErrorBoundary name="locations">
|
||||
<div id="locations" data-section="locations">
|
||||
<SectionErrorBoundary name="locations">
|
||||
<ContactCta
|
||||
tag="Gde smo"
|
||||
text="Caribic je tu u svakom delu grada. Pronađi najbližu lokaciju."
|
||||
primaryButton={{
|
||||
text: "Pronađi lokaciju",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Pregledaj sve",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Gde smo"
|
||||
text="Caribic je tu u svakom delu grada. Pronađi najbližu lokaciju."
|
||||
primaryButton={{ text: "Pronađi lokaciju", href: "#" }}
|
||||
secondaryButton={{ text: "Pregledaj sve", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="order" data-section="order">
|
||||
<SectionErrorBoundary name="order">
|
||||
<div id="order" data-section="order">
|
||||
<SectionErrorBoundary name="order">
|
||||
<ContactCta
|
||||
tag="Večera je rešena"
|
||||
text="Naruči za manje od 30 sekundi."
|
||||
primaryButton={{
|
||||
text: "Naruči odmah",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Pozovi nas",
|
||||
href: "tel:021000000",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Večera je rešena"
|
||||
text="Naruči za manje od 30 sekundi."
|
||||
primaryButton={{ text: "Naruči odmah", href: "#" }}
|
||||
secondaryButton={{ text: "Pozovi nas", href: "tel:021000000" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user