232 lines
12 KiB
TypeScript
232 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Cog, Crown, Diamond, Facebook, Gauge, Instagram, Leaf, PenTool, Phone, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "#hero"},
|
|
{
|
|
name: "Sobre Nosotros", id: "#about"},
|
|
{
|
|
name: "Colección", id: "#products"},
|
|
{
|
|
name: "Personalización", id: "#pricing"},
|
|
{
|
|
name: "Testimonios", id: "#testimonials"},
|
|
{
|
|
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"
|
|
brandName="Orfebrería Fina"
|
|
bottomLeftText="Artesanía y Pasión"
|
|
bottomRightText="joyas@orfebreriafina.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Orfebrería Fina"
|
|
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: "Personaliza tu Anillo", href: "#pricing"},
|
|
]}
|
|
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}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Nuestra Pasión por la Orfebrería"
|
|
metrics={[
|
|
{
|
|
icon: Cog,
|
|
label: "Años de Experiencia", value: "25+"},
|
|
{
|
|
icon: Sparkles,
|
|
label: "Diseños Exclusivos", value: "150+"},
|
|
{
|
|
icon: Diamond,
|
|
label: "Joyas Entregadas", value: "500+"},
|
|
]}
|
|
metricsAnimation="none"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
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."},
|
|
{
|
|
icon: Leaf,
|
|
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="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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
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-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-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-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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
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-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"],
|
|
},
|
|
]}
|
|
title="Creaciones a Medida"
|
|
description="Convierte tu visión en una joya única con nuestros servicios de diseño personalizado, adaptados a tus deseos y presupuesto."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
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: "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: "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"},
|
|
]}
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"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={60}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
text="Agenda una Cita Personalizada"
|
|
buttons={[
|
|
{
|
|
text: "Contáctanos Ahora", href: "mailto:info@orfebreriafina.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Orfebrería Fina"
|
|
copyrightText="© 2025 Orfebrería Fina. Todos los derechos reservados."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/orfebreriafina", ariaLabel: "Instagram"},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/orfebreriafina", ariaLabel: "Facebook"},
|
|
{
|
|
icon: Phone,
|
|
href: "tel:+34123456789", ariaLabel: "Llámanos"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |