Update src/app/web-design/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -4,11 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import TextAbout from '@/components/sections/about/TextAbout';
 
@@ -31,9 +29,9 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         { name: "Home", id: "home" },
+        { name: "Web Design", id: "/web-design" },
         { name: "About", id: "about" },
         { name: "Services", id: "services" },
-        { name: "Portfolio", id: "portfolio" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="MATÍAS LANFRANCONI"
@@ -73,53 +71,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="game-dev" data-section="game-dev">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      title="Game Development Portfolio"
-      description="Professional-grade interactive experiences with a pixel-art professional aesthetic."
-      products={[
-        { id: "p1", brand: "Indie", name: "Retro Quest", price: "$49", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg" }
-      ]}
-    />
-  </div>
-
-  <div id="why-me" data-section="why-me">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        { id: "f1", title: "Experiencia en conversión y UX", content: "Optimizamos cada elemento para mejorar el rendimiento de ventas." },
-        { id: "f2", title: "Sitios rápidos y seguros", content: "Velocidad de carga y protección constante ante amenazas." },
-        { id: "f3", title: "Diseño adaptable", content: "Perfecto en cualquier dispositivo, móvil o escritorio." },
-        { id: "f4", title: "Comunicación clara", content: "Soporte personalizado durante todo el proceso." },
-      ]}
-      sideTitle="Tu web necesita más que un diseño bonito."
-      sideDescription="Cuando diseñás un sitio web, no solo necesitás que se vea bien — necesitás que funcione. Enfoco cada proyecto con mentalidad de marketing."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="portfolio" data-section="portfolio">
-      <BlogCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Mis últimos trabajos"
-      description="Explora algunos de mis proyectos más recientes."
-      blogs={[
-        {
-          id: "b1",          category: "Web Design",          title: "Landing Page para Indie Studio",          excerpt: "Sitio optimizado para campaña Steam.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-floor-from-home-with-device_23-2149208592.jpg",          authorName: "Matías L.",          authorAvatar: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345406.jpg",          date: "2024"},
-        {
-          id: "b2",          category: "E-Commerce",          title: "Boutique Online",          excerpt: "Diseño elegante para venta de lujo.",          imageSrc: "http://img.b2bpic.net/free-photo/people-look-clothing-kiosk-service_482257-89749.jpg",          authorName: "Matías L.",          authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-woman-with-shopping-bags-smartphone_23-2148734472.jpg",          date: "2024"},
-        {
-          id: "b3",          category: "Corporate",          title: "SaaS Platform",          excerpt: "Dashboard eficiente y moderno.",          imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg",          authorName: "Matías L.",          authorAvatar: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",          date: "2024"},
-      ]}
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
@@ -140,4 +91,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/web-design/page.tsx

@@ -0,0 +1,95 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+
+export default function WebDesignPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="largeSmallSizeMediumTitles"
+        background="grid"
+        cardStyle="solid"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Web Design", id: "/web-design" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="MATÍAS LANFRANCONI"
+        />
+        <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."] },
+            { id: "s3", title: "Landing / One-page", descriptions: ["Focused high-conversion design."] },
+            { id: "s4", title: "Custom Project", descriptions: ["Bespoke development tailored for you."] }
+          ]}
+        />
+        <div className="bg-neutral-900 text-white p-16">
+            <ProductCardTwo
+              title="Game Development Portfolio"
+              description="Dark-themed, pixel-art inspired unique experiences."
+              gridVariant="bento-grid"
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={true}
+              products={[
+                { 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>
+        <FeatureCardTwentySeven
+          animationType="slide-up"
+          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."] }
+          ]}
+        />
+        <ContactCenter
+            tag="Let's Talk"
+            title="Start your project"
+            description="High-end design requires precision. Let's work together."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+        />
+        <FooterLogoReveal
+          logoText="MATÍAS LANFRANCONI"
+          leftLink={{ text: "Back to Home", href: "/" }}
+          rightLink={{ text: "© 2024", href: "#" }}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}