18 Commits

Author SHA1 Message Date
c562f426c9 Switch to version 1: modified src/app/styles/variables.css 2026-03-06 22:42:21 +00:00
e71cf161f2 Switch to version 1: modified src/app/servicios/page.tsx 2026-03-06 22:42:21 +00:00
8aa07e00c6 Switch to version 1: modified src/app/page.tsx 2026-03-06 22:42:20 +00:00
4810382175 Switch to version 1: modified src/app/layout.tsx 2026-03-06 22:42:20 +00:00
8e176d0894 Switch to version 2: modified src/app/styles/variables.css 2026-03-06 22:41:15 +00:00
ba5539be65 Switch to version 2: modified src/app/servicios/page.tsx 2026-03-06 22:41:14 +00:00
3feab1d10e Switch to version 2: modified src/app/page.tsx 2026-03-06 22:41:13 +00:00
6acf9845c4 Switch to version 2: modified src/app/layout.tsx 2026-03-06 22:41:13 +00:00
128f4527d3 Switch to version 1: modified src/app/styles/variables.css 2026-03-06 22:40:58 +00:00
e0be192981 Switch to version 1: modified src/app/servicios/page.tsx 2026-03-06 22:40:58 +00:00
222de0793b Switch to version 1: modified src/app/page.tsx 2026-03-06 22:40:57 +00:00
677c748cc6 Switch to version 1: modified src/app/layout.tsx 2026-03-06 22:40:57 +00:00
afb21bf152 Switch to version 2: modified src/app/page.tsx 2026-03-06 22:40:42 +00:00
266f812f3e Switch to version 2: modified src/app/layout.tsx 2026-03-06 22:40:41 +00:00
96f075b1e6 Merge version_3 into main
Merge version_3 into main
2026-03-06 22:38:52 +00:00
3925e80b25 Update src/app/page.tsx 2026-03-06 22:38:47 +00:00
b4270949c0 Update src/app/layout.tsx 2026-03-06 22:38:47 +00:00
c7e8f51c5d Merge version_2 into main
Merge version_2 into main
2026-03-06 22:37:16 +00:00
4 changed files with 129 additions and 86 deletions

View File

