Merge version_1 into main #2
338
src/app/page.tsx
338
src/app/page.tsx
@@ -26,224 +26,138 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Úvod",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "O nás",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="LUMIÈRE"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Úvod", id: "hero" },
|
||||
{ name: "O nás", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="LUMIÈRE"
|
||||
button={{
|
||||
text: "Rezervace", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="LUMIÈRE"
|
||||
description="Objevte symfonii chutí v srdci města. Moderní gastronomie, kde tradice potkává eleganci."
|
||||
buttons={[
|
||||
{
|
||||
text: "Zobrazit menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Rezervovat stůl",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-6158.jpg"
|
||||
imageAlt="Luxusní interiér restaurace"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="LUMIÈRE"
|
||||
description="Objevte symfonii chutí v srdci města. Moderní gastronomie, kde tradice potkává eleganci."
|
||||
buttons={[
|
||||
{ text: "Zobrazit menu", href: "#menu" },
|
||||
{ text: "Rezervovat stůl", href: "#contact" },
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-6158.jpg"
|
||||
imageAlt="Luxusní interiér restaurace"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Náš příběh"
|
||||
metrics={[
|
||||
{
|
||||
icon: Crown,
|
||||
label: "Kuchyně",
|
||||
value: "Moderní",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Suroviny",
|
||||
value: "Čerstvé",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Zážitek",
|
||||
value: "Osobní",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Náš příběh"
|
||||
metrics={[
|
||||
{ icon: Crown, label: "Kuchyně", value: "Moderní" },
|
||||
{ icon: Sparkles, label: "Suroviny", value: "Čerstvé" },
|
||||
{ icon: Users, label: "Zážitek", value: "Osobní" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Konfitované kachní stehno",
|
||||
price: "345 Kč",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-plate-with-fork-soy-sauce_23-2148425564.jpg?_wi=1",
|
||||
imageAlt: "Kachní stehno",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rib-eye steak s bylinkovým máslem",
|
||||
price: "580 Kč",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-slices-sandwiches-with-cucumbers_23-2148640154.jpg?_wi=1",
|
||||
imageAlt: "Steak",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Grilovaný losos s koprovou omáčkou",
|
||||
price: "395 Kč",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg",
|
||||
imageAlt: "Losos",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Domácí tagliatelle s lanýži",
|
||||
price: "320 Kč",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/penne-seafood-tom-yum-pasta_74190-2786.jpg",
|
||||
imageAlt: "Těstoviny",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Salát z pečené řepy s kozím sýrem",
|
||||
price: "260 Kč",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-vegetable-salad-with-glass-green-juice_114579-2566.jpg",
|
||||
imageAlt: "Salát",
|
||||
},
|
||||
]}
|
||||
title="Naše Menu"
|
||||
description="Pečlivě sestavený výběr pokrmů z těch nejlepších surovin."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Konfitované kachní stehno", price: "345 Kč", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-plate-with-fork-soy-sauce_23-2148425564.jpg", imageAlt: "Kachní stehno"},
|
||||
{
|
||||
id: "2", name: "Rib-eye steak s bylinkovým máslem", price: "580 Kč", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-slices-sandwiches-with-cucumbers_23-2148640154.jpg", imageAlt: "Steak"},
|
||||
{
|
||||
id: "3", name: "Grilovaný losos s koprovou omáčkou", price: "395 Kč", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg", imageAlt: "Losos"},
|
||||
{
|
||||
id: "4", name: "Domácí tagliatelle s lanýži", price: "320 Kč", imageSrc: "http://img.b2bpic.net/free-photo/penne-seafood-tom-yum-pasta_74190-2786.jpg", imageAlt: "Těstoviny"},
|
||||
{
|
||||
id: "5", name: "Salát z pečené řepy s kozím sýrem", price: "260 Kč", imageSrc: "http://img.b2bpic.net/free-photo/plate-vegetable-salad-with-glass-green-juice_114579-2566.jpg", imageAlt: "Salát"},
|
||||
]}
|
||||
title="Naše Menu"
|
||||
description="Pečlivě sestavený výběr pokrmů z těch nejlepších surovin."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Barová část",
|
||||
role: "Prostory",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Detail interiéru",
|
||||
role: "Atmosféra",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Příprava jídla",
|
||||
role: "Kuchyně",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-plate-with-fork-soy-sauce_23-2148425564.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Finální plating",
|
||||
role: "Art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-slices-sandwiches-with-cucumbers_23-2148640154.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Naše Galerie"
|
||||
description="Nahlédněte do našeho interiéru a pod ruky našich kuchařů."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "g1", name: "Barová část", role: "Prostory", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg"},
|
||||
{
|
||||
id: "g2", name: "Detail interiéru", role: "Atmosféra", imageSrc: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg"},
|
||||
{
|
||||
id: "g3", name: "Příprava jídla", role: "Kuchyně", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-black-pasta-plate-with-fork-soy-sauce_23-2148425564.jpg"},
|
||||
{
|
||||
id: "g4", name: "Finální plating", role: "Art", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-slices-sandwiches-with-cucumbers_23-2148640154.jpg"},
|
||||
]}
|
||||
title="Naše Galerie"
|
||||
description="Nahlédněte do našeho interiéru a pod ruky našich kuchařů."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Kontaktujte nás"
|
||||
description="Máte dotaz nebo chcete rezervovat stůl? Ozvěte se nám."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Vaše jméno",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Váš email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Vaše zpráva (počet osob, datum, čas...)",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/long-shot-man-walking-outside-with-medical-mask_23-2148693043.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Kontaktujte nás"
|
||||
description="Máte dotaz nebo chcete rezervovat stůl? Ozvěte se nám."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Vaše jméno", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Váš email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Vaše zpráva (počet osob, datum, čas...)", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/long-shot-man-walking-outside-with-medical-mask_23-2148693043.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Telefon: +420 123 456 789",
|
||||
href: "tel:+420123456789",
|
||||
},
|
||||
{
|
||||
label: "Email: info@lumiere.cz",
|
||||
href: "mailto:info@lumiere.cz",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Adresa: Hlavní 123, Město",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Po-Ne: 11:00 - 23:00",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="LUMIÈRE"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Telefon: +420 123 456 789", href: "tel:+420123456789"},
|
||||
{
|
||||
label: "Email: info@lumiere.cz", href: "mailto:info@lumiere.cz"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Adresa: Hlavní 123, Město", href: "#"},
|
||||
{
|
||||
label: "Po-Ne: 11:00 - 23:00", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="LUMIÈRE"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user