2 Commits

Author SHA1 Message Date
33bdbef6cc Update src/app/page.tsx 2026-04-22 15:07:07 +00:00
6f90f0170b Update src/app/page.tsx 2026-04-22 15:06:34 +00:00

View File

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