Update src/app/page.tsx

This commit is contained in:
2026-05-14 21:34:30 +00:00
parent 6fa8b62914
commit 9bb0fc5fb2

View File

@@ -13,197 +13,104 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
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">
<NavbarLayoutFloatingInline
navItems={[
{
name: "O nama",
id: "about",
},
{
name: "Usluge",
id: "services",
},
{
name: "Radno vrijeme",
id: "hours",
},
{
name: "Kontakt",
id: "contact",
},
]}
brandName="Caffe Bar REAL"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "O nama", id: "about" },
{ name: "Usluge", id: "services" },
{ name: "Radno vrijeme", id: "hours" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Caffe Bar REAL"
button={{ text: "Rezerviraj stol", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Caffe Bar REAL"
description="Vaša oaza opuštanja u srcu Kaštel Sućurca. Uživajte u omiljenoj kavi s obitelji i prijateljima."
buttons={[
{
text: "Posjetite nas",
href: "#contact",
},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/bird-city-sparrow-sitting-table-outdoor-cafe_1153-4663.jpg",
imageAlt: "cozy cafe terrace sunny day",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-woman-fashionable-outfit-sitting-cafe-area-with-coffee-croissant-looking-away-street_197531-22726.jpg",
imageAlt: "Vertical shot of a woman in fashionable outfit sitting cafe area with coffee and croissant, looking away at the street.",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-milk_23-2148337170.jpg",
imageAlt: "Front view cup of coffee with milk",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5922.jpg",
imageAlt: "Young beautiful girl sitting in cafe.",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-young-woman-drinking-coffee-caf_23-2147871313.jpg",
imageAlt: "Side view of attractive young woman drinking coffee at caf",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="Caffe Bar REAL"
description="Vaša oaza opuštanja u srcu Kaštel Sućurca. Uživajte u omiljenoj kavi s obitelji i prijateljima."
buttons={[{ text: "Posjetite nas", href: "#contact" }]}
slides={[
{ imageSrc: "http://img.b2bpic.net/free-photo/bird-city-sparrow-sitting-table-outdoor-cafe_1153-4663.jpg", imageAlt: "cozy cafe terrace sunny day" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-woman-fashionable-outfit-sitting-cafe-area-with-coffee-croissant-looking-away-street_197531-22726.jpg", imageAlt: "Vertical shot of a woman in fashionable outfit sitting cafe area with coffee and croissant, looking away at the street." },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-milk_23-2148337170.jpg", imageAlt: "Front view cup of coffee with milk" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5922.jpg", imageAlt: "Young beautiful girl sitting in cafe." },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-young-woman-drinking-coffee-caf_23-2147871313.jpg", imageAlt: "Side view of attractive young woman drinking coffee at caf" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Osjećajte se kao kod kuće"
description="Želite u opuštenoj atmosferi popiti šalicu kave s prijateljima ili obitelji? Caffe Bar REAL je prava adresa za ljude koji cijene ugodnu okolinu, ljubazno osoblje i mjesto gdje možete predahnuti uz knjigu."
metrics={[
{
value: "06:00",
title: "Otvaramo svakog dana",
},
{
value: "23:00",
title: "Radimo do kasno",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172666.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
imageAlt="friendly barista serving coffee"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Osjećajte se kao kod kuće"
description="Želite u opuštenoj atmosferi popiti šalicu kave s prijateljima ili obitelji? Caffe Bar REAL je prava adresa za ljude koji cijene ugodnu okolinu, ljubazno osoblje i mjesto gdje možete predahnuti uz knjigu."
metrics={[{ value: "06:00", title: "Otvaramo svakog dana" }, { value: "23:00", title: "Radimo do kasno" }]}
imageSrc="http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172666.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
imageAlt="friendly barista serving coffee"
/>
</div>
<div id="services" data-section="services">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Vanjska terasa",
description: "Uživajte u ljetu na našoj sunčanoj terasi.",
imageSrc: "http://img.b2bpic.net/free-vector/coffee-infographic-template_1172-90.jpg",
imageAlt: "coffee shop service icons",
},
{
title: "Besplatan WiFi",
description: "Budite uvijek povezani dok uživate u kavi.",
imageSrc: "http://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg",
imageAlt: "coffee shop service icons",
},
{
title: "Prostor za pušače",
description: "Posebno klimatizirana prostorija za pušače.",
imageSrc: "http://img.b2bpic.net/free-vector/coffee-house-set_98292-1153.jpg",
imageAlt: "coffee shop service icons",
},
]}
title="Naše usluge"
description="Pružamo vrhunsku uslugu kako bi vaš boravak bio što ugodniji."
/>
</div>
<div id="services" data-section="services">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Vanjska terasa", description: "Uživajte u ljetu na našoj sunčanoj terasi.", imageSrc: "http://img.b2bpic.net/free-vector/coffee-infographic-template_1172-90.jpg", imageAlt: "coffee shop service icons" },
{ title: "Besplatan WiFi", description: "Budite uvijek povezani dok uživate u kavi.", imageSrc: "http://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg", imageAlt: "coffee shop service icons" },
{ title: "Prostor za pušače", description: "Posebno klimatizirana prostorija za pušače.", imageSrc: "http://img.b2bpic.net/free-vector/coffee-house-set_98292-1153.jpg", imageAlt: "coffee shop service icons" }
]}
title="Naše usluge"
description="Pružamo vrhunsku uslugu kako bi vaš boravak bio što ugodniji."
/>
</div>
<div id="hours" data-section="hours">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "Svaki dan",
title: "06:00 - 23:00",
description: "Radno vrijeme",
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3429.jpg",
imageAlt: "coffee shop service icons",
},
]}
title="Radno vrijeme"
description="Čekamo vas svakim danom od 06:00 do 23:00."
/>
</div>
<div id="hours" data-section="hours">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[{ id: "m1", value: "Svaki dan", title: "06:00 - 23:00", description: "Radno vrijeme", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3429.jpg", imageAlt: "coffee shop service icons" }]}
title="Radno vrijeme"
description="Čekamo vas svakim danom od 06:00 do 23:00."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Kontaktirajte nas"
description="Ivana Pavla II 19, 21212 Kaštel Sućurac. Pošaljite nam poruku za sve upite."
inputs={[
{
name: "Ime",
type: "text",
placeholder: "Vaše ime",
required: true,
},
{
name: "Email",
type: "email",
placeholder: "Vaša adresa e-pošte",
required: true,
},
]}
textarea={{
name: "Poruka",
placeholder: "Vaša poruka",
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-paying-with-nfc-device_23-2150689986.jpg"
imageAlt="cafe entrance exterior"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Kontaktirajte nas"
description="Ivana Pavla II 19, 21212 Kaštel Sućurac. Pošaljite nam poruku za sve upite."
inputs={[{ name: "Ime", type: "text", placeholder: "Vaše ime", required: true }, { name: "Email", type: "email", placeholder: "Vaša adresa e-pošte", required: true }]}
textarea={{ name: "Poruka", placeholder: "Vaša poruka", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-paying-with-nfc-device_23-2150689986.jpg"
imageAlt="cafe entrance exterior"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Kontakt",
items: [
{
label: "Ivana Pavla II 19, Kaštel Sućurac",
href: "#",
},
],
},
{
title: "Info",
items: [
{
label: "Radno vrijeme: 06-23h",
href: "#",
},
],
},
]}
bottomLeftText="Caffe Bar REAL © 2024"
bottomRightText="Dizajniralo društvo DISH Digital Solutions GmbH."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[{ title: "Kontakt", items: [{ label: "Ivana Pavla II 19, Kaštel Sućurac", href: "#" }] }, { title: "Info", items: [{ label: "Radno vrijeme: 06-23h", href: "#" }] }]}
bottomLeftText="Caffe Bar REAL © 2024"
bottomRightText="Dizajniralo društvo DISH Digital Solutions GmbH."
/>
</div>
</ReactLenis>
</ThemeProvider>
);