Update src/app/page.tsx
This commit is contained in:
185
src/app/page.tsx
185
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Globe, PenTool, Video } from "lucide-react";
|
||||
import { Globe, PenTool, Video, Target, TrendingUp, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,100 +33,59 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Work", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="M STUDIO"
|
||||
brandName="Martees"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CiXxXb5SMO1XH2bzyOnZQYYXT4/uploaded-1776870380044-bi9t3b3l.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Tvoříme weby, loga a videa."
|
||||
description="Boutique creative studio. Modern design. Sharp results."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Projektů",
|
||||
},
|
||||
value: "100+", label: "Projektů"},
|
||||
{
|
||||
value: "5+",
|
||||
label: "Let zkušeností",
|
||||
},
|
||||
value: "5+", label: "Let zkušeností"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Spokojených klientů",
|
||||
},
|
||||
value: "100%", label: "Spokojených klientů"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Zjistit více",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Zjistit více", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/golden-alphabet-template_52683-6064.jpg"
|
||||
imageAlt="minimalist logo gold M"
|
||||
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/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/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-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/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",
|
||||
},
|
||||
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Í",
|
||||
},
|
||||
{ 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>
|
||||
@@ -139,19 +98,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Tvorba Webů",
|
||||
description: "Moderní webové stránky, které vypadají skvěle a fungují ještě lépe.",
|
||||
},
|
||||
title: "Tvorba Webů", description: "Moderní webové stránky, které vypadají skvěle a fungují ještě lépe."},
|
||||
{
|
||||
icon: PenTool,
|
||||
title: "Tvorba Log",
|
||||
description: "Unikátní vizuální identita, která vaši značku odliší od konkurence.",
|
||||
},
|
||||
title: "Tvorba Log", description: "Unikátní vizuální identita, která vaši značku odliší od konkurence."},
|
||||
{
|
||||
icon: Video,
|
||||
title: "Videotvorba",
|
||||
description: "Kreativní videoprodukce od scénáře až po finální střih.",
|
||||
},
|
||||
title: "Videotvorba", description: "Kreativní videoprodukce od scénáře až po finální střih."},
|
||||
]}
|
||||
title="Naše Služby"
|
||||
description="Profesionální kreativní řešení na míru vašim potřebám."
|
||||
@@ -164,9 +117,7 @@ export default function LandingPage() {
|
||||
title="Jsme mladé kreativní studio, které roste s vašimi úspěchy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Kontaktujte nás",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Kontaktujte nás", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -179,41 +130,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Corporate Identita",
|
||||
price: "Branding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800643.jpg",
|
||||
},
|
||||
id: "2", name: "Corporate Identita", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800643.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rebranding Značky",
|
||||
price: "Branding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/noir-word-black-3d-text-style_53876-124819.jpg",
|
||||
},
|
||||
id: "5", name: "Rebranding Značky", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/noir-word-black-3d-text-style_53876-124819.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Promotional Video",
|
||||
price: "Videoprodukce",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-child-girl-skatepark_1321-3939.jpg",
|
||||
},
|
||||
id: "6", name: "Promotional Video", price: "Videoprodukce", imageSrc: "http://img.b2bpic.net/free-photo/little-child-girl-skatepark_1321-3939.jpg"},
|
||||
]}
|
||||
title="Naše Práce"
|
||||
description="Výběr projektů, které nás baví."
|
||||
@@ -225,14 +152,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Alpha Tech",
|
||||
"Beta Design",
|
||||
"Gamma Studio",
|
||||
"Delta Labs",
|
||||
"Epsilon Media",
|
||||
"Zeta Group",
|
||||
"Eta Creative",
|
||||
]}
|
||||
"Alpha Tech", "Beta Design", "Gamma Studio", "Delta Labs", "Epsilon Media", "Zeta Group", "Eta Creative"]}
|
||||
title="Spolupracujeme s"
|
||||
description="Klienti, kteří nám věří."
|
||||
/>
|
||||
@@ -243,20 +163,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Jak dlouho trvá tvorba webu?",
|
||||
content: "Záleží na náročnosti, obvykle 4-8 týdnů.",
|
||||
},
|
||||
id: "1", title: "Jak dlouho trvá tvorba webu?", content: "Záleží na náročnosti, obvykle 4-8 týdnů."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Jak probíhá spolupráce?",
|
||||
content: "Úvodní konzultace, návrh, realizace, finální úpravy.",
|
||||
},
|
||||
id: "2", title: "Jak probíhá spolupráce?", content: "Úvodní konzultace, návrh, realizace, finální úpravy."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Máte zkušenosti s rebrandingem?",
|
||||
content: "Ano, máme za sebou úspěšné rebrandy mnoha značek.",
|
||||
},
|
||||
id: "3", title: "Máte zkušenosti s rebrandingem?", content: "Ano, máme za sebou úspěšné rebrandy mnoha značek."},
|
||||
]}
|
||||
sideTitle="Časté dotazy"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -271,23 +182,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Úspěšných projektů",
|
||||
id: "m1", value: "98%", description: "Retention Rate"
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45+",
|
||||
description: "Stálých klientů",
|
||||
id: "m2", value: "24/7", description: "Support Availability"
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2000+",
|
||||
description: "Odpracovaných hodin",
|
||||
id: "m3", value: "500+", description: "Launch Milestones"
|
||||
},
|
||||
]}
|
||||
title="Naše čísla"
|
||||
description="Výsledky mluví za vše."
|
||||
title="Milníky Martees"
|
||||
description="Naše růstová metrika v číslech."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -295,8 +200,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Kontakt"
|
||||
title="Pojďme vytvořit něco skvělého"
|
||||
description="Napište nám a probereme vaše plány."
|
||||
@@ -306,8 +210,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="M STUDIO"
|
||||
copyrightText="© 2025 | M STUDIO"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CiXxXb5SMO1XH2bzyOnZQYYXT4/uploaded-1776870380044-bi9t3b3l.png"
|
||||
logoText="Martees"
|
||||
copyrightText="© 2025 | Martees"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user