bender/9ae5fe51-b513-4fe7-88ae-853c629660cf
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-03-05 13:23:06 +00:00
parent 6bef8c2c89
commit 6155ef4602
1 changed files with 88 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
src/app/page.tsx
View File

@@ -1,20 +1,20 @@
"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Star, Gem, Wrench, MapPin, Heart, Phone, MessageCircle } from 'lucide-react';
import { Phone, MessageCircle, MapPin, Quote, ShoppingBag, Wrench, Heart, Star } from 'lucide-react';
export default function HomePage() {
const navItems = [
{ name: "Inicio", id: "/" },
{ name: "Joyería", id: "/joyeria" },
{ name: "Colecciones", id: "/joyeria" },
{ name: "Reparaciones", id: "/reparaciones" },
{ name: "Sobre Nosotros", id: "/sobre-nosotros" },
{ name: "Contacto", id: "/contacto" },
@@ -34,177 +34,133 @@ export default function HomePage() {
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
<NavbarLayoutFloatingOverlay
navItems={navItems}
brandName="Joyería Marilo"
bottomLeftText="Los Barrios, Cádiz"
bottomRightText="956 62 25 26"
button={{ text: "Llamar", href: "tel:+34956622526" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
title="Tu joyería de confianza en Los Barrios"
description="Joyas, relojes y reparaciones con atención personalizada y años de experiencia. Descubre nuestras colecciones exclusivas y servicios de calidad."
background={{ variant: "glowing-orb" }}
tag="Joyería Local"
tagIcon={Sparkles}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/close-up-female-talking-phone_23-2148360121.jpg"
imageAlt="Escaparate de joyería elegante"
imagePosition="right"
mediaAnimation="slide-up"
buttons={[
{ text: "Llamar ahora", href: "tel:+34956622526" },
{ text: "Enviar WhatsApp", href: "https://wa.me/34956622526?text=Hola%20Joyería%20Marilo" },
<HeroBillboardCarousel
title="Joyería Marilo"
description="Colecciones exclusivas de joyas, reparaciones especializadas y asesoramiento personalizado en Los Barrios, Cádiz. Tu confianza es nuestro compromiso."
tag="Confianza y Elegancia"
background={{ variant: "sparkles-gradient" }}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/jewelry-store-employee-holding-tablet-helps-customers-choose-rings-providing-information-price-manufacturer-jewelry-copy-space-about-holiday-gifts_166373-8867.jpg", imageAlt: "Interior de Joyería Marilo" },
{ imageSrc: "http://img.b2bpic.net/free-photo/wedding-rings-wedding-celebrations-accessories-decorations_78826-2240.jpg?_wi=1", imageAlt: "Anillos de diamante" },
{ imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635259.jpg?_wi=1", imageAlt: "Collares de oro" },
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg?_wi=1", imageAlt: "Relojes de lujo" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599064.jpg", imageAlt: "Pulseras de oro" },
]}
buttons={[
{ text: "Ver Colecciones", href: "/joyeria" },
{ text: "Contactar", href: "/contacto" },
]}
buttonAnimation="slide-up"
/>
</div>
<div id="trust-elements" data-section="trust-elements">
<AboutMetric
title="Por qué confiar en Joyería Marilo"
metrics={[
{ icon: Star, label: "Excelente Atención", value: "⭐⭐⭐⭐⭐" },
{ icon: Gem, label: "Joyas para Cada Ocasión", value: "Premium" },
{ icon: Wrench, label: "Reparación de Relojes", value: "Expertos" },
{ icon: MapPin, label: "Negocio Local", value: "Desde 1980" },
]}
metricsAnimation="slide-up"
<SocialProofOne
title="Confianza de Nuestros Clientes"
description="Somos el referente de joyería y reparaciones en Los Barrios con más de 45 años de experiencia"
textboxLayout="default"
useInvertedBackground={false}
names={["Recomendado en Google", "⭐⭐⭐⭐⭐ Valoraciones", "45+ Años Sirviendo", "Miles de Clientes Felices"]}
speed={40}
showCard={true}
/>
</div>
<div id="product-categories" data-section="product-categories">
<ProductCardOne
<ProductCardFour
title="Nuestras Colecciones"
description="Explora nuestras categorías de joyas exclusivas, cuidadosamente seleccionadas para cada momento especial."
tag="Colecciones"
tagIcon={Sparkles}
tagAnimation="slide-up"
description="Explora nuestras categorías principales de joyas, cada una seleccionada cuidadosamente para garantizar calidad y belleza"
tag="Categorías"
tagIcon={ShoppingBag}
products={[
{
id: "anillos",
name: "Anillos",
price: "Desde €150",
imageSrc: "http://img.b2bpic.net/free-photo/wedding-rings-wedding-celebrations-accessories-decorations_78826-2240.jpg?_wi=1",
imageAlt: "anillo joya oro diamante elegante",
},
id: "anillos", name: "Anillos", price: "Desde €150", variant: "Oro, Plata, Diamantes", imageSrc: "http://img.b2bpic.net/free-photo/wedding-rings-wedding-celebrations-accessories-decorations_78826-2240.jpg?_wi=1", imageAlt: "Colección de anillos"},
{
id: "collares",
name: "Collares",
price: "Desde €180",
imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635259.jpg?_wi=1",
imageAlt: "collar joya oro plata elegante",
},
id: "collares", name: "Collares", price: "Desde €180", variant: "Oro, Plata, Perlas", imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635259.jpg?_wi=1", imageAlt: "Colección de collares"},
{
id: "pulseras",
name: "Pulseras",
price: "Desde €120",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599064.jpg?_wi=1",
imageAlt: "pulsera joya oro plata lujo",
},
id: "pulseras", name: "Pulseras", price: "Desde €120", variant: "Oro, Plata, Combinadas", imageSrc: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599064.jpg", imageAlt: "Colección de pulseras"},
{
id: "pendientes",
name: "Pendientes",
price: "Desde €100",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-woman-tropical-luxury-villa-wearing-white-stylish-blazer-jewellery-tropical-leaves_343596-1959.jpg?_wi=1",
imageAlt: "pendiente joya oro plata elegante",
},
{
id: "relojes",
name: "Relojes",
price: "Desde €250",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg?_wi=1",
imageAlt: "reloj relojeria lujo tiempo elegante",
},
id: "pendientes", name: "Pendientes", price: "Desde €100", variant: "Oro, Plata, Perlas", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-woman-tropical-luxury-villa-wearing-white-stylish-blazer-jewellery-tropical-leaves_343596-1959.jpg", imageAlt: "Colección de pendientes"},
]}
gridVariant="bento-grid"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "Ver todas las joyas", href: "/joyeria" },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<div id="services" data-section="services">
<FeatureCardTwentySix
title="Nuestros Servicios"
description="Más allá de nuestras colecciones, ofrecemos servicios especializados para mantener tus joyas en perfecto estado"
tag="Servicios"
tagIcon={Wrench}
features={[
{
title: "Reparaciones de Relojes", description: "Mantenimiento y reparación profesional de relojes de todas las marcas", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg?_wi=1", imageAlt: "Reparación de relojes", buttonIcon: Wrench,
buttonHref: "/reparaciones"},
{
title: "Limpieza y Pulido", description: "Restauramos el brillo original de tus joyas con técnicas profesionales", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-store-employee-holding-tablet-helps-customers-choose-rings-providing-information-price-manufacturer-jewelry-copy-space-about-holiday-gifts_166373-8867.jpg", imageAlt: "Limpieza de joyas", buttonIcon: Star,
buttonHref: "/reparaciones"},
{
title: "Asesoramiento Personal", description: "Nuestros expertos te ayudan a encontrar la joya perfecta para ti", imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635259.jpg?_wi=1", imageAlt: "Asesoramiento en joyería", buttonIcon: Heart,
buttonHref: "/contacto"},
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardThirteen
title="Lo que Dicen Nuestros Clientes"
description="Testimonios de personas que confían en Joyería Marilo para sus momentos más especiales."
tag="Opiniones"
tagIcon={Heart}
tagAnimation="slide-up"
title="Lo Que Dicen Nuestros Clientes"
description="Reseñas de clientes satisfechos que confían en Joyería Marilo"
tag="Testimonios"
tagIcon={Quote}
testimonials={[
{
id: "1",
name: "María González",
handle: "Cliente desde 2015",
testimonial: "Excelente trato y gran calidad. Encontré el anillo perfecto para mi boda aquí.",
rating: 5,
icon: Star,
id: "1", name: "María García", handle: "@maria_g", testimonial: "Excelente atención y una reparación impecable de mi reloj de familia. Muy profesionales y recomendables.", rating: 5,
icon: Quote,
},
{
id: "2",
name: "Juan López",
handle: "Reparaciones",
testimonial: "Repararon mi reloj de familia con profesionalidad. Muy recomendable.",
rating: 5,
icon: Star,
id: "2", name: "Juan Rodríguez", handle: "@juan_r", testimonial: "La mejor joyería de Los Barrios. Encontré el anillo perfecto para mi propuesta. ¡Gracias Marilo!", rating: 5,
icon: Quote,
},
{
id: "3",
name: "Carmen Ruiz",
handle: "Cliente frecuente",
testimonial: "Siempre encuentro las piezas perfectas. Atención personalizada inmejorable.",
rating: 5,
icon: Star,
id: "3", name: "Carmen López", handle: "@carmen_l", testimonial: "Cuidadosa limpieza y restauración de mi collar de diamantes. Volvería una y mil veces.", rating: 5,
icon: Quote,
},
{
id: "4",
name: "Roberto Díaz",
handle: "Cliente habitual",
testimonial: "La mejor joyería del barrio. Precios justos y calidad garantizada.",
rating: 5,
icon: Star,
},
{
id: "5",
name: "Sofía Martínez",
handle: "Aniversario",
testimonial: "Nos ayudaron a elegir los regalos perfectos para nuestro aniversario. Inolvidable.",
rating: 5,
icon: Star,
},
{
id: "6",
name: "David Fernández",
handle: "Referencia",
testimonial: "La referencia de Los Barrios en joyería. Confío ciegamente en ellos.",
rating: 5,
icon: Star,
id: "4", name: "Antonio Fernández", handle: "@antonio_f", testimonial: "Conozco Joyería Marilo desde hace años. Siempre con la misma dedicación y calidad.", rating: 5,
icon: Quote,
},
]}
showRating={true}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
<div id="contact-newsletter" data-section="contact-newsletter">
<ContactCenter
tag="Mantente Conectado"
title="Visita Nuestra Tienda"
description="Paseo de la Constitución 13, 11370 Los Barrios, Cádiz. Estamos abiertos de martes a sábado. Ven a visitarnos y descubre nuestras colecciones en persona."
<div id="location-info" data-section="location-info">
<ContactCTA
tag="Ubicación"
tagIcon={MapPin}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
title="Visítanos en Los Barrios"
description="Joyería Marilo - Paseo de la Constitución 13, 11370 Los Barrios, Cádiz. Ven a descubrir nuestras colecciones y recibe asesoramiento personalizado."
buttons={[
{ text: "Ver en Google Maps", href: "https://maps.google.com/?q=Joyería+Marilo+Los+Barrios" },
{ text: "Contactar Ahora", href: "/contacto" },
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
inputPlaceholder="Tu nombre"
buttonText="Contactar"
/>
</div>
@@ -221,4 +177,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}