bender/8d2bdec1-cb5d-4b3a-82a9-39f98d7b6884
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-02 00:14:23 +00:00
parent 166f680db6
commit f47a73c1c4
1 changed files with 58 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

258
src/app/page.tsx
View File

@@ -2,9 +2,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import ContactText from '@/components/sections/contact/ContactText';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Inicio",
id: "hero",
},
name: "Inicio", id: "hero"},
{
name: "Colección",
id: "products",
},
name: "Colección", id: "products"},
{
name: "Nosotros",
id: "about",
},
name: "Nosotros", id: "about"},
{
name: "Contacto",
id: "contact",
},
name: "Contacto", id: "contact"},
]}
brandName="Lumina"
/>
@@ -55,31 +47,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="La elegancia del tejido"
description="Redescubre la suavidad y el estilo con nuestra nueva colección de sweaters premium. Diseñados para acompañarte con sofisticación en cada momento."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/black-bowl-with-soup-green-sweater-grey-background_23-2148320817.jpg",
imageAlt: "elegant woman wearing sweater studio",
},
imageSrc: "http://img.b2bpic.net/free-photo/black-bowl-with-soup-green-sweater-grey-background_23-2148320817.jpg", imageAlt: "elegant woman wearing sweater studio"},
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-sexy-man-with-long-hair-mustache-knitted-sweater-portrait-outside-close-up_1321-4561.jpg",
imageAlt: "woman in premium wool sweater",
},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-sexy-man-with-long-hair-mustache-knitted-sweater-portrait-outside-close-up_1321-4561.jpg", imageAlt: "woman in premium wool sweater"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-posing_23-2148880186.jpg",
imageAlt: "modern woman minimalist aesthetic sweater",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-posing_23-2148880186.jpg", imageAlt: "modern woman minimalist aesthetic sweater"},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-happy-woman-warm-winter-outfit-gray-background_231208-7447.jpg",
imageAlt: "elegant woman wearing sweater studio",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-happy-woman-warm-winter-outfit-gray-background_231208-7447.jpg", imageAlt: "elegant woman wearing sweater studio"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-trendy-girl-with-coat-posing_23-2148350132.jpg",
imageAlt: "woman in premium wool sweater",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-trendy-girl-with-coat-posing_23-2148350132.jpg", imageAlt: "woman in premium wool sweater"},
]}
mediaAnimation="blur-reveal"
/>
@@ -93,17 +74,11 @@ export default function LandingPage() {
description="En Lumina, seleccionamos las fibras más nobles para crear prendas que no solo abrigan, sino que definen tu estilo personal. Cada diseño es el resultado de una búsqueda constante de armonía entre funcionalidad y estética minimalista."
bulletPoints={[
{
title: "Fibras Sustentables",
description: "Comprometidos con materiales que cuidan el planeta y tu piel.",
},
title: "Fibras Sustentables", description: "Comprometidos con materiales que cuidan el planeta y tu piel."},
{
title: "Diseño Atemporal",
description: "Piezas pensadas para superar las temporadas y perdurar en tu closet.",
},
title: "Diseño Atemporal", description: "Piezas pensadas para superar las temporadas y perdurar en tu closet."},
{
title: "Hecho a Mano",
description: "Atención minuciosa en cada costura para un acabado impecable.",
},
title: "Hecho a Mano", description: "Atención minuciosa en cada costura para un acabado impecable."},
]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-balls-yarn-home-hobby-handicraft-close-up_169016-58318.jpg"
imageAlt="close up texture wool sweater"
@@ -119,29 +94,19 @@ export default function LandingPage() {
features={[
{
icon: Sparkles,
title: "Textura Premium",
description: "Suavidad inigualable garantizada.",
},
title: "Textura Premium", description: "Suavidad inigualable garantizada."},
{
icon: CheckCircle,
title: "Ajuste Perfecto",
description: "Siluetas que realzan tu figura.",
},
title: "Ajuste Perfecto", description: "Siluetas que realzan tu figura."},
{
icon: Shield,
title: "Durabilidad",
description: "Resistente a lavados frecuentes.",
},
title: "Durabilidad", description: "Resistente a lavados frecuentes."},
{
icon: Leaf,
title: "Orgánico",
description: "Materiales naturales certificados.",
},
title: "Orgánico", description: "Materiales naturales certificados."},
{
icon: Sun,
title: "Versátil",
description: "Estilo perfecto para todo el día.",
},
title: "Versátil", description: "Estilo perfecto para todo el día."},
]}
title="Detalles que marcan diferencia"
description="Nuestros sweaters están pensados para la mujer moderna que valora el detalle técnico y la elegancia natural."
@@ -156,59 +121,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Lumina",
name: "Sweater Cashmere Beige",
price: "$129.00",
rating: 5,
reviewCount: "24",
imageSrc: "http://img.b2bpic.net/free-photo/stack-cozy-knitted-sweaters-wooden-background_169016-51397.jpg",
},
id: "p1", brand: "Lumina", name: "Sweater Cashmere Beige", price: "$129.00", rating: 5,
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/stack-cozy-knitted-sweaters-wooden-background_169016-51397.jpg"},
{
id: "p2",
brand: "Lumina",
name: "Turtleneck Gris",
price: "$98.00",
rating: 5,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/good-looking-young-woman-sweater-looking-front_197531-16515.jpg",
},
id: "p2", brand: "Lumina", name: "Turtleneck Gris", price: "$98.00", rating: 5,
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/good-looking-young-woman-sweater-looking-front_197531-16515.jpg"},
{
id: "p3",
brand: "Lumina",
name: "Cardigan Crema",
price: "$145.00",
rating: 4,
reviewCount: "32",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409157.jpg",
},
id: "p3", brand: "Lumina", name: "Cardigan Crema", price: "$145.00", rating: 4,
reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409157.jpg"},
{
id: "p4",
brand: "Lumina",
name: "Sweater Lana Cálida",
price: "$110.00",
rating: 5,
reviewCount: "41",
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-phone-beautiful-girl_1303-1440.jpg",
},
id: "p4", brand: "Lumina", name: "Sweater Lana Cálida", price: "$110.00", rating: 5,
reviewCount: "41", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-phone-beautiful-girl_1303-1440.jpg"},
{
id: "p5",
brand: "Lumina",
name: "Minimalist Cotton",
price: "$85.00",
rating: 4,
reviewCount: "29",
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885676.jpg",
},
id: "p5", brand: "Lumina", name: "Minimalist Cotton", price: "$85.00", rating: 4,
reviewCount: "29", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885676.jpg"},
{
id: "p6",
brand: "Lumina",
name: "Ribbed Sweater Oscuro",
price: "$105.00",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409217.jpg",
},
id: "p6", brand: "Lumina", name: "Ribbed Sweater Oscuro", price: "$105.00", rating: 5,
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409217.jpg"},
]}
title="Colección Destacada"
description="Explora nuestras piezas más solicitadas esta temporada."
@@ -222,20 +151,11 @@ export default function LandingPage() {
tag="Hitos Lumina"
metrics={[
{
id: "m1",
value: "12k+",
description: "Sweaters Entregados",
},
id: "m1", value: "12k+", description: "Sweaters Entregados"},
{
id: "m2",
value: "98%",
description: "Clientes Satisfechos",
},
id: "m2", value: "98%", description: "Clientes Satisfechos"},
{
id: "m3",
value: "15+",
description: "Países en el mundo",
},
id: "m3", value: "15+", description: "Países en el mundo"},
]}
metricsAnimation="slide-up"
/>
@@ -248,40 +168,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sofía R.",
handle: "@sofia.estilo",
testimonial: "El sweater más suave que he usado. La calidad es increíble.",
imageSrc: "http://img.b2bpic.net/free-photo/creative-fashion-mascarade-halloween-celebration-elegant-flirty-cheerful-young-woman-with-short-blonde-hair-artistic-make-up-laughing-out-loud-posing-dark-wall-fancy-black-dress_343059-4356.jpg",
},
id: "1", name: "Sofía R.", handle: "@sofia.estilo", testimonial: "El sweater más suave que he usado. La calidad es increíble.", imageSrc: "http://img.b2bpic.net/free-photo/creative-fashion-mascarade-halloween-celebration-elegant-flirty-cheerful-young-woman-with-short-blonde-hair-artistic-make-up-laughing-out-loud-posing-dark-wall-fancy-black-dress_343059-4356.jpg"},
{
id: "2",
name: "Mariana P.",
handle: "@marianap_moda",
testimonial: "Lumina se ha convertido en mi marca favorita de knitwear.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-white-sweater_273609-22362.jpg",
},
id: "2", name: "Mariana P.", handle: "@marianap_moda", testimonial: "Lumina se ha convertido en mi marca favorita de knitwear.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-white-sweater_273609-22362.jpg"},
{
id: "3",
name: "Lucía V.",
handle: "@lucia.v.v",
testimonial: "El diseño es tan atemporal que combina con todo mi outfit.",
imageSrc: "http://img.b2bpic.net/free-photo/person-yard-sale-looking-bargains-amongst-miscellaneous-items_23-2151216867.jpg",
},
id: "3", name: "Lucía V.", handle: "@lucia.v.v", testimonial: "El diseño es tan atemporal que combina con todo mi outfit.", imageSrc: "http://img.b2bpic.net/free-photo/person-yard-sale-looking-bargains-amongst-miscellaneous-items_23-2151216867.jpg"},
{
id: "4",
name: "Elena G.",
handle: "@elenag_style",
testimonial: "Satisfecha al 100%. Recomiendo totalmente la compra.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-happy-pretty-woman-with-excited-face-expression-sitting-cafe-with-shopping-bags-drinking-coffee-summer-fashion-outfit-pink-cotton-dress-trendy-apparel_285396-131.jpg",
},
id: "4", name: "Elena G.", handle: "@elenag_style", testimonial: "Satisfecha al 100%. Recomiendo totalmente la compra.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-happy-pretty-woman-with-excited-face-expression-sitting-cafe-with-shopping-bags-drinking-coffee-summer-fashion-outfit-pink-cotton-dress-trendy-apparel_285396-131.jpg"},
{
id: "5",
name: "Camila M.",
handle: "@camila.m",
testimonial: "La atención y el empaque fueron excepcionales.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-curly-woman-with-red-lips-wearing-white-shirt-dark-jacket-is-posing-blur-city-background-great-mood-outdoors_291650-2558.jpg",
},
id: "5", name: "Camila M.", handle: "@camila.m", testimonial: "La atención y el empaque fueron excepcionales.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-curly-woman-with-red-lips-wearing-white-shirt-dark-jacket-is-posing-blur-city-background-great-mood-outdoors_291650-2558.jpg"},
]}
title="Lo que dicen de nosotros"
description="Historias reales de clientas que eligieron confort y elegancia."
@@ -289,71 +184,34 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Contáctanos"
description="¿Tienes dudas sobre tu talla o algún modelo? Nuestro equipo está aquí para asesorarte."
inputs={[
{
name: "name",
type: "text",
placeholder: "Tu nombre",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Tu correo electrónico",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Cuéntanos más...",
rows: 4,
required: true,
<ContactText
text="Contáctanos: ¿Tienes dudas sobre tu talla o algún modelo? Nuestro equipo está aquí para asesorarte."
background={{
variant: "animated-grid"
}}
imageSrc="http://img.b2bpic.net/free-photo/beige-background-acrylic-paint-text-space_53876-102517.jpg"
useInvertedBackground={false}
buttons={[
{ text: "Enviar mensaje", href: "mailto:hello@lumina.com" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/beige-concrete-textured-background_53876-110257.jpg"
<FooterBaseCard
logoText="Lumina"
columns={[
{
title: "Tienda",
items: [
{
label: "Nueva Colección",
href: "#products",
},
{
label: "Sweaters",
href: "#products",
},
{
label: "Accesorios",
href: "#",
},
title: "Tienda", items: [
{ label: "Nueva Colección", href: "#products" },
{ label: "Sweaters", href: "#products" },
{ label: "Accesorios", href: "#" },
],
},
{
title: "Soporte",
items: [
{
label: "Contacto",
href: "#contact",
},
{
label: "Envíos",
href: "#",
},
{
label: "FAQs",
href: "#",
},
title: "Soporte", items: [
{ label: "Contacto", href: "#contact" },
{ label: "Envíos", href: "#" },
{ label: "FAQs", href: "#" },
],
},
]}
@@ -363,4 +221,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}