Update src/app/opiniones/page.tsx

This commit is contained in:
2026-03-11 13:57:23 +00:00
parent f30403ea7e
commit 7f90875836

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