bender/180cb3a6-80f4-4cc9-bcab-93a3812bd10e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

1 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
2291ff7131 Update src/app/page.tsx 2026-06-12 18:43:49 +00:00
1 changed files with 49 additions and 185 deletions
Expand all files Collapse all files

234
src/app/page.tsx
View File

@@ -17,8 +17,8 @@ import { Cog, Crown, Diamond, Facebook, Gauge, Instagram, Leaf, PenTool, Phone,
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="compact"
sizing="mediumLargeSizeMediumTitles"
@@ -33,29 +33,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Inicio",
id: "#hero",
},
name: "Inicio", id: "#hero"},
{
name: "Sobre Nosotros",
id: "#about",
},
name: "Sobre Nosotros", id: "#about"},
{
name: "Colección",
id: "#products",
},
name: "Colección", id: "#products"},
{
name: "Personalización",
id: "#pricing",
},
name: "Personalización", id: "#pricing"},
{
name: "Testimonios",
id: "#testimonials",
},
name: "Testimonios", id: "#testimonials"},
{
name: "Contacto",
id: "#contact",
},
name: "Contacto", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/close-up-small-silver-screws-brown-cardboard-surface_1308-189284.jpg"
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."
buttons={[
{
text: "Ver Colección",
href: "#products",
},
text: "Ver Colección", href: "#products"},
{
text: "Personaliza tu Anillo",
href: "#pricing",
},
text: "Personaliza tu Anillo", href: "#pricing"},
]}
buttonAnimation="slide-up"
buttonAnimation="none"
imageSrc="http://img.b2bpic.net/free-photo/bride-groom-posing-old-street_1153-5956.jpg"
imageAlt="Anillo de compromiso de oro blanco con diamante"
showDimOverlay={true}
@@ -93,45 +77,33 @@ export default function LandingPage() {
metrics={[
{
icon: Cog,
label: "Años de Experiencia",
value: "25+",
},
label: "Años de Experiencia", value: "25+"},
{
icon: Sparkles,
label: "Diseños Exclusivos",
value: "150+",
},
label: "Diseños Exclusivos", value: "150+"},
{
icon: Diamond,
label: "Joyas Entregadas",
value: "500+",
},
label: "Joyas Entregadas", value: "500+"},
]}
metricsAnimation="slide-up"
metricsAnimation="none"
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="scale-rotate"
animationType="none"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
icon: Gauge,
title: "Artesanía de Precisión",
description: "Cada anillo es forjado con técnicas tradicionales y modernas, garantizando acabados impecables y durabilidad excepcional.",
},
title: "Artesanía de Precisión", description: "Cada anillo es forjado con técnicas tradicionales y modernas, garantizando acabados impecables y durabilidad excepcional."},
{
icon: Leaf,
title: "Materiales Éticos",
description: "Solo utilizamos metales preciosos y gemas de origen responsable, asegurando belleza y sostenibilidad.",
},
title: "Materiales Éticos", description: "Solo utilizamos metales preciosos y gemas de origen responsable, asegurando belleza y sostenibilidad."},
{
icon: PenTool,
title: "Diseño Innovador",
description: "Desde clásicos atemporales hasta vanguardistas, nuestros diseñadores crean piezas que reflejan tu estilo único.",
},
title: "Diseño Innovador", description: "Desde clásicos atemporales hasta vanguardistas, nuestros diseñadores crean piezas que reflejan tu estilo único."},
]}
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."
@@ -140,53 +112,23 @@ export default function LandingPage() {
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
animationType="none"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
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."
@@ -195,51 +137,24 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="depth-3d"
animationType="none"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "personal-classic",
badge: "Esencial",
badgeIcon: Sparkles,
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-classic", badge: "Esencial", badgeIcon: Sparkles,
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",
badge: "Exclusivo",
badgeIcon: Diamond,
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-premium", badge: "Exclusivo", badgeIcon: Diamond,
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",
badge: "Lujo",
badgeIcon: Crown,
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",
],
id: "personal-luxury", badge: "Lujo", badgeIcon: Crown,
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"
@@ -253,50 +168,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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="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."
@@ -308,17 +188,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Precious Gems Inc.",
"Ethical Gold Standard",
"Luxury Jewelers Guild",
"Craftsmanship Awards",
"Diamond Certifications",
"Artisan Alliance",
"Sustainable Jewelry Forum",
]}
"Precious Gems Inc.", "Ethical Gold Standard", "Luxury Jewelers Guild", "Craftsmanship Awards", "Diamond Certifications", "Artisan Alliance", "Sustainable Jewelry Forum"]}
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."
speed={50}
speed={60}
showCard={true}
/>
</div>
@@ -327,14 +200,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Agenda una Cita Personalizada"
buttons={[
{
text: "Contáctanos Ahora",
href: "mailto:info@orfebreriafina.com",
},
text: "Contáctanos Ahora", href: "mailto:info@orfebreriafina.com"},
]}
/>
</div>
@@ -346,23 +216,17 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com/orfebreriafina",
ariaLabel: "Instagram",
},
href: "https://instagram.com/orfebreriafina", ariaLabel: "Instagram"},
{
icon: Facebook,
href: "https://facebook.com/orfebreriafina",
ariaLabel: "Facebook",
},
href: "https://facebook.com/orfebreriafina", ariaLabel: "Facebook"},
{
icon: Phone,
href: "tel:+34123456789",
ariaLabel: "Llámanos",
},
href: "tel:+34123456789", ariaLabel: "Llámanos"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}