Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
479
src/app/page.tsx
479
src/app/page.tsx
@@ -27,355 +27,152 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Provenza Durango"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Servicios", id: "features" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Provenza Durango"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Provenza Durango"
|
||||
description="Tradición, elegancia y excelencia en arquitectura y diseño para los espacios más exigentes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Conocer más",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263618.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264458.jpg",
|
||||
alt: "3d rendering of wooden house",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263617.jpg",
|
||||
alt: "Photorealistic timber house interior with wooden decor and furnishings",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264389.jpg",
|
||||
alt: "3d rendering of wooden house",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264479.jpg",
|
||||
alt: "3d rendering of wooden house",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004660.jpg",
|
||||
alt: "Neo-brutalism inspired building",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Arquitectura de Lujo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Diseño Tradicional",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Acabados Premium",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Calidad Durango",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovación Constante",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Provenza Durango"
|
||||
description="Tradición, elegancia y excelencia en arquitectura y diseño para los espacios más exigentes."
|
||||
buttons={[{ text: "Conocer más", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263618.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264458.jpg", alt: "3d rendering of wooden house" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263617.jpg", alt: "Photorealistic timber house interior with wooden decor and furnishings" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264389.jpg", alt: "3d rendering of wooden house" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264479.jpg", alt: "3d rendering of wooden house" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004660.jpg", alt: "Neo-brutalism inspired building" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Arquitectura de Lujo" },
|
||||
{ type: "text", text: "Diseño Tradicional" },
|
||||
{ type: "text", text: "Acabados Premium" },
|
||||
{ type: "text", text: "Calidad Durango" },
|
||||
{ type: "text", text: "Innovación Constante" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "La esencia de lo ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/colorful-mexican-architecture-urban-landscape_23-2149749933.jpg",
|
||||
alt: "Provenza",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " auténtico.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "La esencia de lo " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/colorful-mexican-architecture-urban-landscape_23-2149749933.jpg", alt: "Provenza" },
|
||||
{ type: "text", content: " auténtico." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Diseño Tradicional",
|
||||
tags: [
|
||||
"Arquitectura",
|
||||
"Durango",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Acabados Premium",
|
||||
tags: [
|
||||
"Calidad",
|
||||
"Detalle",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090609.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Materiales Nobles",
|
||||
tags: [
|
||||
"Sustentable",
|
||||
"Natural",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162867.jpg",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Innovación Espacial",
|
||||
tags: [
|
||||
"Diseño",
|
||||
"Futuro",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186732.jpg",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Herencia y Estilo",
|
||||
tags: [
|
||||
"Tradición",
|
||||
"Elegancia",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-working-with-wood_23-2148898042.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nuestros Pilares"
|
||||
description="Comprometidos con la excelencia en cada proyecto."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Diseño Tradicional", tags: ["Arquitectura", "Durango"], imageSrc: "http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg" },
|
||||
{ id: "f2", title: "Acabados Premium", tags: ["Calidad", "Detalle"], imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090609.jpg" },
|
||||
{ id: "f3", title: "Materiales Nobles", tags: ["Sustentable", "Natural"], imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162867.jpg" },
|
||||
{ id: "f4", title: "Innovación Espacial", tags: ["Diseño", "Futuro"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186732.jpg" },
|
||||
{ id: "f5", title: "Herencia y Estilo", tags: ["Tradición", "Elegancia"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-working-with-wood_23-2148898042.jpg" },
|
||||
]}
|
||||
title="Nuestros Pilares"
|
||||
description="Comprometidos con la excelencia en cada proyecto."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sofía Martínez",
|
||||
handle: "@sofiam",
|
||||
testimonial: "Excelente atención y resultados de primer nivel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-man-his-his-greenhouse_53876-98136.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Roberto Gómez",
|
||||
handle: "@robertog",
|
||||
testimonial: "La mejor elección para mi proyecto en Durango.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-embraced-couple-conversing-with-female-realtor_23-2148895486.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Vargas",
|
||||
handle: "@elenav",
|
||||
testimonial: "Calidad inigualable en cada detalle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-looking-charts-sofa_23-2147707738.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Carlos Ruiz",
|
||||
handle: "@carlosr",
|
||||
testimonial: "Un equipo altamente profesional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-female-architects-working-3d-printed-models_482257-31173.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ana López",
|
||||
handle: "@anal",
|
||||
testimonial: "Superaron todas mis expectativas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-black-woman-smiling-camera-home_197531-33133.jpg",
|
||||
},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Historias de éxito y satisfacción."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sofía Martínez", handle: "@sofiam", testimonial: "Excelente atención y resultados de primer nivel.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-man-his-his-greenhouse_53876-98136.jpg" },
|
||||
{ id: "2", name: "Roberto Gómez", handle: "@robertog", testimonial: "La mejor elección para mi proyecto en Durango.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-embraced-couple-conversing-with-female-realtor_23-2148895486.jpg" },
|
||||
{ id: "3", name: "Elena Vargas", handle: "@elenav", testimonial: "Calidad inigualable en cada detalle.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-looking-charts-sofa_23-2147707738.jpg" },
|
||||
{ id: "4", name: "Carlos Ruiz", handle: "@carlosr", testimonial: "Un equipo altamente profesional.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-female-architects-working-3d-printed-models_482257-31173.jpg" },
|
||||
{ id: "5", name: "Ana López", handle: "@anal", testimonial: "Superaron todas mis expectativas.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-black-woman-smiling-camera-home_197531-33133.jpg" },
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Historias de éxito y satisfacción."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Cómo solicito una cotización?",
|
||||
content: "Contáctanos vía web o visita nuestras oficinas.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Cuál es su área de cobertura?",
|
||||
content: "Atendemos toda la región de Durango.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Trabajan con materiales específicos?",
|
||||
content: "Sí, nos especializamos en materiales nobles y locales.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "¿Tienen oficina física?",
|
||||
content: "Sí, nuestras oficinas están abiertas para consultas.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "¿Ofrecen consultoría de diseño?",
|
||||
content: "Contamos con un equipo de expertos para asesorarte.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-friends-enjoying-time-together_23-2148395448.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resolvemos todas tus dudas."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "¿Cómo solicito una cotización?", content: "Contáctanos vía web o visita nuestras oficinas." },
|
||||
{ id: "q2", title: "¿Cuál es su área de cobertura?", content: "Atendemos toda la región de Durango." },
|
||||
{ id: "q3", title: "¿Trabajan con materiales específicos?", content: "Sí, nos especializamos en materiales nobles y locales." },
|
||||
{ id: "q4", title: "¿Tienen oficina física?", content: "Sí, nuestras oficinas están abiertas para consultas." },
|
||||
{ id: "q5", title: "¿Ofrecen consultoría de diseño?", content: "Contamos con un equipo de expertos para asesorarte." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-friends-enjoying-time-together_23-2148395448.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resolvemos todas tus dudas."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Insights & Estilo"
|
||||
description="Las últimas tendencias en arquitectura."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Estilo",
|
||||
title: "Tendencias 2024",
|
||||
excerpt: "Explorando la elegancia actual.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-fashion-designer-studio-working-clothing_23-2150407871.jpg",
|
||||
authorName: "Provenza",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/senior-couple-dancing-home_23-2149891588.jpg",
|
||||
date: "15 Mayo",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Tradición",
|
||||
title: "Legado Arquitectónico",
|
||||
excerpt: "Diseño que perdura.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-concrete-cathedral-with-statue_250224-66.jpg",
|
||||
authorName: "Provenza",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/ceiling-details-cathedral_181624-31674.jpg",
|
||||
date: "10 Mayo",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Diseño",
|
||||
title: "Espacios Funcionales",
|
||||
excerpt: "Equilibrio perfecto.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712847.jpg",
|
||||
authorName: "Provenza",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/luxurious-lifestyle-rich-woman_52683-97511.jpg",
|
||||
date: "05 Mayo",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Insights & Estilo"
|
||||
description="Las últimas tendencias en arquitectura."
|
||||
blogs={[
|
||||
{ id: "b1", category: "Estilo", title: "Tendencias 2024", excerpt: "Explorando la elegancia actual.", imageSrc: "http://img.b2bpic.net/free-photo/female-fashion-designer-studio-working-clothing_23-2150407871.jpg", authorName: "Provenza", authorAvatar: "http://img.b2bpic.net/free-photo/senior-couple-dancing-home_23-2149891588.jpg", date: "15 Mayo" },
|
||||
{ id: "b2", category: "Tradición", title: "Legado Arquitectónico", excerpt: "Diseño que perdura.", imageSrc: "http://img.b2bpic.net/free-photo/old-concrete-cathedral-with-statue_250224-66.jpg", authorName: "Provenza", authorAvatar: "http://img.b2bpic.net/free-photo/ceiling-details-cathedral_181624-31674.jpg", date: "10 Mayo" },
|
||||
{ id: "b3", category: "Diseño", title: "Espacios Funcionales", excerpt: "Equilibrio perfecto.", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712847.jpg", authorName: "Provenza", authorAvatar: "http://img.b2bpic.net/free-photo/luxurious-lifestyle-rich-woman_52683-97511.jpg", date: "05 Mayo" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Contáctanos"
|
||||
description="Iniciemos tu próximo proyecto juntos."
|
||||
inputs={[
|
||||
{
|
||||
name: "nombre",
|
||||
type: "text",
|
||||
placeholder: "Tu nombre",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Tu email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-indoor-amenities-with-blurry-window_181624-19213.jpg"
|
||||
textarea={{
|
||||
name: "mensaje",
|
||||
placeholder: "Cuéntanos sobre tu proyecto",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Contáctanos"
|
||||
description="Iniciemos tu próximo proyecto juntos."
|
||||
inputs={[
|
||||
{ name: "nombre", type: "text", placeholder: "Tu nombre", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Tu email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-indoor-amenities-with-blurry-window_181624-19213.jpg"
|
||||
textarea={{ name: "mensaje", placeholder: "Cuéntanos sobre tu proyecto", rows: 4, required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Provenza Durango"
|
||||
columns={[
|
||||
{
|
||||
title: "Navegación",
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legales",
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Provenza Durango"
|
||||
columns={[
|
||||
{
|
||||
title: "Navegación", items: [
|
||||
{ label: "Inicio", href: "#hero" },
|
||||
{ label: "Nosotros", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legales", items: [{ label: "Privacidad", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user