Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6f03455e89 | |||
| 88743e1d68 | |||
| 1f18a4406b | |||
| bf9d14c07e | |||
| 756544e586 | |||
| 47c2770425 | |||
| 89d60d616e | |||
| aaa62997c6 | |||
| 13874741ff |
221
src/app/page.tsx
221
src/app/page.tsx
@@ -2,15 +2,16 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||||
|
import { Wheat } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -30,213 +31,117 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home", id: "hero"},
|
{ name: "About", id: "about" },
|
||||||
{
|
{ name: "Products", id: "products" },
|
||||||
name: "About", id: "about"},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "Products", id: "products"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Domáca Pekáreň"
|
brandName="Domáca Pekáreň"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient"}}
|
|
||||||
title="Domáca Pekáreň Košice"
|
title="Domáca Pekáreň Košice"
|
||||||
description="Tradičné recepty, čerstvé suroviny a láska k pečeniu. Objavte chuť pravého domáceho chleba v centre Košíc."
|
description="Tradičné recepty, čerstvé suroviny a láska k pečeniu. Objavte chuť pravého domáceho chleba v centre Košíc."
|
||||||
leftCarouselItems={[
|
mediaItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-white-delicious-christmas-cake-with-nuts-mandarine_181624-17966.jpg", imageAlt: "fresh bread" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-white-delicious-christmas-cake-with-nuts-mandarine_181624-17966.jpg", imageAlt: "freshly baked sourdough bread loaf"},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cook-accurately-breaks-egg-make-dough-ingredients-cooking-flour-products-dough-bread-muffins-pie-pizza-dough-copy-space_639032-451.jpg", imageAlt: "baker hands" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-cinnamon-rolls-assortment_23-2148904686.jpg?_wi=1", imageAlt: "pastries" }
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cook-accurately-breaks-egg-make-dough-ingredients-cooking-flour-products-dough-bread-muffins-pie-pizza-dough-copy-space_639032-451.jpg", imageAlt: "baker hands kneading dough"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cinnamon-rolls-assortment_23-2148904686.jpg", imageAlt: "assorted morning pastries display"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bread-near-rope-nuts_23-2147851943.jpg", imageAlt: "fresh baked baguette baskets"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blackboard-near-mother-daughter-with-gift_23-2147788253.jpg", imageAlt: "warm hearth bakery atmosphere"},
|
|
||||||
]}
|
|
||||||
rightCarouselItems={[
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-cake-objects_23-2147715332.jpg", imageAlt: "authentic sourdough loaf close up"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379534.jpg", imageAlt: "fresh baked baguette baskets"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/eggs-flour-rolling-pin-forms-biscuits_23-2147962781.jpg", imageAlt: "authentic sourdough loaf close up"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/event-meal-service-plate-restaurant_1203-5106.jpg", imageAlt: "assorted morning pastries display"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/different-types-bread-bakery-shelves_116380-61.jpg", imageAlt: "warm hearth bakery atmosphere"},
|
|
||||||
]}
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Navštívte nás", href: "#contact"},
|
|
||||||
]}
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/female-glazing-dough-with-mum-wooden-table-top-view_176474-5458.jpg", alt: "Customer 1"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-putting-whole-homemade-bread-with-hands-brown-towel-flour-bread_114579-2633.jpg", alt: "Customer 2"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/chef-making-pastries-using-dough_23-2148742193.jpg", alt: "Customer 3"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/dough-inside-round-pan-with-cook-spreading-pieces-it-inside-kitchen_140725-14920.jpg", alt: "Customer 4"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/cook-accurately-breaks-egg-make-dough-ingredients-cooking-flour-products-dough-bread-muffins-pie-pizza-dough-copy-space_639032-453.jpg", alt: "Customer 5"},
|
|
||||||
]}
|
|
||||||
avatarText="Pridajte sa k tisíckam spokojných zákazníkov"
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text", text: "Domáci kvások"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Čerstvé suroviny"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Tradičná receptúra"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Košická kvalita"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Pečené s láskou"},
|
|
||||||
]}
|
]}
|
||||||
|
buttons={[{ text: "Navštívte nás", href: "#contact" }]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<TestimonialAboutCard
|
||||||
useInvertedBackground={false}
|
tag="Náš príbeh"
|
||||||
title="O nás"
|
title="O nás"
|
||||||
|
description="Veríme v silu tradičnej receptúry a poctivú prácu."
|
||||||
|
subdescription="Naša pekáreň spája generácie vďaka vôni čerstvého chleba."
|
||||||
|
icon={Wheat}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/female-glazing-dough-with-mum-wooden-table-top-view_176474-5458.jpg"
|
||||||
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardFour
|
<ProductCardOne
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="split"
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="asymmetric-60-wide-40-narrow"
|
||||||
useInvertedBackground={false}
|
|
||||||
products={[
|
|
||||||
{
|
|
||||||
id: "p1", name: "Ražný chlieb", price: "2,50 €", variant: "Kus", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-ingredients_23-2149395314.jpg"},
|
|
||||||
{
|
|
||||||
id: "p2", name: "Croissant", price: "1,20 €", variant: "Kus", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-honey-drips-splashes_23-2151705831.jpg"},
|
|
||||||
{
|
|
||||||
id: "p3", name: "Ovocný dánsky koláč", price: "1,50 €", variant: "Kus", imageSrc: "http://img.b2bpic.net/free-photo/various-cakes-supermarket-shelves-sale_627829-7332.jpg"},
|
|
||||||
{
|
|
||||||
id: "p4", name: "Domáci toastový chlieb", price: "1,80 €", variant: "Kus", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-bread-tied-with-rope-stone-surface_114579-47657.jpg"},
|
|
||||||
{
|
|
||||||
id: "p5", name: "Celozrnný bochník", price: "2,20 €", variant: "Kus", imageSrc: "http://img.b2bpic.net/free-photo/delicious-baked-loaves-composition_23-2147761318.jpg"},
|
|
||||||
{
|
|
||||||
id: "p6", name: "Brioška", price: "1,10 €", variant: "Kus", imageSrc: "http://img.b2bpic.net/free-photo/top-view-freshly-baked-traditional-bread-with-oranges-lemons-knife_181624-11858.jpg"},
|
|
||||||
]}
|
|
||||||
title="Naše Produkty"
|
title="Naše Produkty"
|
||||||
description="Všetky naše produkty pečieme každý deň čerstvé."
|
description="Všetky naše produkty pečieme každý deň čerstvé."
|
||||||
|
products={[
|
||||||
|
{ id: "p1", name: "Ražný chlieb", price: "2,50 €", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-ingredients_23-2149395314.jpg" },
|
||||||
|
{ id: "p2", name: "Croissant", price: "1,20 €", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-honey-drips-splashes_23-2151705831.jpg" },
|
||||||
|
{ id: "p3", name: "Bageta", price: "0,90 €", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg?_wi=1" },
|
||||||
|
]}
|
||||||
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardSeven
|
<FeatureCardTwentyFour
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
|
||||||
{
|
|
||||||
title: "Lokálne suroviny", description: "Spolupracujeme len s lokálnymi farmármi v okolí Košíc.", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg"},
|
|
||||||
{
|
|
||||||
title: "Bez umelých prísad", description: "Všetko pečieme bez konzervantov a umelých farbív.", imageSrc: "http://img.b2bpic.net/free-photo/variety-delicious-cooked-pastries_23-2148361905.jpg"},
|
|
||||||
{
|
|
||||||
title: "Tradičný postup", description: "Naše kváskové cesto zreje minimálne 24 hodín.", imageSrc: "http://img.b2bpic.net/free-photo/homemade-loaf-artisan-sourdough-bread-cutting-board-knife-gray-concrete-background-view-reconciliation-with-space-text_166373-2965.jpg"},
|
|
||||||
]}
|
|
||||||
title="Prečo si vybrať našu pekáreň?"
|
title="Prečo si vybrať našu pekáreň?"
|
||||||
description="Kvalita, lokálne suroviny a tradičný postup."
|
description="Kvalita, lokálne suroviny a tradičný postup."
|
||||||
|
features={[
|
||||||
|
{ id: "f1", title: "Lokálne suroviny", author: "Farmy", description: "Z okolia Košíc.", tags: ["fresh"], imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg?_wi=2" },
|
||||||
|
{ id: "f2", title: "Tradičné postupy", author: "Pekári", description: "Staré recepty.", tags: ["tradícia"], imageSrc: "http://img.b2bpic.net/free-photo/delicious-cinnamon-rolls-assortment_23-2148904686.jpg?_wi=2" },
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardOne
|
<TestimonialCardThirteen
|
||||||
animationType="slide-up"
|
animationType="depth-3d"
|
||||||
textboxLayout="default"
|
textboxLayout="split"
|
||||||
gridVariant="uniform-all-items-equal"
|
showRating={true}
|
||||||
useInvertedBackground={false}
|
title="Zákazníci o nás"
|
||||||
|
description="Spokojnosť je naša vizitka."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Anna K.", handle: "@annak", testimonial: "Najlepší chlieb v meste!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-showing-eclairs-bakery-counter_23-2148189123.jpg" },
|
||||||
id: "1", name: "Anna K.", role: "Stály zákazník", company: "Košice", rating: 5,
|
{ id: "t2", name: "Peter M.", handle: "@peterm", testimonial: "Skvelé croissanty!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-baked-pastries_23-2148904686.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-housewife-pink-shirt-colorful-cape-happy-smiling-holding-bakeries-smiling_140725-14872.jpg"},
|
|
||||||
{
|
|
||||||
id: "2", name: "Peter M.", role: "Dôchodca", company: "Košice", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-attractive-woman-yellow-blouse-blue_285396-1854.jpg"},
|
|
||||||
{
|
|
||||||
id: "3", name: "Jana B.", role: "Mamička", company: "Košice", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-showing-eclairs-bakery-counter_23-2148189123.jpg"},
|
|
||||||
{
|
|
||||||
id: "4", name: "Tomáš R.", role: "Študent", company: "Košice", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-gardener-wearing-gardening-hat-holds-pumpkin_141793-115831.jpg"},
|
|
||||||
{
|
|
||||||
id: "5", name: "Eva L.", role: "Turista", company: "Košice", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Čo hovoria naši zákazníci?"
|
useInvertedBackground={false}
|
||||||
description="Spokojnosť je naša najlepšia vizitka."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="social" data-section="social">
|
<div id="social" data-section="social">
|
||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
|
names={["Bakery Guild", "Košice Gourmet", "Organic Craft"]}
|
||||||
|
title="Kvalita, ktorej veríte"
|
||||||
|
description="Naše ocenenia"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
|
||||||
"Bakery Guild", "Košice Gourmet", "Organic Craft", "Traditional Baking Award", "Community Choice", "Daily Fresh Stamp", "Master Baker Seal"]}
|
|
||||||
title="Kvalita, ktorej veríte"
|
|
||||||
description="Naše certifikáty a ocenenia"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactCTA
|
||||||
|
tag="Kontakt"
|
||||||
|
title="Napíšte nám"
|
||||||
|
description="Radi odpovieme na vaše otázky."
|
||||||
|
buttons={[{ text: "Kontaktovať", href: "mailto:pekaren@kosice.sk" }]}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Nájdete nás tu"
|
background={{ variant: "plain" }}
|
||||||
description="Alvinczyho 6, 040 01 Košice | 0903 903 773"
|
|
||||||
inputs={[
|
|
||||||
{
|
|
||||||
name: "name", type: "text", placeholder: "Vaše meno"},
|
|
||||||
{
|
|
||||||
name: "email", type: "email", placeholder: "Váš e-mail"},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/bakery-shop-gourmet-concept_53876-163311.jpg"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterMedia
|
||||||
logoText="Domáca Pekáreň"
|
logoText="Domáca Pekáreň"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Navigácia", items: [{ label: "Domov", href: "#hero" }] }
|
||||||
title: "Navigácia", items: [
|
|
||||||
{
|
|
||||||
label: "Domov", href: "#hero"},
|
|
||||||
{
|
|
||||||
label: "Produkty", href: "#products"},
|
|
||||||
{
|
|
||||||
label: "Kontakt", href: "#contact"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Informácie", items: [
|
|
||||||
{
|
|
||||||
label: "O nás", href: "#about"},
|
|
||||||
{
|
|
||||||
label: "Otváracie hodiny", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Ochrana údajov", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/bakery-shop-gourmet-concept_53876-163311.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user