Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 33bdbef6cc | |||
| 6f90f0170b |
180
src/app/page.tsx
180
src/app/page.tsx
@@ -33,101 +33,40 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Work",
|
name: "Work", id: "portfolio"},
|
||||||
id: "portfolio",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="M STUDIO"
|
brandName="Martees"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Tvoříme weby, loga a videa."
|
title="Tvoříme weby, loga a videa."
|
||||||
description="Boutique creative studio. Modern design. Sharp results."
|
description="Boutique creative studio. Modern design. Sharp results."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{
|
||||||
value: "100+",
|
value: "100+", label: "Projektů"},
|
||||||
label: "Projektů",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "5+",
|
value: "5+", label: "Let zkušeností"},
|
||||||
label: "Let zkušeností",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "100%",
|
value: "100%", label: "Spokojených klientů"},
|
||||||
label: "Spokojených klientů",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Zjistit více",
|
text: "Zjistit více", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-vector/golden-alphabet-template_52683-6064.jpg"
|
imageSrc="http://img.b2bpic.net/free-vector/golden-alphabet-template_52683-6064.jpg"
|
||||||
imageAlt="minimalist logo gold M"
|
imageAlt="minimalist logo gold M"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-vector/golden-alphabet-round-frame-logo-branding-design_25819-747.jpg",
|
|
||||||
alt: "Golden alphabet in round frame",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-vector/creative-2022-text-new-year-banner-design_1017-35395.jpg",
|
|
||||||
alt: "Creative 2022 banner",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-vector/golden-alphabet-template_52683-6007.jpg",
|
|
||||||
alt: "Golden alphabet template",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-vector/golden-minimalist-furniture-logo_23-2148463709.jpg",
|
|
||||||
alt: "Golden minimalist furniture logo",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-vector/logo-luxury-design-gradient-illustration_483537-1216.jpg",
|
|
||||||
alt: "Logo luxury design",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "KREATIVNÍ STUDIO",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "MODERNÍ DESIGN",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "PRÉMIOVÁ KVALITA",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "PROFESIONÁLNÍ PŘÍSTUP",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "DIGITÁLNÍ ŘEŠENÍ",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -139,19 +78,13 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
icon: Globe,
|
icon: Globe,
|
||||||
title: "Tvorba Webů",
|
title: "Tvorba Webů", description: "Moderní webové stránky, které vypadají skvěle a fungují ještě lépe."},
|
||||||
description: "Moderní webové stránky, které vypadají skvěle a fungují ještě lépe.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: PenTool,
|
icon: PenTool,
|
||||||
title: "Tvorba Log",
|
title: "Tvorba Log", description: "Unikátní vizuální identita, která vaši značku odliší od konkurence."},
|
||||||
description: "Unikátní vizuální identita, která vaši značku odliší od konkurence.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Video,
|
icon: Video,
|
||||||
title: "Videotvorba",
|
title: "Videotvorba", description: "Kreativní videoprodukce od scénáře až po finální střih."},
|
||||||
description: "Kreativní videoprodukce od scénáře až po finální střih.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Naše Služby"
|
title="Naše Služby"
|
||||||
description="Profesionální kreativní řešení na míru vašim potřebám."
|
description="Profesionální kreativní řešení na míru vašim potřebám."
|
||||||
@@ -164,9 +97,7 @@ export default function LandingPage() {
|
|||||||
title="Jsme mladé kreativní studio, které roste s vašimi úspěchy."
|
title="Jsme mladé kreativní studio, které roste s vašimi úspěchy."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Kontaktujte nás",
|
text: "Kontaktujte nás", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -179,41 +110,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Moderní Web UI", price: "Web Design", imageSrc: "http://img.b2bpic.net/free-photo/med-school-pupil-works-his-thesis-isolated-mockup-screen_482257-117758.jpg"},
|
||||||
name: "Moderní Web UI",
|
|
||||||
price: "Web Design",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/med-school-pupil-works-his-thesis-isolated-mockup-screen_482257-117758.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Corporate Identita", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800643.jpg"},
|
||||||
name: "Corporate Identita",
|
|
||||||
price: "Branding",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800643.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Image Spot", price: "Videoprodukce", imageSrc: "http://img.b2bpic.net/free-photo/creative-team-interracial-partners-collaborating-video-editing-project_482257-124596.jpg"},
|
||||||
name: "Image Spot",
|
|
||||||
price: "Videoprodukce",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-team-interracial-partners-collaborating-video-editing-project_482257-124596.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "E-commerce Řešení", price: "Web Design", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345419.jpg"},
|
||||||
name: "E-commerce Řešení",
|
|
||||||
price: "Web Design",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345419.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Rebranding Značky", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/noir-word-black-3d-text-style_53876-124819.jpg"},
|
||||||
name: "Rebranding Značky",
|
|
||||||
price: "Branding",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/noir-word-black-3d-text-style_53876-124819.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "Promotional Video", price: "Videoprodukce", imageSrc: "http://img.b2bpic.net/free-photo/little-child-girl-skatepark_1321-3939.jpg"},
|
||||||
name: "Promotional Video",
|
|
||||||
price: "Videoprodukce",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/little-child-girl-skatepark_1321-3939.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Naše Práce"
|
title="Naše Práce"
|
||||||
description="Výběr projektů, které nás baví."
|
description="Výběr projektů, které nás baví."
|
||||||
@@ -225,14 +132,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Alpha Tech",
|
"Alpha Tech", "Beta Design", "Gamma Studio", "Delta Labs", "Epsilon Media", "Zeta Group", "Eta Creative"]}
|
||||||
"Beta Design",
|
|
||||||
"Gamma Studio",
|
|
||||||
"Delta Labs",
|
|
||||||
"Epsilon Media",
|
|
||||||
"Zeta Group",
|
|
||||||
"Eta Creative",
|
|
||||||
]}
|
|
||||||
title="Spolupracujeme s"
|
title="Spolupracujeme s"
|
||||||
description="Klienti, kteří nám věří."
|
description="Klienti, kteří nám věří."
|
||||||
/>
|
/>
|
||||||
@@ -243,20 +143,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Jak dlouho trvá tvorba webu?", content: "Záleží na náročnosti, obvykle 4-8 týdnů."},
|
||||||
title: "Jak dlouho trvá tvorba webu?",
|
|
||||||
content: "Záleží na náročnosti, obvykle 4-8 týdnů.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Jak probíhá spolupráce?", content: "Úvodní konzultace, návrh, realizace, finální úpravy."},
|
||||||
title: "Jak probíhá spolupráce?",
|
|
||||||
content: "Úvodní konzultace, návrh, realizace, finální úpravy.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Máte zkušenosti s rebrandingem?", content: "Ano, máme za sebou úspěšné rebrandy mnoha značek."},
|
||||||
title: "Máte zkušenosti s rebrandingem?",
|
|
||||||
content: "Ano, máme za sebou úspěšné rebrandy mnoha značek.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Časté dotazy"
|
sideTitle="Časté dotazy"
|
||||||
faqsAnimation="blur-reveal"
|
faqsAnimation="blur-reveal"
|
||||||
@@ -271,23 +162,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "98%", description: "Retention Rate"
|
||||||
value: "150+",
|
|
||||||
description: "Úspěšných projektů",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "24/7", description: "Support Availability"
|
||||||
value: "45+",
|
|
||||||
description: "Stálých klientů",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "500+", description: "Launch Milestones"
|
||||||
value: "2000+",
|
|
||||||
description: "Odpracovaných hodin",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Naše čísla"
|
title="Milníky Martees"
|
||||||
description="Výsledky mluví za vše."
|
description="Naše růstová metrika v číslech."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -295,8 +180,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
tag="Kontakt"
|
tag="Kontakt"
|
||||||
title="Pojďme vytvořit něco skvělého"
|
title="Pojďme vytvořit něco skvělého"
|
||||||
description="Napište nám a probereme vaše plány."
|
description="Napište nám a probereme vaše plány."
|
||||||
@@ -306,8 +190,8 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterCard
|
<FooterCard
|
||||||
logoText="M STUDIO"
|
logoText="Martees"
|
||||||
copyrightText="© 2025 | M STUDIO"
|
copyrightText="© 2025 | Martees"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user