Files
8046fdb2-d4a8-4b16-811d-756…/src/app/page.tsx
2026-06-11 05:02:09 +00:00

292 lines
16 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"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>
);
}