From 3b26b1519aa609314a970ec8155e1de1de839742 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 13:52:39 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 55 +++++++++++++++++++++++++++++-------------------
 1 file changed, 33 insertions(+), 22 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index adf6ce1..a54898d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -34,6 +34,7 @@ export default function LandingPage() {
               { name: "Inicio", id: "hero" },
               { name: "Servicios", id: "servicios" },
               { name: "Ventas", id: "proyectos" },
+              { name: "Proceso", id: "proceso" },
               { name: "Contacto", id: "contacto" },
             ]}
           />
@@ -85,20 +86,29 @@ export default function LandingPage() {
         </div>
 
         <div id="proceso" data-section="proceso">
-          <FaqSplitText
-            sideTitle="¿Cómo trabajamos?"
-            sideDescription="Un proceso simple y transparente para tu tranquilidad."
-            faqs={[
-                { id: "1", title: "1. Consulta inicial", content: "Charlamos sobre tus ideas y expectativas." },
-                { id: "2", title: "2. Diseño y presupuesto", content: "Creamos la propuesta técnica y el plan de inversión." },
-                { id: "3", title: "3. Construcción", content: "Ejecutamos la obra con seguimiento diario." },
-                { id: "4", title: "4. Entrega", content: "Llaves en mano con garantía de calidad." }
-            ]}
-            faqsAnimation="slide-up"
+          <TimelineHorizontalCardStack
+            title="Nuestro Proceso de Trabajo"
+            description="Seguimos una metodología clara para garantizar calidad en cada etapa de tu proyecto."
+            textboxLayout="split"
             useInvertedBackground={false}
+            mediaItems={[
+                { imageSrc: "https://img.b2bpic.net/free-photo/architect-holding-blueprint-with-client_23-2148780777.jpg", imageAlt: "Consulta" },
+                { imageSrc: "https://img.b2bpic.net/free-photo/architec-designer-working-with-3d-printed-models-buildings-modern-office_482257-27749.jpg", imageAlt: "Diseño" },
+                { imageSrc: "https://img.b2bpic.net/free-photo/young-architect-checking-house-blueprints-construction-site_23-2148780775.jpg", imageAlt: "Construcción" },
+                { imageSrc: "https://img.b2bpic.net/free-photo/happy-family-new-house_23-2148116544.jpg", imageAlt: "Entrega" }
+            ]}
           />
         </div>
 
+        <div id="ubicacion" data-section="ubicacion">
+          <div className="py-20 px-4 bg-card">
+              <h2 className="text-center text-3xl font-bold mb-10">¿Dónde encontrarnos?</h2>
+              <div className="w-full h-[400px] rounded-lg overflow-hidden">
+                 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3278.435559868777!2d-58.5173167!3d-34.8236167!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bcc7d04473859b%3A0x6b4c3e80e95a9e70!2sCanning%2C%20Buenos%20Aires!5e0!3m2!1ses-419!2sar!4v1700000000000!5m2!1ses-419!2sar" width="100%" height="100%" style={{border:0}} allowFullScreen={true} loading="lazy"></iframe>
+              </div>
+          </div>
+        </div>
+
         <div id="testimonios" data-section="testimonios">
             <TestimonialCardThirteen
                 title="Lo que dicen de nosotros"
@@ -114,20 +124,21 @@ export default function LandingPage() {
         </div>
 
         <div id="contacto" data-section="contacto">
-            <ContactSplitForm
-                title="¿Listo para empezar?"
-                description="Escribinos y coordinemos una visita a nuestras obras."
-                inputs={[{ name: "nombre", type: "text", placeholder: "Tu Nombre" }, { name: "email", type: "email", placeholder: "Tu Email" }]}
-                buttonText="Enviar mensaje vía WhatsApp"
-                mediaPosition="right"
-                useInvertedBackground={false}
+            <ContactCenter
+                tag="Contacto"
+                title="¿Listo para empezar tu proyecto?"
+                description="Dejanos tu email y nos pondremos en contacto a la brevedad."
+                background={{ variant: "plain" }}
             />
         </div>
 
         <div id="footer" data-section="footer">
-            <FooterCard 
+            <FooterBaseCard 
                 logoText="ArchiCanning"
-                copyrightText="© 2025 ArchiCanning. Todos los derechos reservados."
+                columns={[
+                    { title: "Estudio", items: [{ label: "Sobre Nosotros", href: "#" }, { label: "Proyectos", href: "#proyectos" }] },
+                    { title: "Contacto", items: [{ label: "WhatsApp", href: "#" }, { label: "Email", href: "#" }] }
+                ]}
             />
         </div>
       </ReactLenis>