Update theme fonts

Merge version_3 into main

src/app/about/page.tsx

@@ -24,7 +24,7 @@ export default function AboutPage() {
     >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
-          brandName="Webild"
+          brandName="Grow With Social"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Work", id: "/#work" },
@@ -32,7 +32,6 @@ export default function AboutPage() {
             { name: "About", id: "/about" },
             { name: "Contact", id: "/contact" }
           ]}
-          button={{ text: "Get Started", href: "/contact" }}
         />
 
         <AboutMetric
@@ -54,17 +53,17 @@ 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: "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", imageAlt: "Valentina Reyes" },
+            { 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", imageAlt: "Carlos Mendoza" },
+            { 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", 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" }
           ]}
         />
 
         <FooterBase
-          logoText="Webild"
+          logoText="Grow With Social"
-          copyrightText="© 2026 | Webild"
+          copyrightText="© 2026 | Grow With Social"
           columns={[
             {
               title: "Company",              items: [
@@ -95,4 +94,4 @@ export default function AboutPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -22,7 +22,7 @@ export default function ContactPage() {
     >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
-          brandName="Webild"
+          brandName="Grow With Social"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Work", id: "/#work" },
@@ -30,7 +30,6 @@ export default function ContactPage() {
             { name: "About", id: "/about" },
             { name: "Contact", id: "/contact" }
           ]}
-          button={{ text: "Get Started", href: "/contact" }}
         />
 
         <ContactSplit
@@ -39,15 +38,14 @@ 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)}
         />
 
         <FooterBase
-          logoText="Webild"
+          logoText="Grow With Social"
-          copyrightText="© 2026 | Webild"
+          copyrightText="© 2026 | Grow With Social"
           columns={[
             {
               title: "Company",              items: [
@@ -78,4 +76,4 @@ export default function ContactPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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
+        <body className={`${montserrat.variable} ${inter.variable} antialiased`}>
-          className={`${halant.variable} ${inter.variable} antialiased`}
-        >
           
           {children}
           <script

src/app/page.tsx

@@ -25,20 +25,19 @@ export default function WebAgency2Page() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
-          brandName="Webild"
+          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" },
           ]}
-          button={{ text: "Začať", href: "#contact" }}
         />
         <HeroSplitDoubleCarousel
           title="Tvoríme digitálne zážitky"
@@ -47,21 +46,18 @@ export default function WebAgency2Page() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           background={{ variant: "canvas-reveal" }}
-          buttons={[
+          buttons={[]}
-            { text: "Začať projekt", href: "#contact" },
-            { text: "Zobraziť prácu", href: "#work" },
-          ]}
           buttonAnimation="slide-up"
           carouselPosition="right"
           leftCarouselItems={[
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "UI UX Dizajn - Aplikácia Daily Life" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp?_wi=1", imageAlt: "UI UX Dizajn - Aplikácia Daily Life" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "UI UX Dizajn - SaaS platforma" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp?_wi=1", imageAlt: "UI UX Dizajn - SaaS platforma" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "UI UX Dizajn - Luminé starostlivosť o pleť" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp", imageAlt: "UI UX Dizajn - Online kurzy" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-9.webp", imageAlt: "UI UX Dizajn - Biznis kouč" },
           ]}
           rightCarouselItems={[
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "UI UX Dizajn - Cestovanie Luxuria" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=1", imageAlt: "UI UX Dizajn - Cestovanie Luxuria" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "UI UX Dizajn - Zubná prax" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp", imageAlt: "UI UX Dizajn - AI tvorca produktov" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-8.webp", imageAlt: "UI UX Dizajn - AI automatizácia" },
@@ -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={[
             {
@@ -90,9 +86,9 @@ export default function WebAgency2Page() {
             },
             {
               title: "Budovanie značky",              description: "Vytvorte si zapamätateľnú identitu značky, ktorá osloví vaše publikum.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "Projekt značky 1" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp?_wi=2", imageAlt: "Projekt značky 1" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "Projekt značky 2" },
+                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=2", imageAlt: "Projekt značky 2" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "Projekt značky 3" },
+                { 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" },
               ],
             },
           ]}
@@ -102,7 +98,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={[
@@ -168,7 +164,7 @@ export default function WebAgency2Page() {
           ]}
         />
         <TestimonialCardFifteen
-          testimonial="Webild ú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."
+          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={[
@@ -192,7 +188,7 @@ export default function WebAgency2Page() {
           ]}
         />
         <FeatureCardSixteen
-          title="Prečo si vybrať Webild"
+          title="Prečo si vybrať Grow With Social"
           description="Pozrite sa, aký rozdiel robí profesionálna webová agentúra."
           textboxLayout="default"
           useInvertedBackground={false}
@@ -214,9 +210,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: "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", imageAlt: "Valentina Reyes" },
+            { 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", imageAlt: "Carlos Mendoza" },
+            { 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,16 +234,13 @@ 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={[
+          buttons={[]}
-            { text: "Začať váš projekt", href: "#contact" },
-            { text: "Zobraziť našu prácu", href: "#work" },
-          ]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}
         />
         <FooterBase
-          logoText="Webild"
+          logoText="Grow With Social"
-          copyrightText="© 2026 | Webild"
+          copyrightText="© 2026 | Grow With Social"
           columns={[
             {
               title: "Spoločnosť",              items: [
@@ -259,18 +252,18 @@ export default function WebAgency2Page() {
             },
             {
               title: "Služby",              items: [
-                { label: "Vývoj webu", href: "#" },
+                { label: "Vývoj webu", href: "/#" },
-                { label: "SEO", href: "#" },
+                { label: "SEO", href: "/#" },
-                { label: "Budovanie značky", href: "#" },
+                { label: "Budovanie značky", href: "/#" },
-                { label: "UI/UX Dizajn", href: "#" },
+                { label: "UI/UX Dizajn", href: "/#" },
               ],
             },
             {
               title: "Spojiť sa",              items: [
-                { label: "Twitter", href: "#" },
+                { label: "Twitter", href: "/#" },
-                { label: "LinkedIn", href: "#" },
+                { label: "LinkedIn", href: "/#" },
-                { label: "Instagram", href: "#" },
+                { label: "Instagram", href: "/#" },
-                { label: "Dribbble", href: "#" },
+                { label: "Dribbble", href: "/#" },
               ],
             },
           ]}
@@ -278,4 +271,4 @@ export default function WebAgency2Page() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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;
 }