Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -7,12 +7,10 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-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, Instagram, Facebook } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,102 +30,29 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Domů", id: "hero" },
-          name: "Home",
+        { name: "Služby", id: "services" },
-          id: "hero",
+        { name: "Kontakt", id: "contact" },
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Work",
-          id: "portfolio",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
-      brandName="M STUDIO"
+      brandName="Martees"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Tvoříme weby, loga a videa."
-      description="Boutique creative studio. Modern design. Sharp results."
+      description="Boutique kreativní studio. Moderní design. Precizní výsledky."
       kpis={[
-        {
+        { value: "100+", label: "Projektů" },
-          value: "100+",
+        { value: "5+", label: "Let zkušeností" },
-          label: "Projektů",
+        { value: "100%", label: "Spokojených klientů" },
-        },
-        {
-          value: "5+",
-          label: "Let zkušeností",
-        },
-        {
-          value: "100%",
-          label: "Spokojených klientů",
-        },
       ]}
       enableKpiAnimation={true}
-      buttons={[
+      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"
+      imageAlt="minimalistické logo Martees zlaté 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/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>
 
@@ -137,21 +62,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { icon: Globe, title: "Tvorba Webů", description: "Moderní webové stránky, které vypadají skvěle a fungují ještě lépe." },
-          icon: Globe,
+        { icon: PenTool, title: "Tvorba Log", description: "Unikátní vizuální identita, která vaši značku odliší od konkurence." },
-          title: "Tvorba Webů",
+        { icon: Video, title: "Videotvorba", description: "Kreativní videoprodukce od scénáře až po finální střih." },
-          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.",
-        },
-        {
-          icon: Video,
-          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."
@@ -161,80 +74,8 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={false}
-      title="Jsme mladé kreativní studio, které roste s vašimi úspěchy."
+      title="Jsme mladé kreativní studio, které roste s vašimi úspěchy. Začínáme jako malý tým s velkými ambicemi."
-      buttons={[
+      buttons={[{ text: "Kontaktujte nás", href: "#contact" }]}
-        {
-          text: "Kontaktujte nás",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="portfolio" data-section="portfolio">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      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: "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: "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: "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í."
-    />
-  </div>
-
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Alpha Tech",
-        "Beta Design",
-        "Gamma Studio",
-        "Delta Labs",
-        "Epsilon Media",
-        "Zeta Group",
-        "Eta Creative",
-      ]}
-      title="Spolupracujeme s"
-      description="Klienti, kteří nám věří."
     />
   </div>
 
@@ -242,61 +83,18 @@ export default function LandingPage() {
       <FaqSplitText
       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",
+        { id: "2", title: "Jak probíhá spolupráce?", content: "Úvodní konzultace, návrh, realizace, finální úpravy." },
-          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: "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"
     />
   </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          description: "Úspěšných projektů",
-        },
-        {
-          id: "m2",
-          value: "45+",
-          description: "Stálých klientů",
-        },
-        {
-          id: "m3",
-          value: "2000+",
-          description: "Odpracovaných hodin",
-        },
-      ]}
-      title="Naše čísla"
-      description="Výsledky mluví za vše."
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      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 +104,12 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterCard
-      logoText="M STUDIO"
+      logoText="Martees"
-      copyrightText="© 2025 | M STUDIO"
+      copyrightText="© 2025 | Martees"
+      socialLinks={[
+          { icon: Instagram, href: "https://instagram.com/martees_official", ariaLabel: "Instagram" },
+          { icon: Facebook, href: "https://facebook.com/Martees", ariaLabel: "Facebook" }
+      ]}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #1A1D2E;
+  --background: #ffffff;
-  --card: #23273d;
+  --card: #f9f9f9;
-  --foreground: #FFFFFF;
+  --foreground: #000612e6;
-  --primary-cta: #F5A623;
+  --primary-cta: #15479c;
-  --primary-cta-text: #1A1D2E;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #1A1D2E;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #FFFFFF;
+  --secondary-cta-text: #000612e6;
-  --accent: #F5A623;
+  --accent: #e2e2e2;
-  --background-accent: #23273d;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);