Add src/app/politica-privacidad/page.tsx

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