Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ece8deb3ec | |||
| 997e01308a |
285
src/app/page.tsx
285
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Domov",
|
name: "Domov", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Recenzie",
|
name: "O nás", id: "about"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "Recenzie", id: "testimonials"},
|
||||||
id: "faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Kontakt",
|
name: "FAQ", id: "faq"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="PanskaElegancia"
|
brandName="PanskaElegancia"
|
||||||
/>
|
/>
|
||||||
@@ -52,113 +44,23 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="PanskaElegancia – Kvalita, ktorú si zaslúžite"
|
title="PanskaElegancia – Kvalita, ktorú si zaslúžite"
|
||||||
description="Zhrnutie recenzií nášho e-shopu. Zistite, prečo nás 96 % zákazníkov odporúča pre naše košele, doplnky a rýchle doručenie."
|
description="Zhrnutie recenzií nášho e-shopu. Zistite, prečo nás 96 % zákazníkov odporúča pre naše košele, doplnky a rýchle doručenie."
|
||||||
leftCarouselItems={[
|
leftCarouselItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=1", imageAlt: "Mens Fashion 1" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=1",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=2", imageAlt: "Mens Fashion 2" },
|
||||||
imageAlt: "Mens Fashion 1",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=3", imageAlt: "Mens Fashion 3" }
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=2",
|
|
||||||
imageAlt: "Mens Fashion 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=3",
|
|
||||||
imageAlt: "Mens Fashion 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=4",
|
|
||||||
imageAlt: "Mens Fashion 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=5",
|
|
||||||
imageAlt: "Mens Fashion 5",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=6",
|
|
||||||
imageAlt: "Mens Fashion 6",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
rightCarouselItems={[
|
rightCarouselItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=4", imageAlt: "Mens Fashion 4" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=7",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=5", imageAlt: "Mens Fashion 5" },
|
||||||
imageAlt: "Mens Fashion 7",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=6", imageAlt: "Mens Fashion 6" }
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=8",
|
|
||||||
imageAlt: "Mens Fashion 8",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=9",
|
|
||||||
imageAlt: "Mens Fashion 9",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=10",
|
|
||||||
imageAlt: "Mens Fashion 10",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=11",
|
|
||||||
imageAlt: "Mens Fashion 11",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=12",
|
|
||||||
imageAlt: "Mens Fashion 12",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Preskúmať recenzie", href: "#testimonials" },
|
||||||
text: "Preskúmať recenzie",
|
|
||||||
href: "#testimonials",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
|
||||||
alt: "Customer 1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-man-looking-confident-suit_23-2148401459.jpg",
|
|
||||||
alt: "Customer 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14695.jpg",
|
|
||||||
alt: "Customer 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-people-working-together_23-2149636265.jpg",
|
|
||||||
alt: "Customer 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg",
|
|
||||||
alt: "Customer 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Pridajte sa k 5 000+ spokojným zákazníkom"
|
avatarText="Pridajte sa k 5 000+ spokojným zákazníkom"
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Kvalitné materiály",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Expresné doručenie",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Garancia vrátenia peňazí",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Štýlový dizajn",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Profesionálna podpora",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -167,23 +69,13 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Prečo si zákazníci vyberajú nás?"
|
title="Prečo si zákazníci vyberajú nás?"
|
||||||
description="Naším cieľom je ponúkať štýlovú a dostupnú pánsku módu s dôrazom na skvelý zákaznícky zážitok."
|
description="Naším cieľom je ponúkať štýlovú a dostupnú pánsku módu s dôrazom na skvelý zákaznícky zážitok. Zameriavame sa na kvalitu, rýchlosť a individuálny prístup ku každému zákazníkovi."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{ title: "Bleskové doručenie", description: "Väčšinu objednávok expedujeme do 24 hodín." },
|
||||||
title: "Bleskové doručenie",
|
{ title: "Ústretový servis", description: "Naša podpora je pripravená vyriešiť akýkoľvek problém obratom." },
|
||||||
description: "Vaše objednávky vybavujeme rekordne rýchlo.",
|
{ title: "Garancia spokojnosti", description: "Pre tisíce spokojných pánov sme prvou voľbou pri výbere oblečenia." },
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Ústretový servis",
|
|
||||||
description: "Rýchla komunikácia a ochota riešiť reklamácie.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Skvelé ceny",
|
|
||||||
description: "Pravidelné akcie a výhodné cenové ponuky.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-lady-blue-shirt-pants-showing-ok-gesture-looking-pleased_176474-22184.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/young-lady-blue-shirt-pants-showing-ok-gesture-looking-pleased_176474-22184.jpg"
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -193,63 +85,19 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Peter K.", role: "Zákazník", company: "Bratislava", rating: 5 },
|
||||||
id: "1",
|
{ id: "2", name: "Michal B.", role: "Zákazník", company: "Žilina", rating: 5 },
|
||||||
name: "Peter K.",
|
{ id: "3", name: "Tomáš M.", role: "Zákazník", company: "Košice", rating: 4 },
|
||||||
role: "Zákazník",
|
{ id: "4", name: "Lukáš S.", role: "Zákazník", company: "Nitra", rating: 5 },
|
||||||
company: "Bratislava",
|
{ id: "5", name: "Jakub R.", role: "Zákazník", company: "Trnava", rating: 5 },
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Michal B.",
|
|
||||||
role: "Zákazník",
|
|
||||||
company: "Žilina",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-looking-confident-suit_23-2148401459.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Tomáš M.",
|
|
||||||
role: "Zákazník",
|
|
||||||
company: "Košice",
|
|
||||||
rating: 4,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14695.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Lukáš S.",
|
|
||||||
role: "Zákazník",
|
|
||||||
company: "Nitra",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-working-together_23-2149636265.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Jakub R.",
|
|
||||||
role: "Zákazník",
|
|
||||||
company: "Trnava",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{ value: "96%", label: "Spokojnosť" },
|
||||||
value: "96%",
|
{ value: "24h", label: "Priemerná reakcia" },
|
||||||
label: "Spokojnosť",
|
{ value: "5k+", label: "Spokojní muži" },
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "24h",
|
|
||||||
label: "Priemerná reakcia",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "5k+",
|
|
||||||
label: "Spokojní muži",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Čo hovoria naši zákazníci"
|
title="Čo hovoria naši zákazníci"
|
||||||
description="Pýšime sa hodnotením spokojnosti medzi 90-96 %. Prečítajte si autentické skúsenosti."
|
description="Vysoká kvalita našich služieb sa odráža v tisíckach pozitívnych recenzií a vysokom hodnotení spokojnosti."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -258,91 +106,24 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "1", title: "Aká je doba doručenia?", content: "Objednávky odosielame bleskovo, zvyčajne do 24-48 hodín po celej SR." },
|
||||||
id: "1",
|
{ id: "2", title: "Je možná výmena tovaru?", content: "Samozrejme, na výmenu alebo vrátenie tovaru máte 14 dní bez udania dôvodu." },
|
||||||
title: "Aká je doba doručenia?",
|
{ id: "3", title: "Ako si vybrať správnu veľkosť?", content: "K dispozícii je prehľadná tabuľka veľkostí pri každom produkte, podľa ktorej ľahko zvolíte tú správnu." },
|
||||||
content: "Objednávky odosielame bleskovo, zvyčajne do 24-48 hodín.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
title: "Je možná výmena tovaru?",
|
|
||||||
content: "Áno, výmena aj vrátenie tovaru prebiehajú bez problémov.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "Ako si vybrať správnu veľkosť?",
|
|
||||||
content: "Odporúčame skontrolovať naše veľkostné tabuľky pri každom produkte.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Časté otázky"
|
title="Potrebujete poradiť?"
|
||||||
description="Potrebujete pomôcť? Tu sú odpovede na najčastejšie otázky."
|
description="Tu sú odpovede na otázky, ktoré nás zákazníci najčastejšie kladú."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="feature" data-section="feature">
|
|
||||||
<FeatureCardThree
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
title="Naša filozofia kvality"
|
|
||||||
description="Prečo sú naše produkty vnímané ako špička na trhu."
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
id: "f1",
|
|
||||||
title: "Prémiové materiály",
|
|
||||||
description: "Používame len certifikovanú bavlnu a vlnu.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=13",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Precízny strih",
|
|
||||||
description: "Modely, ktoré sadnú každej postave.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=14",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Udržateľná výroba",
|
|
||||||
description: "Etický prístup k móde v každom kroku.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19733.jpg?_wi=15",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Obchod", items: [{ label: "Domov", href: "#hero" }, { label: "Recenzie", href: "#testimonials" }] },
|
||||||
title: "Obchod",
|
{ title: "Podpora", items: [{ label: "FAQ", href: "#faq" }] },
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "O nás",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Recenzie",
|
|
||||||
href: "#testimonials",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Pomoc",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "FAQ",
|
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Kontakt",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2024 PanskaElegancia.sk"
|
bottomLeftText="© 2024 PanskaElegancia.sk"
|
||||||
bottomRightText="Všetky práva vyhradené."
|
bottomRightText="Elegantná móda pre každého muža."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user