Update src/app/page.tsx
This commit is contained in:
191
src/app/page.tsx
191
src/app/page.tsx
@@ -30,27 +30,17 @@ 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: "Výhody",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Výhody", id: "why-us"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Snapsite"
|
||||
button={{
|
||||
text: "Chci web",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Chci web", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,102 +48,54 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Získejte moderní web, který přivádí zákazníky"
|
||||
description="Profesionální webdesign na míru pro vaše podnikání. Rychle, přehledně a s důrazem na výsledek."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Petr Novák",
|
||||
handle: "@podnikatel",
|
||||
testimonial: "Skvělá spolupráce, web předčil moje očekávání.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1t3i1k&_wi=1",
|
||||
imageAlt: "web design background illustration",
|
||||
},
|
||||
name: "Petr Novák", handle: "@podnikatel", testimonial: "Skvělá spolupráce, web předčil moje očekávání.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1t3i1k", imageAlt: "web design background illustration"},
|
||||
{
|
||||
name: "Jana Svobodová",
|
||||
handle: "@marketing",
|
||||
testimonial: "Profesionální přístup a bleskové dodání.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qdcggg&_wi=1",
|
||||
imageAlt: "web design background illustration",
|
||||
},
|
||||
name: "Jana Svobodová", handle: "@marketing", testimonial: "Profesionální přístup a bleskové dodání.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qdcggg", imageAlt: "web design background illustration"},
|
||||
{
|
||||
name: "Martin Dvořák",
|
||||
handle: "@startup",
|
||||
testimonial: "Konečně web, který vypadá moderně a prodává.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=drevs3&_wi=1",
|
||||
imageAlt: "web design background illustration",
|
||||
},
|
||||
name: "Martin Dvořák", handle: "@startup", testimonial: "Konečně web, který vypadá moderně a prodává.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=drevs3", imageAlt: "web design background illustration"},
|
||||
{
|
||||
name: "Lucie Černá",
|
||||
handle: "@design",
|
||||
testimonial: "Výborná komunikace a cit pro detail.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p3b969&_wi=1",
|
||||
imageAlt: "web design background illustration",
|
||||
},
|
||||
name: "Lucie Černá", handle: "@design", testimonial: "Výborná komunikace a cit pro detail.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p3b969", imageAlt: "web design background illustration"},
|
||||
{
|
||||
name: "Tomáš Marek",
|
||||
handle: "@tech",
|
||||
testimonial: "Rychlost, jakou web vytvořili, je neuvěřitelná.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3t56yt&_wi=1",
|
||||
imageAlt: "web design background illustration",
|
||||
},
|
||||
name: "Tomáš Marek", handle: "@tech", testimonial: "Rychlost, jakou web vytvořili, je neuvěřitelná.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3t56yt", imageAlt: "web design background illustration"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Chci nezávaznou nabídku",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Chci nezávaznou nabídku", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1t3i1k&_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1t3i1k"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://hero-avatar-1",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "asset://hero-avatar-1", alt: "Client 1"},
|
||||
{
|
||||
src: "asset://hero-avatar-2",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "asset://hero-avatar-2", alt: "Client 2"},
|
||||
{
|
||||
src: "asset://hero-avatar-3",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "asset://hero-avatar-3", alt: "Client 3"},
|
||||
{
|
||||
src: "asset://hero-avatar-4",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "asset://hero-avatar-4", alt: "Client 4"},
|
||||
{
|
||||
src: "asset://hero-avatar-5",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "asset://hero-avatar-5", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Responsivní design",
|
||||
},
|
||||
type: "text", text: "Responsivní design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO optimalizace",
|
||||
},
|
||||
type: "text", text: "SEO optimalizace"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rychlost načítání",
|
||||
},
|
||||
type: "text", text: "Rychlost načítání"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Intuitivní UX",
|
||||
},
|
||||
type: "text", text: "Intuitivní UX"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bezpečnostní standardy",
|
||||
},
|
||||
type: "text", text: "Bezpečnostní standardy"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,49 +107,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Tvorba webu na míru",
|
||||
description: "Web navržený přesně podle vašich potřeb.",
|
||||
icon: Monitor,
|
||||
title: "Tvorba webu na míru", description: "Web navržený přesně podle vašich potřeb.", icon: Monitor,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qdcggg&_wi=2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qdcggg"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3t56yt&_wi=2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3t56yt"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1t3i1k&_wi=3",
|
||||
imageAlt: "web development icon flat",
|
||||
},
|
||||
{
|
||||
title: "Rychlé dodání",
|
||||
description: "Váš nový web může běžet už do dvou týdnů.",
|
||||
icon: Zap,
|
||||
title: "Rychlé dodání", description: "Váš nový web může běžet už do dvou týdnů.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=drevs3&_wi=2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=drevs3"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=45zjoi",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=45zjoi"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p3b969&_wi=2",
|
||||
imageAlt: "web development icon flat",
|
||||
},
|
||||
{
|
||||
title: "Moderní mobilní design",
|
||||
description: "Perfektní zobrazení na všech zařízeních.",
|
||||
icon: Smartphone,
|
||||
title: "Moderní mobilní design", description: "Perfektní zobrazení na všech zařízeních.", icon: Smartphone,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zp30br",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zp30br"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1t3i1k&_wi=4",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1t3i1k"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qdcggg&_wi=3",
|
||||
imageAlt: "web development icon flat",
|
||||
},
|
||||
]}
|
||||
title="Naše služby"
|
||||
@@ -223,25 +147,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Férová cena",
|
||||
title: "Transparentnost",
|
||||
description: "Žádné skryté poplatky, jasná kalkulace.",
|
||||
icon: CheckCircle,
|
||||
id: "1", value: "Férová cena", title: "Transparentnost", description: "Žádné skryté poplatky, jasná kalkulace.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Komunikace",
|
||||
title: "Jednoduchost",
|
||||
description: "Domluvíme se lidsky a srozumitelně.",
|
||||
icon: MessageSquare,
|
||||
id: "2", value: "Komunikace", title: "Jednoduchost", description: "Domluvíme se lidsky a srozumitelně.", icon: MessageSquare,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "2 týdny",
|
||||
title: "Rychlost",
|
||||
description: "Dodržujeme stanovené termíny.",
|
||||
icon: Calendar,
|
||||
id: "3", value: "2 týdny", title: "Rychlost", description: "Dodržujeme stanovené termíny.", icon: Calendar,
|
||||
},
|
||||
]}
|
||||
title="Proč si vybrat nás"
|
||||
@@ -259,14 +171,10 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Kreativní přístup",
|
||||
description: "Navrhujeme weby, které vás odliší od konkurence.",
|
||||
icon: Palette,
|
||||
title: "Kreativní přístup", description: "Navrhujeme weby, které vás odliší od konkurence.", icon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Technologická zdatnost",
|
||||
description: "Používáme nejmodernější nástroje pro rychlost a výkon.",
|
||||
icon: Code,
|
||||
title: "Technologická zdatnost", description: "Používáme nejmodernější nástroje pro rychlost a výkon.", icon: Code,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -276,16 +184,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Kontaktujte nás"
|
||||
title="Máte zájem o spolupráci?"
|
||||
description="Pošlete nám svou poptávku a my se vám ozveme zpět."
|
||||
buttons={[
|
||||
{
|
||||
text: "Odeslat poptávku",
|
||||
href: "#",
|
||||
},
|
||||
text: "Odeslat poptávku", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -294,13 +199,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Snapsite"
|
||||
leftLink={{
|
||||
text: "snapsite@gmail.com",
|
||||
href: "mailto:snapsite@gmail.com",
|
||||
}}
|
||||
text: "snapsite@gmail.com", href: "mailto:snapsite@gmail.com"}}
|
||||
rightLink={{
|
||||
text: "© 2024 Snapsite",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2024 Snapsite", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user