Update src/app/page.tsx

Merge version_4 into main

src/app/about/page.tsx

@@ -32,7 +32,6 @@ export default function AboutPage() {
             { name: "About", id: "/about" },
             { name: "Contact", id: "/contact" }
           ]}
-          button={{ text: "Get Started", href: "/contact" }}
         />
 
         <AboutMetric
@@ -54,9 +53,9 @@ 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" }
           ]}

src/app/contact/page.tsx

@@ -30,7 +30,6 @@ export default function ContactPage() {
             { name: "About", id: "/about" },
             { name: "Contact", 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
+        <body className={`${montserrat.variable} ${inter.variable} antialiased`}>
-          className={`${halant.variable} ${inter.variable} antialiased`}
-        >
           
           {children}
           <script

src/app/page.tsx

@@ -35,10 +35,9 @@ export default function WebAgency2Page() {
           navItems={[
             { name: "Práca", id: "work" },
             { name: "Služby", id: "services" },
-            { name: "O nás", id: "about" },
+            { name: "O nás", id: "/about" },
-            { name: "Kontakt", id: "contact" },
+            { 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={[
+          buttons={[]}
-            { text: "Začať projekt", href: "#contact" },
-            { text: "Zobraziť prácu", href: "#work" },
-          ]}
           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-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", imageAlt: "Webový projekt - Architektonické štúdio" },
+                { 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", imageAlt: "Webový projekt - Summit Roofing" },
+                { 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={[
@@ -214,9 +227,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,10 +251,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={[
+          buttons={[]}
-            { text: "Začať váš projekt", href: "#contact" },
-            { text: "Zobraziť našu prácu", href: "#work" },
-          ]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}
         />
@@ -251,18 +261,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: "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: "/#" },
               ],
             },
             {

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