Update src/app/blog/page.tsx
This commit is contained in:
@@ -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."
|
||||
|
||||
Reference in New Issue
Block a user