Merge version_1 into main #3

Merged
bender merged 3 commits from version_1 into main 2026-03-13 15:46:17 +00:00
3 changed files with 93 additions and 165 deletions

View File

@@ -6,9 +6,53 @@ import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboa
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { Sparkles } from "lucide-react";
import { Sparkles, Heart, Star } from "lucide-react";
export default function BlogPage() {
const navItems = [
{ name: "Inicio", id: "home" },
{ name: "Servicios", id: "services" },
{ name: "Sobre Nosotros", id: "about" },
{ name: "Precios", id: "pricing" },
{ name: "Blog", id: "blog" },
{ name: "Contacto", id: "contact" }
];
const footerColumns = [
{
title: "Empresa", items: [
{ label: "Sobre Nosotros", href: "/sobre-nosotros" },
{ label: "Nuestro Equipo", href: "/sobre-nosotros" },
{ label: "Instalaciones", href: "/sobre-nosotros" },
{ label: "Tienda Online", href: "/tienda" }
]
},
{
title: "Servicios", items: [
{ label: "Grooming Profesional", href: "/servicios" },
{ label: "Spa Canino", href: "/servicios" },
{ label: "Tratamientos Especializados", href: "/servicios" },
{ label: "Servicio a Domicilio", href: "/servicios" }
]
},
{
title: "Información", items: [
{ label: "Precios", href: "/precios" },
{ label: "Blog", href: "/blog" },
{ label: "Preguntas Frecuentes", href: "/faq" },
{ label: "Contacto", href: "/contacto" }
]
},
{
title: "Contacto", items: [
{ label: "Tel: +34 910 784 221", href: "tel:+34910784221" },
{ label: "WhatsApp: +34 622 914 508", href: "https://wa.me/34622914508" },
{ label: "Email: contacto@patitasdeoro.es", href: "mailto:contacto@patitasdeoro.es" },
{ label: "Madrid, España", href: "#" }
]
}
];
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
@@ -24,18 +68,10 @@ export default function BlogPage() {
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={navItems}
brandName="Patitas de Oro"
navItems={[
{ name: "Inicio", id: "home" },
{ name: "Servicios", id: "services" },
{ name: "Sobre Nosotros", id: "about" },
{ name: "Precios", id: "pricing" },
{ name: "Blog", id: "blog" },
{ name: "Contacto", id: "contact" },
]}
button={{
text: "Reservar Cita",
href: "/reservas",
text: "Reservar Cita", href: "/reservas"
}}
className="bg-white shadow-sm"
buttonClassName="bg-gradient-to-r from-indigo-600 to-purple-600 hover:shadow-lg"
@@ -49,38 +85,15 @@ export default function BlogPage() {
description="Consejos, trucos y guías de expertos para el bienestar de tu perro."
background={{ variant: "gradient-bars" }}
carouselItems={[
{
id: "blog-carousel-1",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fdeg1r&_wi=8",
imageAlt: "professional dog grooming spa",
},
{
id: "blog-carousel-2",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=krvjlu&_wi=9",
imageAlt: "dog spa relaxation massage",
},
{
id: "blog-carousel-3",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=esjrmn&_wi=7",
imageAlt: "dog undercoat removal grooming",
},
{
id: "blog-carousel-4",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ev7f13&_wi=6",
imageAlt: "professional pet grooming salon interior",
},
{
id: "blog-carousel-5",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=etrji4&_wi=5",
imageAlt: "dog nail trimming professional",
},
{
id: "blog-carousel-6",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bdzkxc&_wi=4",
imageAlt: "male professional dog groomer",
},
{ id: "blog-carousel-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fdeg1r" },
{ id: "blog-carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=krvjlu" },
{ id: "blog-carousel-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=esjrmn" },
{ id: "blog-carousel-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ev7f13" },
{ id: "blog-carousel-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=etrji4" },
{ id: "blog-carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bdzkxc" }
]}
autoPlay={true}
autoPlayInterval={5000}
/>
</div>
@@ -97,118 +110,33 @@ export default function BlogPage() {
useInvertedBackground={false}
blogs={[
{
id: "blog-1",
category: "Cuidados",
title: "Cómo Cuidar el Pelo de tu Perro en Verano",
excerpt: "La época estival requiere cuidados especiales para el pelaje de tu mascota. Descubre nuestras recomendaciones profesionales.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=krvjlu&_wi=10",
imageAlt: "Perro en verano",
authorName: "Laura Martínez",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=30yijv",
date: "15 de Mayo 2024",
id: "blog-1", category: "Cuidados", title: "Cómo Cuidar el Pelo de tu Perro en Verano", excerpt: "La época estival requiere cuidados especiales para el pelaje de tu mascota. Descubre nuestras recomendaciones profesionales.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=krvjlu", imageAlt: "Perro en verano", authorName: "Laura Martínez", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=30yijv", date: "15 de Mayo 2024"
},
{
id: "blog-2",
category: "Razas",
title: "Los Mejores Cortes para Perros Pequeños",
excerpt: "Guía completa sobre los cortes de grooming más populares para razas pequeñas como bichones y malteses.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fdeg1r&_wi=9",
imageAlt: "Perro pequeño groomed",
authorName: "Carlos Gómez",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bdzkxc",
date: "12 de Mayo 2024",
id: "blog-2", category: "Razas", title: "Los Mejores Cortes para Perros Pequeños", excerpt: "Guía completa sobre los cortes de grooming más populares para razas pequeñas como bichones y malteses.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fdeg1r", imageAlt: "Perro pequeño groomed", authorName: "Carlos Gómez", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bdzkxc", date: "12 de Mayo 2024"
},
{
id: "blog-3",
category: "Salud",
title: "¿Cada Cuánto Bañar a tu Perro?",
excerpt: "Descubre la frecuencia ideal de baño según la raza, tipo de pelaje y condiciones de piel de tu mascota.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ev7f13&_wi=7",
imageAlt: "Baño canino profesional",
authorName: "María Torres",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xu2224",
date: "8 de Mayo 2024",
id: "blog-3", category: "Salud", title: "¿Cada Cuánto Bañar a tu Perro?", excerpt: "Descubre la frecuencia ideal de baño según la raza, tipo de pelaje y condiciones de piel de tu mascota.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ev7f13", imageAlt: "Baño canino profesional", authorName: "María Torres", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xu2224", date: "8 de Mayo 2024"
},
{
id: "blog-4",
category: "Mantenimiento",
title: "Cómo Evitar los Nudos en el Pelaje",
excerpt: "Prevención y técnicas para mantener el pelaje de tu perro libre de nudos y enredos.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=esjrmn&_wi=8",
imageAlt: "Cepillado profesional",
authorName: "Laura Martínez",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=30yijv",
date: "5 de Mayo 2024",
id: "blog-4", category: "Mantenimiento", title: "Cómo Evitar los Nudos en el Pelaje", excerpt: "Prevención y técnicas para mantener el pelaje de tu perro libre de nudos y enredos.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=esjrmn", imageAlt: "Cepillado profesional", authorName: "Laura Martínez", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=30yijv", date: "5 de Mayo 2024"
},
{
id: "blog-5",
category: "Bienestar",
title: "Beneficios del Spa Canino para tu Mascota",
excerpt: "Conoce cómo el spa relaja y mejora la salud general de tu perro, reduciendo estrés y mejorando su pelaje.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=krvjlu&_wi=11",
imageAlt: "Spa canino relajante",
authorName: "Carlos Gómez",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bdzkxc",
date: "1 de Mayo 2024",
id: "blog-5", category: "Bienestar", title: "Beneficios del Spa Canino para tu Mascota", excerpt: "Conoce cómo el spa relaja y mejora la salud general de tu perro, reduciendo estrés y mejorando su pelaje.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=krvjlu", imageAlt: "Spa canino relajante", authorName: "Carlos Gómez", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bdzkxc", date: "1 de Mayo 2024"
},
{
id: "blog-6",
category: "Dermatología",
title: "Reconocer y Tratar Problemas de Piel en Perros",
excerpt: "Guía sobre los problemas dermatológicos más comunes en perros y cómo prevenirlos con grooming profesional.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=etrji4&_wi=6",
imageAlt: "Tratamiento dermatológico",
authorName: "María Torres",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xu2224",
date: "25 de Abril 2024",
},
id: "blog-6", category: "Dermatología", title: "Reconocer y Tratar Problemas de Piel en Perros", excerpt: "Guía sobre los problemas dermatológicos más comunes en perros y cómo prevenirlos con grooming profesional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=etrji4", imageAlt: "Tratamiento dermatológico", authorName: "María Torres", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xu2224", date: "25 de Abril 2024"
}
]}
containerClassName="max-w-7xl mx-auto px-4 py-16"
titleClassName="text-4xl md:text-5xl font-semibold text-gray-900 mb-4"
cardTitleClassName="text-lg font-semibold text-gray-900 mb-2"
textBoxDescriptionClassName="text-lg text-gray-700"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Empresa",
items: [
{ label: "Sobre Nosotros", href: "/" },
{ label: "Nuestro Equipo", href: "/" },
{ label: "Instalaciones", href: "/" },
{ label: "Tienda Online", href: "/" },
],
},
{
title: "Servicios",
items: [
{ label: "Grooming Profesional", href: "/" },
{ label: "Spa Canino", href: "/" },
{ label: "Tratamientos Especializados", href: "/" },
{ label: "Servicio a Domicilio", href: "/" },
],
},
{
title: "Información",
items: [
{ label: "Precios", href: "/" },
{ label: "Blog", href: "/blog" },
{ label: "Preguntas Frecuentes", href: "/" },
{ label: "Contacto", href: "/contacto" },
],
},
{
title: "Contacto",
items: [
{ label: "Tel: +34 910 784 221", href: "tel:+34910784221" },
{ label: "WhatsApp: +34 622 914 508", href: "https://wa.me/34622914508" },
{ label: "Email: contacto@patitasdeoro.es", href: "mailto:contacto@patitasdeoro.es" },
{ label: "Madrid, España", href: "#" },
],
},
]}
columns={footerColumns}
copyrightText="© 2024 Patitas de Oro. Todos los derechos reservados. Peluquería Canina Premium en Madrid."
containerClassName="max-w-7xl mx-auto px-4"
footerClassName="bg-gray-900 text-gray-100"

