Update src/app/page.tsx
This commit is contained in:
212
src/app/page.tsx
212
src/app/page.tsx
@@ -31,29 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
name: "Nosotros", id: "about"},
|
||||
{
|
||||
name: "Proyectos",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Proyectos", id: "projects"},
|
||||
{
|
||||
name: "Ubicación",
|
||||
id: "locations",
|
||||
},
|
||||
name: "Ubicación", id: "locations"},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Opiniones", id: "testimonials"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Mi Negocio"
|
||||
/>
|
||||
@@ -62,47 +50,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
title="Impulsamos tu visión empresarial"
|
||||
description="Expertos en soluciones integrales para potenciar tu marca con calidad, compromiso y visión a futuro."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Proyectos",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "Ver Proyectos", href: "#projects"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-close-up_1127-3508.jpg",
|
||||
imageAlt: "Edificio corporativo",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/building-close-up_1127-3508.jpg", imageAlt: "Edificio corporativo"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991369.jpg",
|
||||
imageAlt: "Reunión de negocios",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991369.jpg", imageAlt: "Reunión de negocios"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004769.jpg",
|
||||
imageAlt: "Arquitectura urbana",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004769.jpg", imageAlt: "Arquitectura urbana"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-arrangement_23-2148727498.jpg",
|
||||
imageAlt: "Alianza estratégica",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-arrangement_23-2148727498.jpg", imageAlt: "Alianza estratégica"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/discussing-start-up-ideas_1098-16869.jpg",
|
||||
imageAlt: "Fachada moderna",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/discussing-start-up-ideas_1098-16869.jpg", imageAlt: "Fachada moderna"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-134899.jpg",
|
||||
imageAlt: "Equipo profesional",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-134899.jpg", imageAlt: "Equipo profesional"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,9 +80,7 @@ export default function LandingPage() {
|
||||
title="Nuestra Visión de Marca"
|
||||
buttons={[
|
||||
{
|
||||
text: "Más sobre nosotros",
|
||||
href: "#",
|
||||
},
|
||||
text: "Más sobre nosotros", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,41 +93,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Renovación Corporativa",
|
||||
price: "Proyecto 01",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-part-modern-open-space-office_181624-20722.jpg",
|
||||
},
|
||||
id: "1", name: "Renovación Corporativa", price: "Proyecto 01", imageSrc: "http://img.b2bpic.net/free-photo/interior-part-modern-open-space-office_181624-20722.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fachada Moderna",
|
||||
price: "Proyecto 02",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-block-flats_1203-57.jpg",
|
||||
},
|
||||
id: "2", name: "Fachada Moderna", price: "Proyecto 02", imageSrc: "http://img.b2bpic.net/free-photo/glass-block-flats_1203-57.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Interior Comercial",
|
||||
price: "Proyecto 03",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-people-startup-office-used-business-development-professional-e-commerce-workplace-with-computer-nobody-desk-with-sales-charts-financial-statistics-software_482257-41027.jpg",
|
||||
},
|
||||
id: "3", name: "Interior Comercial", price: "Proyecto 03", imageSrc: "http://img.b2bpic.net/free-photo/no-people-startup-office-used-business-development-professional-e-commerce-workplace-with-computer-nobody-desk-with-sales-charts-financial-statistics-software_482257-41027.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diseño de Lobby",
|
||||
price: "Proyecto 04",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498607.jpg",
|
||||
},
|
||||
id: "4", name: "Diseño de Lobby", price: "Proyecto 04", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498607.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Centro de Negocios",
|
||||
price: "Proyecto 05",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-tall-building_250224-299.jpg",
|
||||
},
|
||||
id: "5", name: "Centro de Negocios", price: "Proyecto 05", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-tall-building_250224-299.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Workspace Contemporáneo",
|
||||
price: "Proyecto 06",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-business-partners-meeting-discussing-company-profits-making-research-looking-through-ompetieours-work-laptop-business-teamwork-concept_176420-8292.jpg",
|
||||
},
|
||||
id: "6", name: "Workspace Contemporáneo", price: "Proyecto 06", imageSrc: "http://img.b2bpic.net/free-photo/group-business-partners-meeting-discussing-company-profits-making-research-looking-through-ompetieours-work-laptop-business-teamwork-concept_176420-8292.jpg"},
|
||||
]}
|
||||
title="Nuestros Proyectos Recientes"
|
||||
description="Una selección de trabajos que definen nuestro compromiso con la excelencia y el diseño."
|
||||
@@ -176,26 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "loc1",
|
||||
value: "Sede Central",
|
||||
title: "Ciudad de México",
|
||||
description: "Av. Insurgentes Sur 123",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-high-rise-building-glass-facade-clear-sky_181624-6151.jpg",
|
||||
},
|
||||
id: "loc1", value: "Sede Central", title: "Ciudad de México", description: "Av. Insurgentes Sur 123", imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-high-rise-building-glass-facade-clear-sky_181624-6151.jpg"},
|
||||
{
|
||||
id: "loc2",
|
||||
value: "Sucursal Norte",
|
||||
title: "Monterrey",
|
||||
description: "Av. Lázaro Cárdenas 456",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunset-manhattan_1368-6223.jpg",
|
||||
},
|
||||
id: "loc2", value: "Sucursal Norte", title: "Monterrey", description: "Av. Lázaro Cárdenas 456", imageSrc: "http://img.b2bpic.net/free-photo/sunset-manhattan_1368-6223.jpg"},
|
||||
{
|
||||
id: "loc3",
|
||||
value: "Sucursal Occidente",
|
||||
title: "Guadalajara",
|
||||
description: "Av. Vallarta 789",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/escalators-building-with-grey-walls_181624-17372.jpg",
|
||||
},
|
||||
id: "loc3", value: "Sucursal Occidente", title: "Guadalajara", description: "Av. Vallarta 789", imageSrc: "http://img.b2bpic.net/free-photo/escalators-building-with-grey-walls_181624-17372.jpg"},
|
||||
]}
|
||||
title="Sucursales"
|
||||
description="Presencia estratégica en las principales ciudades para brindarte atención personalizada."
|
||||
@@ -205,48 +131,24 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
animationType="scale-rotate"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alejandro Pérez",
|
||||
handle: "@aperez",
|
||||
testimonial: "Excelente servicio y compromiso absoluto con los plazos.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193990.jpg",
|
||||
},
|
||||
id: "1", name: "Alejandro Pérez", handle: "@aperez", testimonial: "Excelente servicio y compromiso absoluto con los plazos.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193990.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Beatriz Gómez",
|
||||
handle: "@bgomez",
|
||||
testimonial: "La visión de esta marca transformó nuestra oficina completamente.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-businessman-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-7442.jpg",
|
||||
},
|
||||
id: "2", name: "Beatriz Gómez", handle: "@bgomez", testimonial: "La visión de esta marca transformó nuestra oficina completamente.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-businessman-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-7442.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carlos Ruíz",
|
||||
handle: "@cruiz",
|
||||
testimonial: "Calidad excepcional en cada detalle del proyecto.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
|
||||
},
|
||||
id: "3", name: "Carlos Ruíz", handle: "@cruiz", testimonial: "Calidad excepcional en cada detalle del proyecto.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana Torres",
|
||||
handle: "@dtorres",
|
||||
testimonial: "Altamente recomendados por su profesionalismo.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
id: "4", name: "Diana Torres", handle: "@dtorres", testimonial: "Altamente recomendados por su profesionalismo.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eduardo M.",
|
||||
handle: "@emendez",
|
||||
testimonial: "Un equipo experto que sabe escuchar lo que necesitas.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4155.jpg",
|
||||
},
|
||||
id: "5", name: "Eduardo M.", handle: "@emendez", testimonial: "Un equipo experto que sabe escuchar lo que necesitas.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4155.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Opiniones y Calificaciones"
|
||||
@@ -259,20 +161,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Cómo solicito una cotización?",
|
||||
content: "Puedes contactarnos a través del formulario de contacto o llamando a nuestras sucursales.",
|
||||
},
|
||||
id: "f1", title: "¿Cómo solicito una cotización?", content: "Puedes contactarnos a través del formulario de contacto o llamando a nuestras sucursales."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Tienen cobertura nacional?",
|
||||
content: "Sí, realizamos proyectos en toda la república con supervisión directa.",
|
||||
},
|
||||
id: "f2", title: "¿Tienen cobertura nacional?", content: "Sí, realizamos proyectos en toda la república con supervisión directa."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Cuál es el tiempo promedio de entrega?",
|
||||
content: "Depende de la complejidad, pero nuestro promedio es de 3 a 6 meses.",
|
||||
},
|
||||
id: "f3", title: "¿Cuál es el tiempo promedio de entrega?", content: "Depende de la complejidad, pero nuestro promedio es de 3 a 6 meses."},
|
||||
]}
|
||||
sideTitle="Preguntas Frecuentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -283,16 +176,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contacto"
|
||||
title="Hablemos de tu próximo proyecto"
|
||||
description="Estamos listos para transformar tu negocio. Ponte en contacto hoy mismo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contactar ahora",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contactar ahora", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -301,29 +191,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
title: "Empresa", items: [
|
||||
{
|
||||
label: "Sobre nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre nosotros", href: "#about"},
|
||||
{
|
||||
label: "Proyectos",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Proyectos", href: "#projects"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "Sucursales",
|
||||
href: "#locations",
|
||||
},
|
||||
label: "Sucursales", href: "#locations"},
|
||||
{
|
||||
label: "Preguntas",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Preguntas", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user