Update src/app/page.tsx

Merge version_5 into main

src/app/about/page.tsx

@@ -26,13 +26,12 @@ export default function AboutPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Grow With Social"
           navItems={[
-            { name: "Home", id: "/" },
-            { name: "Work", id: "/#work" },
-            { name: "Services", id: "/#services" },
-            { name: "About", id: "/about" },
-            { name: "Contact", id: "/contact" }
+            { name: "Domov", id: "/" },
+            { name: "Práca", id: "/#work" },
+            { name: "Služby", id: "/#services" },
+            { name: "O nás", id: "/about" },
+            { name: "Kontakt", id: "/contact" }
           ]}
-          button={{ text: "Get Started", href: "/contact" }}
         />
 
         <AboutMetric
@@ -54,11 +53,11 @@ export default function AboutPage() {
           animationType="slide-up"
           gridVariant="uniform-all-items-equal"
           members={[
-            { id: "1", name: "Sarah Miller", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Sarah Miller" },
-            { id: "2", name: "Valentina Reyes", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "Valentina Reyes" },
-            { id: "3", name: "Carlos Mendoza", role: "UX Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Carlos Mendoza" },
-            { id: "4", name: "Emily Chen", role: "Marketing Strategist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-4.webp", imageAlt: "Emily Chen" },
-            { id: "5", name: "David Lee", role: "Project Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-5.webp", imageAlt: "David Lee" }
+            { id: "1", name: "Sarah Miller", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp?_wi=1", imageAlt: "Sarah Miller" },
+            { id: "2", name: "Valentina Reyes", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp?_wi=1", imageAlt: "Valentina Reyes" },
+            { id: "3", name: "Carlos Mendoza", role: "UX Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp?_wi=1", imageAlt: "Carlos Mendoza" },
+            { id: "4", name: "Emily Chen", role: "Marketing Strategist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-4.webp?_wi=1", imageAlt: "Emily Chen" },
+            { id: "5", name: "David Lee", role: "Project Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-5.webp?_wi=1", imageAlt: "David Lee" }
           ]}
         />
 

src/app/contact/page.tsx

@@ -24,13 +24,12 @@ export default function ContactPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Grow With Social"
           navItems={[
-            { name: "Home", id: "/" },
-            { name: "Work", id: "/#work" },
-            { name: "Services", id: "/#services" },
-            { name: "About", id: "/about" },
-            { name: "Contact", id: "/contact" }
+            { name: "Domov", id: "/" },
+            { name: "Práca", id: "/#work" },
+            { name: "Služby", id: "/#services" },
+            { name: "O nás", id: "/about" },
+            { name: "Kontakt", id: "/contact" }
           ]}
-          button={{ text: "Get Started", href: "/contact" }}
         />
 
         <ContactSplit
@@ -39,7 +38,6 @@ export default function ContactPage() {
           description="Tell us about your ideas, and we'll help you bring them to life. Reach out today for a consultation."
           background={{ variant: "rotated-rays-animated" }}
           mediaPosition="right"
-          buttonText="Send Message"
           inputPlaceholder="Your Email Address"
           useInvertedBackground={false}
           onSubmit={(email) => console.log("Contact form submitted with email:", email)}

src/app/layout.tsx

@@ -5,23 +5,28 @@ import "./globals.css";
 import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 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";
 
-const halant = Halant({
-  variable: "--font-halant",
-  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
 
-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});
 
 export const metadata: Metadata = {
   title: 'PixelPerfect Agency | Web Design & Development',
   description: 'Transform your online presence with PixelPerfect Agency. We craft stunning, high-performance websites tailored to your brand\'s unique vision and goals.',
 };
 
+
+
+const montserrat = Montserrat({
+  variable: "--font-montserrat",
+  subsets: ["latin"],
+});
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -30,9 +35,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} antialiased`}
-        >
+        <body className={`${montserrat.variable} ${inter.variable} antialiased`}>
           
           {children}
           <script

src/app/page.tsx

@@ -12,7 +12,7 @@ import TeamCardFive from "@/components/sections/team/TeamCardFive";
 import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
+import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
 import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
 
 export default function WebAgency2Page() {
@@ -33,12 +33,11 @@ export default function WebAgency2Page() {
         <NavbarLayoutFloatingOverlay
           brandName="Grow With Social"
           navItems={[
-            { name: "Práca", id: "work" },
-            { name: "Služby", id: "services" },
-            { name: "O nás", id: "about" },
-            { name: "Kontakt", id: "contact" },
+            { name: "Práca", id: "#work" },
+            { name: "Služby", id: "#services" },
+            { name: "O nás", id: "/about" },
+            { name: "Kontakt", id: "/contact" },
           ]}
-          button={{ text: "Začať", href: "#contact" }}
         />
         <HeroSplitDoubleCarousel
           title="Tvoríme digitálne zážitky"
@@ -47,10 +46,7 @@ export default function WebAgency2Page() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           background={{ variant: "canvas-reveal" }}
-          buttons={[
-            { text: "Začať projekt", href: "#contact" },
-            { text: "Zobraziť prácu", href: "#work" },
-          ]}
+          buttons={[]}
           buttonAnimation="slide-up"
           carouselPosition="right"
           leftCarouselItems={[
@@ -74,7 +70,7 @@ export default function WebAgency2Page() {
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
-          buttons={[{ text: "Všetky služby", href: "#services" }]}
+          buttons={[]}
           buttonAnimation="slide-up"
           features={[
             {
@@ -83,9 +79,9 @@ export default function WebAgency2Page() {
             },
             {
               title: "Vývoj webu",              description: "Webové stránky na mieru, ktoré sú rýchle, responzívne a navrhnuté na konverziu.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Webový projekt - Platforma AgentFlow AI" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Webový projekt - Architektonické štúdio" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp", imageAlt: "Webový projekt - Summit Roofing" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp?_wi=1", imageAlt: "Webový projekt - Platforma AgentFlow AI" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp?_wi=1", imageAlt: "Webový projekt - Architektonické štúdio" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp?_wi=1", imageAlt: "Webový projekt - Summit Roofing" },
               ],
             },
             {
@@ -95,6 +91,23 @@ export default function WebAgency2Page() {
                 { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp?_wi=2", imageAlt: "Projekt značky 3" },
               ],
             },
+            {
+              title: "Tvorba web stránok a redizajn",              description: "Navrhujeme a vyvíjame moderné, responzívne webové stránky a prepracovávame existujúce pre lepší výkon.",              bentoComponent: "media-stack",              items: [
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp?_wi=2", imageAlt: "Web development project - AgentFlow AI Platform" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp?_wi=2", imageAlt: "Web development project - Architectural Studio" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp?_wi=2", imageAlt: "Web development project - Summit Roofing" }
+              ]
+            },
+            {
+              title: "Spravovanie sociálnych sietí",              description: "Vytvárame a spravujeme angažujúci obsah pre vaše sociálne siete, čím zvyšujeme vašu online prítomnosť.",              bentoComponent: "marquee",              variant: "text",              texts: ["Stratégia obsahu", "Správa kampaní", "Analýza dát", "Interakcia s komunitou", "Rast publika"],
+              centerIcon: MessageCircle
+            },
+            {
+              title: "Tvorba loga",              description: "Navrhujeme jedinečné a vizuálne silné logá, ktoré dokonale reprezentujú vašu značku a hodnoty.",              bentoComponent: "reveal-icon",              icon: Sparkles
+            },
+            {
+              title: "Marketing a reklama",              description: "Komplexné marketingové a reklamné stratégie pre zvýšenie viditeľnosti, návštevnosti a konverzií.",              bentoComponent: "line-chart"
+            }
           ]}
         />
         <FeatureCardTwentySix
@@ -102,7 +115,7 @@ export default function WebAgency2Page() {
           description="Výber projektov, ktoré sme vytvorili pre klientov naprieč odvetviami."
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "Zobraziť všetky práce", href: "#work" }]}
+          buttons={[]}
           buttonAnimation="slide-up"
           cardClassName="!h-auto aspect-video"
           features={[
@@ -167,16 +180,28 @@ export default function WebAgency2Page() {
               title: "Rastové trendy",              description: "Dátami podložené poznatky na optimalizáciu vašej prítomnosti vo vyhľadávaní a zvýšenie návštevnosti.",              bentoComponent: "line-chart"},
           ]}
         />
-        <TestimonialCardFifteen
-          testimonial="Grow With Social úplne premenil našu online prítomnosť. Tím dodal úchvatnú webovú stránku, ktorá prekonala naše očakávania a zdvojnásobila mieru konverzie."
-          rating={5}
-          author="— Maria Santos, CEO Luxuria Travel"
-          avatars={[
-            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", alt: "Client" },
-          ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
+        <TestimonialCardTen
+          title="Čo hovoria naši klienti"
+          description="Recenzie od našich spokojných klientov po celom svete."
+          textboxLayout="default"
           useInvertedBackground={false}
+          testimonials={[
+            {
+              id: "1",              title: "Transformovali našu online prítomnosť",              quote: "Grow With Social úplne premenil našu online prítomnosť. Tím dodal úchvatnú webovú stránku, ktorá prekonala naše očakávania a zdvojnásobila mieru konverzie.",              name: "Maria Santos",              role: "CEO Luxuria Travel",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp"
+            },
+            {
+              id: "2",              title: "Výnimočný dizajn a SEO",              quote: "Ich tím vytvoril moderný dizajn a výrazne zlepšil naše SEO. Vidíme nárast organickej návštevnosti o 40% za tri mesiace. Skutoční profesionáli!",              name: "Ján Novák",              role: "Marketingový riaditeľ, TechSolutions",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp"
+            },
+            {
+              id: "3",              title: "Skvelá komunikácia a výsledky",              quote: "Spolupráca s Grow With Social bola bezproblémová. Komunikácia bola vynikajúca a dodaný produkt bol presne to, čo sme potrebovali. Vysoko odporúčame!",              name: "Petra Kováčová",              role: "Zakladateľka, Creative Hub",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp"
+            },
+            {
+              id: "4",              title: "Zvýšili naše konverzie",              quote: "Vďaka ich práci sa nám podarilo zvýšiť mieru konverzie o 25%. Sú spoľahliví, efektívni a výsledky hovoria samy za seba.",              name: "Martin Hruška",              role: "E-commerce manažér, Fashionista",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-4.webp?_wi=2"
+            },
+            {
+              id: "5",              title: "Presvedčivý branding",              quote: "Potrebovali sme osviežiť našu značku a Grow With Social to zvládli s prehľadom. Nové logo a webová identita sú úžasné a naši zákazníci ich milujú.",              name: "Zuzana Fialová",              role: "Majiteľka, Aura Wellness",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-5.webp?_wi=2"
+            }
+          ]}
         />
         <MetricCardOne
           title="Dôverujú nám lídri v odvetví"
@@ -214,9 +239,9 @@ export default function WebAgency2Page() {
           animationType="slide-up"
           mediaClassName="object-[65%_center]"
           team={[
-            { id: "1", name: "Sarah Miller", role: "Hlavná vývojárka", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Sarah Miller" },
-            { id: "2", name: "Valentina Reyes", role: "Kreatívna riaditeľka", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "Valentina Reyes" },
-            { id: "3", name: "Carlos Mendoza", role: "UX Dizajnér", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Carlos Mendoza" },
+            { id: "1", name: "Sarah Miller", role: "Hlavná vývojárka", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp?_wi=2", imageAlt: "Sarah Miller" },
+            { id: "2", name: "Valentina Reyes", role: "Kreatívna riaditeľka", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp?_wi=2", imageAlt: "Valentina Reyes" },
+            { id: "3", name: "Carlos Mendoza", role: "UX Dizajnér", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp?_wi=2", imageAlt: "Carlos Mendoza" },
           ]}
         />
         <FaqBase
@@ -238,10 +263,7 @@ export default function WebAgency2Page() {
           title="Pripravení transformovať svoju digitálnu prítomnosť?"
           description="Poďme spoločne vytvoriť niečo mimoriadne. Ozvite sa a prediskutujme váš ďalší projekt."
           background={{ variant: "rotated-rays-animated" }}
-          buttons={[
-            { text: "Začať váš projekt", href: "#contact" },
-            { text: "Zobraziť našu prácu", href: "#work" },
-          ]}
+          buttons={[]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}
         />
@@ -251,18 +273,18 @@ export default function WebAgency2Page() {
           columns={[
             {
               title: "Spoločnosť",              items: [
-                { label: "O nás", href: "#about" },
+                { label: "O nás", href: "/about" },
                 { label: "Služby", href: "#services" },
                 { label: "Práca", href: "#work" },
-                { label: "Kontakt", href: "#contact" },
+                { label: "Kontakt", href: "/contact" },
               ],
             },
             {
               title: "Služby",              items: [
-                { label: "Vývoj webu", href: "#" },
-                { label: "SEO", href: "#" },
-                { label: "Budovanie značky", href: "#" },
-                { label: "UI/UX Dizajn", href: "#" },
+                { label: "Vývoj webu", href: "/#" },
+                { label: "SEO", href: "/#" },
+                { label: "Budovanie značky", href: "/#" },
+                { label: "UI/UX Dizajn", href: "/#" },
               ],
             },
             {

src/app/styles/base.css

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