View File

@@ -133,7 +133,7 @@ export default function ServicesPage() {
}
]}
containerClassName="max-w-7xl mx-auto px-4 py-16"
titleClassName="text-4xl md:text-5xl font-semibold text-gray-900 mb-4"
cardNameClassName="text-lg font-semibold text-gray-900 mb-2"
textBoxDescriptionClassName="text-lg text-gray-700"
/>
</div>

View File

@@ -35,7 +35,8 @@ export default function AboutPage() {
{ name: "Contacto", id: "contact" },
]}
button={{
text: "Reservar Cita", href: "/reservas"}}
text: "Reservar Cita", href: "/reservas"
}}
className="bg-white shadow-sm"
buttonClassName="bg-gradient-to-r from-indigo-600 to-purple-600 hover:shadow-lg"
buttonTextClassName="text-white font-semibold"
@@ -49,23 +50,23 @@ export default function AboutPage() {
background={{ variant: "gradient-bars" }}
carouselItems={[
{
id: "about-carousel-1", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ev7f13"},
id: "about-carousel-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ev7f13"
},
{
id: "about-carousel-2", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=30yijv"},
id: "about-carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=30yijv"
},
{
id: "about-carousel-3", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bdzkxc"},
id: "about-carousel-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bdzkxc"
},
{
id: "about-carousel-4", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=krvjlu"},
id: "about-carousel-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=krvjlu"
},
{
id: "about-carousel-5", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fdeg1r"},
id: "about-carousel-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fdeg1r"
},
{
id: "about-carousel-6", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=esjrmn"},
id: "about-carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=esjrmn"
},
]}
autoPlay={true}
autoPlayInterval={5000}
@@ -84,25 +85,22 @@ export default function AboutPage() {
useInvertedBackground={true}
metrics={[
{
id: "metric-1", value: "2018", title: "Año de Fundación", description:
"Patitas de Oro fue creada con la visión de revolucionar el cuidado canino", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ev7f13", imageAlt: "Salon interior"
id: "metric-1", value: "2018", title: "Año de Fundación", description: "Patitas de Oro fue creada con la visión de revolucionar el cuidado canino", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ev7f13", imageAlt: "Salon interior"
},
{
id: "metric-2", value: "6", title: "Groomers Certificados", description:
"Equipo profesional con más de 10 años de experiencia cada uno", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=30yijv", imageAlt: "Team groomer"
id: "metric-2", value: "6", title: "Groomers Certificados", description: "Equipo profesional con más de 10 años de experiencia cada uno", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=30yijv", imageAlt: "Team groomer"
},
{
id: "metric-3", value: "25", title: "Perros al Día", description:
"Capacidad diaria para garantizar atención personalizada y de calidad", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bdzkxc", imageAlt: "Professional groomer"
id: "metric-3", value: "25", title: "Perros al Día", description: "Capacidad diaria para garantizar atención personalizada y de calidad", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bdzkxc", imageAlt: "Professional groomer"
},
{
id: "metric-4", value: "120m²", title: "Instalaciones", description:
"Centro premium completamente equipado con tecnología de última generación", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=krvjlu", imageAlt: "Facilities"
id: "metric-4", value: "120m²", title: "Instalaciones", description: "Centro premium completamente equipado con tecnología de última generación", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=krvjlu", imageAlt: "Facilities"
}
]}
containerClassName="max-w-6xl mx-auto px-4 py-16"
titleClassName="text-4xl md:text-5xl font-semibold text-white mb-4"
valueClassName="text-4xl md:text-5xl font-bold text-indigo-300"
cardTitleClassName="text-lg font-semibold text-white"
/>
</div>
@@ -116,14 +114,14 @@ export default function AboutPage() {
useInvertedBackground={false}
members={[
{
id: "member-1", name: "Laura Martínez", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=30yijv", imageAlt: "Laura Martínez - Directora y Groomer Senior"},
id: "member-1", name: "Laura Martínez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=30yijv", imageAlt: "Laura Martínez - Directora y Groomer Senior"
},
{
id: "member-2", name: "Carlos Gómez", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bdzkxc", imageAlt: "Carlos Gómez - Especialista en Cortes de Raza"},
id: "member-2", name: "Carlos Gómez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bdzkxc", imageAlt: "Carlos Gómez - Especialista en Cortes de Raza"
},
{
id: "member-3", name: "María Torres", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xu2224", imageAlt: "María Torres - Experta en Dermatología Canina"},
id: "member-3", name: "María Torres", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xu2224", imageAlt: "María Torres - Experta en Dermatología Canina"
},
]}
containerClassName="max-w-6xl mx-auto px-4 py-16"
titleClassName="text-4xl md:text-5xl font-semibold text-gray-900 mb-12 text-center"
@@ -160,9 +158,11 @@ export default function AboutPage() {
title: "Contacto", items: [
{ label: "Tel: +34 910 784 221", href: "tel:+34910784221" },
{
label: "WhatsApp: +34 622 914 508", href: "https://wa.me/34622914508"},
label: "WhatsApp: +34 622 914 508", href: "https://wa.me/34622914508"
},
{
label: "Email: contacto@patitasdeoro.es", href: "mailto:contacto@patitasdeoro.es"},
label: "Email: contacto@patitasdeoro.es", href: "mailto:contacto@patitasdeoro.es"
},
{ label: "Madrid, España", href: "#" },
],
},