194 lines
9.4 KiB
TypeScript
194 lines
9.4 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import { Croissant, UtensilsCrossed, Heart, Sparkles, BookOpen, Users, Home, MapPin, Star } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="aurora"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="light"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
brandName="Kus Koláče"
|
||
navItems={[
|
||
{ name: "Domů", id: "hero" },
|
||
{ name: "O nás", id: "about" },
|
||
{ name: "Menu", id: "features" },
|
||
{ name: "Kontakt", id: "contact" }
|
||
]}
|
||
button={{ text: "Najít nás", href: "contact" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitKpi
|
||
title="Kus Koláče – poctivé koláče v srdci Vinohrad"
|
||
description="Čerstvé koláče a pečivo každý den. Přijďte si pro svůj kus radosti."
|
||
tag="Pekařství v Praze"
|
||
tagIcon={Croissant}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Zobrazit menu", href: "#features" },
|
||
{ text: "Najít nás", href: "#contact" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
background={{ variant: "aurora" }}
|
||
kpis={[
|
||
{ value: "4,7/5", label: "Hodnocení" },
|
||
{ value: "1072", label: "Recenzí" },
|
||
{ value: "2007", label: "Spokojených zákazníků" }
|
||
]}
|
||
enableKpiAnimation={true}
|
||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273140.jpg"
|
||
imageAlt="Čerstvé koláče a pečivo"
|
||
mediaAnimation="slide-up"
|
||
imagePosition="right"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
title="Náš příběh"
|
||
description={[
|
||
"V srdci Vinohrad se nachází Kus Koláče – pekárna, která si drží tradici a kvalitu českého pečiva. Každý den připravujeme čerstvé koláče podle autentických receptů, které vycházejí z generací zkušeností.", "Používáme pouze kvalitní suroviny a tradiční metody ruční výroby. Naša pekárna je místem, kde se setkávají tradice a přátelská atmosféra. Chceme, aby každý zákazník zažil radost z pravého domácího koláče.", "Přijďte si pro svůj kus radosti a pocítíte srdečný přístup našeho týmu a autentickou atmosféru české pekárny."
|
||
]}
|
||
buttons={[
|
||
{ text: "Kontaktujte nás", href: "#contact" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
showBorder={true}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardThree
|
||
title="Naše nabídka"
|
||
description="Příjemná škála tradičních českých koláčů a pečiva pro každou příležitost"
|
||
tag="Menu"
|
||
tagIcon={UtensilsCrossed}
|
||
tagAnimation="slide-up"
|
||
features={[
|
||
{
|
||
id: "01", title: "Koláče", description: "Tradiční české koláče se nejrůznějšími náplněmi - od makovníků po tvarohové", imageSrc: "http://img.b2bpic.net/free-photo/plate-flour-sieve-with-bakery-table_23-2147852063.jpg", imageAlt: "Tradiční české koláče"
|
||
},
|
||
{
|
||
id: "02", title: "Sladké pečivo", description: "Čerstvé sladké pečivo včetně koláčků, croissantů a dalších pochutin", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cake-slices-with-chocolate-bars-cookies-grey-background_140725-89422.jpg", imageAlt: "Sladké pečivo"
|
||
},
|
||
{
|
||
id: "03", title: "Slané pečivo", description: "Chutné slané pečivo s kvalitními surovinami - ideální na snídaní", imageSrc: "http://img.b2bpic.net/free-photo/sliced-bread-basket_140725-90.jpg", imageAlt: "Slané pečivo"
|
||
},
|
||
{
|
||
id: "04", title: "Sezónní speciality", description: "Speciální koláče a pečivo připravené na různé roční období a svátky", imageSrc: "http://img.b2bpic.net/free-photo/front-view-different-delicious-biscuits-with-cake-light-dark-surface_140725-103198.jpg", imageAlt: "Sezónní speciality"
|
||
}
|
||
]}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metric" data-section="metric">
|
||
<MetricCardThree
|
||
title="Proč si vybrat Kus Koláče"
|
||
description="Čtyři důvody, proč jsme nejoblíbenější pekárnou v Praze"
|
||
tag="Naše výhody"
|
||
tagIcon={Heart}
|
||
tagAnimation="slide-up"
|
||
metrics={[
|
||
{ id: "1", icon: Sparkles, title: "Čerstvost", value: "Denně" },
|
||
{ id: "2", icon: BookOpen, title: "Tradice", value: "100%" },
|
||
{ id: "3", icon: Users, title: "Obsluha", value: "Přívětivá" },
|
||
{ id: "4", icon: Home, title: "Prostředí", value: "Útulné" }
|
||
]}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwelve
|
||
testimonials={[
|
||
{ id: "1", name: "Petra Novotná", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg?_wi=1", imageAlt: "Petra Novotná" },
|
||
{ id: "2", name: "Lukáš Svoboda", imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg?_wi=1", imageAlt: "Lukáš Svoboda" },
|
||
{ id: "3", name: "Eva Kučerová", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-camera-violet-shirt-looking-glad-front-view_176474-15367.jpg", imageAlt: "Eva Kučerová" },
|
||
{ id: "4", name: "Jan Marko", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-busines-clothes-showing-thumb-up-looking-camera-gray_171337-11351.jpg", imageAlt: "Jan Marko" },
|
||
{ id: "5", name: "Alena Šimková", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg?_wi=2", imageAlt: "Alena Šimková" },
|
||
{ id: "6", name: "Tomáš Dvořák", imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg?_wi=2", imageAlt: "Tomáš Dvořák" }
|
||
]}
|
||
cardTitle="Luxusní koláče, super obsluha a krásné prostředí"
|
||
cardTag="Recenze od zákazníků"
|
||
cardTagIcon={Star}
|
||
cardAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
tag="Navštívit nás"
|
||
tagIcon={MapPin}
|
||
title="Přijďte si pro svůj kus radosti"
|
||
description="Kus Koláče, Korunní 90, 101 00 Praha – Vinohrady\nTelefon: +420 608 903 828\nOtevírá v 8:00"
|
||
buttons={[
|
||
{ text: "Zavolat", href: "tel:+420608903828" },
|
||
{ text: "Navigace", href: "https://maps.google.com/?q=Korunní+90,+101+00+Praha" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
background={{ variant: "sparkles-gradient" }}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
logoText="Kus Koláče"
|
||
columns={[
|
||
{
|
||
items: [
|
||
{ label: "Domů", href: "#hero" },
|
||
{ label: "Menu", href: "#features" },
|
||
{ label: "O nás", href: "#about" }
|
||
]
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Kontakt", href: "#contact" },
|
||
{ label: "Instagram", href: "https://instagram.com" },
|
||
{ label: "Telefon", href: "tel:+420608903828" }
|
||
]
|
||
},
|
||
{
|
||
items: [
|
||
{ label: "Ochrana osobních údajů", href: "#" },
|
||
{ label: "Podmínky použití", href: "#" },
|
||
{ label: "© 2025 Kus Koláče", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|