bender/0d04bfe2-a9cb-478a-9f6a-2e5fb7729608
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main

Browse Source 
Merge version_4 into main
This commit was merged in pull request #5.
This commit is contained in:
bender
2026-05-14 13:52:43 +00:00
parent 157de6f0ac dc464da345
commit a4dc94e380
2 changed files with 40 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/app/page.tsx
View File

@@ -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>

14
src/app/styles/variables.css
View File

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