@@ -1,25 +1,67 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import "./styles/variables.css";
import "./styles/base.css";
import { Archivo } from "next/font/google";
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"],
variable: "--font-inter",
subsets: ["latin"],
});
const archivo = Archivo({
variable: "--font-archivo",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Clínica Dental Dos Torres - Odontología Profesional en Barcelona", description: "Clínica dental de confianza en Sarrià-Sant Gervasi, Barcelona. Servicios especializados en implantes, estética dental, ortodoncia y más. Más de 20 años de experiencia."};
title: "Clínica Dental en Sarrià Barcelona | Clínica Dental Dos Torres",
description: "Clínica dental profesional en Sarrià-Sant Gervasi, Barcelona. Servicios de odontología general, implantes, ortodoncia y estética dental. ⭐ 5.0 Google. Reserva cita online.",
keywords: "dentista Sarrià, clínica dental Barcelona, implantes dentales, odontología, estética dental",
metadataBase: new URL("https://clinicadentaldostorres.com"),
alternates: {
canonical: "https://clinicadentaldostorres.com",
},
openGraph: {
title: "Clínica Dental Dos Torres - Tu Dentista de Confianza en Barcelona",
description: "Servicios dentales profesionales en Sarrià. Tratamientos modernos, atención cercana. ⭐ 5.0 puntuación.",
url: "https://clinicadentaldostorres.com",
siteName: "Clínica Dental Dos Torres",
type: "website",
},
twitter: {
card: "summary_large_image",
title: "Clínica Dental Dos Torres - Barcelona",
description: "Tu clínica dental de confianza. Implantes, estética y odontología general.",
},
robots: {
index: true,
follow: true,
},
};
export default function RootLayout({
children,
}: {
}: Readonly<{
children: React.ReactNode;
}) {
}>) {
return (
<html lang="es">
<body className={`${inter.variable} antialiased`}>
{children}
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${archivo.variable} antialiased`}
>
<Tag />
{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1387,6 +1429,7 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

View File

@@ -59,15 +59,15 @@ export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLarge"
background="none"
cardStyle="solid"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="noise"
cardStyle="layered-gradient"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
@@ -80,15 +80,15 @@ export default function HomePage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Odontología Profesional y de Confianza"
description="Tratamientos dentales especializados con tecnología de punta. Más de 20 años cuidando la salud oral de familias en Barcelona. Somos expertos en implantes, estética dental y odontología general."
tag="Clínica Dental Certificada"
tagIcon={Shield}
title="Tu clínica dental de confianza en Sarrià"
description="Tratamientos dentales profesionales con atención cercana y personalizada. Más de 20 años cuidando la sonrisa de las familias de Barcelona."
tag="Clínica Dental Profesional"
tagIcon={Smile}
tagAnimation="slide-up"
background={{ variant: "downward-rays-static" }}
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "Reservar Consulta", href: "tel:932030190" },
{ text: "Más Información", href: "#services" }
{ text: "📞 Llamar Ahora", href: "tel:932030190" },
{ text: "📅 Pedir Cita", href: "#appointment" }
]}
buttonAnimation="slide-up"
mediaItems={[
@@ -104,16 +104,16 @@ export default function HomePage() {
<div id="trust" data-section="trust">
<MetricCardOne
title="Excelencia Clínica Reconocida"
description="Números que demuestran nuestro compromiso con la calidad"
tag="Estándares Profesionales"
title="Por qué confían en nosotros"
description="Resultados que hablan por sí solos"
tag="Nuestra Trayectoria"
tagIcon={Award}
tagAnimation="opacity"
metrics={[
{ id: "1", value: "5.0", title: "Satisfacción", description: "Valoración de pacientes en Google", icon: Star },
{ id: "1", value: "5.0", title: "Valoración", description: "Google - 6 reseñas de pacientes", icon: Star },
{ id: "2", value: "20+", title: "Años", description: "De experiencia en odontología", icon: Award },
{ id: "3", value: "1000+", title: "Pacientes", description: "Atendidos con éxito", icon: Users },
{ id: "4", value: "100%", title: "Certificado", description: "Equipamiento moderno y seguro", icon: Shield }
{ id: "3", value: "1000+", title: "Pacientes", description: "Familias que confían en nosotros", icon: Users },
{ id: "4", value: "100%", title: "Profesional", description: "Equipamiento moderno y seguro", icon: Shield }
]}
animationType="slide-up"
gridVariant="uniform-all-items-equal"
@@ -124,56 +124,56 @@ export default function HomePage() {
<div id="services" data-section="services">
<FeatureCardTwentyFive
title="Servicios Especializados"
description="Ofrecemos tratamientos dentales integrales con enfoque profesional y humanitario"
tag="Especialidades Odontológicas"
tagIcon={Shield}
title="Nuestros Servicios"
description="Ofrecemos una amplia gama de tratamientos dentales para toda la familia"
tag="Servicios Profesionales"
tagIcon={Smile}
tagAnimation="slide-up"
features={[
{
title: "Odontología General", description: "Revisiones completas, limpiezas profesionales y tratamientos preventivos para mantener tu salud bucal óptima.", icon: Star,
title: "Odontología General", description: "Revisiones, limpiezas y tratamientos básicos para mantener tu salud dental óptima.", icon: Star,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053285.jpg?_wi=1", imageAlt: "revisión dental general paciente consultorio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053273.jpg?_wi=1", imageAlt: "limpieza dental profesional higienista dental" }
]
},
{
title: "Implantes Dentales", description: "Soluciones modernas y duraderas para recuperar piezas dentales perdidas con resultados completamente naturales.", icon: Zap,
title: "Implantes Dentales", description: "Soluciones modernas para recuperar piezas dentales perdidas con resultados naturales.", icon: Zap,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-vector/isometric-prosthetic-dentistry-concept-with-dental-bridge-used-missing-teeth-covering-isolated_1284-39111.jpg?_wi=1", imageAlt: "implante dental titanio moderno profesional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-woman_329181-7271.jpg?_wi=1", imageAlt: "implante dental resultado natural sonrisa" }
]
},
{
title: "Estética Dental", description: "Blanqueamiento profesional, carillas y tratamientos estéticos para mejorar significativamente tu sonrisa.", icon: Sparkles,
title: "Estética Dental", description: "Blanqueamiento, carillas y otros tratamientos para mejorar la apariencia de tu sonrisa.", icon: Sparkles,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-woman-having-her-teeth-whitened-with-ultraviolet-light-dental-clinic_662251-2598.jpg?_wi=1", imageAlt: "blanqueamiento dental profesional paciente clínica" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-white-woman_23-2148941391.jpg?_wi=1", imageAlt: "sonrisa blanca brillante dientes blanqueados" }
]
},
{
title: "Ortodoncia", description: "Alineamiento dental profesional con opciones de brackets tradicionales e invisibles según tus necesidades.", icon: Smile,
title: "Ortodoncia", description: "Alineamiento dental con opciones de brackets tradicionales e invisibles.", icon: Smile,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-with-dental-gems_23-2151212420.jpg?_wi=1", imageAlt: "ortodoncia brackets dientes alineamiento" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sunny-close-up-portrait-pretty-blonde-woman-winking-showing-tongue-playful-positive-mood-pastel-sunny-colors_291049-1275.jpg?_wi=1", imageAlt: "resultado ortodoncia dientes alineados perfectos" }
]
},
{
title: "Endodoncia", description: "Tratamientos de conductos radiculares con tecnología avanzada para salvar y conservar tus dientes naturales.", icon: Activity,
title: "Endodoncia", description: "Tratamientos de conductos radiculares con tecnología de punta para salvar tu diente.", icon: Activity,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-woman-teeth-with-diagnostic-microscope_651396-1870.jpg?_wi=1", imageAlt: "tratamiento endodoncia conducto radicular" },
{ imageSrc: "http://img.b2bpic.net/free-photo/dentist-looking-x-ray-front-patient_107420-73920.jpg?_wi=1", imageAlt: "radiografía dental endodoncia conducto" }
]
},
{
title: "Periodoncia", description: "Especialidad dedicada al cuidado profesional de encías y prevención de enfermedades periodontales.", icon: Heart,
title: "Periodoncia", description: "Cuidado especializado de encías y prevención de enfermedades periodontales.", icon: Heart,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053272.jpg?_wi=1", imageAlt: "tratamiento periodoncia encías profesional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-lady-feeling-satisfied-happy_1163-3812.jpg?_wi=1", imageAlt: "salud encías rosadas dientes firmes" }
]
}
]}
animationType="slide-up"
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
@@ -186,7 +186,7 @@ export default function HomePage() {
<div id="benefits" data-section="benefits">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Por qué elegir nuestra clínica dental" }
{ type: "text", content: "Por qué elegirnos" }
]}
useInvertedBackground={false}
buttons={[
@@ -198,9 +198,9 @@ export default function HomePage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
title="Historias de Nuestros Pacientes"
description="Testimonios reales de personas que confían en nuestra profesionalidad"
tag="Experiencias Verificadas"
title="Lo que dicen nuestros pacientes"
description="Historias reales de pacientes satisfechos con nuestro servicio"
tag="Testimonios"
tagIcon={MessageCircle}
tagAnimation="slide-up"
testimonials={[
@@ -231,7 +231,7 @@ export default function HomePage() {
<div id="contact-section" data-section="contact-section">
<ContactText
text="¿Listo para mejorar tu salud oral? Contacta con nuestro equipo profesional hoy mismo para programar tu consulta inicial o resolver cualquier pregunta sobre nuestros servicios dentales especializados."
text="¿Listo para cuidar tu sonrisa? Contáctanos hoy mismo para programar tu cita o resolver tus dudas sobre cualquiera de nuestros servicios."
animationType="entrance-slide"
background={{ variant: "plain" }}
useInvertedBackground={false}
@@ -246,9 +246,9 @@ export default function HomePage() {
<FooterSimple
columns={footerColumns}
bottomLeftText="© 2025 Clínica Dental Dos Torres. Todos los derechos reservados."
bottomRightText="Excelencia Odontológica desde 2005"
bottomRightText="Diseñado para generar confianza y conversiones"
/>
</div>
</ThemeProvider>
);
}
}

View File

@@ -56,15 +56,15 @@ export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLarge"
background="none"
cardStyle="solid"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="noise"
cardStyle="layered-gradient"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
@@ -77,56 +77,56 @@ export default function ServicesPage() {
<div id="services-detail" data-section="services-detail">
<FeatureCardTwentyFive
title="Servicios Odontológicos Completos"
description="Descubre nuestro catálogo integral de tratamientos dentales profesionales diseñados para tu bienestar bucal"
tag="Especialidades Certificadas"
tagIcon={Shield}
title="Todos Nuestros Servicios Dentales"
description="Descubre la gama completa de tratamientos profesionales que ofrecemos para cuidar tu salud dental"
tag="Servicios Completos"
tagIcon={Star}
tagAnimation="slide-up"
features={[
{
title: "Odontología General", description: "Revisiones exhaustivas, limpiezas profesionales y tratamientos preventivos para mantener tu salud dental en óptimas condiciones.", icon: Star,
title: "Odontología General", description: "Revisiones, limpiezas y tratamientos básicos para mantener tu salud dental óptima.", icon: Star,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053285.jpg?_wi=2", imageAlt: "revisión dental general paciente consultorio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053273.jpg?_wi=2", imageAlt: "limpieza dental profesional higienista dental" }
]
},
{
title: "Implantes Dentales", description: "Soluciones de implantología de última generación para restaurar tu sonrisa de forma permanente y natural.", icon: Zap,
title: "Implantes Dentales", description: "Soluciones modernas para recuperar piezas dentales perdidas con resultados naturales.", icon: Zap,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-vector/isometric-prosthetic-dentistry-concept-with-dental-bridge-used-missing-teeth-covering-isolated_1284-39111.jpg?_wi=2", imageAlt: "implante dental titanio moderno profesional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-woman_329181-7271.jpg?_wi=2", imageAlt: "implante dental resultado natural sonrisa" }
]
},
{
title: "Estética Dental", description: "Tratamientos estéticos profesionales incluyendo blanqueamiento, carillas y otras opciones para tu sonrisa perfecta.", icon: Sparkles,
title: "Estética Dental", description: "Blanqueamiento, carillas y otros tratamientos para mejorar la apariencia de tu sonrisa.", icon: Sparkles,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-woman-having-her-teeth-whitened-with-ultraviolet-light-dental-clinic_662251-2598.jpg?_wi=2", imageAlt: "blanqueamiento dental profesional paciente clínica" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-white-woman_23-2148941391.jpg?_wi=2", imageAlt: "sonrisa blanca brillante dientes blanqueados" }
]
},
{
title: "Ortodoncia", description: "Alineamiento dental profesional con opciones innovadoras de brackets e invisibles según tus preferencias.", icon: Smile,
title: "Ortodoncia", description: "Alineamiento dental con opciones de brackets tradicionales e invisibles.", icon: Smile,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-with-dental-gems_23-2151212420.jpg?_wi=2", imageAlt: "ortodoncia brackets dientes alineamiento" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sunny-close-up-portrait-pretty-blonde-woman-winking-showing-tongue-playful-positive-mood-pastel-sunny-colors_291049-1275.jpg?_wi=2", imageAlt: "resultado ortodoncia dientes alineados perfectos" }
]
},
{
title: "Endodoncia", description: "Tratamiento especializado de conductos radiculares con tecnología avanzada para conservar tus dientes.", icon: Activity,
title: "Endodoncia", description: "Tratamientos de conductos radiculares con tecnología de punta para salvar tu diente.", icon: Activity,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-woman-teeth-with-diagnostic-microscope_651396-1870.jpg?_wi=2", imageAlt: "tratamiento endodoncia conducto radicular" },
{ imageSrc: "http://img.b2bpic.net/free-photo/dentist-looking-x-ray-front-patient_107420-73920.jpg?_wi=2", imageAlt: "radiografía dental endodoncia conducto" }
]
},
{
title: "Periodoncia", description: "Especialidad enfocada en la salud profesional de encías y prevención de enfermedades periodontales avanzadas.", icon: Heart,
title: "Periodoncia", description: "Cuidado especializado de encías y prevención de enfermedades periodontales.", icon: Heart,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053272.jpg?_wi=2", imageAlt: "tratamiento periodoncia encías profesional" },
{ imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-lady-feeling-satisfied-happy_1163-3812.jpg?_wi=2", imageAlt: "salud encías rosadas dientes firmes" }
]
}
]}
animationType="slide-up"
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
@@ -138,16 +138,16 @@ export default function ServicesPage() {
<div id="services-trust" data-section="services-trust">
<MetricCardOne
title="Calidad y Profesionalismo Certificados"
description="Estándares de excelencia que respaldan nuestros servicios dentales"
tag="Certificaciones Profesionales"
title="Calidad y Profesionalismo"
description="Números que avalan nuestra excelencia en servicios dentales"
tag="Nuestros Estándares"
tagIcon={Award}
tagAnimation="opacity"
metrics={[
{ id: "1", value: "20+", title: "Años", description: "De experiencia clínica demostrada", icon: Award },
{ id: "2", value: "1000+", title: "Pacientes", description: "Satisfechos con nuestros servicios", icon: Users },
{ id: "3", value: "100%", title: "Certificado", description: "Equipamiento dental de última generación", icon: Shield },
{ id: "4", value: "5.0", title: "Satisfacción", description: "Valoración promedio de pacientes", icon: Star }
{ id: "1", value: "20+", title: "Años", description: "De experiencia en odontología", icon: Award },
{ id: "2", value: "1000+", title: "Pacientes", description: "Familias que confían en nosotros", icon: Users },
{ id: "3", value: "100%", title: "Profesional", description: "Equipamiento moderno y seguro", icon: Shield },
{ id: "4", value: "5.0", title: "Valoración", description: "Google - Reseñas de pacientes", icon: Star }
]}
animationType="slide-up"
gridVariant="uniform-all-items-equal"
@@ -158,7 +158,7 @@ export default function ServicesPage() {
<div id="services-contact" data-section="services-contact">
<ContactText
text="¿Te interesa alguno de nuestros servicios dentales especializados? Nuestro equipo profesional está listo para atenderte, responder tus preguntas y programar tu consulta sin compromiso."
text="¿Te interesa alguno de nuestros servicios? Contacta con nosotros para más información o para reservar tu consulta sin compromiso."
animationType="entrance-slide"
background={{ variant: "plain" }}
useInvertedBackground={false}
@@ -173,9 +173,9 @@ export default function ServicesPage() {
<FooterSimple
columns={footerColumns}
bottomLeftText="© 2025 Clínica Dental Dos Torres. Todos los derechos reservados."
bottomRightText="Excelencia Odontológica desde 2005"
bottomRightText="Diseñado para generar confianza y conversiones"
/>
</div>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--background: #e3deea;
--card: #ffffff;
--foreground: #1a1a1a;
--primary-cta: #1f3251;
--foreground: #1f2027;
--primary-cta: #1f2027;
--primary-cta-text: #e3deea;
--secondary-cta: #ffffff;
--secondary-cta-text: #1f2027;
--accent: #15479c;
--background-accent: #a8cce8;
--accent: #627dc6;
--background-accent: #627dc6;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);