1 Commits

Author SHA1 Message Date
2291ff7131 Update src/app/page.tsx 2026-06-12 18:43:49 +00:00

View File

@@ -17,8 +17,8 @@ import { Cog, Crown, Diamond, Facebook, Gauge, Instagram, Leaf, PenTool, Phone,
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="elastic-effect" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur" defaultTextAnimation="entrance-slide"
borderRadius="pill" borderRadius="pill"
contentWidth="compact" contentWidth="compact"
sizing="mediumLargeSizeMediumTitles" sizing="mediumLargeSizeMediumTitles"
@@ -33,29 +33,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Inicio", name: "Inicio", id: "#hero"},
id: "#hero",
},
{ {
name: "Sobre Nosotros", name: "Sobre Nosotros", id: "#about"},
id: "#about",
},
{ {
name: "Colección", name: "Colección", id: "#products"},
id: "#products",
},
{ {
name: "Personalización", name: "Personalización", id: "#pricing"},
id: "#pricing",
},
{ {
name: "Testimonios", name: "Testimonios", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Contacto", name: "Contacto", id: "#contact"},
id: "#contact",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-photo/close-up-small-silver-screws-brown-cardboard-surface_1308-189284.jpg" logoSrc="http://img.b2bpic.net/free-photo/close-up-small-silver-screws-brown-cardboard-surface_1308-189284.jpg"
logoAlt="Logo de Orfebrería Fina" logoAlt="Logo de Orfebrería Fina"
@@ -71,15 +59,11 @@ export default function LandingPage() {
description="Diseños únicos y personalizados que capturan la esencia de cada momento. Anillos que cuentan historias." description="Diseños únicos y personalizados que capturan la esencia de cada momento. Anillos que cuentan historias."
buttons={[ buttons={[
{ {
text: "Ver Colección", text: "Ver Colección", href: "#products"},
href: "#products",
},
{ {
text: "Personaliza tu Anillo", text: "Personaliza tu Anillo", href: "#pricing"},
href: "#pricing",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="none"
imageSrc="http://img.b2bpic.net/free-photo/bride-groom-posing-old-street_1153-5956.jpg" imageSrc="http://img.b2bpic.net/free-photo/bride-groom-posing-old-street_1153-5956.jpg"
imageAlt="Anillo de compromiso de oro blanco con diamante" imageAlt="Anillo de compromiso de oro blanco con diamante"
showDimOverlay={true} showDimOverlay={true}
@@ -93,45 +77,33 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Cog, icon: Cog,
label: "Años de Experiencia", label: "Años de Experiencia", value: "25+"},
value: "25+",
},
{ {
icon: Sparkles, icon: Sparkles,
label: "Diseños Exclusivos", label: "Diseños Exclusivos", value: "150+"},
value: "150+",
},
{ {
icon: Diamond, icon: Diamond,
label: "Joyas Entregadas", label: "Joyas Entregadas", value: "500+"},
value: "500+",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="none"
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureHoverPattern <FeatureHoverPattern
animationType="scale-rotate" animationType="none"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
icon: Gauge, icon: Gauge,
title: "Artesanía de Precisión", title: "Artesanía de Precisión", description: "Cada anillo es forjado con técnicas tradicionales y modernas, garantizando acabados impecables y durabilidad excepcional."},
description: "Cada anillo es forjado con técnicas tradicionales y modernas, garantizando acabados impecables y durabilidad excepcional.",
},
{ {
icon: Leaf, icon: Leaf,
title: "Materiales Éticos", title: "Materiales Éticos", description: "Solo utilizamos metales preciosos y gemas de origen responsable, asegurando belleza y sostenibilidad."},
description: "Solo utilizamos metales preciosos y gemas de origen responsable, asegurando belleza y sostenibilidad.",
},
{ {
icon: PenTool, icon: PenTool,
title: "Diseño Innovador", title: "Diseño Innovador", description: "Desde clásicos atemporales hasta vanguardistas, nuestros diseñadores crean piezas que reflejan tu estilo único."},
description: "Desde clásicos atemporales hasta vanguardistas, nuestros diseñadores crean piezas que reflejan tu estilo único.",
},
]} ]}
title="La Excelencia en Cada Detalle" title="La Excelencia en Cada Detalle"
description="Descubre lo que hace que nuestros anillos sean verdaderas obras de arte, creados con maestría y dedicación." description="Descubre lo que hace que nuestros anillos sean verdaderas obras de arte, creados con maestría y dedicación."
@@ -140,53 +112,23 @@ export default function LandingPage() {
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardOne <ProductCardOne
animationType="slide-up" animationType="none"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "ring-1", id: "ring-1", name: "Anillo Solitario Clásico", price: "Desde €1.200", imageSrc: "http://img.b2bpic.net/free-photo/couple-celebrating-engagement-together_23-2149430738.jpg", imageAlt: "Anillo solitario de oro blanco con diamante"},
name: "Anillo Solitario Clásico",
price: "Desde €1.200",
imageSrc: "http://img.b2bpic.net/free-photo/couple-celebrating-engagement-together_23-2149430738.jpg",
imageAlt: "Anillo solitario de oro blanco con diamante",
},
{ {
id: "ring-2", id: "ring-2", name: "Anillo Halo Radiante", price: "Desde €1.800", imageSrc: "http://img.b2bpic.net/free-photo/male-hand-holds-female-palm-light-background_1153-3766.jpg", imageAlt: "Anillo Halo de oro rosa con diamante central"},
name: "Anillo Halo Radiante",
price: "Desde €1.800",
imageSrc: "http://img.b2bpic.net/free-photo/male-hand-holds-female-palm-light-background_1153-3766.jpg",
imageAlt: "Anillo Halo de oro rosa con diamante central",
},
{ {
id: "ring-3", id: "ring-3", name: "Anillo Tres Piedras", price: "Desde €1.500", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509234.jpg", imageAlt: "Anillo de tres piedras con esmeraldas y diamantes"},
name: "Anillo Tres Piedras",
price: "Desde €1.500",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509234.jpg",
imageAlt: "Anillo de tres piedras con esmeraldas y diamantes",
},
{ {
id: "ring-4", id: "ring-4", name: "Anillo Vintage Oval", price: "Desde €1.350", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hand-woman-wearing-ring-front-mountain_181624-24645.jpg", imageAlt: "Anillo vintage de plata con piedra ovalada"},
name: "Anillo Vintage Oval",
price: "Desde €1.350",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hand-woman-wearing-ring-front-mountain_181624-24645.jpg",
imageAlt: "Anillo vintage de plata con piedra ovalada",
},
{ {
id: "ring-5", id: "ring-5", name: "Alianza Eternidad", price: "Desde €900", imageSrc: "http://img.b2bpic.net/free-photo/wedding-engagement-rings-hang-stick_8353-706.jpg", imageAlt: "Alianza de eternidad con diamantes engastados"},
name: "Alianza Eternidad",
price: "Desde €900",
imageSrc: "http://img.b2bpic.net/free-photo/wedding-engagement-rings-hang-stick_8353-706.jpg",
imageAlt: "Alianza de eternidad con diamantes engastados",
},
{ {
id: "ring-6", id: "ring-6", name: "Anillo Geométrica", price: "Desde €1.100", imageSrc: "http://img.b2bpic.net/free-photo/decorative-golden-ring_1203-1530.jpg", imageAlt: "Anillo de diseño geométrico en oro amarillo"},
name: "Anillo Geométrica",
price: "Desde €1.100",
imageSrc: "http://img.b2bpic.net/free-photo/decorative-golden-ring_1203-1530.jpg",
imageAlt: "Anillo de diseño geométrico en oro amarillo",
},
]} ]}
title="Nuestra Colección de Anillos" title="Nuestra Colección de Anillos"
description="Explora la diversidad de nuestros diseños, desde clásicos atemporales hasta creaciones modernas, perfectos para cada ocasión." description="Explora la diversidad de nuestros diseños, desde clásicos atemporales hasta creaciones modernas, perfectos para cada ocasión."
@@ -195,51 +137,24 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardOne <PricingCardOne
animationType="depth-3d" animationType="none"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ {
id: "personal-classic", id: "personal-classic", badge: "Esencial", badgeIcon: Sparkles,
badge: "Esencial", price: "Consulta", subtitle: "Diseño y Creación Básica", features: [
badgeIcon: Sparkles, "Consulta inicial de diseño", "Selección de metales y gemas", "Boceto digital 2D", "Un ajuste de diseño"],
price: "Consulta",
subtitle: "Diseño y Creación Básica",
features: [
"Consulta inicial de diseño",
"Selección de metales y gemas",
"Boceto digital 2D",
"Un ajuste de diseño",
],
}, },
{ {
id: "personal-premium", id: "personal-premium", badge: "Exclusivo", badgeIcon: Diamond,
badge: "Exclusivo", price: "Consulta", subtitle: "Diseño Avanzado y Experiencia", features: [
badgeIcon: Diamond, "Consulta detallada y prototipado", "Modelado 3D realista", "Múltiples opciones de gemas", "Dos ajustes de diseño", "Certificado de autenticidad"],
price: "Consulta",
subtitle: "Diseño Avanzado y Experiencia",
features: [
"Consulta detallada y prototipado",
"Modelado 3D realista",
"Múltiples opciones de gemas",
"Dos ajustes de diseño",
"Certificado de autenticidad",
],
}, },
{ {
id: "personal-luxury", id: "personal-luxury", badge: "Lujo", badgeIcon: Crown,
badge: "Lujo", price: "Consulta", subtitle: "Creación de Alta Joyería", features: [
badgeIcon: Crown, "Asesoramiento de experto", "Modelado 3D avanzado y renderizado fotorrealista", "Acceso a gemas raras y exclusivas", "Ajustes ilimitados", "Presentación privada", "Garantía de por vida"],
price: "Consulta",
subtitle: "Creación de Alta Joyería",
features: [
"Asesoramiento de experto",
"Modelado 3D avanzado y renderizado fotorrealista",
"Acceso a gemas raras y exclusivas",
"Ajustes ilimitados",
"Presentación privada",
"Garantía de por vida",
],
}, },
]} ]}
title="Creaciones a Medida" title="Creaciones a Medida"
@@ -253,50 +168,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", title: "Una joya que superó mis expectativas", quote: "El anillo de compromiso que diseñaron para mí es absolutamente perfecto. Mi pareja quedó maravillada y la calidad es impecable. ¡Gracias por hacer este momento tan especial!", name: "Sofía G.", role: "Cliente Satisfecha", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-female-wearing-beautiful-rings-both-hands-showing-with-fists_181624-26181.jpg", imageAlt: "Sofía G. sonriendo y mostrando su anillo"},
title: "Una joya que superó mis expectativas",
quote: "El anillo de compromiso que diseñaron para mí es absolutamente perfecto. Mi pareja quedó maravillada y la calidad es impecable. ¡Gracias por hacer este momento tan especial!",
name: "Sofía G.",
role: "Cliente Satisfecha",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-female-wearing-beautiful-rings-both-hands-showing-with-fists_181624-26181.jpg",
imageAlt: "Sofía G. sonriendo y mostrando su anillo",
},
{ {
id: "2", id: "2", title: "Profesionalismo y arte en cada paso", quote: "Desde la primera consulta hasta la entrega, el equipo de Orfebrería Fina demostró un profesionalismo y una pasión inigualables. Mi alianza es una obra de arte.", name: "Carlos M.", role: "Cliente Satisfecho", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-man-asking-marry-him-focus-box-with-wedding-ring-concept-proposal-r_1258-112716.jpg", imageAlt: "Carlos M. admirando su alianza"},
title: "Profesionalismo y arte en cada paso",
quote: "Desde la primera consulta hasta la entrega, el equipo de Orfebrería Fina demostró un profesionalismo y una pasión inigualables. Mi alianza es una obra de arte.",
name: "Carlos M.",
role: "Cliente Satisfecho",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-man-asking-marry-him-focus-box-with-wedding-ring-concept-proposal-r_1258-112716.jpg",
imageAlt: "Carlos M. admirando su alianza",
},
{ {
id: "3", id: "3", title: "Un servicio personalizado excepcional", quote: "Quería un diseño único para un regalo de aniversario y Orfebrería Fina hizo realidad mi visión. La atención al detalle y el servicio fueron insuperables.", name: "Laura R.", role: "Cliente Fiel", imageSrc: "http://img.b2bpic.net/free-photo/attractive-lady-with-presents_23-2147958138.jpg", imageAlt: "Laura R. sonriendo con su anillo"},
title: "Un servicio personalizado excepcional",
quote: "Quería un diseño único para un regalo de aniversario y Orfebrería Fina hizo realidad mi visión. La atención al detalle y el servicio fueron insuperables.",
name: "Laura R.",
role: "Cliente Fiel",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-lady-with-presents_23-2147958138.jpg",
imageAlt: "Laura R. sonriendo con su anillo",
},
{ {
id: "4", id: "4", title: "Calidad inigualable y belleza duradera", quote: "Mis joyas de Orfebrería Fina han mantenido su brillo y elegancia a lo largo de los años. Es una inversión en calidad y belleza que siempre vale la pena.", name: "Diego P.", role: "Coleccionista", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-being-proposed_23-2148060549.jpg", imageAlt: "Diego P. mostrando un anillo"},
title: "Calidad inigualable y belleza duradera",
quote: "Mis joyas de Orfebrería Fina han mantenido su brillo y elegancia a lo largo de los años. Es una inversión en calidad y belleza que siempre vale la pena.",
name: "Diego P.",
role: "Coleccionista",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-being-proposed_23-2148060549.jpg",
imageAlt: "Diego P. mostrando un anillo",
},
{ {
id: "5", id: "5", title: "La mejor elección para mi boda", quote: "Elegimos nuestras alianzas aquí y no podríamos estar más contentos. Son cómodas, hermosas y realmente representan nuestro amor. ¡Totalmente recomendados!", name: "Ana y Pablo S.", role: "Pareja Feliz", imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg", imageAlt: "Ana y Pablo S. con sus anillos de boda"},
title: "La mejor elección para mi boda",
quote: "Elegimos nuestras alianzas aquí y no podríamos estar más contentos. Son cómodas, hermosas y realmente representan nuestro amor. ¡Totalmente recomendados!",
name: "Ana y Pablo S.",
role: "Pareja Feliz",
imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg",
imageAlt: "Ana y Pablo S. con sus anillos de boda",
},
]} ]}
title="Lo que Dicen Nuestros Clientes" title="Lo que Dicen Nuestros Clientes"
description="Historias de amor, compromiso y celebración, contadas a través de las joyas que hemos creado para ellos." description="Historias de amor, compromiso y celebración, contadas a través de las joyas que hemos creado para ellos."
@@ -308,17 +188,10 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Precious Gems Inc.", "Precious Gems Inc.", "Ethical Gold Standard", "Luxury Jewelers Guild", "Craftsmanship Awards", "Diamond Certifications", "Artisan Alliance", "Sustainable Jewelry Forum"]}
"Ethical Gold Standard",
"Luxury Jewelers Guild",
"Craftsmanship Awards",
"Diamond Certifications",
"Artisan Alliance",
"Sustainable Jewelry Forum",
]}
title="Confianza y Calidad Reconocida" title="Confianza y Calidad Reconocida"
description="Colaboramos con los mejores proveedores y hemos sido reconocidos por organizaciones líderes en la industria de la joyería." description="Colaboramos con los mejores proveedores y hemos sido reconocidos por organizaciones líderes en la industria de la joyería."
speed={50} speed={60}
showCard={true} showCard={true}
/> />
</div> </div>
@@ -327,14 +200,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
text="Agenda una Cita Personalizada" text="Agenda una Cita Personalizada"
buttons={[ buttons={[
{ {
text: "Contáctanos Ahora", text: "Contáctanos Ahora", href: "mailto:info@orfebreriafina.com"},
href: "mailto:info@orfebreriafina.com",
},
]} ]}
/> />
</div> </div>
@@ -346,23 +216,17 @@ export default function LandingPage() {
socialLinks={[ socialLinks={[
{ {
icon: Instagram, icon: Instagram,
href: "https://instagram.com/orfebreriafina", href: "https://instagram.com/orfebreriafina", ariaLabel: "Instagram"},
ariaLabel: "Instagram",
},
{ {
icon: Facebook, icon: Facebook,
href: "https://facebook.com/orfebreriafina", href: "https://facebook.com/orfebreriafina", ariaLabel: "Facebook"},
ariaLabel: "Facebook",
},
{ {
icon: Phone, icon: Phone,
href: "tel:+34123456789", href: "tel:+34123456789", ariaLabel: "Llámanos"},
ariaLabel: "Llámanos",
},
]} ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }