From 2e5b315329e06399dd0fe04dea450805fdee4a87 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 13:19:04 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 343 ++++++++++++++---------------------------------
 1 file changed, 104 insertions(+), 239 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1eceed9..51d4a82 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import { Building, CheckCircle, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -22,245 +22,110 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="mediumLarge"
         sizing="largeSmallSizeMediumTitles"
-        background="floatingGradient"
-        cardStyle="glass-depth"
-        primaryButtonStyle="radial-glow"
+        background="noise"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Inicio",          id: "hero"},
-        {
-          name: "Servicios",          id: "servicios"},
-        {
-          name: "Proyectos",          id: "proyectos"},
-        {
-          name: "Contacto",          id: "contacto"},
-      ]}
-      brandName="ArchiCanning"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            brandName="ArchiCanning"
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Servicios", id: "servicios" },
+              { name: "Ventas", id: "proyectos" },
+              { name: "Contacto", id: "contacto" },
+            ]}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      title="Arquitectura y Desarrollos de Vanguardia en Buenos Aires"
-      description="Transformamos espacios en experiencias únicas. Diseño, construcción y comercialización integral en Canning y San Miguel."
-      testimonials={[
-        {
-          name: "Juan Pérez",          handle: "@juanp",          testimonial: "Excelente atención y calidad en la construcción.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-caucasian-young-guy-wearing-green-shirt-showing-goat-gesture-with-both-hands-isolated-white-background_141793-38583.jpg"},
-        {
-          name: "Ana García",          handle: "@anag",          testimonial: "El diseño de nuestra casa superó expectativas.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/architec-designer-working-with-3d-printed-models-buildings-modern-office_482257-27749.jpg"},
-        {
-          name: "Luis Rossi",          handle: "@luisr",          testimonial: "Profesionalismo puro en la dirección de obra.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-rise-construction-with-cantilever-decks-floor-rhythm-yellow-platforms_169016-69965.jpg"},
-        {
-          name: "Mariana López",          handle: "@mlop",          testimonial: "Un proyecto inmobiliario de primera calidad.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-couple-holding-house-plans_23-2148895458.jpg"},
-        {
-          name: "Carlos Ruiz",          handle: "@cruz",          testimonial: "El equipo más capacitado en la zona.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322065.jpg"},
-      ]}
-      buttons={[
-        {
-          text: "Agendar Consulta",          href: "#contacto"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-woman-architect-who-controls-sketches-real-estate-project-cozy-work-place_482257-31156.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/architect-woman-her-desk-working-blueprints-business-creativity-architecture-job_482257-33113.jpg",          alt: "Arquitecta principal"},
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-man-working-project_23-2149721888.jpg",          alt: "Director de obra"},
-        {
-          src: "http://img.b2bpic.net/free-photo/female-architect-modern-office-looking-3d-printed-model-building-she-is-working_482257-31165.jpg",          alt: "Especialista en diseño 3D"},
-        {
-          src: "http://img.b2bpic.net/free-photo/female-artist-studio_23-2148002221.jpg",          alt: "Diseñadora de interiores"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-young-male-architect-with-blueprint-desk_23-2147839862.jpg",          alt: "Arquitecto colaborador"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "Diseño"},
-        {
-          type: "text",          text: "Construcción"},
-        {
-          type: "text",          text: "Inmobiliaria"},
-        {
-          type: "text",          text: "Canning"},
-        {
-          type: "text",          text: "San Miguel"},
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            title="Construimos Hogares en Canning y Bella Vista"
+            description="Honestidad, calidez y excelencia en cada detalle. Arquitectura que conecta con tu forma de vivir."
+            avatars={[
+                { src: "https://img.b2bpic.net/free-photo/smiling-caucasian-young-guy-wearing-green-shirt-showing-goat-gesture-with-both-hands-isolated-white-background_141793-38583.jpg", alt: "User 1" },
+                { src: "https://img.b2bpic.net/free-photo/architec-designer-working-with-3d-printed-models-buildings-modern-office_482257-27749.jpg", alt: "User 2" }
+            ]}
+            buttons={[{ text: "Conocer más", href: "#servicios" }, { text: "Contacto WhatsApp", href: "https://wa.me/yournumber" }]}
+            background={{ variant: "plain" }}
+          />
+        </div>
 
-  <div id="servicios" data-section="servicios">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Diseño Arquitectónico",          description: "Proyectos creativos y funcionales adaptados a tu terreno.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-woman-her-working-desk-working-new-projects-architecture-design_482257-33107.jpg"},
-        {
-          title: "Dirección de Obra",          description: "Supervisión técnica rigurosa para garantizar la excelencia.",          imageSrc: "http://img.b2bpic.net/free-photo/examination-serious-young-adult-woman-business-gray-suit-heels-wearing-safety-helmet-looking-document-smiling-three-men-waiting-construction-site_259150-57759.jpg"},
-        {
-          title: "Desarrollos en Venta",          description: "Propiedades listas para comprar con diseño de autor.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-moving-new-house_23-2149383588.jpg"},
-      ]}
-      title="Nuestros Pilares"
-      description="Soluciones arquitectónicas integrales para cada necesidad."
-    />
-  </div>
+        <div id="servicios" data-section="servicios">
+          <FeatureCardNineteen
+            title="Nuestros Servicios"
+            description="Acompañamiento profesional desde el primer trazo hasta la entrega de llaves."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+                { tag: "Diseño", title: "Proyecto Arquitectónico", subtitle: "Visión integral", description: "Diseñamos espacios pensando en tu comodidad y en el entorno natural de Canning y Bella Vista.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-architect-woman-her-working-desk-working-new-projects-architecture-design_482257-33107.jpg" },
+                { tag: "Construcción", title: "Ejecución de Obra", subtitle: "Calidad técnica", description: "Supervisamos cada fase con materiales de primera y mano de obra calificada.", imageSrc: "https://img.b2bpic.net/free-photo/examination-serious-young-adult-woman-business-gray-suit-heels-wearing-safety-helmet-looking-document-smiling-three-men-waiting-construction-site_259150-57759.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="proyectos" data-section="proyectos">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",          name: "Casa Canning I",          price: "USD 250.000",          variant: "Residencial",          imageSrc: "http://img.b2bpic.net/free-photo/3d-house-model-with-modern-architecture_23-2151004028.jpg"},
-        {
-          id: "2",          name: "Casa San Miguel",          price: "USD 280.000",          variant: "Residencial",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-taking-photo-building-construction_23-2148039969.jpg"},
-        {
-          id: "3",          name: "Casa Canning II",          price: "USD 310.000",          variant: "Residencial",          imageSrc: "http://img.b2bpic.net/free-photo/modern-buildings-with-yellow-lines_1112-273.jpg"},
-        {
-          id: "4",          name: "Townhouse San Miguel",          price: "USD 190.000",          variant: "Residencial",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-building-exterior-design_23-2151917349.jpg"},
-        {
-          id: "5",          name: "Casa Canning III",          price: "USD 350.000",          variant: "Residencial",          imageSrc: "http://img.b2bpic.net/free-photo/male-architect-showing-blueprint-his-female-colleague_23-2147839903.jpg"},
-        {
-          id: "6",          name: "Casa San Miguel B",          price: "USD 260.000",          variant: "Residencial",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-luxury-travel_23-2149204470.jpg"},
-      ]}
-      title="Desarrollos Disponibles"
-      description="Explora nuestras propiedades listas para convertirte en dueño."
-    />
-  </div>
+        <div id="proyectos" data-section="proyectos">
+          <ProductCardOne
+            title="Casas en Venta"
+            description="Propiedades exclusivas diseñadas para disfrutar."
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+                { id: "1", name: "Residencia Bella Vista", price: "Consultar", imageSrc: "https://img.b2bpic.net/free-photo/3d-house-model-with-modern-architecture_23-2151004028.jpg" },
+                { id: "2", name: "Casa Canning Classic", price: "Consultar", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-building-exterior-design_23-2151917349.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="metricas" data-section="metricas">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",          value: "150+",          title: "Proyectos",          description: "Diseñados y ejecutados exitosamente.",          icon: CheckCircle,
-        },
-        {
-          id: "2",          value: "20k",          title: "m²",          description: "Construidos en total en la zona.",          icon: Building,
-        },
-        {
-          id: "3",          value: "100%",          title: "Clientes",          description: "Satisfechos con los resultados.",          icon: Users,
-        },
-      ]}
-      title="Nuestra Trayectoria"
-      description="Números que respaldan nuestra seriedad en el mercado."
-    />
-  </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"
+          />
+        </div>
 
-  <div id="por-que-elegirnos" data-section="por-que-elegirnos">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Por qué elegirnos"
-      description="Combinamos la visión técnica de la arquitectura con la eficacia de una desarrolladora inmobiliaria para maximizar el valor de tu inversión."
-      imageSrc="http://img.b2bpic.net/free-photo/photorealistic-house-with-wooden-architecture-timber-structure_23-2151302647.jpg"
-    />
-  </div>
+        <div id="testimonios" data-section="testimonios">
+            <TestimonialCardThirteen
+                title="Lo que dicen de nosotros"
+                description="La confianza es nuestra mayor obra terminada."
+                textboxLayout="default"
+                showRating={true}
+                animationType="slide-up"
+                testimonials={[
+                    { id: "1", name: "Flia. Gómez", handle: "@familia", testimonial: "Un equipo humano y profesional de primera. Nos dieron confianza desde el inicio.", rating: 5 }
+                ]}
+            />
+        </div>
 
-  <div id="proceso" data-section="proceso">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",          title: "Consultoría inicial",          content: "Entendemos tus necesidades y presupuesto."},
-        {
-          id: "2",          title: "Anteproyecto",          content: "Diseñamos la idea y presentamos la propuesta."},
-        {
-          id: "3",          title: "Ejecución y Dirección",          content: "Llevamos adelante el proyecto con control técnico total."},
-      ]}
-      title="Nuestro Proceso de Trabajo"
-      description="Un enfoque transparente desde la idea inicial hasta la entrega final."
-      faqsAnimation="slide-up"
-    />
-  </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"
+            />
+        </div>
 
