132 lines
6.6 KiB
TypeScript
132 lines
6.6 KiB
TypeScript
"use client";
|
|
|
|
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 FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
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">
|
|
<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">
|
|
<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">
|
|
<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="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"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</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"
|
|
useInvertedBackground={false}
|
|
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="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}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="ArchiCanning"
|
|
copyrightText="© 2025 ArchiCanning. Todos los derechos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |