Merge version_1 into main #1
437
src/app/page.tsx
437
src/app/page.tsx
@@ -27,327 +27,138 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Estudio",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Proyectos",
|
||||
id: "#proyectos",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contacto",
|
||||
},
|
||||
]}
|
||||
brandName="Paredes + Paredes"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Estudio", id: "about" },
|
||||
{ name: "Proyectos", id: "proyectos" },
|
||||
{ name: "Contacto", id: "contacto" },
|
||||
]}
|
||||
brandName="Paredes + Paredes"
|
||||
button={{ text: "Contacto", href: "#contacto" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Paredes + Paredes"
|
||||
description="Arquitectura y diseño con visión contemporánea en Quito. Creamos espacios que definen estilos de vida."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Proyectos",
|
||||
href: "#proyectos",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-city-building_23-2148107117.jpg",
|
||||
imageAlt: "Proyecto arquitectónico destacado",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-home_23-2149722577.jpg",
|
||||
imageAlt: "Estudio Paredes + Paredes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317821.jpg",
|
||||
imageAlt: "Detalle arquitectónico moderno",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-black-white-background_23-2150499077.jpg",
|
||||
imageAlt: "Diseño vanguardista Quito",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-white-modern-building-blue-sky_181624-6127.jpg",
|
||||
imageAlt: "Visión arquitectónica",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080243.jpg",
|
||||
imageAlt: "Proyectos residenciales",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Paredes + Paredes"
|
||||
description="Arquitectura y diseño con visión contemporánea en Quito. Creamos espacios que definen estilos de vida."
|
||||
buttons={[{ text: "Ver Proyectos", href: "#proyectos" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-city-building_23-2148107117.jpg", imageAlt: "Proyecto arquitectónico destacado" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-home_23-2149722577.jpg", imageAlt: "Estudio Paredes + Paredes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317821.jpg", imageAlt: "Detalle arquitectónico moderno" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-black-white-background_23-2150499077.jpg", imageAlt: "Diseño vanguardista Quito" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-white-modern-building-blue-sky_181624-6127.jpg", imageAlt: "Visión arquitectónica" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080243.jpg", imageAlt: "Proyectos residenciales" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Trayectoria y Pasión por el Diseño"
|
||||
description="Con años de experiencia en el mercado ecuatoriano, nuestro estudio fusiona el rigor técnico con una sensibilidad estética única, garantizando soluciones constructivas de primer nivel."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Diseño Innovador",
|
||||
description: "Propuestas personalizadas de vanguardia.",
|
||||
},
|
||||
{
|
||||
title: "Gestión Eficiente",
|
||||
description: "Optimización de recursos y tiempos.",
|
||||
},
|
||||
{
|
||||
title: "Calidad Técnica",
|
||||
description: "Detalle y precisión en cada obra.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-modern-working-place-interior-with-light-colored-wooden-wall_176420-6576.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Trayectoria y Pasión por el Diseño"
|
||||
description="Con años de experiencia en el mercado ecuatoriano, nuestro estudio fusiona el rigor técnico con una sensibilidad estética única, garantizando soluciones constructivas de primer nivel."
|
||||
bulletPoints={[
|
||||
{ title: "Diseño Innovador", description: "Propuestas personalizadas de vanguardia." },
|
||||
{ title: "Gestión Eficiente", description: "Optimización de recursos y tiempos." },
|
||||
{ title: "Calidad Técnica", description: "Detalle y precisión en cada obra." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-modern-working-place-interior-with-light-colored-wooden-wall_176420-6576.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="proyectos" data-section="proyectos">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Residencia Santa Lucía",
|
||||
brand: "Arquitectura",
|
||||
price: "Proyecto 2023",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-wall-blue-sky_23-2148742517.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Interiorismo Moderno",
|
||||
brand: "Diseño",
|
||||
price: "Proyecto 2022",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-frame-with-line-art-by-lamp-living-room_53876-134084.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Edificio Comercial",
|
||||
brand: "Arquitectura",
|
||||
price: "Proyecto 2021",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283240.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Área Social Piscina",
|
||||
brand: "Paisajismo",
|
||||
price: "Proyecto 2023",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-deck-travel-holiday-luxury_1203-4524.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Centro Urbano",
|
||||
brand: "Arquitectura",
|
||||
price: "Proyecto 2020",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/imposing-building-near-smaller-black-building_23-2148252731.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Vivienda Minimalista",
|
||||
brand: "Arquitectura",
|
||||
price: "Proyecto 2023",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-billboard-template-building-city_23-2148197259.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nuestros Proyectos"
|
||||
description="Explora nuestra selección de obras residenciales, comerciales e integrales."
|
||||
/>
|
||||
</div>
|
||||
<div id="proyectos" data-section="proyectos">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Residencia Santa Lucía", brand: "Arquitectura", price: "Proyecto 2023", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-wall-blue-sky_23-2148742517.jpg" },
|
||||
{ id: "2", name: "Interiorismo Moderno", brand: "Diseño", price: "Proyecto 2022", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/picture-frame-with-line-art-by-lamp-living-room_53876-134084.jpg" },
|
||||
{ id: "3", name: "Edificio Comercial", brand: "Arquitectura", price: "Proyecto 2021", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283240.jpg" },
|
||||
{ id: "4", name: "Área Social Piscina", brand: "Paisajismo", price: "Proyecto 2023", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-deck-travel-holiday-luxury_1203-4524.jpg" },
|
||||
{ id: "5", name: "Centro Urbano", brand: "Arquitectura", price: "Proyecto 2020", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/imposing-building-near-smaller-black-building_23-2148252731.jpg" },
|
||||
{ id: "6", name: "Vivienda Minimalista", brand: "Arquitectura", price: "Proyecto 2023", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/big-billboard-template-building-city_23-2148197259.jpg" },
|
||||
]}
|
||||
title="Nuestros Proyectos"
|
||||
description="Explora nuestra selección de obras residenciales, comerciales e integrales."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ronal Vera",
|
||||
role: "Cliente",
|
||||
testimonial: "Excelente atención y resultados increíbles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Darwin Bedoya",
|
||||
role: "Cliente",
|
||||
testimonial: "Gran lugar y mejores profesionales.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-parents-embracing-son-home_23-2148414904.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vanessa Diaz",
|
||||
role: "Cliente",
|
||||
testimonial: "Sus diseños modernos son los mejores de la ciudad.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cliente Anónimo",
|
||||
role: "Cliente",
|
||||
testimonial: "Profesionalismo de principio a fin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058841.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cliente Feliz",
|
||||
role: "Cliente",
|
||||
testimonial: "Cumplieron con todas mis expectativas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-big-city-woman-city_169016-66513.jpg",
|
||||
},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="La satisfacción de quienes confían en nuestro estudio de arquitectura."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ronal Vera", role: "Cliente", testimonial: "Excelente atención y resultados increíbles.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg" },
|
||||
{ id: "2", name: "Darwin Bedoya", role: "Cliente", testimonial: "Gran lugar y mejores profesionales.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-parents-embracing-son-home_23-2148414904.jpg" },
|
||||
{ id: "3", name: "Vanessa Diaz", role: "Cliente", testimonial: "Sus diseños modernos son los mejores de la ciudad.", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg" },
|
||||
{ id: "4", name: "Cliente Anónimo", role: "Cliente", testimonial: "Profesionalismo de principio a fin.", imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058841.jpg" },
|
||||
{ id: "5", name: "Cliente Feliz", role: "Cliente", testimonial: "Cumplieron con todas mis expectativas.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-big-city-woman-city_169016-66513.jpg" },
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="La satisfacción de quienes confían en nuestro estudio de arquitectura."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Años de Trayectoria",
|
||||
description: "Liderando proyectos de arquitectura en Quito.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011558.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Proyectos Completados",
|
||||
description: "Superando las expectativas de nuestros clientes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-dark-wood-furniture-with-black-handles_169016-12835.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfacción",
|
||||
description: "Comprometidos con la excelencia.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-architectural-design-office_482257-10516.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nuestra Huella"
|
||||
description="Datos que respaldan nuestro compromiso con la excelencia constructiva."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Años de Trayectoria", description: "Liderando proyectos de arquitectura en Quito.", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011558.jpg" },
|
||||
{ id: "m2", value: "200+", title: "Proyectos Completados", description: "Superando las expectativas de nuestros clientes.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-dark-wood-furniture-with-black-handles_169016-12835.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Satisfacción", description: "Comprometidos con la excelencia.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-architectural-design-office_482257-10516.jpg" },
|
||||
]}
|
||||
title="Nuestra Huella"
|
||||
description="Datos que respaldan nuestro compromiso con la excelencia constructiva."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Cómo empiezo mi proyecto?",
|
||||
content: "Contáctanos para una primera asesoría sin costo.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Realizan diseño de interiores?",
|
||||
content: "Sí, abarcamos diseño integral arquitectónico y de interiores.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Qué ubicaciones cubren?",
|
||||
content: "Principalmente Quito y sus alrededores.",
|
||||
},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resolvemos tus dudas sobre nuestro proceso de diseño y construcción."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "¿Cómo empiezo mi proyecto?", content: "Contáctanos para una primera asesoría sin costo." },
|
||||
{ id: "f2", title: "¿Realizan diseño de interiores?", content: "Sí, abarcamos diseño integral arquitectónico y de interiores." },
|
||||
{ id: "f3", title: "¿Qué ubicaciones cubren?", content: "Principalmente Quito y sus alrededores." },
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resolvemos tus dudas sobre nuestro proceso de diseño y construcción."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contacto"
|
||||
title="Transformemos tu espacio"
|
||||
description="Estamos listos para escuchar tus ideas. Escríbenos y comencemos a diseñar juntos."
|
||||
/>
|
||||
</div>
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="Transformemos tu espacio"
|
||||
description="Estamos listos para escuchar tus ideas. Escríbenos y comencemos a diseñar juntos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Paredes + Paredes"
|
||||
columns={[
|
||||
{
|
||||
title: "Estudio",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Proyectos",
|
||||
href: "#proyectos",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Servicios",
|
||||
items: [
|
||||
{
|
||||
label: "Arquitectura",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Diseño de Interiores",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
{
|
||||
label: "099 450 4754",
|
||||
href: "tel:0994504754",
|
||||
},
|
||||
{
|
||||
label: "Quito, Ecuador",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Paredes + Paredes"
|
||||
columns={[
|
||||
{ title: "Estudio", items: [{ label: "Sobre nosotros", href: "#about" }, { label: "Proyectos", href: "#proyectos" }] },
|
||||
{ title: "Servicios", items: [{ label: "Arquitectura", href: "#" }, { label: "Diseño de Interiores", href: "#" }] },
|
||||
{ title: "Contacto", items: [{ label: "099 450 4754", href: "tel:0994504754" }, { label: "Quito, Ecuador", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user