-  <div id="testimonios" data-section="testimonios">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Profesionalismo, creatividad y compromiso. Un equipo excelente que nos acompañó en cada etapa de la casa propia."
-      rating={5}
-      author="Familia Martínez"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/construction-architect-team-working-desk-office-blueprint-layout-caucasian-colleagues-standing_482257-2828.jpg",          alt: "Cliente A"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-caucasian-young-guy-wearing-green-shirt-showing-yes-gesture-with-both-hand-isolated-green-background_141793-38588.jpg",          alt: "Cliente B"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-with-yellow-background_23-2148241124.jpg",          alt: "Cliente C"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-cute-caucasian-white-teenager-posing-outdoors_181624-52184.jpg",          alt: "Cliente D"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-caucasian-young-guy-wearing-pink-shirt-isolated-orange-background_141793-38611.jpg",          alt: "Cliente E"},
-      ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contacto" data-section="contacto">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Contacto"
-      title="Iniciemos tu proyecto"
-      description="Agenda una consulta personalizada con nuestro estudio."
-      buttonText="Enviar Consulta"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/woman-thinking-papers_23-2147668756.jpg"
-      logoText="ArchiCanning"
-      columns={[
-        {
-          title: "Estudio",          items: [
-            {
-              label: "Sobre nosotros",              href: "#"},
-            {
-              label: "Contacto",              href: "#contacto"},
-          ],
-        },
-        {
-          title: "Servicios",          items: [
-            {
-              label: "Diseño",              href: "#servicios"},
-            {
-              label: "Dirección",              href: "#servicios"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Política de Privacidad",              href: "#"},
-          ],
-        },
-      ]}
-      copyrightText="© 2025 ArchiCanning Studio. Todos los derechos reservados."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterCard 
+                logoText="ArchiCanning"
+                copyrightText="© 2025 ArchiCanning. Todos los derechos reservados."
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 294f4494fbe62e868becc63e73c4a8423d13d574 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 13:19:04 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 2276416..1aa3598 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #1c1c1c;
-  --primary-cta: #1c1c1c;
+  --background: #fcf6ec;
+  --card: #f3ede2;
+  --foreground: #2e2521;
+  --primary-cta: #2e2521;
   --primary-cta-text: #ffffff;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1c1c1c;
-  --accent: #d4d4d4;
-  --background-accent: #f4f4f4;
+  --accent: #b2a28b;
+  --background-accent: #b2a28b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-- 
2.49.1