Update src/app/page.tsx
This commit is contained in:
197
src/app/page.tsx
197
src/app/page.tsx
@@ -19,30 +19,24 @@ export default function LandingPage() {
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="large"
|
||||
background="floatingGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Početna", id: "hero"},
|
||||
{
|
||||
name: "O nama", id: "about"},
|
||||
{
|
||||
name: "Jelovnik", id: "products"},
|
||||
{
|
||||
name: "Recenzije", id: "testimonials"},
|
||||
{
|
||||
name: "Lokacija", id: "contact"},
|
||||
{ name: "Početna", id: "hero" },
|
||||
{ name: "O nama", id: "about" },
|
||||
{ name: "Jelovnik", id: "products" },
|
||||
{ name: "Recenzije", id: "testimonials" },
|
||||
{ name: "Lokacija", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Rezerviraj stol", href: "tel:0991929090"}}
|
||||
button={{ text: "Rezerviraj stol", href: "tel:0991929090" }}
|
||||
brandName="Restoran Grašo"
|
||||
/>
|
||||
</div>
|
||||
@@ -50,56 +44,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "glowing-orb"}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Restoran Grašo – Porcije za gladne, kvaliteta za sladokusce."
|
||||
description="Tradicija koja se osjeti u svakom zalogaju."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marko I.", handle: "@gost", testimonial: "Porcije za gladne bez pada kvalitete jela!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-open-space-new-concept_140725-7438.jpg", imageAlt: "gourmet steak platter restaurant"},
|
||||
{
|
||||
name: "Ana K.", handle: "@gost", testimonial: "Najbolji ribeye u gradu, definitivno preporuka!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-shrimp-dish-cooked-with-mashed-walnut_140725-7090.jpg", imageAlt: "gourmet steak platter restaurant"},
|
||||
{
|
||||
name: "Ivan M.", handle: "@ljubitelj_mesa", testimonial: "Ovo je pravo iskustvo domaće kuhinje.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-fillet-rustic-wooden-table-generated-by-ai_188544-30870.jpg", imageAlt: "gourmet steak platter restaurant"},
|
||||
{
|
||||
name: "Petra B.", handle: "@gurman", testimonial: "Ambijent je predivan, a hrana još bolja.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-waitress-holding-cake-slice-white-plate_23-2148027957.jpg", imageAlt: "gourmet steak platter restaurant"},
|
||||
{
|
||||
name: "Luka S.", handle: "@redovni_gost", testimonial: "Uvijek se vraćam zbog vrhunskih ćevapa.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517417.jpg", imageAlt: "gourmet steak platter restaurant"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Nazovi za rezervaciju", href: "tel:0991929090"},
|
||||
{ name: "Marko I.", handle: "@gost", testimonial: "Porcije za gladne bez pada kvalitete jela!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/restaurant-open-space-new-concept_140725-7438.jpg", imageAlt: "gourmet steak platter restaurant" },
|
||||
{ name: "Ana K.", handle: "@gost", testimonial: "Najbolji ribeye u gradu, definitivno preporuka!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-shrimp-dish-cooked-with-mashed-walnut_140725-7090.jpg", imageAlt: "gourmet steak platter restaurant" },
|
||||
{ name: "Ivan M.", handle: "@ljubitelj_mesa", testimonial: "Ovo je pravo iskustvo domaće kuhinje.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-fillet-rustic-wooden-table-generated-by-ai_188544-30870.jpg", imageAlt: "gourmet steak platter restaurant" },
|
||||
{ name: "Petra B.", handle: "@gurman", testimonial: "Ambijent je predivan, a hrana još bolja.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-waitress-holding-cake-slice-white-plate_23-2148027957.jpg", imageAlt: "gourmet steak platter restaurant" },
|
||||
{ name: "Luka S.", handle: "@redovni_gost", testimonial: "Uvijek se vraćam zbog vrhunskih ćevapa.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517417.jpg", imageAlt: "gourmet steak platter restaurant" }
|
||||
]}
|
||||
buttons={[{ text: "Nazovi za rezervaciju", href: "tel:0991929090" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-open-space-new-concept_140725-7438.jpg"
|
||||
imageAlt="gourmet steak platter restaurant"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vintage-decoration-inside-restaurant_1127-187.jpg", alt: "Vintage decoration inside restaurant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cutlery-pot-near-twig_23-2147811215.jpg", alt: "Cutlery and pot near twig"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/twig-near-cups-lamp_23-2147811205.jpg", alt: "Twig near cups and lamp"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151918997.jpg", alt: "Cinematic film location decor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Low angle friends shaking hands"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/vintage-decoration-inside-restaurant_1127-187.jpg", alt: "Vintage decoration inside restaurant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cutlery-pot-near-twig_23-2147811215.jpg", alt: "Cutlery and pot near twig" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/twig-near-cups-lamp_23-2147811205.jpg", alt: "Twig near cups and lamp" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151918997.jpg", alt: "Cinematic film location decor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Low angle friends shaking hands" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Domaća kvaliteta"},
|
||||
{
|
||||
type: "text", text: "Lokalni proizvodi"},
|
||||
{
|
||||
type: "text", text: "Vrhunska usluga"},
|
||||
{
|
||||
type: "text", text: "Tradicija 15+ godina"},
|
||||
{
|
||||
type: "text", text: "Savršeno za obitelji"},
|
||||
{ type: "text", text: "Domaća kvaliteta" },
|
||||
{ type: "text", text: "Lokalni proizvodi" },
|
||||
{ type: "text", text: "Vrhunska usluga" },
|
||||
{ type: "text", text: "Tradicija 15+ godina" },
|
||||
{ type: "text", text: "Savršeno za obitelji" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,10 +78,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Spoj tradicije i modernog stila"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/top-view-shrimp-dish-cooked-with-mashed-walnut_140725-7090.jpg", alt: "Kvaliteta"},
|
||||
{ type: "text", content: "Spoj tradicije i modernog stila" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/top-view-shrimp-dish-cooked-with-mashed-walnut_140725-7090.jpg", alt: "Kvaliteta" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,24 +90,9 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Domaće meso", description: "Provjerena kvaliteta od lokalnih dobavljača.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-fillet-rustic-wooden-table-generated-by-ai_188544-30870.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-meat-medalion-with-sauce-grilled-vegetables-wooden-board_141793-2979.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Obilne porcije", description: "Kod nas nitko ne odlazi gladan.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cutting-cooked-steak-food-photography-recipe-ide_53876-144780.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-ketchup-barberry-parsley-onion-side-view_141793-3124.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Moderni ambijent", description: "Savršeno za obiteljska i poslovna okupljanja.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-presentation_23-2151914042.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-with-fried-potatoes-mayonnaise-mustard-ketchup_140725-1494.jpg"}
|
||||
},
|
||||
{ title: "Domaće meso", description: "Provjerena kvaliteta od lokalnih dobavljača.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-fillet-rustic-wooden-table-generated-by-ai_188544-30870.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-meat-medalion-with-sauce-grilled-vegetables-wooden-board_141793-2979.jpg" } },
|
||||
{ title: "Obilne porcije", description: "Kod nas nitko ne odlazi gladan.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cutting-cooked-steak-food-photography-recipe-ide_53876-144780.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-ketchup-barberry-parsley-onion-side-view_141793-3124.jpg" } },
|
||||
{ title: "Moderni ambijent", description: "Savršeno za obiteljska i poslovna okupljanja.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-presentation_23-2151914042.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-with-fried-potatoes-mayonnaise-mustard-ketchup_140725-1494.jpg" } }
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Vrhunsko iskustvo"
|
||||
@@ -154,24 +107,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Roštilj", name: "Velika plata Grašo", price: "120kn", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-waitress-holding-cake-slice-white-plate_23-2148027957.jpg"},
|
||||
{
|
||||
id: "2", brand: "Odresci", name: "Ribeye Steak", price: "150kn", rating: 5,
|
||||
reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cake-decorated-orange-with-chocolate-biscuits-black-table_140725-86456.jpg"},
|
||||
{
|
||||
id: "3", brand: "Jelovnik", name: "Dječji meni", price: "60kn", rating: 5,
|
||||
reviewCount: "400", imageSrc: "http://img.b2bpic.net/free-photo/top-view-kebab-ribs-with-fried-vegetables-chopped-onion-knife-ayran-wooden-food-tray_176474-3380.jpg"},
|
||||
{
|
||||
id: "4", brand: "Roštilj", name: "Gurmanska pljeskavica", price: "90kn", rating: 5,
|
||||
reviewCount: "600", imageSrc: "http://img.b2bpic.net/free-photo/ham-slices-with-vegetables-plate_140725-2137.jpg"},
|
||||
{
|
||||
id: "5", brand: "Odresci", name: "Ramstek", price: "140kn", rating: 5,
|
||||
reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/person-holding-lamb-ribs-dish_23-2148516949.jpg"},
|
||||
{
|
||||
id: "6", brand: "Roštilj", name: "Ćevapi u somunu", price: "70kn", rating: 5,
|
||||
reviewCount: "900", imageSrc: "http://img.b2bpic.net/free-photo/mixed-grilled-meat-lamb-ribs-chicken-potato-side-view_141793-3165.jpg"},
|
||||
{ id: "1", brand: "Roštilj", name: "Velika plata Grašo", price: "120kn", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-waitress-holding-cake-slice-white-plate_23-2148027957.jpg" },
|
||||
{ id: "2", brand: "Odresci", name: "Ribeye Steak", price: "150kn", rating: 5, reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cake-decorated-orange-with-chocolate-biscuits-black-table_140725-86456.jpg" },
|
||||
{ id: "3", brand: "Jelovnik", name: "Dječji meni", price: "60kn", rating: 5, reviewCount: "400", imageSrc: "http://img.b2bpic.net/free-photo/top-view-kebab-ribs-with-fried-vegetables-chopped-onion-knife-ayran-wooden-food-tray_176474-3380.jpg" },
|
||||
{ id: "4", brand: "Roštilj", name: "Gurmanska pljeskavica", price: "90kn", rating: 5, reviewCount: "600", imageSrc: "http://img.b2bpic.net/free-photo/ham-slices-with-vegetables-plate_140725-2137.jpg" },
|
||||
{ id: "5", brand: "Odresci", name: "Ramstek", price: "140kn", rating: 5, reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/person-holding-lamb-ribs-dish_23-2148516949.jpg" },
|
||||
{ id: "6", brand: "Roštilj", name: "Ćevapi u somunu", price: "70kn", rating: 5, reviewCount: "900", imageSrc: "http://img.b2bpic.net/free-photo/mixed-grilled-meat-lamb-ribs-chicken-potato-side-view_141793-3165.jpg" }
|
||||
]}
|
||||
title="Naš Jelovnik"
|
||||
description="Odaberite jelo po svom guštu."
|
||||
@@ -184,18 +125,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "4.7/5", title: "Prosječna ocjena", items: [
|
||||
"9.200+ recenzija"],
|
||||
},
|
||||
{
|
||||
id: "2", value: "100%", title: "Domaća kvaliteta", items: [
|
||||
"Sveže meso", "Lokalni proizvodi"],
|
||||
},
|
||||
{
|
||||
id: "3", value: "15+", title: "Godina tradicije", items: [
|
||||
"Vrhunski kuhari", "Prepoznatljiv okus"],
|
||||
},
|
||||
{ id: "1", value: "4.7/5", title: "Prosječna ocjena", items: ["9.200+ recenzija"] },
|
||||
{ id: "2", value: "100%", title: "Domaća kvaliteta", items: ["Sveže meso", "Lokalni proizvodi"] },
|
||||
{ id: "3", value: "15+", title: "Godina tradicije", items: ["Vrhunski kuhari", "Prepoznatljiv okus"] }
|
||||
]}
|
||||
title="Povjerenje naših gostiju"
|
||||
description="Preko 9.200 recenzija s ocjenom 4.7/5."
|
||||
@@ -209,21 +141,11 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Ivan H.", role: "Gost", company: "Grašo Fan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517417.jpg"},
|
||||
{
|
||||
id: "2", name: "Ana M.", role: "Gost", company: "Grašo Fan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-dinner-with-friends_23-2149306386.jpg"},
|
||||
{
|
||||
id: "3", name: "Petar K.", role: "Gost", company: "Grašo Fan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517411.jpg"},
|
||||
{
|
||||
id: "4", name: "Marija L.", role: "Gost", company: "Grašo Fan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg"},
|
||||
{
|
||||
id: "5", name: "Josip B.", role: "Gost", company: "Grašo Fan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg"},
|
||||
{ id: "1", name: "Ivan H.", role: "Gost", company: "Grašo Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517417.jpg" },
|
||||
{ id: "2", name: "Ana M.", role: "Gost", company: "Grašo Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-dinner-with-friends_23-2149306386.jpg" },
|
||||
{ id: "3", name: "Petar K.", role: "Gost", company: "Grašo Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517411.jpg" },
|
||||
{ id: "4", name: "Marija L.", role: "Gost", company: "Grašo Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg" },
|
||||
{ id: "5", name: "Josip B.", role: "Gost", company: "Grašo Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg" }
|
||||
]}
|
||||
title="Što kažu naši gosti?"
|
||||
description="Vaša zadovoljstva su naš prioritet."
|
||||
@@ -236,12 +158,8 @@ export default function LandingPage() {
|
||||
title="Rezervirajte stol"
|
||||
description="Adresa: Gredice 4, 49214, Gubaševo. Radno vrijeme: 08:00 - 23:00."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Vaše ime", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Vaš broj telefona", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Vaše ime", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Vaš broj telefona", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892972.jpg"
|
||||
/>
|
||||
@@ -250,21 +168,12 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Početna", href: "#hero"},
|
||||
{
|
||||
label: "Jelovnik", href: "#products"},
|
||||
{
|
||||
label: "Lokacija", href: "#contact"},
|
||||
],
|
||||
},
|
||||
],
|
||||
{ items: [{ label: "Početna", href: "#hero" }, { label: "Jelovnik", href: "#products" }, { label: "Lokacija", href: "#contact" }] }
|
||||
]}
|
||||
logoText="Restoran Grašo"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user