Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,17 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Building, CheckCircle, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -22,242 +19,111 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="mediumLarge"
         sizing="largeSmallSizeMediumTitles"
-        background="floatingGradient"
+        background="noise"
-        cardStyle="glass-depth"
+        cardStyle="soft-shadow"
-        primaryButtonStyle="radial-glow"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-      <NavbarStyleApple
+          <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Inicio",          id: "hero"},
-        {
-          name: "Servicios",          id: "servicios"},
-        {
-          name: "Proyectos",          id: "proyectos"},
-        {
-          name: "Contacto",          id: "contacto"},
-      ]}
             brandName="ArchiCanning"
+            button={{ text: "Contacto", href: "#contacto" }}
+            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
+          <HeroCentered
-      useInvertedBackground={false}
+            title="Construimos Hogares en Canning y Bella Vista"
-      background={{
+            description="Honestidad, calidez y excelencia en cada detalle. Arquitectura que conecta con tu forma de vivir."
-        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: "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: "http://img.b2bpic.net/free-photo/architect-woman-her-desk-working-blueprints-business-creativity-architecture-job_482257-33113.jpg",          alt: "Arquitecta principal"},
+                { src: "https://img.b2bpic.net/free-photo/architec-designer-working-with-3d-printed-models-buildings-modern-office_482257-27749.jpg", alt: "User 2" }
-        {
-          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"},
             ]}
+            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
+          <FeatureCardNineteen
-      animationType="slide-up"
+            title="Nuestros Servicios"
-      textboxLayout="default"
+            description="Acompañamiento profesional desde el primer trazo hasta la entrega de llaves."
-      gridVariant="uniform-all-items-equal"
+            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" },
-          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"},
+                { 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" }
-        {
-          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="proyectos" data-section="proyectos">
-      <ProductCardFour
+          <ProductCardOne
+            title="Casas en Venta"
+            description="Propiedades exclusivas diseñadas para disfrutar."
+            gridVariant="uniform-all-items-equal"
             animationType="slide-up"
             textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
             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: "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 Canning Classic", price: "Consultar", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-building-exterior-design_23-2151917349.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="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="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="proceso" data-section="proceso">
-      <FaqBase
+          <FaqSplitText
-      textboxLayout="default"
+            sideTitle="¿Cómo trabajamos?"
-      useInvertedBackground={false}
+            sideDescription="Un proceso simple y transparente para tu tranquilidad."
             faqs={[
-        {
+                { id: "1", title: "1. Consulta inicial", content: "Charlamos sobre tus ideas y expectativas." },
-          id: "1",          title: "Consultoría inicial",          content: "Entendemos tus necesidades y presupuesto."},
+                { 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: "2",          title: "Anteproyecto",          content: "Diseñamos la idea y presentamos la propuesta."},
+                { id: "4", title: "4. Entrega", content: "Llaves en mano con garantía de calidad." }
-        {
-          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"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="testimonios" data-section="testimonios">
-      <TestimonialCardFifteen
+            <TestimonialCardThirteen
+                title="Lo que dicen de nosotros"
+                description="La confianza es nuestra mayor obra terminada."
+                textboxLayout="default"
+                showRating={true}
+                animationType="slide-up"
                 useInvertedBackground={false}
-      testimonial="Profesionalismo, creatividad y compromiso. Un equipo excelente que nos acompañó en cada etapa de la casa propia."
+                testimonials={[
-      rating={5}
+                    { id: "1", name: "Flia. Gómez", handle: "@familia", testimonial: "Un equipo humano y profesional de primera. Nos dieron confianza desde el inicio.", 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
+            <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}
-      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
+            <FooterCard 
-      imageSrc="http://img.b2bpic.net/free-photo/woman-thinking-papers_23-2147668756.jpg"
                 logoText="ArchiCanning"
-      columns={[
+                copyrightText="© 2025 ArchiCanning. Todos los derechos reservados."
-        {
-          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>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #fcf6ec;
-  --card: #f9f9f9;
+  --card: #f3ede2;
-  --foreground: #1c1c1c;
+  --foreground: #2e2521;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #2e2521;
   --primary-cta-text: #ffffff;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1c1c1c;
-  --accent: #d4d4d4;
+  --accent: #b2a28b;
-  --background-accent: #f4f4f4;
+  --background-accent: #b2a28b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);