Update src/app/page.tsx
This commit is contained in:
273
src/app/page.tsx
273
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user