Merge version_1 into main #1
242
src/app/page.tsx
242
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Domů",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Obchod",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "O nás",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Domů", id: "hero" },
|
||||
{ name: "Obchod", id: "products" },
|
||||
{ name: "O nás", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="GALAXY LIGHT"
|
||||
/>
|
||||
@@ -58,34 +43,14 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Proměňte svůj pokoj v vlastní galaxii"
|
||||
description="Vytvořte jedinečnou atmosféru pomocí projektorů hvězdné oblohy a moderního ambientního osvětlení."
|
||||
buttons={[
|
||||
{
|
||||
text: "Nakupovat",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Nakupovat", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-glowing-sphere-fractal-wallpaper_1017-2737.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-colorful-lights_23-2147960140.jpg",
|
||||
alt: "Abstract colorful lights",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-abstract-space-scene-with-nebula-fictional-moon_1048-8696.jpg",
|
||||
alt: "3D abstract space scene with nebula and fictional moon",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-techno-background_1048-7484.jpg",
|
||||
alt: "Abstract techno background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/starfield-night-sky-with-tree-silhouettes_1048-8888.jpg",
|
||||
alt: "Starfield night sky with tree silhouettes",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349292.jpg",
|
||||
alt: "Neon robot vacuum cleaner",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-colorful-lights_23-2147960140.jpg", alt: "Abstract colorful lights" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-abstract-space-scene-with-nebula-fictional-moon_1048-8696.jpg", alt: "3D abstract space scene with nebula and fictional moon" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-techno-background_1048-7484.jpg", alt: "Abstract techno background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/starfield-night-sky-with-tree-silhouettes_1048-8888.jpg", alt: "Starfield night sky with tree silhouettes" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349292.jpg", alt: "Neon robot vacuum cleaner" },
|
||||
]}
|
||||
avatarText="Připojte se k tisícům spokojených vesmírných cestovatelů."
|
||||
/>
|
||||
@@ -98,42 +63,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Galaxy Projector Pro",
|
||||
price: "1 499 Kč",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349250.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Starry Night Mini",
|
||||
price: "899 Kč",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377395.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Nebula Sky Smart",
|
||||
price: "1 299 Kč",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-studio-design_23-2149275137.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Galaxy Projector Pro",
|
||||
price: "1 499 Kč",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mystery-box-with-gifts-concept_23-2150063186.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Starry Night Mini",
|
||||
price: "899 Kč",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/projector-wooden-table_23-2151978656.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Nebula Sky Smart",
|
||||
price: "1 299 Kč",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-space-sky_1048-10321.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Galaxy Projector Pro", price: "1 499 Kč", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349250.jpg" },
|
||||
{ id: "p2", name: "Starry Night Mini", price: "899 Kč", imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377395.jpg" },
|
||||
{ id: "p3", name: "Nebula Sky Smart", price: "1 299 Kč", imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-studio-design_23-2149275137.jpg" },
|
||||
{ id: "p4", name: "Galaxy Projector Pro", price: "1 499 Kč", imageSrc: "http://img.b2bpic.net/free-photo/mystery-box-with-gifts-concept_23-2150063186.jpg" },
|
||||
{ id: "p5", name: "Starry Night Mini", price: "899 Kč", imageSrc: "http://img.b2bpic.net/free-photo/projector-wooden-table_23-2151978656.jpg" },
|
||||
{ id: "p6", name: "Nebula Sky Smart", price: "1 299 Kč", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-space-sky_1048-10321.jpg" },
|
||||
]}
|
||||
title="Nejprodávanější produkty"
|
||||
description="Objevte naše nejoblíbenější modely pro dokonalou atmosféru."
|
||||
@@ -145,22 +80,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Vysoká spotřeba energie",
|
||||
"Složitá instalace",
|
||||
"Levné plastové provedení",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Nízká spotřeba LED",
|
||||
"Plug-and-play instalace",
|
||||
"Prémiové materiály",
|
||||
"Ovládání aplikací",
|
||||
"Doživotní podpora",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Vysoká spotřeba energie", "Složitá instalace", "Levné plastové provedení"] }}
|
||||
positiveCard={{ items: ["Nízká spotřeba LED", "Plug-and-play instalace", "Prémiové materiály", "Ovládání aplikací", "Doživotní podpora"] }}
|
||||
title="Proč si vybrat GALAXY LIGHT"
|
||||
description="Vlastnosti, které dělají naše projektory jedinečnými."
|
||||
/>
|
||||
@@ -172,60 +93,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jan Novák",
|
||||
role: "Gamer",
|
||||
company: "Praha",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-relaxing-home_23-2150652843.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lucie Svobodová",
|
||||
role: "Studentka",
|
||||
company: "Brno",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/space-travel-collage-design_23-2150163786.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Petr & Jana",
|
||||
role: "Pár",
|
||||
company: "Plzeň",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512117.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tomáš Dvořák",
|
||||
role: "Programátor",
|
||||
company: "Ostrava",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-studying-university-library-obtain-her-diploma_482257-126859.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Klára Marešová",
|
||||
role: "Interiérová designérka",
|
||||
company: "Liberec",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172444.jpg",
|
||||
},
|
||||
{ id: "1", name: "Jan Novák", role: "Gamer", company: "Praha", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-relaxing-home_23-2150652843.jpg" },
|
||||
{ id: "2", name: "Lucie Svobodová", role: "Studentka", company: "Brno", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/space-travel-collage-design_23-2150163786.jpg" },
|
||||
{ id: "3", name: "Petr & Jana", role: "Pár", company: "Plzeň", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512117.jpg" },
|
||||
{ id: "4", name: "Tomáš Dvořák", role: "Programátor", company: "Ostrava", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-studying-university-library-obtain-her-diploma_482257-126859.jpg" },
|
||||
{ id: "5", name: "Klára Marešová", role: "Interiérová designérka", company: "Liberec", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172444.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Spokojených zákazníků",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Průměrné hodnocení",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Rychlá expedice",
|
||||
},
|
||||
{ value: "5000+", label: "Spokojených zákazníků" },
|
||||
{ value: "4.9/5", label: "Průměrné hodnocení" },
|
||||
{ value: "24h", label: "Rychlá expedice" },
|
||||
]}
|
||||
title="Co říkají naši zákazníci"
|
||||
description="Tisíce spokojených domovů v ČR."
|
||||
@@ -236,26 +113,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Jak dlouho trvá doručení?",
|
||||
content: "Většinu objednávek expedujeme do 24 hodin a doručujeme do 2-3 pracovních dnů.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Mohu zboží vrátit?",
|
||||
content: "Ano, nabízíme 14denní možnost vrácení zboží bez udání důvodu.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Je projektor bezpečný?",
|
||||
content: "Všechny naše projektory splňují certifikace CE a RoHS pro maximální bezpečnost.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Jaké je napájení?",
|
||||
content: "Projektory jsou napájeny přes USB-C kabel, který je součástí balení.",
|
||||
},
|
||||
{ id: "f1", title: "Jak dlouho trvá doručení?", content: "Většinu objednávek expedujeme do 24 hodin a doručujeme do 2-3 pracovních dnů." },
|
||||
{ id: "f2", title: "Mohu zboží vrátit?", content: "Ano, nabízíme 14denní možnost vrácení zboží bez udání důvodu." },
|
||||
{ id: "f3", title: "Je projektor bezpečný?", content: "Všechny naše projektory splňují certifikace CE a RoHS pro maximální bezpečnost." },
|
||||
{ id: "f4", title: "Jaké je napájení?", content: "Projektory jsou napájeny přes USB-C kabel, který je součástí balení." },
|
||||
]}
|
||||
sideTitle="Často kladené dotazy"
|
||||
sideDescription="Máte otázky? Zde jsou odpovědi."
|
||||
@@ -266,9 +127,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Newsletter"
|
||||
title="Chcete slevy a novinky?"
|
||||
description="Přihlaste se k odběru novinek a získejte 10% slevu na první objednávku."
|
||||
@@ -283,41 +142,22 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Obchod",
|
||||
items: [
|
||||
{
|
||||
label: "O nás",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Obchodní podmínky",
|
||||
href: "/terms",
|
||||
},
|
||||
title: "Obchod", items: [
|
||||
{ label: "O nás", href: "/about" },
|
||||
{ label: "Kontakt", href: "/contact" },
|
||||
{ label: "Obchodní podmínky", href: "/terms" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Zákaznická podpora",
|
||||
items: [
|
||||
{
|
||||
label: "Doprava a vrácení",
|
||||
href: "/shipping",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
{
|
||||
label: "Zásady ochrany osobních údajů",
|
||||
href: "/privacy",
|
||||
},
|
||||
title: "Zákaznická podpora", items: [
|
||||
{ label: "Doprava a vrácení", href: "/shipping" },
|
||||
{ label: "FAQ", href: "/faq" },
|
||||
{ label: "Zásady ochrany osobních údajů", href: "/privacy" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 GALAXY LIGHT. Všechna práva vyhrazena."
|
||||
bottomRightText=""
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user