Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9771f0dc09 | |||
| 44962654fa | |||
| 84a8d3ea2d | |||
| 32021ed4a3 | |||
| 857d538090 |
209
src/app/page.tsx
209
src/app/page.tsx
@@ -3,9 +3,9 @@
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "#products"},
|
||||||
id: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Příběh",
|
name: "Příběh", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Kontakt",
|
name: "Kontakt", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Mňam dortíček"
|
brandName="Mňam dortíček"
|
||||||
/>
|
/>
|
||||||
@@ -53,37 +47,23 @@ export default function LandingPage() {
|
|||||||
description="Výběrová káva, neodolatelné dortíky a atmosféra, do které se budete vracet."
|
description="Výběrová káva, neodolatelné dortíky a atmosféra, do které se budete vracet."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Zobrazit menu",
|
text: "Zobrazit menu", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Naplánovat návštěvu",
|
text: "Naplánovat návštěvu", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/view-delicious-glazed-donuts-box_23-2150757789.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/view-delicious-glazed-donuts-box_23-2150757789.jpg"
|
||||||
showBlur={true}
|
showBlur={true}
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg",
|
src: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg", alt: "Zákazník 1"},
|
||||||
alt: "Zákazník 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-sitting-coffee-shop_23-2150183771.jpg",
|
src: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-sitting-coffee-shop_23-2150183771.jpg", alt: "Zákazník 2"},
|
||||||
alt: "Zákazník 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/view-woman-holding-cup-coffee-smile_197531-33492.jpg",
|
src: "http://img.b2bpic.net/free-photo/view-woman-holding-cup-coffee-smile_197531-33492.jpg", alt: "Zákazník 3"},
|
||||||
alt: "Zákazník 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-goodlooking-young-woman-starting-her-day-with-cup-coffee-standing-kitchen_1258-193202.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-goodlooking-young-woman-starting-her-day-with-cup-coffee-standing-kitchen_1258-193202.jpg", alt: "Zákazník 4"},
|
||||||
alt: "Zákazník 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-redhead-female-drinks-coffee-cafe_613910-10430.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-attractive-redhead-female-drinks-coffee-cafe_613910-10430.jpg", alt: "Zákazník 5"},
|
||||||
alt: "Zákazník 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Již přes 500+ spokojených hostů"
|
avatarText="Již přes 500+ spokojených hostů"
|
||||||
/>
|
/>
|
||||||
@@ -96,40 +76,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Jana Nováková", role: "Stálý zákazník", testimonial: "Čistá dokonalost… budeme se vracet neustále.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg"},
|
||||||
name: "Jana Nováková",
|
|
||||||
role: "Stálý zákazník",
|
|
||||||
testimonial: "Čistá dokonalost… budeme se vracet neustále.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Petr Svoboda", role: "Fanoušek kávy", testimonial: "Brutální tiramisu, nejlepší jaké jsem kdy jedl.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-sitting-coffee-shop_23-2150183771.jpg"},
|
||||||
name: "Petr Svoboda",
|
|
||||||
role: "Fanoušek kávy",
|
|
||||||
testimonial: "Brutální tiramisu, nejlepší jaké jsem kdy jedl.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-sitting-coffee-shop_23-2150183771.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Marie Dvořáková", role: "Návštěvník", testimonial: "Příjemná obsluha a krásné prostředí. Cítím se tu jako doma.", imageSrc: "http://img.b2bpic.net/free-photo/view-woman-holding-cup-coffee-smile_197531-33492.jpg"},
|
||||||
name: "Marie Dvořáková",
|
|
||||||
role: "Návštěvník",
|
|
||||||
testimonial: "Příjemná obsluha a krásné prostředí. Cítím se tu jako doma.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-holding-cup-coffee-smile_197531-33492.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Lukáš Černý", role: "Kavárenský povaleč", testimonial: "Nejlepší výběrová káva ve Zlíně. Obsluha je vždycky milá.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-goodlooking-young-woman-starting-her-day-with-cup-coffee-standing-kitchen_1258-193202.jpg"},
|
||||||
name: "Lukáš Černý",
|
|
||||||
role: "Kavárenský povaleč",
|
|
||||||
testimonial: "Nejlepší výběrová káva ve Zlíně. Obsluha je vždycky milá.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-goodlooking-young-woman-starting-her-day-with-cup-coffee-standing-kitchen_1258-193202.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Tereza Malá", role: "Sladkomil", testimonial: "Dortíky jsou tu přímo božské, vždycky odcházím s úsměvem.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-redhead-female-drinks-coffee-cafe_613910-10430.jpg"},
|
||||||
name: "Tereza Malá",
|
|
||||||
role: "Sladkomil",
|
|
||||||
testimonial: "Dortíky jsou tu přímo božské, vždycky odcházím s úsměvem.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-redhead-female-drinks-coffee-cafe_613910-10430.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Zákazníci to řekli za nás"
|
title="Zákazníci to řekli za nás"
|
||||||
description="Příběhy našich návštěvníků, kteří si zamilovali naši atmosféru."
|
description="Příběhy našich návštěvníků, kteří si zamilovali naši atmosféru."
|
||||||
@@ -144,41 +99,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Domácí dortíky", price: "od 85 Kč", imageSrc: "http://img.b2bpic.net/free-photo/piece-chocolate-cake_1220-166.jpg?_wi=1"},
|
||||||
name: "Domácí dortíky",
|
|
||||||
price: "od 85 Kč",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/piece-chocolate-cake_1220-166.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Výběrová káva", price: "od 55 Kč", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-hot-drinks_23-2148735591.jpg?_wi=1"},
|
||||||
name: "Výběrová káva",
|
|
||||||
price: "od 55 Kč",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-hot-drinks_23-2148735591.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Domácí limonády", price: "od 65 Kč", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pomegranate-juice-with-seeds-straw_114579-50780.jpg?_wi=1"},
|
||||||
name: "Domácí limonády",
|
|
||||||
price: "od 65 Kč",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pomegranate-juice-with-seeds-straw_114579-50780.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Sezónní dezerty", price: "od 95 Kč", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-cake-with-grapes-cherry-apples-tree-branches-with-flowers-bottles_140725-72402.jpg?_wi=1"},
|
||||||
name: "Sezónní dezerty",
|
|
||||||
price: "od 95 Kč",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-cake-with-grapes-cherry-apples-tree-branches-with-flowers-bottles_140725-72402.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Ovocné tartaletky", price: "od 75 Kč", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-cake-with-cream-fresh-sliced-fruits-along-with-cinnamon-tea-grey-blue-desk-fruit-cake-biscuit_140725-22586.jpg"},
|
||||||
name: "Ovocné tartaletky",
|
|
||||||
price: "od 75 Kč",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-cake-with-cream-fresh-sliced-fruits-along-with-cinnamon-tea-grey-blue-desk-fruit-cake-biscuit_140725-22586.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Tiramisu klasika", price: "od 90 Kč", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fancy-dessert_23-2150527560.jpg"},
|
||||||
name: "Tiramisu klasika",
|
|
||||||
price: "od 90 Kč",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fancy-dessert_23-2150527560.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Co si u nás zamilujete"
|
title="Co si u nás zamilujete"
|
||||||
description="Naše nabídka je pečlivě sestavená z těch nejlepších ingrediencí."
|
description="Naše nabídka je pečlivě sestavená z těch nejlepších ingrediencí."
|
||||||
@@ -192,24 +123,16 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: Heart,
|
icon: Heart,
|
||||||
label: "Srdcem dělané dezerty",
|
label: "Srdcem dělané dezerty", value: "100%"},
|
||||||
value: "100%",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Coffee,
|
icon: Coffee,
|
||||||
label: "Výběrová káva",
|
label: "Výběrová káva", value: "Čerstvá"},
|
||||||
value: "Čerstvá",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Smile,
|
icon: Smile,
|
||||||
label: "Nejmilejší obsluha",
|
label: "Nejmilejší obsluha", value: "Zlín"},
|
||||||
value: "Zlín",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Repeat,
|
icon: Repeat,
|
||||||
label: "Věrní hosté",
|
label: "Věrní hosté", value: "Každý den"},
|
||||||
value: "Každý den",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -223,25 +146,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Světlý interiér",
|
title: "Světlý interiér", description: "Vzdušný prostor pro váš relax.", imageSrc: "http://img.b2bpic.net/free-photo/piece-chocolate-cake_1220-166.jpg?_wi=2"},
|
||||||
description: "Vzdušný prostor pro váš relax.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/piece-chocolate-cake_1220-166.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Klidná atmosféra",
|
title: "Klidná atmosféra", description: "Ideální místo pro zpomalení.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-hot-drinks_23-2148735591.jpg?_wi=2"},
|
||||||
description: "Ideální místo pro zpomalení.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-hot-drinks_23-2148735591.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Útulná místa",
|
title: "Útulná místa", description: "Koutek jen pro vás.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pomegranate-juice-with-seeds-straw_114579-50780.jpg?_wi=2"},
|
||||||
description: "Koutek jen pro vás.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pomegranate-juice-with-seeds-straw_114579-50780.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Osobní přístup",
|
title: "Osobní přístup", description: "S úsměvem vždy.", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-cake-with-grapes-cherry-apples-tree-branches-with-flowers-bottles_140725-72402.jpg?_wi=2"},
|
||||||
description: "S úsměvem vždy.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-cake-with-grapes-cherry-apples-tree-branches-with-flowers-bottles_140725-72402.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Vše pro vaši pohodu"
|
title="Vše pro vaši pohodu"
|
||||||
description="Interiér, který vás pozve k odpočinku."
|
description="Interiér, který vás pozve k odpočinku."
|
||||||
@@ -249,60 +160,30 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
tag="Kontakt"
|
||||||
background={{
|
title="Máte otázky nebo chcete rezervaci?"
|
||||||
variant: "gradient-bars",
|
description="Budeme se na vás těšit osobně v naší kavárně. Najdete nás na ulici Dlouhá 123 ve Zlíně."
|
||||||
}}
|
|
||||||
text="Přijďte ochutnat. Jedna návštěva stačí. Zbytek už přijde sám. Najdete nás na ulici Dlouhá 123, Zlín. Otevírací doba: Po–Ne 8:00 – 19:00."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Naplánovat trasu",
|
text: "Naplánovat trasu", href: "https://maps.google.com"},
|
||||||
href: "https://maps.google.com",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Zavolat",
|
|
||||||
href: "tel:+420123456789",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
background={{
|
||||||
|
variant: "plain"}}
|
||||||
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseReveal
|
<FooterLogoReveal
|
||||||
logoText="Mňam dortíček"
|
logoText="Mňam dortíček"
|
||||||
columns={[
|
leftLink={{
|
||||||
{
|
text: "Domů", href: "/"}}
|
||||||
title: "Menu",
|
rightLink={{
|
||||||
items: [
|
text: "Rezervace", href: "#contact"}}
|
||||||
{
|
|
||||||
label: "Dortíky",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Káva",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Kontakt",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Najdete nás",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Zavolejte nám",
|
|
||||||
href: "tel:+420123456789",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
copyrightText="© 2024 Mňam dortíček. Všechna práva vyhrazena."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user