292 lines
16 KiB
TypeScript
292 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="medium"
|
||
background="grid"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Domov", id: "#hero"},
|
||
{
|
||
name: "O Nás", id: "#about"},
|
||
{
|
||
name: "Ponuka", id: "#features"},
|
||
{
|
||
name: "Produkty", id: "#products"},
|
||
{
|
||
name: "Klienti", id: "#social-proof"},
|
||
{
|
||
name: "Referencie", id: "#testimonials"},
|
||
{
|
||
name: "FAQ", id: "#faq"},
|
||
{
|
||
name: "Kontakt", id: "#contact"},
|
||
]}
|
||
brandName="2JA Kafé"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCentered
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
title="Vitajte v 2JA Kafé"
|
||
description="Moderná kaviareň s dušou v srdci Žiliny. Objavte výberovú kávu, domáce koláče a jedinečnú atmosféru pre každého."
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-looking-away_23-2147892778.jpg", alt: "Zákazníčka 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg", alt: "Zákazník 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-blond-man-cafe-sits-chair-enjoys-taste-delicious-freshly-brewed_1258-245418.jpg", alt: "Zákazníčka 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/attractive-young-man-with-beard-curly-blond-hairstyle-shows-thumbs-up-with-proud-satisfied-face-smiling-pleased-praising-complimenting-say-yes-like-smth-white-background_176420-49359.jpg", alt: "Zákazník 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-model-dressed-summer-hipster-clothes-trendy-girl-posing-street-background-funny-positive-woman_158538-5479.jpg", alt: "Spokojná zákazníčka 5"},
|
||
]}
|
||
avatarText="Pridajte sa k našim spokojným zákazníkom"
|
||
buttons={[
|
||
{
|
||
text: "Objavte Menu", href: "#features"},
|
||
{
|
||
text: "Rezervovať Stôl", href: "#contact"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Čerstvá káva každý deň"},
|
||
{
|
||
type: "text", text: "Domáce koláče a dobroty"},
|
||
{
|
||
type: "text", text: "Priateľská atmosféra pre všetkých"},
|
||
{
|
||
type: "text", text: "Detský kútik pre zábavu"},
|
||
{
|
||
type: "text", text: "Dog-friendly priestory"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
useInvertedBackground={false}
|
||
title="Naše Srdce Kaviarní"
|
||
description="V 2JA Kafé sme vytvorili priestor, kde sa snúbi moderný dizajn s útulnou atmosférou. Či už hľadáte pokojné miesto na prácu, príjemné posedenie s rodinou, alebo zastávku s vaším štvornohým miláčikom, u nás ste vždy vítaní. Sme hrdí na detský kútik a našu dog-friendly politiku."
|
||
imageSrc="http://img.b2bpic.net/free-photo/students-having-lunch-canteen_23-2149402917.jpg"
|
||
imageAlt="Moderný interiér kaviarne 2JA Kafé"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentyNine
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
carouselMode="buttons"
|
||
features={[
|
||
{
|
||
title: "Výberová Káva", description: "Užite si bohatú arómu a dokonalú chuť našej starostlivo vybranej kávy, pripravenej s láskou našimi baristami.", imageSrc: "http://img.b2bpic.net/free-photo/frothy-coffee-steam-rises-from-elegant-mug-generated-by-ai_188544-29670.jpg", imageAlt: "Šálka kávy s latte art", titleImageSrc: "http://img.b2bpic.net/free-photo/woman-having-iced-coffee-break-outside_23-2149567205.jpg", buttonText: "Pozri kávu"},
|
||
{
|
||
title: "Čerstvé Koláče a Pečivo", description: "Každý deň pre Vás pečieme čerstvé koláče, cookies, veterníky a osie hniezda. Sladké potešenie pre každého.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cake-sweet-snacks_181624-27093.jpg", imageAlt: "Výber čerstvých koláčov", titleImageSrc: "http://img.b2bpic.net/free-photo/pancake-chocolate-cake-with-fresh-raspberries-pink-background_127032-3556.jpg", buttonText: "Objav koláče"},
|
||
{
|
||
title: "Osviežujúce Nápoje", description: "Vychutnajte si naše domáce limonády, horúce čokolády, sezónne špeciality ako Bombardino či vianočný punč, a čapované pivo Svijany.", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-balls-bowl-near-sunglasses-glass-with-ornamental-wand-straws_23-2148109379.jpg", imageAlt: "Pohár domácej limonády", titleImageSrc: "http://img.b2bpic.net/free-photo/alcoholic-beverage-cocktail-copy-space_23-2148722563.jpg", buttonText: "Pozri nápoje"},
|
||
]}
|
||
title="Čím Vás Potešíme"
|
||
description="Ponúkame široký výber kvalitných nápojov a čerstvých lahôdok, aby každý našiel to svoje. Od výberovej kávy po domáce limonády a pečivo."
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
carouselMode="buttons"
|
||
products={[
|
||
{
|
||
id: "p1", brand: "2JA Kafé", name: "Pistáciové Latté", price: "€4.50", rating: 5,
|
||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-matcha-latte-white-cup_74190-918.jpg", imageAlt: "Pistáciové latté"},
|
||
{
|
||
id: "p2", brand: "Pekáreň u Nás", name: "Čerstvý Croissant", price: "€2.00", rating: 4,
|
||
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/croissants-with-coffee-plaster-picnic-cloth-flat-lay_176474-8235.jpg", imageAlt: "Čerstvý croissant"},
|
||
{
|
||
id: "p3", brand: "Svijany", name: "Čapované Pivo 11°", price: "€3.00", rating: 5,
|
||
reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/nonalcoholic-cocktails-are-table-beautiful-photo-drink-from-restaurant_132075-14708.jpg", imageAlt: "Čapované pivo"},
|
||
{
|
||
id: "p4", brand: "Domáca Výroba", name: "Čokoládový Koláč", price: "€3.80", rating: 5,
|
||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cakes-with-tea-waffles-pink_140725-78156.jpg", imageAlt: "Kúsok čokoládového koláča"},
|
||
{
|
||
id: "p5", brand: "2JA Kafé", name: "Horúca Čokoláda", price: "€3.50", rating: 4,
|
||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/hot-cacao-with-marshmallows-cup_23-2147955797.jpg", imageAlt: "Horúca čokoláda"},
|
||
{
|
||
id: "p6", brand: "Sezónna Ponuka", name: "Vianočné Perníčky", price: "€2.50", rating: 5,
|
||
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-christmas-sweets_23-2151898765.jpg", imageAlt: "Vianočné perníčky"},
|
||
]}
|
||
title="Naše Obľúbené Lahôdky"
|
||
description="Objavte bestsellery z našej ponuky, ktoré si naši zákazníci zamilovali a ktoré musíte ochutnať."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Žilina City Guide", "Solinky Residents", "Local Foodies Žilina", "Kultúra Žiliny", "Máme Radi Žilinu", "Dog Lovers Žilina", "Rodiny so psíkmi", "Gurmáni Považie"]}
|
||
title="Kaviareň, Ktorú Miluje Žilina"
|
||
description="Sme hrdí na to, že sme sa stali obľúbeným miestom pre komunitu v Žiline a okolí."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
carouselMode="buttons"
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Anna Nováková", role: "Miestna podnikateľka", company: "Kvetinárstvo Anna", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/daily-routine-lifestyle-young-beautiful-woman-bathrobe-standing-kitchen-with-cup-coffee_1258-193509.jpg", imageAlt: "Anna Nováková"},
|
||
{
|
||
id: "t2", name: "Marek Hric", role: "Softvérový inžinier", company: "Tech Solutions", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Marek Hric"},
|
||
{
|
||
id: "t3", name: "Zuzana Kováčová", role: "Učiteľka", company: "Základná Škola Žilina", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg", imageAlt: "Zuzana Kováčová"},
|
||
{
|
||
id: "t4", name: "Peter Mráz", role: "Študent", company: "Žilinská Univerzita", rating: 4,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/group-asia-young-creative-people-smart-casual-wear-smiling-arms-crossed-creative-office-workplace-diverse-asian-male-female-stand-together-startup-coworker-teamwork-concept_7861-2570.jpg", imageAlt: "Peter Mráz"},
|
||
{
|
||
id: "t5", name: "Jana Veselá", role: "Matka na materskej", company: "Maminky Žiliny", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg", imageAlt: "Jana Veselá"},
|
||
]}
|
||
title="Čo Hovoria Naši Zákazníci"
|
||
description="Prečítajte si, prečo sa k nám radi vracajú a prečo nás považujú za svoje obľúbené miesto v Žiline."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq1", title: "Ste dog-friendly kaviareň?", content: "Áno, vaši štvornohí miláčikovia sú u nás srdečne vítaní! Máme pre nich pripravené aj misky s vodou."},
|
||
{
|
||
id: "faq2", title: "Máte detský kútik?", content: "Samozrejme! Pre najmenších návštevníkov máme pripravený útulný detský kútik, kde sa môžu zahrať, zatiaľ čo si Vy vychutnáte kávu."},
|
||
{
|
||
id: "faq3", title: "Ponúkate aj rastlinné alebo bezlaktózové mlieko?", content: "Áno, v našej ponuke nájdete široký výber rastlinných a bezlaktózových alternatív k mlieku pre všetky naše kávové nápoje."},
|
||
{
|
||
id: "faq4", title: "Robíte aj sezónne ponuky?", content: "Áno, pravidelne obmieňame našu ponuku o sezónne špeciality, ako sú napríklad zimné Bombardino alebo vianočný punč. Sledujte nás na sociálnych sieťach pre aktuálne novinky!"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/barista-using-cup-coffee-machine_23-2148523053.jpg"
|
||
imageAlt="Barista pripravujúci kávu"
|
||
mediaAnimation="opacity"
|
||
mediaPosition="right"
|
||
title="Najčastejšie Otázky"
|
||
description="Máte otázky o našej kaviarni, ponuke alebo službách? Pozrite si naše odpovede, alebo nás kontaktujte priamo."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
tag="Kontaktujte nás"
|
||
title="Radi Vás Privítame"
|
||
description="Navštívte nás v Žiline na sídlisku Solinky, alebo nám napíšte. Tešíme sa na Vašu návštevu!"
|
||
inputPlaceholder="Vaša správa alebo otázka"
|
||
buttonText="Odoslať správu"
|
||
termsText="Odoslaním správy súhlasíte s našimi Podmienkami ochrany osobných údajov."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="2JA Kafé"
|
||
columns={[
|
||
{
|
||
title: "Rýchle odkazy", items: [
|
||
{
|
||
label: "Domov", href: "#hero"},
|
||
{
|
||
label: "O Nás", href: "#about"},
|
||
{
|
||
label: "Ponuka", href: "#features"},
|
||
],
|
||
},
|
||
{
|
||
title: "Naša ponuka", items: [
|
||
{
|
||
label: "Káva", href: "#products"},
|
||
{
|
||
label: "Koláče", href: "#products"},
|
||
{
|
||
label: "Nápoje", href: "#products"},
|
||
],
|
||
},
|
||
{
|
||
title: "Kontakt", items: [
|
||
{
|
||
label: "Telefón: 0948 215 442", href: "tel:0948215442"},
|
||
{
|
||
label: "Email: chapteronesro@gmail.com", href: "mailto:chapteronesro@gmail.com"},
|
||
{
|
||
label: "Adresa: Lenčova ulica 3, 010 01 Žilina", href: "https://www.google.com/maps/search/Len%C4%8Dova+ulica+3,+010+01+%C5%BDilina"},
|
||
],
|
||
},
|
||
{
|
||
title: "Otváracie Hodiny", items: [
|
||
{
|
||
label: "Pondelok – Nedeľa: 10:00 – 18:00", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Sledujte nás", items: [
|
||
{
|
||
label: "Facebook", href: "https://www.facebook.com/2jakafe/"},
|
||
{
|
||
label: "Instagram", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 2JA Kafé. Všetky práva vyhradené."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|