Merge version_1 into main #2
213
src/app/page.tsx
213
src/app/page.tsx
@@ -32,99 +32,64 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Domů",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Domů", id: "hero"},
|
||||
{
|
||||
name: "Služby",
|
||||
id: "services",
|
||||
},
|
||||
name: "Služby", id: "services"},
|
||||
{
|
||||
name: "O nás",
|
||||
id: "about",
|
||||
},
|
||||
name: "O nás", id: "about"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Luxusní holení"
|
||||
button={{
|
||||
text: "Zavolat nyní",
|
||||
href: "tel:773163895",
|
||||
}}
|
||||
text: "Zavolat nyní", href: "tel:773163895"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Luxusní péče o muže v Olomouci"
|
||||
description="Prémiová kosmetika, odborné poradenství a rychlé doručení přímo k Vám."
|
||||
buttons={[
|
||||
{
|
||||
text: "Zavolat nyní",
|
||||
href: "tel:773163895",
|
||||
},
|
||||
text: "Zavolat nyní", href: "tel:773163895"},
|
||||
{
|
||||
text: "Prohlédnout produkty",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Prohlédnout produkty", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-lipstick_23-2147692243.jpg?_wi=1",
|
||||
imageAlt: "Luxusní produkty pro muže",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-lipstick_23-2147692243.jpg", imageAlt: "Luxusní produkty pro muže"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-lipstick_23-2147692243.jpg?_wi=2",
|
||||
imageAlt: "Luxusní produkty pro muže",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-lipstick_23-2147692243.jpg", imageAlt: "Luxusní produkty pro muže"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-lipstick_23-2147692243.jpg?_wi=3",
|
||||
imageAlt: "Luxusní produkty pro muže",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-lipstick_23-2147692243.jpg", imageAlt: "Luxusní produkty pro muže"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-lipstick_23-2147692243.jpg?_wi=4",
|
||||
imageAlt: "Luxusní produkty pro muže",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-lipstick_23-2147692243.jpg", imageAlt: "Luxusní produkty pro muže"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-lipstick_23-2147692243.jpg?_wi=5",
|
||||
imageAlt: "Luxusní produkty pro muže",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-lipstick_23-2147692243.jpg", imageAlt: "Luxusní produkty pro muže"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-lipstick_23-2147692243.jpg?_wi=6",
|
||||
imageAlt: "Luxusní produkty pro muže",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-lipstick_23-2147692243.jpg", imageAlt: "Luxusní produkty pro muže"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Hodnocení",
|
||||
value: "5.0 ⭐",
|
||||
},
|
||||
id: "m1", icon: Star,
|
||||
title: "Hodnocení", value: "5.0 ⭐"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: CheckCircle,
|
||||
title: "Zákazníků",
|
||||
value: "15+",
|
||||
},
|
||||
id: "m2", icon: CheckCircle,
|
||||
title: "Zákazníků", value: "15+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Zap,
|
||||
title: "Doručení",
|
||||
value: "24h",
|
||||
},
|
||||
id: "m3", icon: Zap,
|
||||
title: "Doručení", value: "24h"},
|
||||
]}
|
||||
title="Důvěra a kvalita"
|
||||
description="Prověřeno spokojenými zákazníky v Olomouci a okolí."
|
||||
@@ -138,25 +103,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Prémiové značky",
|
||||
description: "Výběr nejkvalitnější kosmetiky pro náročné muže.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-applying-skincare-cream_23-2152020220.jpg",
|
||||
imageAlt: "Prémiové značky",
|
||||
},
|
||||
title: "Prémiové značky", description: "Výběr nejkvalitnější kosmetiky pro náročné muže.", imageSrc: "http://img.b2bpic.net/free-photo/man-applying-skincare-cream_23-2152020220.jpg", imageAlt: "Prémiové značky"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Odborné poradenství",
|
||||
description: "Poradíme vám s výběrem ideálních produktů pro vaši pleť.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fair-skinned-young-blonde-women-are-testing-new-facial-serum-while-sitting-table-indoors-cosmetic-procedures-concept_197531-31462.jpg",
|
||||
imageAlt: "Odborné poradenství",
|
||||
},
|
||||
title: "Odborné poradenství", description: "Poradíme vám s výběrem ideálních produktů pro vaši pleť.", imageSrc: "http://img.b2bpic.net/free-photo/fair-skinned-young-blonde-women-are-testing-new-facial-serum-while-sitting-table-indoors-cosmetic-procedures-concept_197531-31462.jpg", imageAlt: "Odborné poradenství"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Rychlé dodání",
|
||||
description: "Vaši objednávku doručíme rychle a spolehlivě až k vám.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-courier-red-polo-red-cap-holding-package-box-smiling-yellow_140725-15203.jpg",
|
||||
imageAlt: "Rychlé dodání",
|
||||
},
|
||||
title: "Rychlé dodání", description: "Vaši objednávku doručíme rychle a spolehlivě až k vám.", imageSrc: "http://img.b2bpic.net/free-photo/young-courier-red-polo-red-cap-holding-package-box-smiling-yellow_140725-15203.jpg", imageAlt: "Rychlé dodání"},
|
||||
]}
|
||||
title="Proč zvolit nás?"
|
||||
description="Vaše spokojenost je naší prioritou díky osobnímu přístupu a prémiové kvalitě."
|
||||
@@ -170,13 +123,9 @@ export default function LandingPage() {
|
||||
description="Jsme lokální podnik z Olomouce se zápalem pro kvalitu. Naším cílem je pomáhat mužům vypadat skvěle a cítit se sebejistě díky produktům, které skutečně fungují."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Kvalita",
|
||||
},
|
||||
value: "100%", title: "Kvalita"},
|
||||
{
|
||||
value: "Expert",
|
||||
title: "Poradenství",
|
||||
},
|
||||
value: "Expert", title: "Poradenství"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-school-concept-with-woman-studying-library_23-2148172380.jpg"
|
||||
imageAlt="Interiér našeho butiku"
|
||||
@@ -192,40 +141,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jan Novák",
|
||||
handle: "@jannovak",
|
||||
testimonial: "Nejlepší obchod pro luxusní kosmetiku v Olomouci. Skvělý výběr.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-man-grey-wall-near-copyspace-laughing_171337-18211.jpg",
|
||||
},
|
||||
id: "1", name: "Jan Novák", handle: "@jannovak", testimonial: "Nejlepší obchod pro luxusní kosmetiku v Olomouci. Skvělý výběr.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-man-grey-wall-near-copyspace-laughing_171337-18211.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Petr Svoboda",
|
||||
handle: "@petrsvob",
|
||||
testimonial: "Rychlé dodání do druhého dne. Produkty jsou špičkové.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2395.jpg",
|
||||
},
|
||||
id: "2", name: "Petr Svoboda", handle: "@petrsvob", testimonial: "Rychlé dodání do druhého dne. Produkty jsou špičkové.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2395.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marek Dvořák",
|
||||
handle: "@marekdvor",
|
||||
testimonial: "Skvělý přístup na prodejně, poradili mi přesně to, co jsem hledal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analyzing-work-results_1098-12694.jpg",
|
||||
},
|
||||
id: "3", name: "Marek Dvořák", handle: "@marekdvor", testimonial: "Skvělý přístup na prodejně, poradili mi přesně to, co jsem hledal.", imageSrc: "http://img.b2bpic.net/free-photo/analyzing-work-results_1098-12694.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tomáš Kučera",
|
||||
handle: "@tomas-k",
|
||||
testimonial: "Profesionální a velmi vstřícný přístup. Doporučuji.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-capice-money-gesture-telling-you-pay-your-debts_1194-634451.jpg",
|
||||
},
|
||||
id: "4", name: "Tomáš Kučera", handle: "@tomas-k", testimonial: "Profesionální a velmi vstřícný přístup. Doporučuji.", imageSrc: "http://img.b2bpic.net/free-photo/making-capice-money-gesture-telling-you-pay-your-debts_1194-634451.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Veselý",
|
||||
handle: "@davidv",
|
||||
testimonial: "Kvalitní značky, které jinde v Olomouci nenajdete.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-guy-wearing-jacket-checkered-shirt-leaning-wall-looking-away_613910-21130.jpg",
|
||||
},
|
||||
id: "5", name: "David Veselý", handle: "@davidv", testimonial: "Kvalitní značky, které jinde v Olomouci nenajdete.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-guy-wearing-jacket-checkered-shirt-leaning-wall-looking-away_613910-21130.jpg"},
|
||||
]}
|
||||
title="Co říkají naši zákazníci"
|
||||
description="Přečtěte si recenze od našich spokojených klientů."
|
||||
@@ -240,47 +164,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxusní krém na holení",
|
||||
price: "499 Kč",
|
||||
variant: "Holení",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg",
|
||||
},
|
||||
id: "p1", name: "Luxusní krém na holení", price: "499 Kč", variant: "Holení", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pánská kolínská",
|
||||
price: "1 200 Kč",
|
||||
variant: "Vůně",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307318.jpg",
|
||||
},
|
||||
id: "p2", name: "Pánská kolínská", price: "1 200 Kč", variant: "Vůně", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307318.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Olej na vousy",
|
||||
price: "650 Kč",
|
||||
variant: "Vousy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435206.jpg",
|
||||
},
|
||||
id: "p3", name: "Olej na vousy", price: "650 Kč", variant: "Vousy", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435206.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Balzám po holení",
|
||||
price: "550 Kč",
|
||||
variant: "Holení",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-table_1194-639870.jpg",
|
||||
},
|
||||
id: "p4", name: "Balzám po holení", price: "550 Kč", variant: "Holení", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-table_1194-639870.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Štětka na holení",
|
||||
price: "850 Kč",
|
||||
variant: "Doplňky",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/razor-shaving-brush-folded-napkin-near-wooden-bowl-with-foam-against-blue-background_23-2148088325.jpg",
|
||||
},
|
||||
id: "p5", name: "Štětka na holení", price: "850 Kč", variant: "Doplňky", imageSrc: "http://img.b2bpic.net/free-photo/razor-shaving-brush-folded-napkin-near-wooden-bowl-with-foam-against-blue-background_23-2148088325.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pleťový čistič",
|
||||
price: "450 Kč",
|
||||
variant: "Péče",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841570.jpg",
|
||||
},
|
||||
id: "p6", name: "Pleťový čistič", price: "450 Kč", variant: "Péče", imageSrc: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841570.jpg"},
|
||||
]}
|
||||
title="Naše nabídka"
|
||||
description="Vyberte si to nejlepší pro vaše holení a péči o vousy."
|
||||
@@ -291,14 +185,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Máte dotaz nebo potřebujete poradit? Zavolejte nám na 773 163 895 nebo se zastavte na Na Vozovce 36 v Olomouci. Rádi vám pomůžeme."
|
||||
buttons={[
|
||||
{
|
||||
text: "Zavolat nyní",
|
||||
href: "tel:773163895",
|
||||
},
|
||||
text: "Zavolat nyní", href: "tel:773163895"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -308,33 +199,21 @@ export default function LandingPage() {
|
||||
logoText="Luxusní holení"
|
||||
columns={[
|
||||
{
|
||||
title: "Informace",
|
||||
items: [
|
||||
title: "Informace", items: [
|
||||
{
|
||||
label: "Domů",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Domů", href: "#hero"},
|
||||
{
|
||||
label: "Služby",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Služby", href: "#services"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Na Vozovce 36, Olomouc",
|
||||
href: "#",
|
||||
},
|
||||
label: "Na Vozovce 36, Olomouc", href: "#"},
|
||||
{
|
||||
label: "Tel: 773 163 895",
|
||||
href: "tel:773163895",
|
||||
},
|
||||
label: "Tel: 773 163 895", href: "tel:773163895"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user