Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -5,11 +5,11 @@ 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 FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import TextAbout from '@/components/sections/about/TextAbout';
 
 export default function LandingPage() {
@@ -41,35 +41,11 @@ export default function LandingPage() {
   </div>
 
   <div id="home" data-section="home">
-      <HeroBillboardTestimonial
+      <HeroLogo
-      useInvertedBackground={false}
+      logoText="MATÍAS LANFRANCONI"
-      background={{ variant: "gradient-bars" }}
+      description="Web development for the modern age. Minimalist, premium, and built to convert."
-      title="Sitios web que convierten visitas en clientes"
+      buttons={[{ text: "View Portfolio" }, { text: "Get Started" }]}
-      description="Diseño y desarrollo páginas web en WordPress pensadas para emprendedores que buscan resultados reales."
+      className="py-20"
-      testimonials={[
-        { name: "Client A", handle: "@client", testimonial: "Increíble trabajo, resultados inmediatos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-empty-notepad-desk_23-2148854585.jpg" },
-        { name: "Client B", handle: "@b_startup", testimonial: "Profesionalismo puro y entrega a tiempo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-tablet-coffee-plants_23-2152003805.jpg" },
-        { name: "Client C", handle: "@digital_agency", testimonial: "Una mejora radical en nuestra tasa de conversión.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/desk-arrangement-with-laptop-high-angle_23-2149073071.jpg" },
-        { name: "Client D", handle: "@indie_dev", testimonial: "Entiende perfectamente el nicho de videojuegos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-coffee-plant-laptop_23-2148110227.jpg" },
-        { name: "Client E", handle: "@fashion_store", testimonial: "Estética impecable, justo lo que buscábamos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-beauty-women-elegent-enjoy-concept_53876-121075.jpg" },
-      ]}
-      buttons={[{ text: "Solicitá una cotización", href: "#contact" }, { text: "Agendá una reunión", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/cozy-aesthetic-workspace-with-laptop-plants-warm-light_23-2152033088.jpg"
-      imageAlt="Matías Lanfranconi Web Design"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/cozy-aesthetic-workspace-with-laptop-plants-warm-light_23-2152033088.jpg", alt: "User 1" },
-        { src: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137417.jpg", alt: "User 2" },
-        { src: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg", alt: "User 3" },
-        { src: "http://img.b2bpic.net/free-photo/close-up-hand-holding-card_23-2149241415.jpg", alt: "User 4" },
-        { src: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg", alt: "User 5" },
-      ]}
-      marqueeItems={[
-        { type: "text", text: "WordPress Expert" },
-        { type: "text", text: "Conversion Driven" },
-        { type: "text", text: "High Performance" },
-        { type: "text", text: "Mobile Responsive" },
-        { type: "text", text: "SEO Optimized" },
-      ]}
     />
   </div>
 
@@ -82,38 +58,32 @@ export default function LandingPage() {
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardTwentyNine
+      <FeatureCardTwentySeven
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
+      title="Services"
+      description="Professional web solutions designed to scale with your business."
       useInvertedBackground={false}
       features={[
-        { title: "Diseño y desarrollo web", description: "Sitios profesionales, escalables y fáciles de administrar.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-laptop_23-2149749908.jpg", buttonText: "Saber más" },
+        { id: "s1", title: "Web Design", descriptions: ["Premium aesthetic, custom built."] },
-        { title: "Tiendas online", description: "Venta directa con WooCommerce, integraciones de pago.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-card_23-2149241415.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/young-woman-professional-beauty-make-up-artist-vlogger-blogger-recording-makeup-tutorial-share-website-social-media_231208-14025.jpg", buttonText: "Saber más" },
+        { id: "s2", title: "E-Commerce", descriptions: ["Scalable shop solutions."] },
-        { title: "Mantenimiento y seguridad", description: "Actualizaciones, backups y monitoreo constante.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-internet-browser-search-bar-screen_169016-40040.jpg", buttonText: "Saber más" },
+        { id: "s3", title: "Performance", descriptions: ["Fast, reliable loading speeds."] },
-        { title: "Desarrollo para agencias", description: "Trabajo tercerizado con total confidencialidad.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320710.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg", buttonText: "Saber más" },
+        { id: "s4", title: "Security", descriptions: ["Robust infrastructure protection."] },
       ]}
-      title="Qué puedo hacer por tu negocio"
-      description="Soluciones estratégicas, rápidas y escalables."
     />
   </div>
 
   <div id="game-dev" data-section="game-dev">
-      <ProductCardOne
+      <ProductCardTwo
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="one-large-left-three-stacked-right"
+      gridVariant="bento-grid"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
+      title="Game Development Portfolio"
+      description="Professional-grade interactive experiences with a pixel-art professional aesthetic."
       products={[
-        { id: "p1", name: "Landing pages para lanzamientos", price: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137417.jpg" },
+        { 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" }
-        { id: "p2", name: "Integración Steam/Discord", price: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-close-up_23-2148308536.jpg" },
-        { id: "p3", name: "Galerías de arte y Trailers", price: "Visuals", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149123973.jpg" },
-        { id: "p4", name: "Formularios para prensa", price: "PR", imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-tablet-executives-discussing-strategies_482257-126500.jpg" },
-        { id: "p5", name: "Diseño adaptable", price: "Mobile", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-vr-headset-smart-technology-double-color-exposure-effect_53876-104907.jpg" },
-        { id: "p6", name: "Devlogs interactivos", price: "Content", imageSrc: "http://img.b2bpic.net/free-photo/couple-gamers-playing-multiplayer-game-powerful-computer-home-with-professional-headphones_482257-488.jpg" },
       ]}
-      title="Webs diseñadas para estudios y desarrolladores de videojuegos"
-      description="Convertí tu juego en una marca que despierte interés y expectativa."
     />
   </div>