Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -9,10 +9,9 @@ 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 (
@@ -33,13 +32,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",          id: "hero"},
+          name: "Domů",          id: "hero"},
         {
-          name: "Services",          id: "services"},
+          name: "Služby",          id: "services"},
         {
-          name: "Work",          id: "portfolio"},
+          name: "Práce",          id: "portfolio"},
         {
-          name: "Contact",          id: "contact"},
+          name: "Kontakt",          id: "contact"},
       ]}
       brandName="Martees"
     />
@@ -50,7 +49,7 @@ export default function LandingPage() {
       background={{
         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ů"},
@@ -65,7 +64,7 @@ export default function LandingPage() {
           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"
     />
   </div>
@@ -103,27 +102,13 @@ export default function LandingPage() {
   </div>
 
   <div id="portfolio" data-section="portfolio">
-      <ProductCardOne
-      animationType="slide-up"
+      <SocialProofOne
       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í."
+      names={[
+        "Martees Instagram: martees_official", "Martees Facebook: Martees"]}
+      title="Najdete nás na sociálních sítích"
+      description="Sledujte naše aktuální projekty a novinky ze světa designu."
     />
   </div>
 
@@ -165,10 +150,10 @@ export default function LandingPage() {
           id: "m1",          value: "98%",          description: "Retention Rate"
         },
         {
-          id: "m2",          value: "24/7",          description: "Support Availability"
+          id: "m2",          value: "24/7",          description: "Dostupnost"
         },
         {
-          id: "m3",          value: "500+",          description: "Launch Milestones"
+          id: "m3",          value: "500+",          description: "Projektových milníků"
         },
       ]}
       title="Milníky Martees"
@@ -192,9 +177,13 @@ export default function LandingPage() {
       <FooterCard
       logoText="Martees"
       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>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #1A1D2E;
-  --card: #23273d;
-  --foreground: #FFFFFF;
-  --primary-cta: #F5A623;
+  --background: #f5f4f0;
+  --card: #ffffff;
+  --foreground: #1a1a1a;
+  --primary-cta: #d4af37;
   --primary-cta-text: #1A1D2E;
-  --secondary-cta: #1A1D2E;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #FFFFFF;
-  --accent: #F5A623;
-  --background-accent: #23273d;
+  --accent: #d4af37;
+  --background-accent: #f3e5ab;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);