Update src/app/page.tsx

This commit is contained in:
2026-03-23 22:10:34 +00:00
parent 317973c7a4
commit 0991483daf

View File

@@ -31,31 +31,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Inicio",
href: "/",
id: "1",
},
name: "Inicio", id: "/"},
{
name: "Portfolio",
href: "/portfolio",
id: "2",
},
name: "Portfolio", id: "/portfolio"},
{
name: "Servicios",
href: "/services",
id: "3",
},
name: "Servicios", id: "/services"},
{
name: "Sobre Mí",
href: "/about",
id: "4",
},
name: "Sobre Mí", id: "/about"},
]}
brandName="Lukrasvion"
button={{
text: "Contacto",
href: "/contact",
}}
text: "Contacto", href: "/contact"}}
animateOnLoad={true}
/>
</div>
@@ -63,45 +49,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="Lukrasvion: Fotografía Automotriz que Eleva tu Marca"
description="Transformamos coches de lujo en obras de arte cinematográficas. Capturamos la esencia, la potencia y la elegancia para una presencia digital impactante y exclusiva."
buttons={[
{
text: "Ver Portfolio",
href: "/portfolio",
},
text: "Ver Portfolio", href: "/portfolio"},
{
text: "Solicitar Sesión",
href: "/contact",
},
text: "Solicitar Sesión", href: "/contact"},
]}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-sleek-luxurious-sports-car-possibly-a--1774303728435-36abbcd9.png",
imageAlt: "Luxury sports car in dramatic lighting",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-sleek-luxurious-sports-car-possibly-a--1774303728435-36abbcd9.png", imageAlt: "Luxury sports car in dramatic lighting"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-vintage-classic-car-like-a-porsche-911-1774303728560-e20aa6d5.png",
imageAlt: "Vintage classic car with modern artistic touch",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-vintage-classic-car-like-a-porsche-911-1774303728560-e20aa6d5.png", imageAlt: "Vintage classic car with modern artistic touch"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-futuristic-concept-car-electric-or-hyp-1774303728701-d976bfbf.png",
imageAlt: "Futuristic concept car in a high-tech environment",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-futuristic-concept-car-electric-or-hyp-1774303728701-d976bfbf.png", imageAlt: "Futuristic concept car in a high-tech environment"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-detailed-close-up-of-a-luxury-car-s-em-1774303728319-dfd344c1.png",
imageAlt: "Detailed close-up of a luxury car's emblem",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-detailed-close-up-of-a-luxury-car-s-em-1774303728319-dfd344c1.png", imageAlt: "Detailed close-up of a luxury car's emblem"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-luxury-suv-or-executive-sedan-in-a-pow-1774303729048-33d62a69.png",
imageAlt: "Luxury SUV against a dramatic natural backdrop",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-luxury-suv-or-executive-sedan-in-a-pow-1774303729048-33d62a69.png", imageAlt: "Luxury SUV against a dramatic natural backdrop"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-group-of-assorted-high-end-sports-cars-1774303728221-8c7edde8.png",
imageAlt: "Group of high-end sports cars in a private collection garage",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-group-of-assorted-high-end-sports-cars-1774303728221-8c7edde8.png", imageAlt: "Group of high-end sports cars in a private collection garage"},
]}
/>
</div>
@@ -116,47 +85,30 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardNine
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Sesiones Fotográficas Exclusivas",
description: "Capturamos cada curva y detalle de tu coche con una precisión artística. Sesiones personalizadas en ubicaciones premium para un resultado inigualable.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-smartphone-screen-displaying-a-mockup--1774303729076-9c037a62.png",
imageAlt: "Smartphone showing car photography on Instagram",
},
title: "Sesiones Fotográficas Exclusivas", description: "Capturamos cada curva y detalle de tu coche con una precisión artística. Sesiones personalizadas en ubicaciones premium para un resultado inigualable.", phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-smartphone-screen-displaying-a-mockup--1774303729076-9c037a62.png", imageAlt: "Smartphone showing car photography on Instagram"},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-smartphone-screen-displaying-a-web-gal-1774303728816-eb8cc284.png",
imageAlt: "Smartphone showing car photography portfolio",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-smartphone-screen-displaying-a-web-gal-1774303728816-eb8cc284.png", imageAlt: "Smartphone showing car photography portfolio"},
},
{
id: 2,
title: "Branding Visual Automotriz",
description: "Desarrollamos una identidad visual potente para tu marca o colección. Desde logotipos hasta guías de estilo, asegurando una coherencia de lujo.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-smartphone-screen-showcasing-a-behind--1774303728361-6e9a1312.png",
imageAlt: "Smartphone showing car photoshoot behind the scenes",
},
title: "Branding Visual Automotriz", description: "Desarrollamos una identidad visual potente para tu marca o colección. Desde logotipos hasta guías de estilo, asegurando una coherencia de lujo.", phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-smartphone-screen-showcasing-a-behind--1774303728361-6e9a1312.png", imageAlt: "Smartphone showing car photoshoot behind the scenes"},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-smartphone-screen-displaying-a-mood-bo-1774303727920-3f5157ed.png",
imageAlt: "Smartphone showing automotive branding mood board",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-smartphone-screen-displaying-a-mood-bo-1774303727920-3f5157ed.png", imageAlt: "Smartphone showing automotive branding mood board"},
},
{
id: 3,
title: "Contenido para Redes Sociales y Publicidad",
description: "Creamos imágenes y videos impactantes optimizados para plataformas digitales. Eleva tu presencia online y atrae a tu público objetivo con contenido de revista.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-smartphone-screen-with-a-preview-of-a--1774303729121-5103f860.png",
imageAlt: "Smartphone showing car video preview",
},
title: "Contenido para Redes Sociales y Publicidad", description: "Creamos imágenes y videos impactantes optimizados para plataformas digitales. Eleva tu presencia online y atrae a tu público objetivo con contenido de revista.", phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-smartphone-screen-with-a-preview-of-a--1774303729121-5103f860.png", imageAlt: "Smartphone showing car video preview"},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-smartphone-screen-displaying-a-detaile-1774303728683-a025fff0.png",
imageAlt: "Smartphone showing social media analytics for automotive content",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-smartphone-screen-displaying-a-detaile-1774303728683-a025fff0.png", imageAlt: "Smartphone showing social media analytics for automotive content"},
},
]}
showStepNumbers={false}
@@ -174,35 +126,14 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Classic Muscle",
name: "Potencia Atemporal",
price: "Desde $1,500",
rating: 5,
reviewCount: "20 reviews",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-dramatic-shot-of-a-vintage-muscle-car--1774303728947-73750158.png",
imageAlt: "Dramatic shot of a vintage muscle car",
},
id: "p1", brand: "Classic Muscle", name: "Potencia Atemporal", price: "Desde $1,500", rating: 5,
reviewCount: "20 reviews", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-dramatic-shot-of-a-vintage-muscle-car--1774303728947-73750158.png", imageAlt: "Dramatic shot of a vintage muscle car"},
{
id: "p2",
brand: "Electric Future",
name: "Innovación en Movimiento",
price: "Desde $1,800",
rating: 5,
reviewCount: "15 reviews",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-modern-electric-performance-car-such-a-1774303728633-8b19d2d8.png",
imageAlt: "Modern electric performance car in a futuristic urban setting",
},
id: "p2", brand: "Electric Future", name: "Innovación en Movimiento", price: "Desde $1,800", rating: 5,
reviewCount: "15 reviews", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-modern-electric-performance-car-such-a-1774303728633-8b19d2d8.png", imageAlt: "Modern electric performance car in a futuristic urban setting"},
{
id: "p3",
brand: "Grand Tourer",
name: "Elegancia en Ruta",
price: "Desde $2,000",
rating: 5,
reviewCount: "18 reviews",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-luxury-grand-tourer-like-an-aston-mart-1774303728866-fb45339f.png",
imageAlt: "Luxury grand tourer in an opulent setting",
},
id: "p3", brand: "Grand Tourer", name: "Elegancia en Ruta", price: "Desde $2,000", rating: 5,
reviewCount: "18 reviews", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/a-luxury-grand-tourer-like-an-aston-mart-1774303728866-fb45339f.png", imageAlt: "Luxury grand tourer in an opulent setting"},
]}
title="Un Vistazo a Nuestro Portfolio Exclusivo"
description="Cada imagen cuenta una historia de velocidad, lujo y diseño inigualable. Explora una selección de nuestras creaciones más impactantes."
@@ -214,23 +145,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Mercedes-Benz",
"Porsche",
"BMW",
"Audi",
"Lamborghini",
"Ferrari",
"Aston Martin",
]}
"Mercedes-Benz", "Porsche", "BMW", "Audi", "Lamborghini", "Ferrari", "Aston Martin"]}
logos={[
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/the-mercedes-benz-logo-silver-and-metall-1774303727664-a5aac452.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/the-porsche-logo-in-its-iconic-crest-des-1774303728976-62a6546f.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/the-bmw-logo-the-blue-and-white-roundel--1774303727852-76e3481a.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/the-audi-logo-the-four-interlocking-ring-1774303728123-0335b34a.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/the-lamborghini-logo-featuring-the-charg-1774303728935-dc7a99b6.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/the-ferrari-logo-the-prancing-horse-on-a-1774303728847-8bba4515.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/the-aston-martin-logo-with-its-wings-des-1774303728287-89906a9a.png",
]}
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/the-mercedes-benz-logo-silver-and-metall-1774303727664-a5aac452.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/the-porsche-logo-in-its-iconic-crest-des-1774303728976-62a6546f.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/the-bmw-logo-the-blue-and-white-roundel--1774303727852-76e3481a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/the-audi-logo-the-four-interlocking-ring-1774303728123-0335b34a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/the-lamborghini-logo-featuring-the-charg-1774303728935-dc7a99b6.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/the-ferrari-logo-the-prancing-horse-on-a-1774303728847-8bba4515.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/the-aston-martin-logo-with-its-wings-des-1774303728287-89906a9a.png"]}
title="Socios en la Excelencia Automotriz"
description="Hemos tenido el honor de colaborar con algunas de las marcas y entusiastas más exigentes del sector, elevando su presencia visual al máximo nivel."
/>
@@ -244,21 +161,13 @@ export default function LandingPage() {
author="Alejandro G., Propietario de Superdeportivo"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/professional-headshot-of-a-stylish-male--1774303727532-ab84308b.png",
alt: "Alejandro G., Propietario de Superdeportivo",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/professional-headshot-of-a-stylish-male--1774303727532-ab84308b.png", alt: "Alejandro G., Propietario de Superdeportivo"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/elegant-headshot-of-a-female-automotive--1774303727498-79529fd6.png",
alt: "Isabella R., Gerente de Marketing Automotriz",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/elegant-headshot-of-a-female-automotive--1774303727498-79529fd6.png", alt: "Isabella R., Gerente de Marketing Automotriz"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/charismatic-headshot-of-a-male-content-c-1774303727596-bbf2a6c1.png",
alt: "Diego M., Influencer Automotriz",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/charismatic-headshot-of-a-male-content-c-1774303727596-bbf2a6c1.png", alt: "Diego M., Influencer Automotriz"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/sophisticated-headshot-of-a-female-luxur-1774303728410-76aa2b5a.png",
alt: "Sofía C., Coleccionista de Clásicos",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMf2DvB00HKtQ48OH0a7nWNJOT/sophisticated-headshot-of-a-female-luxur-1774303728410-76aa2b5a.png", alt: "Sofía C., Coleccionista de Clásicos"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -269,18 +178,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
text="Eleva la Imagen de tu Vehículo.\nContáctanos Hoy para una Consulta Exclusiva."
buttons={[
{
text: "Enviar Mensaje",
href: "/contact",
},
text: "Enviar Mensaje", href: "/contact"},
{
text: "Llamar Ahora",
href: "tel:+123456789",
},
text: "Llamar Ahora", href: "tel:+123456789"},
]}
/>
</div>
@@ -289,37 +193,23 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Explorar",
items: [
title: "Explorar", items: [
{
label: "Inicio",
href: "/",
},
label: "Inicio", href: "/"},
{
label: "Portfolio",
href: "/portfolio",
},
label: "Portfolio", href: "/portfolio"},
{
label: "Servicios",
href: "/services",
},
label: "Servicios", href: "/services"},
],
},
{
title: "Empresa",
items: [
title: "Empresa", items: [
{
label: "Sobre Mí",
href: "/about",
},
label: "Sobre Mí", href: "/about"},
{
label: "Contacto",
href: "/contact",
},
label: "Contacto", href: "/contact"},
{
label: "Privacidad",
href: "#",
},
label: "Privacidad", href: "#"},
],
},
]}