Skip to content

Commit 43b35bb

Browse files
María Paz Arrieta LandazuriMaría Paz Arrieta Landazuri
María Paz Arrieta Landazuri
authored and
María Paz Arrieta Landazuri
committed
feat: add privacy policy and terms of service pages for Google AdSense compliance
1 parent 4161626 commit 43b35bb

File tree

2 files changed

+99
-98
lines changed

2 files changed

+99
-98
lines changed

‎frontend/src/app/privacidad/page.tsx‎

Lines changed: 49 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -1,77 +1,77 @@
1+
'use client';
2+
13
import React from 'react';
24

3-
export default function PrivacyPolicy() {
5+
export default function PrivacyPolicyPage() {
46
return (
5-
<div className="min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
6-
<div className="max-w-3xl mx-auto">
7-
<h1 className="text-4xl font-bold text-gray-900 mb-8">Política de Privacidad</h1>
7+
<div className="min-h-screen w-full bg-cover bg-center flex flex-col items-center justify-center" style={{ backgroundImage: 'url(/bg-hero.png)', backgroundColor: 'rgba(255, 255, 255, 0.7)', backgroundBlendMode: 'overlay' }}>
8+
<div className="mt-8 bg-white rounded-3xl shadow-2xl px-12 py-16 max-w-4xl w-full flex flex-col items-center border-2 border-gray-200">
9+
<h1 className="text-4xl font-bold text-gray-900 mb-8 text-center">Política de Privacidad</h1>
810

9-
<div className="space-y-8 text-gray-600">
10-
<section>
11-
<h2 className="text-2xl font-semibold text-gray-800 mb-4">1. Información que Recopilamos</h2>
12-
<p className="mb-4">
13-
En MeJubilo, recopilamos información necesaria para proporcionar nuestros servicios de información previsional, incluyendo:
11+
<div className="prose prose-lg max-w-none">
12+
<section className="mb-8">
13+
<h2 className="text-2xl font-semibold text-gray-800 mb-4">Información que Recopilamos</h2>
14+
<p className="text-gray-600 leading-relaxed">
15+
En MeJubilo.com, recopilamos información que usted nos proporciona directamente, incluyendo:
1416
</p>
15-
<ul className="list-disc pl-6 space-y-2">
16-
<li>Información personal básica (nombre, email)</li>
17-
<li>Datos previsionales que usted nos proporcione voluntariamente</li>
18-
<li>Información sobre su uso de nuestra plataforma</li>
19-
<li>Datos de contacto para comunicaciones relacionadas con nuestros servicios</li>
17+
<ul className="list-disc pl-6 text-gray-600">
18+
<li>Información de contacto (correo electrónico)</li>
19+
<li>Información de su cuenta de AFP</li>
20+
<li>Datos demográficos básicos</li>
2021
</ul>
2122
</section>
2223

23-
<section>
24-
<h2 className="text-2xl font-semibold text-gray-800 mb-4">2. Uso de la Información</h2>
25-
<p className="mb-4">
26-
Utilizamos su información para:
24+
<section className="mb-8">
25+
<h2 className="text-2xl font-semibold text-gray-800 mb-4">Uso de Cookies</h2>
26+
<p className="text-gray-600 leading-relaxed">
27+
Utilizamos cookies y tecnologías similares para:
2728
</p>
28-
<ul className="list-disc pl-6 space-y-2">
29-
<li>Proporcionar análisis y recomendaciones previsionales personalizadas</li>
30-
<li>Mejorar nuestros servicios y la experiencia del usuario</li>
31-
<li>Comunicarnos con usted sobre actualizaciones y servicios relevantes</li>
32-
<li>Cumplir con obligaciones legales y regulatorias</li>
29+
<ul className="list-disc pl-6 text-gray-600">
30+
<li>Mejorar su experiencia de navegación</li>
31+
<li>Analizar el uso del sitio</li>
32+
<li>Personalizar el contenido y anuncios</li>
3333
</ul>
3434
</section>
3535

36-
<section>
37-
<h2 className="text-2xl font-semibold text-gray-800 mb-4">3. Protección de Datos</h2>
38-
<p className="mb-4">
39-
Nos comprometemos a proteger su información mediante:
36+
<section className="mb-8">
37+
<h2 className="text-2xl font-semibold text-gray-800 mb-4">Google AdSense</h2>
38+
<p className="text-gray-600 leading-relaxed">
39+
Utilizamos Google AdSense para mostrar anuncios. Google AdSense utiliza cookies para mostrar anuncios basados en sus visitas anteriores a este y otros sitios web. Puede optar por no recibir anuncios personalizados visitando la página de Configuración de anuncios de Google.
4040
</p>
41-
<ul className="list-disc pl-6 space-y-2">
42-
<li>Encriptación de datos sensibles</li>
43-
<li>Acceso restringido a la información personal</li>
44-
<li>Actualizaciones regulares de nuestras medidas de seguridad</li>
45-
<li>Cumplimiento de las regulaciones de protección de datos aplicables</li>
46-
</ul>
4741
</section>
4842

49-
<section>
50-
<h2 className="text-2xl font-semibold text-gray-800 mb-4">4. Sus Derechos</h2>
51-
<p className="mb-4">
43+
<section className="mb-8">
44+
<h2 className="text-2xl font-semibold text-gray-800 mb-4">Protección de Datos</h2>
45+
<p className="text-gray-600 leading-relaxed">
46+
Implementamos medidas de seguridad técnicas y organizativas para proteger sus datos personales contra el acceso no autorizado, la pérdida o la alteración.
47+
</p>
48+
</section>
49+
50+
<section className="mb-8">
51+
<h2 className="text-2xl font-semibold text-gray-800 mb-4">Sus Derechos</h2>
52+
<p className="text-gray-600 leading-relaxed">
5253
Usted tiene derecho a:
5354
</p>
54-
<ul className="list-disc pl-6 space-y-2">
55-
<li>Acceder a su información personal</li>
56-
<li>Corregir datos inexactos</li>
55+
<ul className="list-disc pl-6 text-gray-600">
56+
<li>Acceder a sus datos personales</li>
57+
<li>Rectificar información inexacta</li>
5758
<li>Solicitar la eliminación de sus datos</li>
58-
<li>Retirar su consentimiento en cualquier momento</li>
59+
<li>Oponerse al procesamiento de sus datos</li>
5960
</ul>
6061
</section>
6162

62-
<section>
63-
<h2 className="text-2xl font-semibold text-gray-800 mb-4">5. Contacto</h2>
64-
<p>
65-
Para cualquier consulta sobre nuestra política de privacidad, puede contactarnos en:
66-
<br />
67-
<a href="mailto:nico@pensionfi.com" className="text-orange-500 hover:text-orange-600">
68-
nico@pensionfi.com
69-
</a>
63+
<section className="mb-8">
64+
<h2 className="text-2xl font-semibold text-gray-800 mb-4">Contacto</h2>
65+
<p className="text-gray-600 leading-relaxed">
66+
Para cualquier consulta sobre nuestra política de privacidad, puede contactarnos a través de:
67+
</p>
68+
<p className="text-gray-600 leading-relaxed">
69+
Email: contacto@mejubilo.com
7070
</p>
7171
</section>
7272

7373
<section>
74-
<p className="text-sm text-gray-500">
74+
<p className="text-gray-600 leading-relaxed">
7575
Última actualización: {new Date().toLocaleDateString()}
7676
</p>
7777
</section>

‎frontend/src/app/terminos/page.tsx‎

Lines changed: 50 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -1,78 +1,79 @@
1+
'use client';
2+
13
import React from 'react';
24

3-
export default function TermsAndConditions() {
5+
export default function TermsOfServicePage() {
46
return (
5-
<div className="min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
6-
<div className="max-w-3xl mx-auto">
7-
<h1 className="text-4xl font-bold text-gray-900 mb-8">Términos y Condiciones</h1>
7+
<div className="min-h-screen w-full bg-cover bg-center flex flex-col items-center justify-center" style={{ backgroundImage: 'url(/bg-hero.png)', backgroundColor: 'rgba(255, 255, 255, 0.7)', backgroundBlendMode: 'overlay' }}>
8+
<div className="mt-8 bg-white rounded-3xl shadow-2xl px-12 py-16 max-w-4xl w-full flex flex-col items-center border-2 border-gray-200">
9+
<h1 className="text-4xl font-bold text-gray-900 mb-8 text-center">Términos y Condiciones</h1>
810

9-
<div className="space-y-8 text-gray-600">
10-
<section>
11-
<h2 className="text-2xl font-semibold text-gray-800 mb-4">1. Aceptación de los Términos</h2>
12-
<p className="mb-4">
13-
Al acceder y utilizar MeJubilo, usted acepta estar sujeto a estos términos y condiciones. Si no está de acuerdo con alguna parte de estos términos, no podrá acceder a nuestros servicios.
11+
<div className="prose prose-lg max-w-none">
12+
<section className="mb-8">
13+
<h2 className="text-2xl font-semibold text-gray-800 mb-4">Aceptación de los Términos</h2>
14+
<p className="text-gray-600 leading-relaxed">
15+
Al acceder y utilizar MeJubilo.com, usted acepta estar sujeto a estos términos y condiciones. Si no está de acuerdo con alguna parte de estos términos, no podrá acceder al sitio.
1416
</p>
1517
</section>
1618

17-
<section>
18-
<h2 className="text-2xl font-semibold text-gray-800 mb-4">2. Servicios Previsionales</h2>
19-
<p className="mb-4">
20-
MeJubilo proporciona:
19+
<section className="mb-8">
20+
<h2 className="text-2xl font-semibold text-gray-800 mb-4">Uso del Servicio</h2>
21+
<p className="text-gray-600 leading-relaxed">
22+
MeJubilo.com proporciona información y herramientas educativas sobre el sistema previsional chileno. Usted acepta:
2123
</p>
22-
<ul className="list-disc pl-6 space-y-2">
23-
<li>Información y análisis previsional independiente</li>
24-
<li>Herramientas de cálculo y simulación</li>
25-
<li>Recomendaciones personalizadas basadas en datos proporcionados</li>
26-
<li>Contenido educativo sobre el sistema previsional</li>
24+
<ul className="list-disc pl-6 text-gray-600">
25+
<li>Proporcionar información precisa y veraz</li>
26+
<li>No utilizar el servicio para fines ilegales</li>
27+
<li>No intentar acceder a áreas restringidas del sitio</li>
28+
<li>No interferir con el funcionamiento del sitio</li>
2729
</ul>
2830
</section>
2931

30-
<section>
31-
<h2 className="text-2xl font-semibold text-gray-800 mb-4">3. Limitación de Responsabilidad</h2>
32-
<p className="mb-4">
33-
La información proporcionada por MeJubilo:
32+
<section className="mb-8">
33+
<h2 className="text-2xl font-semibold text-gray-800 mb-4">Propiedad Intelectual</h2>
34+
<p className="text-gray-600 leading-relaxed">
35+
Todo el contenido de MeJubilo.com, incluyendo textos, gráficos, logos y software, está protegido por derechos de autor y otras leyes de propiedad intelectual.
3436
</p>
35-
<ul className="list-disc pl-6 space-y-2">
36-
<li>Es de carácter informativo y no constituye asesoría financiera profesional</li>
37-
<li>No garantiza resultados específicos en su planificación previsional</li>
38-
<li>Debe ser utilizada como una herramienta de referencia</li>
39-
<li>No reemplaza la consulta con profesionales calificados</li>
40-
</ul>
4137
</section>
4238

43-
<section>
44-
<h2 className="text-2xl font-semibold text-gray-800 mb-4">4. Uso del Servicio</h2>
45-
<p className="mb-4">
46-
Al utilizar nuestros servicios, usted se compromete a:
39+
<section className="mb-8">
40+
<h2 className="text-2xl font-semibold text-gray-800 mb-4">Limitación de Responsabilidad</h2>
41+
<p className="text-gray-600 leading-relaxed">
42+
La información proporcionada en MeJubilo.com es solo con fines educativos y no constituye asesoría financiera profesional. No nos hacemos responsables por:
4743
</p>
48-
<ul className="list-disc pl-6 space-y-2">
49-
<li>Proporcionar información veraz y actualizada</li>
50-
<li>No utilizar nuestros servicios para fines ilegales</li>
51-
<li>No compartir su cuenta con terceros</li>
52-
<li>Respetar la propiedad intelectual de nuestros contenidos</li>
44+
<ul className="list-disc pl-6 text-gray-600">
45+
<li>Decisiones financieras basadas en la información del sitio</li>
46+
<li>Pérdidas o daños resultantes del uso del sitio</li>
47+
<li>Interrupciones en el servicio</li>
5348
</ul>
5449
</section>
5550

56-
<section>
57-
<h2 className="text-2xl font-semibold text-gray-800 mb-4">5. Modificaciones</h2>
58-
<p className="mb-4">
51+
<section className="mb-8">
52+
<h2 className="text-2xl font-semibold text-gray-800 mb-4">Publicidad</h2>
53+
<p className="text-gray-600 leading-relaxed">
54+
MeJubilo.com utiliza Google AdSense para mostrar anuncios. Los anuncios mostrados son responsabilidad de los anunciantes y no representan necesariamente nuestras opiniones o recomendaciones.
55+
</p>
56+
</section>
57+
58+
<section className="mb-8">
59+
<h2 className="text-2xl font-semibold text-gray-800 mb-4">Modificaciones</h2>
60+
<p className="text-gray-600 leading-relaxed">
5961
Nos reservamos el derecho de modificar estos términos en cualquier momento. Las modificaciones entrarán en vigor inmediatamente después de su publicación en el sitio.
6062
</p>
6163
</section>
6264

63-
<section>
64-
<h2 className="text-2xl font-semibold text-gray-800 mb-4">6. Contacto</h2>
65-
<p>
66-
Para consultas sobre estos términos y condiciones, contáctenos en:
67-
<br />
68-
<a href="mailto:nico@pensionfi.com" className="text-orange-500 hover:text-orange-600">
69-
nico@pensionfi.com
70-
</a>
65+
<section className="mb-8">
66+
<h2 className="text-2xl font-semibold text-gray-800 mb-4">Contacto</h2>
67+
<p className="text-gray-600 leading-relaxed">
68+
Para cualquier consulta sobre estos términos y condiciones, puede contactarnos a través de:
69+
</p>
70+
<p className="text-gray-600 leading-relaxed">
71+
Email: contacto@mejubilo.com
7172
</p>
7273
</section>
7374

7475
<section>
75-
<p className="text-sm text-gray-500">
76+
<p className="text-gray-600 leading-relaxed">
7677
Última actualización: {new Date().toLocaleDateString()}
7778
</p>
7879
</section>

0 commit comments

Comments
 (0)