Merge version_14 into main

Merge version_14 into main

src/app/about/page.tsx

@@ -9,6 +9,41 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 import { Clock, Sparkles, Star } from "lucide-react";
 
 export default function AboutPage() {
+  const commonNavItems = [
+    { name: "Domov", id: "/" },
+    { name: "Práca", id: "/#work" },
+    { name: "Služby", id: "/services" },
+    { name: "O nás", id: "/about" },
+    { name: "Kontakt", id: "/contact" }
+  ];
+
+  const commonFooterColumnsEnglish = [
+    {
+      title: "Company",      items: [
+        { label: "About", href: "/about" },
+        { label: "Services", href: "/services" },
+        { label: "Work", href: "/#work" },
+        { label: "Contact", href: "/contact" }
+      ]
+    },
+    {
+      title: "Services",      items: [
+        { label: "Web Development", href: "/services" },
+        { label: "SEO", href: "/services" },
+        { label: "Branding", href: "/services" },
+        { label: "UI/UX Design", href: "/services" }
+      ]
+    },
+    {
+      title: "Connect",      items: [
+        { label: "Twitter", href: "/#" },
+        { label: "LinkedIn", href: "/#" },
+        { label: "Instagram", href: "/#" },
+        { label: "Dribbble", href: "/#" }
+      ]
+    }
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -25,13 +60,7 @@ export default function AboutPage() {
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="Grow With Social"
-          navItems={[
+          navItems={commonNavItems}
-            { name: "Domov", id: "/" },
-            { name: "Práca", id: "/#work" },
-            { name: "Služby", id: "/services" },
-            { name: "O nás", id: "/about" },
-            { name: "Kontakt", id: "/contact" }
-          ]}
         />
 
         <AboutMetric
@@ -50,34 +79,9 @@ export default function AboutPage() {
         <FooterBase
           logoText="Grow With Social"
           copyrightText="© 2026 | Grow With Social"
-          columns={[
+          columns={commonFooterColumnsEnglish}
-            {
-              title: "Company",              items: [
-                { label: "About", href: "/about" },
-                { label: "Services", href: "/services" },
-                { label: "Work", href: "/#work" },
-                { label: "Contact", href: "/contact" },
-              ],
-            },
-            {
-              title: "Services",              items: [
-                { label: "Web Development", href: "/services" },
-                { label: "SEO", href: "/services" },
-                { label: "Branding", href: "/services" },
-                { label: "UI/UX Design", href: "/services" },
-              ],
-            },
-            {
-              title: "Connect",              items: [
-                { label: "Twitter", href: "/#" },
-                { label: "LinkedIn", href: "/#" },
-                { label: "Instagram", href: "/#" },
-                { label: "Dribbble", href: "/#" },
-              ],
-            },
-          ]}
         />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -8,6 +8,41 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 import { Mail, Phone, Instagram } from "lucide-react"; // Import Lucide icons
 
 export default function ContactPage() {
+  const commonNavItems = [
+    { name: "Domov", id: "/" },
+    { name: "Práca", id: "/#work" },
+    { name: "Služby", id: "/services" },
+    { name: "O nás", id: "/about" },
+    { name: "Kontakt", id: "/contact" }
+  ];
+
+  const commonFooterColumnsEnglish = [
+    {
+      title: "Company",      items: [
+        { label: "About", href: "/about" },
+        { label: "Services", href: "/services" },
+        { label: "Work", href: "/#work" },
+        { label: "Contact", href: "/contact" }
+      ]
+    },
+    {
+      title: "Services",      items: [
+        { label: "Web Development", href: "/services" },
+        { label: "SEO", href: "/services" },
+        { label: "Branding", href: "/services" },
+        { label: "UI/UX Design", href: "/services" }
+      ]
+    },
+    {
+      title: "Connect",      items: [
+        { label: "Twitter", href: "/#" },
+        { label: "LinkedIn", href: "/#" },
+        { label: "Instagram", href: "/#" },
+        { label: "Dribbble", href: "/#" }
+      ]
+    }
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -24,13 +59,7 @@ export default function ContactPage() {
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="Grow With Social"
-          navItems={[
+          navItems={commonNavItems}
-            { name: "Domov", id: "/" },
-            { name: "Práca", id: "/#work" },
-            { name: "Služby", id: "/services" },
-            { name: "O nás", id: "/about" },
-            { name: "Kontakt", id: "/contact" }
-          ]}
         />
 
         <ContactSplitForm
@@ -77,34 +106,9 @@ export default function ContactPage() {
         <FooterBase
           logoText="Grow With Social"
           copyrightText="© 2026 | Grow With Social"
-          columns={[
+          columns={commonFooterColumnsEnglish}
-            {
-              title: "Company",              items: [
-                { label: "About", href: "/about" },
-                { label: "Services", href: "/services" },
-                { label: "Work", href: "/#work" },
-                { label: "Contact", href: "/contact" },
-              ],
-            },
-            {
-              title: "Services",              items: [
-                { label: "Web Development", href: "/services" },
-                { label: "SEO", href: "/services" },
-                { label: "Branding", href: "/services" },
-                { label: "UI/UX Design", href: "/services" },
-              ],
-            },
-            {
-              title: "Connect",              items: [
-                { label: "Twitter", href: "/#" },
-                { label: "LinkedIn", href: "/#" },
-                { label: "Instagram", href: "/#" },
-                { label: "Dribbble", href: "/#" },
-              ],
-            },
-          ]}
         />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -8,6 +8,9 @@ import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Raleway } from "next/font/google";
 import { Poppins } from "next/font/google";
 import { Montserrat } from "next/font/google";
+import { DM_Sans } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";
+import { Manrope } from "next/font/google";
 
 
 
@@ -18,12 +21,11 @@ export const metadata: Metadata = {
 
 
 
-const montserrat = Montserrat({
+
-  variable: "--font-montserrat",
+
-  subsets: ["latin"],
+
-});
+const manrope = Manrope({
-const inter = Inter({
+  variable: "--font-manrope",
-  variable: "--font-inter",
   subsets: ["latin"],
 });
 
@@ -35,7 +37,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${montserrat.variable} ${inter.variable} antialiased`}>
+        <body className={`${manrope.variable} antialiased`}>
           
           {children}
           <script

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
 }