2 Commits

Author SHA1 Message Date
ece8deb3ec Update src/app/page.tsx 2026-03-29 19:16:26 +00:00
997e01308a Merge version_1 into main
Merge version_1 into main
2026-03-29 19:14:53 +00:00

View File

@@ -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>