Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
248
src/app/page.tsx
248
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "features",
|
||||
},
|
||||
name: "Servicios", id: "features"},
|
||||
{
|
||||
name: "Proyectos",
|
||||
id: "products",
|
||||
},
|
||||
name: "Proyectos", id: "products"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Esmeralda Laser"
|
||||
/>
|
||||
@@ -55,47 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Precisión y Arte en Cada Corte"
|
||||
description="Transformamos tus ideas en realidad con tecnología láser de vanguardia. Calidad inigualable para tus proyectos comerciales y personales."
|
||||
buttons={[
|
||||
{
|
||||
text: "Cotizar Ahora",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Cotizar Ahora", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-wood-engraving-workshop_23-2149185417.jpg?_wi=1",
|
||||
imageAlt: "corte madera",
|
||||
},
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-wood-engraving-workshop_23-2149185417.jpg", imageAlt: "corte madera"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-watchmaker-is-working-with-autoclave-his-own-studio_613910-21397.jpg?_wi=1",
|
||||
imageAlt: "grabado acrílico",
|
||||
},
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/focused-watchmaker-is-working-with-autoclave-his-own-studio_613910-21397.jpg", imageAlt: "grabado acrílico"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-perforated-sheet-material_23-2150185425.jpg?_wi=1",
|
||||
imageAlt: "corte metal",
|
||||
},
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/view-perforated-sheet-material_23-2150185425.jpg", imageAlt: "corte metal"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vector-round-lace-with-damask-arabesque-elements-mehndi-style-orient-traditional-ornament_1217-5835.jpg",
|
||||
imageAlt: "arte madera",
|
||||
},
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-vector/vector-round-lace-with-damask-arabesque-elements-mehndi-style-orient-traditional-ornament_1217-5835.jpg", imageAlt: "arte madera"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-desert-cacti_23-2151327471.jpg",
|
||||
imageAlt: "grabado metal",
|
||||
},
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/black-white-desert-cacti_23-2151327471.jpg", imageAlt: "grabado metal"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lasercut-industry_1098-13416.jpg",
|
||||
imageAlt: "tecnología láser",
|
||||
},
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/lasercut-industry_1098-13416.jpg", imageAlt: "tecnología láser"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,9 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Expertos en Grabado y Corte Láser"
|
||||
description={[
|
||||
"En Esmeralda, combinamos años de experiencia con las máquinas más avanzadas del mercado.",
|
||||
"Nuestro compromiso es ofrecer precisión milimétrica, acabados limpios y tiempos de entrega rápidos para todos tus proyectos.",
|
||||
]}
|
||||
"En Esmeralda, combinamos años de experiencia con las máquinas más avanzadas del mercado.", "Nuestro compromiso es ofrecer precisión milimétrica, acabados limpios y tiempos de entrega rápidos para todos tus proyectos."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,40 +87,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Calidad Certificada",
|
||||
description: "Trabajamos con materiales de primera calidad asegurando acabados perfectos.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-worker-using-automated-woodworking-machine-production-facility_637285-12005.jpg",
|
||||
},
|
||||
title: "Calidad Certificada", description: "Trabajamos con materiales de primera calidad asegurando acabados perfectos.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-worker-using-automated-woodworking-machine-production-facility_637285-12005.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/installation-new-tiles-wall-using-laser-level-laser-level-illuminates-installation-site-professional-approach_166373-2079.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-wood-engraving-workshop_23-2149185417.jpg?_wi=2",
|
||||
imageAlt: "industrial precision measurement",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/installation-new-tiles-wall-using-laser-level-laser-level-illuminates-installation-site-professional-approach_166373-2079.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Diseño Digital",
|
||||
description: "Digitalizamos tus archivos para una ejecución rápida y fiel al diseño original.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cutting-plywood_1098-13347.jpg",
|
||||
},
|
||||
title: "Diseño Digital", description: "Digitalizamos tus archivos para una ejecución rápida y fiel al diseño original.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cutting-plywood_1098-13347.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-using-ai-software-turning-text-prompt-into-photos-drinking-coffee_482257-125868.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-watchmaker-is-working-with-autoclave-his-own-studio_613910-21397.jpg?_wi=2",
|
||||
imageAlt: "industrial precision measurement",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-using-ai-software-turning-text-prompt-into-photos-drinking-coffee_482257-125868.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Tecnología Avanzada",
|
||||
description: "Nuestros equipos laser permiten cortar y grabar una amplia variedad de materiales.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-busy-city-highway-night-bridge_23-2149001228.jpg",
|
||||
},
|
||||
title: "Tecnología Avanzada", description: "Nuestros equipos laser permiten cortar y grabar una amplia variedad de materiales.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-busy-city-highway-night-bridge_23-2149001228.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-tunnel-light-speed_23-2151986959.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-perforated-sheet-material_23-2150185425.jpg?_wi=2",
|
||||
imageAlt: "industrial precision measurement",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-tunnel-light-speed_23-2151986959.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -168,59 +119,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Decor",
|
||||
name: "Letrero Corporativo",
|
||||
price: "Desde $450",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/words-sand-about-summer_23-2151265487.jpg",
|
||||
},
|
||||
id: "p1", brand: "Decor", name: "Letrero Corporativo", price: "Desde $450", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/words-sand-about-summer_23-2151265487.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Moda",
|
||||
name: "Accesorios de Piel",
|
||||
price: "Desde $120",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-ouija-board-flowers_23-2149486495.jpg",
|
||||
},
|
||||
id: "p2", brand: "Moda", name: "Accesorios de Piel", price: "Desde $120", rating: 5,
|
||||
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-ouija-board-flowers_23-2149486495.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Eventos",
|
||||
name: "Topper para Pastel",
|
||||
price: "Desde $280",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drilling-hole-metal-with-giant-drill-steel-factory-by-worker-male_613910-5094.jpg",
|
||||
},
|
||||
id: "p3", brand: "Eventos", name: "Topper para Pastel", price: "Desde $280", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/drilling-hole-metal-with-giant-drill-steel-factory-by-worker-male_613910-5094.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Oficina",
|
||||
name: "Placa de Escritorio",
|
||||
price: "Desde $350",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ouija-board-tool-high-angle_23-2149486474.jpg",
|
||||
},
|
||||
id: "p4", brand: "Oficina", name: "Placa de Escritorio", price: "Desde $350", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/ouija-board-tool-high-angle_23-2149486474.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Promocional",
|
||||
name: "Llaveros Personalizados",
|
||||
price: "Desde $45",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-s-hand-holding-postcard-with-words-stars-can-t-shine-without-darkness_176420-8900.jpg",
|
||||
},
|
||||
id: "p5", brand: "Promocional", name: "Llaveros Personalizados", price: "Desde $45", rating: 5,
|
||||
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/girl-s-hand-holding-postcard-with-words-stars-can-t-shine-without-darkness_176420-8900.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Empaque",
|
||||
name: "Caja de Regalo",
|
||||
price: "Desde $500",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631437.jpg",
|
||||
},
|
||||
id: "p6", brand: "Empaque", name: "Caja de Regalo", price: "Desde $500", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631437.jpg"},
|
||||
]}
|
||||
title="Nuestros Proyectos Recientes"
|
||||
description="Una muestra de lo que somos capaces de crear para ti."
|
||||
@@ -234,20 +149,11 @@ export default function LandingPage() {
|
||||
tag="Especialistas"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
description: "Proyectos terminados",
|
||||
},
|
||||
id: "m1", value: "1000+", description: "Proyectos terminados"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Clientes satisfechos",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Clientes satisfechos"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
description: "Respuesta rápida",
|
||||
},
|
||||
id: "m3", value: "24h", description: "Respuesta rápida"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -259,45 +165,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excelente servicio",
|
||||
quote: "Los mejores acabados en madera que he visto.",
|
||||
name: "Ana García",
|
||||
role: "Diseñadora",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-1544.jpg",
|
||||
},
|
||||
id: "t1", title: "Excelente servicio", quote: "Los mejores acabados en madera que he visto.", name: "Ana García", role: "Diseñadora", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-1544.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Muy profesionales",
|
||||
quote: "Entregaron el proyecto mucho antes de lo acordado.",
|
||||
name: "Carlos Ruiz",
|
||||
role: "Arquitecto",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg",
|
||||
},
|
||||
id: "t2", title: "Muy profesionales", quote: "Entregaron el proyecto mucho antes de lo acordado.", name: "Carlos Ruiz", role: "Arquitecto", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Increíble calidad",
|
||||
quote: "El grabado en mis productos quedó fantástico.",
|
||||
name: "Elena Mendoza",
|
||||
role: "Empresaria",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18405.jpg",
|
||||
},
|
||||
id: "t3", title: "Increíble calidad", quote: "El grabado en mis productos quedó fantástico.", name: "Elena Mendoza", role: "Empresaria", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18405.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Súper rápidos",
|
||||
quote: "La comunicación fue fluida y el resultado impecable.",
|
||||
name: "Luis Vega",
|
||||
role: "Event Planner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
|
||||
},
|
||||
id: "t4", title: "Súper rápidos", quote: "La comunicación fue fluida y el resultado impecable.", name: "Luis Vega", role: "Event Planner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Altamente recomendados",
|
||||
quote: "Se convirtieron en nuestro proveedor principal de oficina.",
|
||||
name: "Sofía Torres",
|
||||
role: "Directora",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-desk_23-2149741154.jpg",
|
||||
},
|
||||
id: "t5", title: "Altamente recomendados", quote: "Se convirtieron en nuestro proveedor principal de oficina.", name: "Sofía Torres", role: "Directora", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-desk_23-2149741154.jpg"},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Calidad que respalda nuestra trayectoria."
|
||||
@@ -310,20 +186,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Qué materiales trabajan?",
|
||||
content: "Trabajamos madera, acrílico, cuero, metal, MDF y mucho más.",
|
||||
},
|
||||
id: "f1", title: "¿Qué materiales trabajan?", content: "Trabajamos madera, acrílico, cuero, metal, MDF y mucho más."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Tienen servicio de diseño?",
|
||||
content: "Sí, podemos ayudarte a digitalizar o mejorar tu archivo vectorial.",
|
||||
},
|
||||
id: "f2", title: "¿Tienen servicio de diseño?", content: "Sí, podemos ayudarte a digitalizar o mejorar tu archivo vectorial."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Cuál es el tiempo de entrega?",
|
||||
content: "Depende del volumen, pero generalmente entregamos en 48 horas.",
|
||||
},
|
||||
id: "f3", title: "¿Cuál es el tiempo de entrega?", content: "Depende del volumen, pero generalmente entregamos en 48 horas."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cropped-team-discussing-business-data-with-highlighters_1098-18929.jpg"
|
||||
title="Preguntas frecuentes"
|
||||
@@ -336,8 +203,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Contacto"
|
||||
title="Solicita tu cotización"
|
||||
description="Envíanos tu diseño y recibe una cotización personalizada hoy mismo."
|
||||
@@ -349,29 +215,19 @@ export default function LandingPage() {
|
||||
logoText="Corte y Grabado Láser Esmeralda"
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
title: "Empresa", items: [
|
||||
{
|
||||
label: "Sobre Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre Nosotros", href: "#about"},
|
||||
{
|
||||
label: "Servicios",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Servicios", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Soporte",
|
||||
items: [
|
||||
title: "Soporte", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contacto", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user