src/app/aviso-legal/page.tsx

@@ -0,0 +1,82 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function AvisoLegalPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="medium"
+        background="noise"
+        cardStyle="outline"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Servicios", id: "services" },
+              { name: "Equipo", id: "team" },
+              { name: "Reseñas", id: "reviews" },
+              { name: "Contacto", id: "contact" },
+            ]}
+            brandName="Clínica Saber"
+            button={{
+              text: "Primera consulta gratis",              href: "#contact"}}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="aviso-legal-content" data-section="aviso-legal-content">
+          <LegalSection
+            layout="page"
+            title="Aviso Legal"
+            sections={[
+              {
+                heading: "Información General",                content: [{ type: "paragraph", text: "Clínica Saber, con NIF B12345678, y domicilio en Ed. Volcán de Teneguilla, C. Almadraba 7, 38627 Cabo Blanco, Tenerife, es la titular de este sitio web. Para cualquier consulta o contacto, puede dirigirse a nosotros a través de nuestro teléfono 922 88 88 44 o correo electrónico info@clinicasaber.com." }]
+              },
+              {
+                heading: "Propiedad Intelectual",                content: [{ type: "paragraph", text: "Todos los derechos de propiedad intelectual del contenido de este sitio web, incluyendo textos, imágenes, diseños, software y código fuente, son propiedad exclusiva de Clínica Saber o de terceros que han autorizado su uso. Queda prohibida la reproducción, distribución, comunicación pública y transformación, total o parcial, sin la autorización expresa de Clínica Saber." }]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Clínica Saber"
+            columns={[
+              {
+                title: "Clínica",                items: [
+                  { label: "Inicio", href: "#hero" },
+                  { label: "Servicios", href: "#services" },
+                  { label: "Equipo", href: "#team" },
+                  { label: "Reseñas", href: "#reviews" },
+                  { label: "Contacto", href: "#contact" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Aviso Legal", href: "/aviso-legal" },
+                  { label: "Política de Privacidad", href: "/politica-privacidad" },
+                  { label: "Política de Cookies", href: "/politica-cookies" },
+                ],
+              },
+            ]}
+            copyrightText="© 2024 Clínica Saber. Todos los derechos reservados."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -250,11 +250,11 @@ export default function LandingPage() {
         {
           title: "Legal",          items: [
             {
-              label: "Aviso Legal",              href: "#"},
+              label: "Aviso Legal",              href: "/aviso-legal"},
             {
-              label: "Política de Privacidad",              href: "#"},
+              label: "Política de Privacidad",              href: "/politica-privacidad"},
             {
-              label: "Política de Cookies",              href: "#"},
+              label: "Política de Cookies",              href: "/politica-cookies"},
           ],
         },
       ]}
@@ -264,4 +264,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/politica-cookies/page.tsx

@@ -0,0 +1,85 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function PoliticaCookiesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="medium"
+        background="noise"
+        cardStyle="outline"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Servicios", id: "services" },
+              { name: "Equipo", id: "team" },
+              { name: "Reseñas", id: "reviews" },
+              { name: "Contacto", id: "contact" },
+            ]}
+            brandName="Clínica Saber"
+            button={{
+              text: "Primera consulta gratis",              href: "#contact"}}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="politica-cookies-content" data-section="politica-cookies-content">
+          <LegalSection
+            layout="page"
+            title="Política de Cookies"
+            sections={[
+              {
+                heading: "¿Qué son las cookies?",                content: [{ type: "paragraph", text: "Una cookie es un pequeño archivo de texto que un sitio web guarda en su navegador cuando lo visita. Las cookies se utilizan para recordar información sobre su visita, como su idioma preferido y otras configuraciones, lo que puede hacer que su próxima visita sea más fácil y el sitio más útil para usted." }]
+              },
+              {
+                heading: "Uso de Cookies en Clínica Saber",                content: [{ type: "paragraph", text: "Utilizamos cookies propias y de terceros para fines analíticos y para mejorar su experiencia de navegación. Esto nos permite entender cómo interactúa con nuestro sitio web y ajustar su funcionamiento a sus necesidades." }]
+              },
+              {
+                heading: "Control de Cookies",                content: [{ type: "paragraph", text: "Usted tiene la opción de permitir, bloquear o eliminar las cookies instaladas en su equipo mediante la configuración de las opciones del navegador que utilice. Tenga en cuenta que deshabilitar las cookies puede afectar la funcionalidad de algunas partes de nuestro sitio web." }]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Clínica Saber"
+            columns={[
+              {
+                title: "Clínica",                items: [
+                  { label: "Inicio", href: "#hero" },
+                  { label: "Servicios", href: "#services" },
+                  { label: "Equipo", href: "#team" },
+                  { label: "Reseñas", href: "#reviews" },
+                  { label: "Contacto", href: "#contact" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Aviso Legal", href: "/aviso-legal" },
+                  { label: "Política de Privacidad", href: "/politica-privacidad" },
+                  { label: "Política de Cookies", href: "/politica-cookies" },
+                ],
+              },
+            ]}
+            copyrightText="© 2024 Clínica Saber. Todos los derechos reservados."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/politica-privacidad/page.tsx

@@ -0,0 +1,82 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function PoliticaPrivacidadPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="medium"
+        background="noise"
+        cardStyle="outline"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Servicios", id: "services" },
+              { name: "Equipo", id: "team" },
+              { name: "Reseñas", id: "reviews" },
+              { name: "Contacto", id: "contact" },
+            ]}
+            brandName="Clínica Saber"
+            button={{
+              text: "Primera consulta gratis",              href: "#contact"}}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="politica-privacidad-content" data-section="politica-privacidad-content">
+          <LegalSection
+            layout="page"
+            title="Política de Privacidad"
+            sections={[
+              {
+                heading: "Recopilación de Datos Personales",                content: [{ type: "paragraph", text: "En Clínica Saber, recopilamos datos personales únicamente cuando son necesarios para la prestación de nuestros servicios, como la solicitud de citas o el envío de información relevante. Los datos recogidos son tratados con la máxima confidencialidad y de acuerdo con la legislación vigente en protección de datos." }]
+              },
+              {
+                heading: "Uso de Datos",                content: [{ type: "paragraph", text: "Los datos personales proporcionados se utilizan exclusivamente para gestionar su relación con Clínica Saber, incluyendo la administración de citas, la comunicación de servicios y la mejora de nuestra atención. No compartimos sus datos con terceros sin su consentimiento expreso, salvo obligación legal." }]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Clínica Saber"
+            columns={[
+              {
+                title: "Clínica",                items: [
+                  { label: "Inicio", href: "#hero" },
+                  { label: "Servicios", href: "#services" },
+                  { label: "Equipo", href: "#team" },
+                  { label: "Reseñas", href: "#reviews" },
+                  { label: "Contacto", href: "#contact" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Aviso Legal", href: "/aviso-legal" },
+                  { label: "Política de Privacidad", href: "/politica-privacidad" },
+                  { label: "Política de Cookies", href: "/politica-cookies" },
+                ],
+              },
+            ]}
+            copyrightText="© 2024 Clínica Saber. Todos los derechos reservados."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}