bender/1e2105c5-d04b-4b2a-9c6d-e46eabc4b9b4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-03-11 13:57:28 +00:00
parent d88bdf30e5 1602bdb301
commit eacfe3b894
4 changed files with 123 additions and 507 deletions
Download Patch File Download Diff File Expand all files Collapse all files

167
src/app/blog/page.tsx
View File

@@ -2,52 +2,44 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactText from "@/components/sections/contact/ContactText";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import Link from "next/link";
export default function BlogPage() {
const navItems = [
{ name: "Inicio", id: "/" },
{ name: "Tratamientos", id: "/tratamientos" },
{ name: "Sobre Nosotros", id: "/about" },
{ name: "Sobre Nosotros", id: "/equipo" },
{ name: "Contacto", id: "/contacto" },
];
const footerColumns = [
{
title: "Clínica",
items: [
{ label: "Sobre Nosotros", href: "/about" },
title: "Clínica", items: [
{ label: "Sobre Nosotros", href: "/equipo" },
{ label: "Nuestro Equipo", href: "/equipo" },
{ label: "Instalaciones", href: "/facilities" },
{ label: "Tecnología", href: "/technology" },
{ label: "Instalaciones", href: "/equipo" },
{ label: "Tecnología", href: "/equipo" },
],
},
{
title: "Servicios",
items: [
{ label: "Implantes", href: "/treatments" },
{ label: "Ortodoncia", href: "/treatments" },
{ label: "Estética Dental", href: "/treatments" },
{ label: "Odontología General", href: "/treatments" },
title: "Servicios", items: [
{ label: "Implantes", href: "/tratamientos" },
{ label: "Ortodoncia", href: "/tratamientos" },
{ label: "Estética Dental", href: "/tratamientos" },
{ label: "Odontología General", href: "/tratamientos" },
],
},
{
title: "Información",
items: [
{ label: "Casos Reales", href: "/cases" },
{ label: "Opiniones", href: "/reviews" },
title: "Información", items: [
{ label: "Casos Reales", href: "/casos-reales" },
{ label: "Opiniones", href: "/opiniones" },
{ label: "Blog", href: "/blog" },
{ label: "FAQ", href: "/blog#faq" },
{ label: "FAQ", href: "#faq" },
],
},
{
title: "Contacto",
items: [
title: "Contacto", items: [
{ label: "Teléfono", href: "tel:953225409" },
{ label: "WhatsApp", href: "https://wa.me/34953225409" },
{ label: "Email", href: "mailto:info@clinicagarciamara.es" },
@@ -56,11 +48,6 @@ export default function BlogPage() {
},
];
const navItemsConverted = navItems.map((item) => ({
name: item.name,
id: item.id.startsWith("/") ? item.id : "/" + item.id,
}));
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
@@ -68,142 +55,38 @@ export default function BlogPage() {
borderRadius="pill"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
{/* Navbar */}
<div id="nav" data-section="nav" className="relative z-50 py-4">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Clínica Dental García Cámara"
navItems={navItemsConverted}
button={{ text: "Pedir Cita", href: "/contacto" }}
navItems={navItems}
button={{
text: "Pedir Cita", href: "/contacto"}}
animateOnLoad={true}
navItemClassName="text-foreground font-medium hover:text-accent transition-colors"
buttonClassName="bg-primary-cta hover:bg-primary-cta/90"
/>
</div>
{/* Blog Introduction Section */}
<div id="blog-intro" data-section="blog-intro" className="mx-auto px-4 md:px-6 py-16 md:py-24">
<TextAbout
tag="Centro de Conocimiento"
title="Blog - Artículos sobre Salud Dental y Tratamientos Modernos"
useInvertedBackground={false}
buttons={[{ text: "Volver al Inicio", href: "/" }]}
/>
</div>
{/* Blog Articles Section */}
<div id="blog-articles" data-section="blog-articles" className="mx-auto px-4 md:px-6 py-16 md:py-24">
<FeatureCardSeven
title="Artículos Recientes"
description="Descubre nuestros últimos artículos sobre cuidado dental, tratamientos innovadores y consejos de salud bucal"
tag="Nuestro Blog"
features={[
{
id: 1,
title: "Implantes Dentales: Guía Completa",
description: "Todo lo que necesitas saber sobre implantes dentales: proceso, ventajas, cuidados y resultados a largo plazo.",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-dental-office-dentist-work-dental-treatment-concept_169016-66732.jpg?_wi=4",
},
{
id: 2,
title: "Ortodoncia Invisible: La Revolución de la Sonrisa",
description: "Conoce cómo la ortodoncia invisible ha transformado el tratamiento de alineación dental con comodidad y discreción.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-beauty-utensils_23-2149396171.jpg?_wi=6",
},
{
id: 3,
title: "Blanqueamiento Dental: Mitos y Realidades",
description: "Descubre la verdad sobre el blanqueamiento dental profesional y cómo lograr una sonrisa más blanca de forma segura.",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-care-caries-canal-background_1303-1856.jpg?_wi=3",
},
{
id: 4,
title: "Salud Periodontal: Prevención y Tratamiento",
description: "Aprende sobre la importancia de la salud de las encías y cómo prevenir enfermedades periodontales.",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-67117.jpg?_wi=3",
},
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
{/* Blog FAQ Section */}
<div id="faq" data-section="faq" className="mx-auto px-4 md:px-6 py-16 md:py-24">
<FaqDouble
title="Preguntas Frecuentes sobre Nuestro Blog"
description="Resuelve tus dudas sobre nuestros artículos y servicios dentales"
tag="FAQ"
faqs={[
{
id: "1",
title: "¿Con qué frecuencia se publican nuevos artículos?",
content: "Publicamos nuevos artículos de blog cada dos semanas, cubriendo temas relacionados con salud dental, tratamientos innovadores y consejos prácticos de higiene bucal.",
},
{
id: "2",
title: "¿Puedo compartir los artículos en redes sociales?",
content: "Por supuesto. Todos nuestros artículos pueden ser compartidos en redes sociales. Nos encanta que difundas información sobre salud dental en tu comunidad.",
},
{
id: "3",
title: "¿Dónde puedo encontrar consejos sobre cuidado dental en casa?",
content: "En la sección de Blog encontrarás múltiples artículos con consejos prácticos sobre higiene dental diaria, uso de hilo dental, enjuague bucal y otras prácticas recomendadas.",
},
{
id: "4",
title: "¿Qué temas cubre principalmente vuestro blog?",
content: "Nuestro blog cubre temas de salud dental general, tratamientos específicos (implantes, ortodoncia, estética), prevención de enfermedades y consejos de higiene bucal.",
},
{
id: "5",
title: "¿Puedo sugerir un tema para un artículo?",
content: "Claro que sí. Nos encantaría recibir sugerencias de temas. Ponte en contacto con nosotros a través del formulario de contacto o llamando al 953 22 54 09.",
},
{
id: "6",
title: "¿Los artículos están escritos por profesionales?",
content: "Sí, todos nuestros artículos son escritos y revisados por nuestro equipo de dentistas profesionales con años de experiencia.",
},
{
id: "7",
title: "¿Hay información sobre nutrición y salud dental?",
content: "Sí, contamos con artículos que exploran la relación entre nutrición y salud dental, incluyendo alimentos que fortalecen los dientes.",
},
{
id: "8",
title: "¿Puedo descargar los artículos en PDF?",
content: "Estamos trabajando en esa funcionalidad. Por ahora, puedes leer todos los artículos directamente en nuestro blog o compartir los enlaces.",
},
]}
textboxLayout="default"
faqsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
{/* Call to Action Section */}
<div id="blog-cta" data-section="blog-cta" className="mx-auto px-4 md:px-6 py-16 md:py-24">
<div id="blog-cta" data-section="blog-cta">
<ContactText
text="¿Tienes una pregunta sobre alguno de nuestros artículos? Contacta con nosotros para más información o pide tu consulta dental gratuita."
text="Bienvenido a nuestro blog dental. Aquí encontrarás consejos, artículos y noticias sobre salud bucal."
animationType="entrance-slide"
buttons={[
{ text: "Pedir Cita", href: "/contacto" },
{ text: "Reservar Cita", href: "/contacto" },
{ text: "Llamar Ahora", href: "tel:953225409" },
]}
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer" className="mt-24">
<div id="footer" data-section="footer">
<FooterSimple
columns={footerColumns}
bottomLeftText="© 2025 Clínica Dental García Cámara. Todos los derechos reservados."

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

@@ -2,52 +2,44 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TextAbout from "@/components/sections/about/TextAbout";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import ContactText from "@/components/sections/contact/ContactText";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Phone, Mail, MapPin, Clock } from "lucide-react";
import Link from "next/link";
export default function ContactoPage() {
const navItems = [
{ name: "Inicio", id: "/" },
{ name: "Tratamientos", id: "/tratamientos" },
{ name: "Sobre Nosotros", id: "/about" },
{ name: "Sobre Nosotros", id: "/equipo" },
{ name: "Contacto", id: "/contacto" },
];
const footerColumns = [
{
title: "Clínica",
items: [
{ label: "Sobre Nosotros", href: "/about" },
title: "Clínica", items: [
{ label: "Sobre Nosotros", href: "/equipo" },
{ label: "Nuestro Equipo", href: "/equipo" },
{ label: "Instalaciones", href: "/facilities" },
{ label: "Tecnología", href: "/technology" },
{ label: "Instalaciones", href: "/equipo" },
{ label: "Tecnología", href: "/equipo" },
],
},
{
title: "Servicios",
items: [
{ label: "Implantes", href: "/treatments" },
{ label: "Ortodoncia", href: "/treatments" },
{ label: "Estética Dental", href: "/treatments" },
{ label: "Odontología General", href: "/treatments" },
title: "Servicios", items: [
{ label: "Implantes", href: "/tratamientos" },
{ label: "Ortodoncia", href: "/tratamientos" },
{ label: "Estética Dental", href: "/tratamientos" },
{ label: "Odontología General", href: "/tratamientos" },
],
},
{
title: "Información",
items: [
{ label: "Casos Reales", href: "/cases" },
{ label: "Opiniones", href: "/reviews" },
title: "Información", items: [
{ label: "Casos Reales", href: "/casos-reales" },
{ label: "Opiniones", href: "/opiniones" },
{ label: "Blog", href: "/blog" },
{ label: "FAQ", href: "/blog#faq" },
{ label: "FAQ", href: "#faq" },
],
},
{
title: "Contacto",
items: [
title: "Contacto", items: [
{ label: "Teléfono", href: "tel:953225409" },
{ label: "WhatsApp", href: "https://wa.me/34953225409" },
{ label: "Email", href: "mailto:info@clinicagarciamara.es" },
@@ -56,11 +48,6 @@ export default function ContactoPage() {
},
];
const navItemsConverted = navItems.map((item) => ({
name: item.name,
id: item.id.startsWith("/") ? item.id : "/" + item.id,
}));
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
@@ -68,166 +55,38 @@ export default function ContactoPage() {
borderRadius="pill"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
{/* Navbar */}
<div id="nav" data-section="nav" className="relative z-50 py-4">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Clínica Dental García Cámara"
navItems={navItemsConverted}
button={{ text: "Pedir Cita", href: "/contacto" }}
navItems={navItems}
button={{
text: "Pedir Cita", href: "/contacto"}}
animateOnLoad={true}
navItemClassName="text-foreground font-medium hover:text-accent transition-colors"
buttonClassName="bg-primary-cta hover:bg-primary-cta/90"
/>
</div>
{/* Contact Introduction Section */}
<div id="contact-intro" data-section="contact-intro" className="mx-auto px-4 md:px-6 py-16 md:py-24">
<TextAbout
tag="Ponte en Contacto"
title="¿Listo para tu primera consulta? Contáctanos hoy mismo"
useInvertedBackground={false}
buttons={[{ text: "Volver al Inicio", href: "/" }]}
/>
</div>
{/* Contact Information Section */}
<div id="contact-info" data-section="contact-info" className="mx-auto px-4 md:px-6 py-16 md:py-24">
<MetricCardThree
metrics={[
{
id: "1",
icon: Phone,
title: "Teléfono",
value: "953 22 54 09",
},
{
id: "2",
icon: Mail,
title: "Email",
value: "info@clinic.es",
},
{
id: "3",
icon: MapPin,
title: "Ubicación",
value: "Jaén",
},
{
id: "4",
icon: Clock,
title: "Horario",
value: "L-V 10:00-20:00",
},
]}
title="Información de Contacto"
description="Diferentes formas de comunicarte con nosotros"
textboxLayout="default"
animationType="blur-reveal"
useInvertedBackground={false}
/>
</div>
{/* Contact Form Section */}
<div id="contact-form" data-section="contact-form" className="mx-auto px-4 md:px-6 py-16 md:py-24">
<div className="max-w-2xl mx-auto">
<div className="rounded-lg border border-accent/20 bg-card p-8 md:p-12">
<h2 className="text-3xl md:text-4xl font-bold text-foreground mb-2">Formulario de Contacto</h2>
<p className="text-foreground/70 mb-8">Rellena el formulario y nos pondremos en contacto contigo lo antes posible.</p>
<form className="space-y-6">
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<div className="space-y-2">
<label className="block text-sm font-medium text-foreground">Nombre</label>
<input
type="text"
placeholder="Tu nombre"
className="w-full px-4 py-2 border border-accent/20 rounded-lg bg-background text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-accent"
/>
</div>
<div className="space-y-2">
<label className="block text-sm font-medium text-foreground">Teléfono</label>
<input
type="tel"
placeholder="Tu teléfono"
className="w-full px-4 py-2 border border-accent/20 rounded-lg bg-background text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-accent"
/>
</div>
</div>
<div className="space-y-2">
<label className="block text-sm font-medium text-foreground">Email</label>
<input
type="email"
placeholder="tu@email.com"
className="w-full px-4 py-2 border border-accent/20 rounded-lg bg-background text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-accent"
/>
</div>
<div className="space-y-2">
<label className="block text-sm font-medium text-foreground">Servicio Interesado</label>
<select className="w-full px-4 py-2 border border-accent/20 rounded-lg bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-accent">
<option>Selecciona un servicio</option>
<option>Implantes Dentales</option>
<option>Ortodoncia</option>
<option>Estética Dental</option>
<option>Odontología General</option>
<option>Consulta General</option>
</select>
</div>
<div className="space-y-2">
<label className="block text-sm font-medium text-foreground">Mensaje</label>
<textarea
placeholder="Cuéntanos sobre tu consulta..."
rows={5}
className="w-full px-4 py-2 border border-accent/20 rounded-lg bg-background text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-accent resize-none"
/>
</div>
<button
type="submit"
className="w-full bg-primary-cta hover:bg-primary-cta/90 text-primary-cta-text font-medium py-3 rounded-lg transition-colors"
>
Enviar Mensaje
</button>
</form>
<p className="text-center text-foreground/60 text-sm mt-6">
También puedes contactarnos directamente por{" "}
<a href="tel:953225409" className="text-accent hover:underline font-medium">
teléfono
</a>
{" "}o{" "}
<a href="https://wa.me/34953225409" className="text-accent hover:underline font-medium">
WhatsApp
</a>
</p>
</div>
</div>
</div>
{/* Final CTA Section */}
<div id="contact-cta" data-section="contact-cta" className="mx-auto px-4 md:px-6 py-16 md:py-24">
<div id="contact-cta" data-section="contact-cta">
<ContactText
text="¿Tienes prisa? Llámanos directamente. Nuestro equipo está disponible para responder todas tus preguntas."
text="¿Tienes alguna pregunta? Contáctanos y nos pondremos en contacto contigo lo antes posible."
animationType="entrance-slide"
buttons={[
{ text: "Enviar Mensaje", href: "#" },
{ text: "Llamar Ahora", href: "tel:953225409" },
{ text: "WhatsApp", href: "https://wa.me/34953225409" },
]}
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer" className="mt-24">
<div id="footer" data-section="footer">
<FooterSimple
columns={footerColumns}
bottomLeftText="© 2025 Clínica Dental García Cámara. Todos los derechos reservados."

201
src/app/opiniones/page.tsx
View File

@@ -1,65 +1,68 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Award, Users, Heart, Star } from "lucide-react";
import Link from "next/link";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactText from "@/components/sections/contact/ContactText";
import FooterSimple from "@/components/sections/footer/FooterSimple";
const OpinionesPage = () => {
export default function OpinionesPage() {
const navItems = [
{ name: "Inicio", id: "/" },
{ name: "Tratamientos", id: "/tratamientos" },
{ name: "Sobre Nosotros", id: "/about" },
{ name: "Contacto", id: "/contact" },
{ name: "Sobre Nosotros", id: "/equipo" },
{ name: "Contacto", id: "/contacto" },
];
const footerColumns = [
{
title: "Clínica",
items: [
{ label: "Sobre Nosotros", href: "/about" },
{ label: "Nuestro Equipo", href: "/team" },
{ label: "Instalaciones", href: "/about" },
{ label: "Tecnología", href: "/about" },
title: "Clínica", items: [
{ label: "Sobre Nosotros", href: "/equipo" },
{ label: "Nuestro Equipo", href: "/equipo" },
{ label: "Instalaciones", href: "/equipo" },
{ label: "Tecnología", href: "/equipo" },
],
},
{
title: "Servicios",
items: [
{ label: "Implantes", href: "/services" },
{ label: "Ortodoncia", href: "/services" },
{ label: "Estética Dental", href: "/services" },
{ label: "Odontología General", href: "/services" },
title: "Servicios", items: [
{ label: "Implantes", href: "/tratamientos" },
{ label: "Ortodoncia", href: "/tratamientos" },
{ label: "Estética Dental", href: "/tratamientos" },
{ label: "Odontología General", href: "/tratamientos" },
],
},
{
title: "Información",
items: [
title: "Información", items: [
{ label: "Casos Reales", href: "/casos-reales" },
{ label: "Opiniones", href: "/opiniones" },
{ label: "Blog", href: "#" },
{ label: "Blog", href: "/blog" },
{ label: "FAQ", href: "#faq" },
],
},
{
title: "Contacto",
items: [
title: "Contacto", items: [
{ label: "Teléfono", href: "tel:953225409" },
{ label: "WhatsApp", href: "https://wa.me/34953225409" },
{ label: "Email", href: "mailto:info@clinicagarciamara.es" },
{ label: "Formulario", href: "/contact" },
{ label: "Formulario", href: "/contacto" },
],
},
];
const navItemsForNavbar = navItems.map((item) => ({
name: item.name,
id: item.id.startsWith("/") ? item.id.replace(/^\//, "") || "home" : item.id,
}));
const testimonials = [
{
id: "1", name: "María Rodríguez, Jaén", date: "Date: 15 Octubre 2024", title: "Excelente atención y resultados", quote: "La experiencia fue fantástica. El equipo es muy profesional y me explicaron todo perfectamente. Los resultados han superado mis expectativas.", tag: "Implantes Dentales", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-lady-posing-studio_344912-2365.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-european-brunette-female-showing-ok-gesture-with-her-fingers-happy-woman-striped-top-smiling-with-blue-eyes-her-white-teeth-mouth-happy-face-prove-everything-goes-according-plan_273609-5728.jpg"},
{
id: "2", name: "Carlos González, Jaén", date: "Date: 10 Octubre 2024", title: "Transformó mi sonrisa", quote: "Llevaba años queriendo arreglarme los dientes. La ortodoncia invisible fue perfecta para mí. ¡Ahora tengo la sonrisa que siempre deseé!", tag: "Ortodoncia", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-delighted-cheerful-female-model-with-broad-smile-keeps-hands-chin-recreate-cafe-has-summer-rest-tropical-island_273609-2735.jpg"},
{
id: "3", name: "Ana Pérez, Jaén", date: "Date: 5 Octubre 2024", title: "Profesionales de confianza", quote: "Después de varios años sin ir al dentista, me decidí por García Cámara. El trato fue cercano y tranquilizador. Ya recomendé a mi familia.", tag: "Odontología General", avatarSrc: "http://img.b2bpic.net/free-photo/ophthalmologist-patient-trying-new-glasses_23-2150923375.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg"},
{
id: "4", name: "Roberto Fernández, Jaén", date: "Date: 28 Septiembre 2024", title: "Sin dolor, con resultados", quote: "Tenía mucho miedo. La Dra. García fue muy paciente y todo fue muy cómodo. ¡Sin dolor! Volvería sin dudarlo.", tag: "Endodoncia", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-looking-photographer_23-2148398473.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-dentist-treating-patient-clinic_23-2147906074.jpg"},
{
id: "5", name: "Laura Jiménez, Jaén", date: "Date: 20 Septiembre 2024", title: "Clínica moderna y acogedora", quote: "Las instalaciones son de primera categoría. Se nota que todo es nuevo y está bien mantenido. Me sentí muy cómoda.", tag: "Estética Dental", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-picture-smiling-woman-black-dress-looking-camera-gray_171337-13347.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-beauty-utensils_23-2149396171.jpg"},
{
id: "6", name: "David Sánchez, Jaén", date: "Date: 12 Septiembre 2024", title: "Trato profesional y personal", quote: "Llevo años viniendo aquí. La relación humana es excelente. Son profesionales pero también cercanos. Mi dentista de confianza.", tag: "Paciente Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-man-home-feeling-happy-grateful-life_482257-123005.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-23503.jpg"},
];
return (
<ThemeProvider
@@ -68,7 +71,7 @@ const OpinionesPage = () => {
borderRadius="pill"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
@@ -77,121 +80,21 @@ const OpinionesPage = () => {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Clínica Dental García Cámara"
navItems={navItemsForNavbar}
navItems={navItems}
button={{
text: "Pedir Cita",
href: "/contact",
}}
text: "Pedir Cita", href: "/contacto"}}
animateOnLoad={true}
navItemClassName="text-foreground font-medium hover:text-accent transition-colors"
buttonClassName="bg-primary-cta hover:bg-primary-cta/90"
/>
</div>
<div id="testimonials-stats" data-section="testimonials-stats">
<MetricCardThree
metrics={[
{
id: "1",
icon: Award,
title: "Satisfacción",
value: "99%",
},
{
id: "2",
icon: Users,
title: "Pacientes",
value: "+5,000",
},
{
id: "3",
icon: Star,
title: "Valoración",
value: "5/5",
},
{
id: "4",
icon: Heart,
title: "Recomendación",
value: "98%",
},
]}
title="Lo que Dicen Nuestros Pacientes"
description="Estadísticas reales basadas en las opiniones de nuestros pacientes satisfechos"
tag="Opiniones"
textboxLayout="default"
animationType="blur-reveal"
useInvertedBackground={false}
/>
</div>
<div id="patient-testimonials" data-section="patient-testimonials">
<div id="opinions" data-section="opinions">
<TestimonialCardFive
title="Opiniones de Pacientes"
description="Miles de pacientes confían en nosotros. Estas son sus experiencias reales."
tag="Testimonios Verificados"
testimonials={[
{
id: "1",
name: "María Rodríguez, Jaén",
date: "Date: 15 Octubre 2024",
title: "Excelente atención y resultados",
quote: "La experiencia fue fantástica. El equipo es muy profesional y me explicaron todo perfectamente. Los resultados han superado mis expectativas. Recomiendo García Cámara a todos mis amigos.",
tag: "Implantes Dentales",
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-lady-posing-studio_344912-2365.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-european-brunette-female-showing-ok-gesture-with-her-fingers-happy-woman-striped-top-smiling-with-blue-eyes-her-white-teeth-mouth-happy-face-prove-everything-goes-according-plan_273609-5728.jpg?_wi=4",
},
{
id: "2",
name: "Carlos González, Jaén",
date: "Date: 10 Octubre 2024",
title: "Transformó mi sonrisa",
quote: "Llevaba años queriendo arreglarme los dientes. La ortodoncia invisible fue perfecta para mí. ¡Ahora tengo la sonrisa que siempre deseé! Sin dolor y con resultados increíbles.",
tag: "Ortodoncia",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-delighted-cheerful-female-model-with-broad-smile-keeps-hands-chin-recreate-cafe-has-summer-rest-tropical-island_273609-2735.jpg?_wi=4",
},
{
id: "3",
name: "Ana Pérez, Jaén",
date: "Date: 5 Octubre 2024",
title: "Profesionales de confianza",
quote: "Después de varios años sin ir al dentista, me decidí por García Cámara. El trato fue cercano y tranquilizador. Ya recomendé a mi familia y todos están muy contentos.",
tag: "Odontología General",
avatarSrc: "http://img.b2bpic.net/free-photo/ophthalmologist-patient-trying-new-glasses_23-2150923375.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-woman-making-frame-gesture_1262-1764.jpg?_wi=4",
},
{
id: "4",
name: "Roberto Fernández, Jaén",
date: "Date: 28 Septiembre 2024",
title: "Sin dolor, con resultados",
quote: "Tenía mucho miedo. La Dra. García fue muy paciente y todo fue muy cómodo. ¡Sin dolor! Volvería sin dudarlo. Es mi dentista de confianza desde ahora.",
tag: "Endodoncia",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-looking-photographer_23-2148398473.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-dentist-treating-patient-clinic_23-2147906074.jpg?_wi=4",
},
{
id: "5",
name: "Laura Jiménez, Jaén",
date: "Date: 20 Septiembre 2024",
title: "Clínica moderna y acogedora",
quote: "Las instalaciones son de primera categoría. Se nota que todo es nuevo y está bien mantenido. Me sentí muy cómoda desde el primer momento. Atención excelente.",
tag: "Estética Dental",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-picture-smiling-woman-black-dress-looking-camera-gray_171337-13347.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-beauty-utensils_23-2149396171.jpg?_wi=5",
},
{
id: "6",
name: "David Sánchez, Jaén",
date: "Date: 12 Septiembre 2024",
title: "Trato profesional y personal",
quote: "Llevo años viniendo aquí. La relación humana es excelente. Son profesionales pero también cercanos. Mi dentista de confianza. No cambiaría de clínica nunca.",
tag: "Paciente Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-man-home-feeling-happy-grateful-life_482257-123005.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-23503.jpg?_wi=3",
},
]}
title="Opiniones de Nuestros Pacientes"
description="Experiencias reales de pacientes satisfechos con nuestros tratamientos"
tag="Testimonios"
testimonials={testimonials}
textboxLayout="default"
useInvertedBackground={false}
/>
@@ -199,19 +102,13 @@ const OpinionesPage = () => {
<div id="final-cta" data-section="final-cta">
<ContactText
text="¿Quieres ser parte de nuestros pacientes satisfechos? Pide tu cita hoy y experimenta la diferencia de la atención profesional personalizada."
text="¿Quieres ser parte de nuestras historias de éxito? Pide tu consulta gratuita hoy mismo."
animationType="entrance-slide"
buttons={[
{
text: "Pedir Cita Ahora",
href: "/contact",
},
{
text: "Llamar",
href: "tel:953225409",
},
{ text: "Reservar Cita", href: "/contacto" },
{ text: "Llamar Ahora", href: "tel:953225409" },
]}
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -225,6 +122,4 @@ const OpinionesPage = () => {
</div>
</ThemeProvider>
);
};
export default OpinionesPage;
}

71
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,30 @@
"use client";
import React, { SVGProps } from "react";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
const SvgTextLogo = React.forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(
({ className, ...props }, ref) => {
return (
<svg
ref={ref}
className={className}
viewBox="0 0 200 60"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
{logoText}
</text>
</svg>
);
});
<text
x="10"
y="40"
fontSize="32"
fontWeight="bold"
fill="currentColor"
dominantBaseline="middle"
>
Logo
</text>
</svg>
);
}
);
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;