bender/9ae5fe51-b513-4fe7-88ae-853c629660cf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 6 commits from version_2 into main 2026-03-05 13:23:12 +00:00
Conversation 0 Commits 6 Files Changed 6 +264 -401
6 changed files with 264 additions and 401 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/app/contacto/page.tsx
View File

@@ -1,16 +1,16 @@
"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { MapPin, Phone, MessageCircle } from 'lucide-react';
import { MapPin, Phone, MessageCircle, Clock } from 'lucide-react';
export default function ContactoPage() {
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" },
@@ -30,63 +30,50 @@ export default function ContactoPage() {
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="contact-intro" data-section="contact-intro">
<HeroSplit
title="Contacta con Joyería Marilo"
description="Estamos aquí para ayudarte. Ya sea que tengas preguntas sobre nuestras colecciones, necesites un presupuesto de reparación o simplemente quieras visitarnos, no dudes en ponerte en contacto."
background={{ variant: "glowing-orb" }}
imagePosition="right"
mediaAnimation="slide-up"
<ContactCTA
tag="Contacta Con Nosotros"
tagIcon={Phone}
title="¿Necesitas Ayuda?"
description="Estamos aquí para atenderte. Ya sea que tengas preguntas sobre nuestras colecciones, necesites un presupuesto de reparación o simplemente quieras visitarnos, no dudes en ponerte en contacto."
buttons={[
{ text: "Llamar ahora", href: "tel:+34956622526" },
{ text: "Llamar Ahora", href: "tel:+34956622526" },
{ text: "WhatsApp", href: "https://wa.me/34956622526" },
]}
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactCenter
tag="Envíanos un Mensaje"
title="Formulario de Contacto"
description="Rellena el formulario con tus datos y nos pondremos en contacto contigo lo antes posible. Estamos disponibles de lunes a domingo."
tagIcon={MapPin}
tagAnimation="slide-up"
background={{ variant: "animated-grid" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Tu nombre y teléfono"
buttonText="Enviar"
/>
</div>
<div id="contact-info" data-section="contact-info">
<HeroSplit
<TextSplitAbout
title="Información de Contacto"
description="Joyería Marilo
Paseo de la Constitución 13
11370 Los Barrios, Cádiz
Teléfono: 956 62 25 26
WhatsApp: 956 62 25 26
Horario:
Martes a Viernes: 10:00 - 14:00 / 16:00 - 20:00
Sábado: 10:00 - 14:00 / 17:00 - 21:00
Domingo: Cerrado"
background={{ variant: "plain" }}
imagePosition="left"
mediaAnimation="slide-up"
description={[
"Joyería Marilo - Paseo de la Constitución 13, 11370 Los Barrios, Cádiz", "Teléfono: 956 62 25 26 | WhatsApp: 956 62 25 26"]}
buttons={[
{ text: "Ver en Google Maps", href: "https://maps.google.com/?q=Joyería+Marilo+Los+Barrios" },
{ text: "Volver al inicio", href: "/" },
{ text: "Volver al Inicio", href: "/" },
]}
useInvertedBackground={false}
/>
</div>
<div id="hours" data-section="hours">
<TextSplitAbout
title="Horario de Atención"
description={[
"Lunes a Viernes: 10:00 - 14:00 | 16:00 - 20:00", "Sábado: 10:00 - 14:00 | 17:00 - 21:00", "Domingo: Cerrado", "En Joyería Marilo somos especialistas en atención al cliente. Llama primero si necesitas consultar sobre disponibilidad."]}
buttons={[
{ text: "Programar Cita", href: "https://wa.me/34956622526" },
]}
useInvertedBackground={false}
/>
</div>
@@ -103,4 +90,4 @@ Domingo: Cerrado"
</div>
</ThemeProvider>
);
}
}

50
src/app/joyeria/page.tsx
View File

@@ -1,8 +1,8 @@
"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, MapPin, Phone, MessageCircle } from 'lucide-react';
@@ -10,7 +10,7 @@ import { Sparkles, MapPin, Phone, MessageCircle } from 'lucide-react';
export default function JoyeriaPage() {
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" },
@@ -30,16 +30,15 @@ export default function JoyeriaPage() {
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="all-jewelry" data-section="all-jewelry">
<ProductCardOne
<ProductCardFour
title="Todas Nuestras Colecciones"
description="Descubre la completa selección de joyas exclusivas de Joyería Marilo. Cada pieza está cuidadosamente seleccionada para garantizar calidad y elegancia."
tag="Catálogo Completo"
@@ -47,17 +46,17 @@ export default function JoyeriaPage() {
tagAnimation="slide-up"
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: "anillo joya oro diamante elegante"},
{
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: "collar joya oro plata elegante"},
{
id: "pulseras", name: "Pulseras", price: "Desde €120", imageSrc: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599064.jpg", 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: "pulsera joya oro plata lujo"},
{
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", imageAlt: "pendiente joya oro plata 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: "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: "relojes", name: "Relojes", price: "Desde €250", variant: "Suizos, Lujo, Deportivos", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg?_wi=1", imageAlt: "reloj relojeria lujo tiempo elegante"},
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -65,16 +64,16 @@ export default function JoyeriaPage() {
</div>
<div id="premium-section" data-section="premium-section">
<ProductCardOne
<ProductCardFour
title="Colecciones Premium"
description="Selección exclusiva de joyas de alta gama para momentos verdaderamente especiales."
products={[
{
id: "premium-anillos", name: "Anillos Diamante", price: "Desde €800", imageSrc: "http://img.b2bpic.net/free-photo/wedding-rings-wedding-celebrations-accessories-decorations_78826-2240.jpg?_wi=2", imageAlt: "anillo diamante premium"},
id: "premium-anillos", name: "Anillos Diamante", price: "Desde €800", variant: "Diamantes Certificados", imageSrc: "http://img.b2bpic.net/free-photo/wedding-rings-wedding-celebrations-accessories-decorations_78826-2240.jpg?_wi=2", imageAlt: "anillo diamante premium"},
{
id: "premium-collares", name: "Collares Oro Blanco", price: "Desde €600", imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635259.jpg?_wi=2", imageAlt: "collar oro blanco premium"},
id: "premium-collares", name: "Collares Oro Blanco", price: "Desde €600", variant: "Oro Blanco 18K", imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635259.jpg?_wi=2", imageAlt: "collar oro blanco premium"},
{
id: "premium-relojes", name: "Relojes Suizos", price: "Desde €1200", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg?_wi=2", imageAlt: "reloj suizo premium"},
id: "premium-relojes", name: "Relojes Suizos", price: "Desde €1200", variant: "Marcas de Lujo", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg?_wi=2", imageAlt: "reloj suizo premium"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -84,16 +83,17 @@ export default function JoyeriaPage() {
</div>
<div id="cta-joyeria" data-section="cta-joyeria">
<ContactCenter
<ContactCTA
tag="Asesoramiento Personalizado"
title="¿Necesitas Ayuda para Elegir?"
description="Nuestros expertos están disponibles para asesorarte y ayudarte a encontrar la joya perfecta para tu estilo y presupuesto."
tagIcon={MapPin}
tagAnimation="slide-up"
title="¿Necesitas Ayuda para Elegir?"
description="Nuestros expertos están disponibles para asesorarte y ayudarte a encontrar la joya perfecta para tu estilo y presupuesto. Llámanos o visítanos."
buttons={[
{ text: "Llamar Ahora", href: "tel:+34956622526" },
{ text: "WhatsApp", href: "https://wa.me/34956622526" },
]}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Tu email"
buttonText="Solicitar Asesoramiento"
/>
</div>
@@ -110,4 +110,4 @@ export default function JoyeriaPage() {
</div>
</ThemeProvider>
);
}
}

68
src/app/layout.tsx
View File

@@ -1,74 +1,23 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { DM_Sans } from "next/font/google";
import "./styles/variables.css";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Joyería Marilo - Joyas y Relojes en Los Barrios, Cádiz",
description: "Descubre Joyería Marilo, tu joyería de confianza en Los Barrios. Joyas exclusivas, reparaciones de relojes y atención personalizada. Llama o visita.",
keywords: "joyería Los Barrios, joyas Cádiz, reparación relojes, anillos, collares, pulseras, pendientes, joyero Los Barrios, joyería local",
metadataBase: new URL("https://joyeriamarilo.es"),
alternates: {
canonical: "https://joyeriamarilo.es",
},
openGraph: {
title: "Joyería Marilo - Tu Joyería de Confianza en Los Barrios",
description: "Joyas exclusivas, reparaciones profesionales y atención personalizada. Visítanos en Los Barrios, Cádiz.",
url: "https://joyeriamarilo.es",
siteName: "Joyería Marilo",
type: "website",
images: [
{
url: "http://img.b2bpic.net/free-photo/close-up-female-talking-phone_23-2148360121.jpg",
alt: "Joyería Marilo - Escaparate de joyas elegantes",
},
],
},
twitter: {
card: "summary_large_image",
title: "Joyería Marilo - Los Barrios, Cádiz",
description: "Descubre nuestras joyas exclusivas y servicios de reparación de relojes.",
images: ["http://img.b2bpic.net/free-photo/close-up-female-talking-phone_23-2148360121.jpg"],
},
robots: {
index: true,
follow: true,
},
};
title: "Joyería Marilo | Joyas y Reparaciones en Los Barrios, Cádiz", description: "Joyería Marilo ofrece colecciones exclusivas de joyas, reparaciones de relojes y asesoramiento personalizado en Los Barrios, Cádiz. Visítanos o contacta por teléfono y WhatsApp."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${dmSans.variable} antialiased`}
>
<Tag />
{children}
<html lang="es">
<body className={`${inter.variable}`}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1436,7 +1385,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

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>
);
}
}

149
src/app/reparaciones/page.tsx
View File

@@ -1,16 +1,16 @@
"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Wrench, MapPin, Phone, MessageCircle } from 'lucide-react';
import { Wrench, Phone, MessageCircle, MapPin, Clock, Shield, Sparkles } from 'lucide-react';
export default function ReparacionesPage() {
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" },
@@ -30,124 +30,67 @@ export default function ReparacionesPage() {
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="services-detail" data-section="services-detail">
<FeatureCardTwelve
title="Nuestros Servicios de Reparación"
description="Ofrecemos reparación y mantenimiento profesional para tus joyas y relojes de valor. Contamos con años de experiencia y técnicos cualificados."
tag="Servicios"
<div id="repair-services" data-section="repair-services">
<FeatureCardTwentySix
title="Servicios de Reparación"
description="Ofrecemos reparaciones profesionales y especializadas para todos tus relojes y joyas. Nuestros técnicos certificados garantizan la máxima calidad."
tag="Reparaciones"
tagIcon={Wrench}
tagAnimation="slide-up"
features={[
{
id: "watch-repair",
label: "Relojes",
title: "Reparación Integral de Relojes",
items: [
"Reparación de mecanismos",
"Cambio de pilas y correas",
"Limpieza y mantenimiento profesional",
"Revisión de precisión",
],
buttons: [
{ text: "Solicitar presupuesto", href: "tel:+34956622526" },
],
title: "Reparación de Relojes", description: "Mantenimiento y reparación profesional de relojes de todas las marcas. Cambio de baterías, correa y reparaciones complejas.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg?_wi=1", imageAlt: "Reparación de relojes", buttonIcon: Wrench,
},
{
id: "jewelry-repair",
label: "Joyas",
title: "Reparación y Restauración de Joyas",
items: [
"Restauración de piezas antiguas",
"Ajuste y redimensionamiento de anillos",
"Cambio y reparación de piedras",
"Limpieza profesional de joyas",
],
buttons: [
{ text: "Consultar disponibilidad", href: "https://wa.me/34956622526" },
],
title: "Limpieza y Pulido", description: "Restauramos el brillo original de tus joyas con técnicas profesionales. Limpieza profunda sin dañar tus piezas.", 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: Sparkles,
},
{
id: "engravings",
label: "Grabados",
title: "Grabados y Personalizaciones",
items: [
"Grabado de iniciales y nombres",
"Personalizaciones especiales",
"Acabados premium y decorativo",
"Reparación de grabados existentes",
],
buttons: [
{ text: "Ver ejemplos", href: "tel:+34956622526" },
],
title: "Ajuste y Restauración", description: "Ajustamos anillos, redimensionamos, reparamos engarces y restauramos joyas antiguas. Todo con garantía de calidad.", imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635259.jpg?_wi=1", imageAlt: "Ajuste de joyas", buttonIcon: Shield,
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="process-section" data-section="process-section">
<FeatureCardTwelve
title="Nuestro Proceso"
description="Te mostramos cómo trabajamos para garantizar la máxima calidad en cada reparación."
features={[
{
id: "evaluation",
label: "Evaluación",
title: "Análisis Completo",
items: [
"Examen detallado de la pieza",
"Identificación de problemas",
"Presupuesto transparente sin compromiso",
],
},
{
id: "repair",
label: "Reparación",
title: "Trabajo Profesional",
items: [
"Realización del trabajo por expertos",
"Uso de materiales de calidad",
"Seguimiento durante el proceso",
],
},
{
id: "delivery",
label: "Entrega",
title: "Garantía de Satisfacción",
items: [
"Revisión final de calidad",
"Entrega en el plazo acordado",
"Garantía en todas las reparaciones",
],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact-repairs" data-section="contact-repairs">
<ContactCenter
tag="Solicita una Reparación"
title="Contacta con Nuestros Expertos"
description="Envíanos los detalles de tu pieza y recibirás un presupuesto sin compromiso. Estamos disponibles para resolver todas tus dudas."
tagIcon={Wrench}
tagAnimation="slide-up"
<div id="repair-process" data-section="repair-process">
<FeatureCardTwentySix
title="Nuestro Proceso de Reparación"
description="Garantizamos rapidez, confiabilidad y máxima calidad en cada reparación. Aquí te explicamos nuestro proceso paso a paso."
features={[
{
title: "1. Evaluación", description: "Inspeccionamos tu joya o reloj para determinar los daños y las mejores opciones de reparación disponibles.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg?_wi=1", imageAlt: "Evaluación", buttonIcon: Clock,
},
{
title: "2. Presupuesto", description: "Te presentamos un presupuesto detallado con el costo y el tiempo estimado de reparación, sin compromiso.", 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: "Presupuesto", buttonIcon: Shield,
},
{
title: "3. Reparación", description: "Realizamos la reparación con técnicas profesionales y materiales de calidad. Te mantemos informado del progreso.", imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635259.jpg?_wi=1", imageAlt: "Reparación en proceso", buttonIcon: Wrench,
},
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="repair-cta" data-section="repair-cta">
<ContactCTA
tag="Solicita Presupuesto"
tagIcon={Phone}
title="¿Tu Joya Necesita Reparación?"
description="Contacta con nosotros para una evaluación gratuita. Llamamos inmediatamente para atenderte o puedes visitarnos en nuestra tienda."
buttons={[
{ text: "Llamar Ahora", href: "tel:+34956622526" },
{ text: "WhatsApp", href: "https://wa.me/34956622526" },
]}
background={{ variant: "animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="Tu teléfono"
buttonText="Enviar Solicitud"
/>
</div>
@@ -164,4 +107,4 @@ export default function ReparacionesPage() {
</div>
</ThemeProvider>
);
}
}

101
src/app/sobre-nosotros/page.tsx
View File

@@ -1,17 +1,18 @@
"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { MapPin, Phone, MessageCircle, Award, Users, Heart, Gem } from 'lucide-react';
import { MapPin, Phone, MessageCircle, Award, Users, Heart, Gem, Quote } from 'lucide-react';
export default function SobreNosotrosPage() {
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" },
@@ -31,68 +32,96 @@ export default function SobreNosotrosPage() {
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="about-intro" data-section="about-intro">
<HeroSplit
<TextSplitAbout
title="Sobre Joyería Marilo"
description="En Joyería Marilo ofrecemos atención cercana y profesional en el corazón de Los Barrios. Nos especializamos en joyas para momentos especiales, así como en reparaciones y mantenimiento de relojes y piezas de valor. Con décadas de experiencia, somos el referente de confianza en la zona."
background={{ variant: "plain" }}
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 elegante de Joyería Marilo"
imagePosition="left"
mediaAnimation="slide-up"
description={[
"En Joyería Marilo ofrecemos atención cercana y profesional en el corazón de Los Barrios, Cádiz. Nos especializamos en joyas para momentos especiales, así como en reparaciones y mantenimiento de relojes y piezas de valor.", "Con más de 45 años de experiencia, somos el referente de confianza en la zona. Cada cliente es único, y cada pieza de joyería cuenta una historia especial. Nos comprometemos a cuidar tus joyas como si fueran propias."]}
buttons={[
{ text: "Visita nuestra tienda", href: "tel:+34956622526" },
{ text: "Ver Colecciones", href: "/joyeria" },
{ text: "Contactar", href: "/contacto" },
]}
useInvertedBackground={false}
/>
</div>
<div id="about-metrics" data-section="about-metrics">
<AboutMetric
title="Nuestro Legado y Compromiso"
<MetricCardSeven
title="Nuestro Legado"
metrics={[
{ icon: Award, label: "Años de Experiencia", value: "45+" },
{ icon: Users, label: "Clientes Satisfechos", value: "10K+" },
{ icon: Gem, label: "Piezas Vendidas", value: "50K+" },
{ icon: Heart, label: "Recomendaciones", value: "⭐⭐⭐⭐⭐" },
{ id: "1", value: "45+", title: "Años de Experiencia", items: ["Servicio continuo desde 1980", "Técnicos certificados"] },
{ id: "2", value: "10K+", title: "Clientes Satisfechos", items: ["Recomendaciones diarias", "Confianza probada"] },
{ id: "3", value: "50K+", title: "Piezas Vendidas", items: ["Colecciones variadas", "Calidad garantizada"] },
{ id: "4", value: "⭐⭐⭐⭐⭐", title: "Valoraciones", items: ["Excelente servicio", "Profesionalismo reconocido"] },
]}
metricsAnimation="slide-up"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="values-section" data-section="values-section">
<HeroSplit
<TextSplitAbout
title="Nuestros Valores"
description="Creemos en la excelencia, la confianza y la cercanía. Cada cliente es único, y cada pieza de joyería cuenta una historia especial. Nos comprometemos a cuidar tus joyas como si fueran propias, manteniéndolas hermosas y funcionales para que disfrutes de ellas durante generaciones."
background={{ variant: "gradient-bars" }}
imagePosition="right"
mediaAnimation="slide-up"
description={[
"Creemos en la excelencia, la confianza y la cercanía. Nuestro compromiso es ofrecerte las mejores joyas y servicios con integridad y profesionalismo.", "Cada joya que vendemos y cada reparación que hacemos es un reflejo de nuestro cuidado y dedicación. Tu satisfacción es nuestro éxito."]}
buttons={[
{ text: "Conocer nuestras colecciones", href: "/joyeria" },
{ text: "Visita Nuestra Tienda", href: "tel:+34956622526" },
]}
useInvertedBackground={false}
/>
</div>
<div id="customer-reviews" data-section="customer-reviews">
<TestimonialCardThirteen
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 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 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 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: "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}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
<div id="contact-about" data-section="contact-about">
<ContactCenter
<ContactCTA
tag="Conecta con Nosotros"
tagIcon={MapPin}
title="¿Tienes Preguntas?"
description="Nos encantaría conocerte. Contacta con nosotros para cualquier duda sobre nuestros servicios, colecciones o para solicitar una visita personalizada."
tagIcon={MapPin}
tagAnimation="slide-up"
buttons={[
{ text: "Llamar Ahora", href: "tel:+34956622526" },
{ text: "WhatsApp", href: "https://wa.me/34956622526" },
]}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Tu email"
buttonText="Enviar Consulta"
/>
</div>
@@ -109,4 +138,4 @@ export default function SobreNosotrosPage() {
</div>
</ThemeProvider>
);
}
}