Merge version_4 into main

Merge version_4 into main

src/app/web-design/page.tsx

@@ -36,12 +36,14 @@ export default function WebDesignPage() {
         <HeroLogo
           logoText="Web Design"
           description="High-end digital solutions, clean typography, and minimalist agency aesthetics."
+          buttons={[{ text: "Get Started", href: "/contact" }]}
         />
         <FeatureCardTwentySeven
           animationType="slide-up"
           textboxLayout="split"
           title="Core Web Services"
           description="Minimalist and typography-driven solutions for your brand."
+          useInvertedBackground={false}
           features={[
             { id: "s1", title: "E-Commerce", descriptions: ["Premium shop experiences."] },
             { id: "s2", title: "Web Institucional", descriptions: ["Professional corporate branding."] },
@@ -58,7 +60,9 @@ export default function WebDesignPage() {
               textboxLayout="split"
               useInvertedBackground={true}
               products={[
-                { id: "g1", brand: "Indie", name: "Pixel Hero", price: "Custom", rating: 5, reviewCount: "0", imageSrc: "" }
+                { id: "g1", brand: "Indie", name: "Pixel Hero", price: "Custom", rating: 5, reviewCount: "0", imageSrc: "" },
+                { id: "g2", brand: "Indie", name: "Dungeon Runner", price: "Custom", rating: 4, reviewCount: "0", imageSrc: "" },
+                { id: "g3", brand: "Indie", name: "Space Shooter", price: "Custom", rating: 5, reviewCount: "0", imageSrc: "" }
               ]}
             />
         </div>
@@ -67,6 +71,7 @@ export default function WebDesignPage() {
           textboxLayout="split"
           title="Additional Solutions"
           description="Comprehensive services for agencies and specialized firms."
+          useInvertedBackground={false}
           features={[
             { id: "a1", title: "Agencies", descriptions: ["White-label development partners."] },
             { id: "a2", title: "Consulting", descriptions: ["Strategic digital planning."] }
@@ -77,6 +82,7 @@ export default function WebDesignPage() {
             title="Start your project"
             description="High-end design requires precision. Let's work together."
             background={{ variant: "plain" }}
+            useInvertedBackground={false}
         />
         <FooterLogoReveal
           logoText="MATÍAS LANFRANCONI"