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
|
||||
navItems={[
|
||||
{
|
||||
name: "Domov",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Domov", id: "hero"},
|
||||
{
|
||||
name: "Recenzie",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "O nás", id: "about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Recenzie", id: "testimonials"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="PanskaElegancia"
|
||||
/>
|
||||
@@ -52,113 +44,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
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."
|
||||
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=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",
|
||||
},
|
||||
{ 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=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" }
|
||||
]}
|
||||
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=7",
|
||||
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=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",
|
||||
},
|
||||
{ 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" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ text: "Preskúmať recenzie", href: "#testimonials" },
|
||||
]}
|
||||
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>
|
||||
|
||||
@@ -167,23 +69,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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={[
|
||||
{
|
||||
title: "Bleskové doručenie",
|
||||
description: "Vaše objednávky vybavujeme rekordne rýchlo.",
|
||||
},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
{ title: "Bleskové doručenie", description: "Väčšinu objednávok expedujeme do 24 hodín." },
|
||||
{ title: "Ústretový servis", description: "Naša podpora je pripravená vyriešiť akýkoľvek problém obratom." },
|
||||
{ title: "Garancia spokojnosti", description: "Pre tisíce spokojných pánov sme prvou voľbou pri výbere oblečenia." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-lady-blue-shirt-pants-showing-ok-gesture-looking-pleased_176474-22184.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -193,63 +85,19 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Peter K.",
|
||||
role: "Zákazník",
|
||||
company: "Bratislava",
|
||||
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",
|
||||
},
|
||||
{ id: "1", name: "Peter K.", role: "Zákazník", company: "Bratislava", rating: 5 },
|
||||
{ id: "2", name: "Michal B.", role: "Zákazník", company: "Žilina", rating: 5 },
|
||||
{ id: "3", name: "Tomáš M.", role: "Zákazník", company: "Košice", rating: 4 },
|
||||
{ id: "4", name: "Lukáš S.", role: "Zákazník", company: "Nitra", rating: 5 },
|
||||
{ id: "5", name: "Jakub R.", role: "Zákazník", company: "Trnava", rating: 5 },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "96%",
|
||||
label: "Spokojnosť",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Priemerná reakcia",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Spokojní muži",
|
||||
},
|
||||
{ value: "96%", label: "Spokojnosť" },
|
||||
{ value: "24h", label: "Priemerná reakcia" },
|
||||
{ value: "5k+", label: "Spokojní muži" },
|
||||
]}
|
||||
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>
|
||||
|
||||
@@ -258,91 +106,24 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Aká je doba doručenia?",
|
||||
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.",
|
||||
},
|
||||
{ id: "1", title: "Aká je doba doručenia?", content: "Objednávky odosielame bleskovo, zvyčajne do 24-48 hodín po celej SR." },
|
||||
{ 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." },
|
||||
{ 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." },
|
||||
]}
|
||||
title="Časté otázky"
|
||||
description="Potrebujete pomôcť? Tu sú odpovede na najčastejšie otázky."
|
||||
title="Potrebujete poradiť?"
|
||||
description="Tu sú odpovede na otázky, ktoré nás zákazníci najčastejšie kladú."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</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">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Obchod",
|
||||
items: [
|
||||
{
|
||||
label: "O nás",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Recenzie",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Pomoc",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Obchod", items: [{ label: "Domov", href: "#hero" }, { label: "Recenzie", href: "#testimonials" }] },
|
||||
{ title: "Podpora", items: [{ label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 PanskaElegancia.sk"
|
||||
bottomRightText="Všetky práva vyhradené."
|
||||
bottomRightText="Elegantná móda pre každého muža."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user