<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mentis Centre Psicològic</title>
<!-- Tipografía más suave y 'dulce' -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
<style>
body {
margin: 0;
font-family: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #fff9f6;
color: #444;
}
header {
background-color: #ffe7dd;
padding: 15px 30px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
position: sticky;
top: 0;
z-index: 100;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
}
nav a {
margin-left: 18px;
text-decoration: none;
color: #5a4a42;
font-weight: 600;
}
.banner {
text-align: center;
padding: 20px;
}
.banner img {
width: 260px;
max-height: 260px;
object-fit: contain;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.banner h1 {
margin-top: 20px;
font-size: 40px;
color: #5a4a42;
font-weight: 600;
}
.section {
padding: 60px 10%;
background-color: #fffaf7;
}
.section h2 {
font-size: 32px;
color: #5a4a42;
border-left: 6px solid #f6c7b5;
padding-left: 12px;
margin-bottom: 30px;
}
.card {
background: #ffffff;
border-radius: 14px;
padding: 25px;
margin-bottom: 25px;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.equipo-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
.serv-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
.precio {
font-size: 24px;
font-weight: bold;
color: #d18773;
}
.boton {
display: inline-block;
background-color: #d18773;
color: white;
padding: 10px 20px;
border-radius: 8px;
margin-top: 15px;
text-decoration: none;
font-weight: 600;
}
.contacto {
font-size: 20px;
line-height: 1.8;
}
</style>
</head>
<body>
<header>
<nav>
<div><strong>Mentis Centre Psicològic</strong></div>
<div>
<a href="#inicio">Inicio</a>
<a href="#quienes">Quiénes somos</a>
<a href="#valores">Valores</a>
<a href="#equipo">Nuestro equipo</a>
<a href="#servicios">Servicios</a>
<a href="#contacto">Contacto</a>
<a href="#ubi">Ubicación</a>
</div>
</nav>
</header>
<section id="inicio" class="banner">
<img src="https://images.unsplash.com/photo-1604881991720-f91add269bed?auto=format&fit=crop&w=1400&q=80" alt="Imagen Psicología" style="max-width:350px; border-radius:12px; box-shadow:0 4px 10px rgba(0,0,0,0.15);">
<h1>Mentis Centre Psicològic</h1>
<p>Acompañamiento cercano y profesional para tu bienestar emocional.</p>
</section>
<section id="quienes" class="section">
<h2>Quiénes Somos</h2>
<div class="card">
<p>
Somos un centro sanitario especializado en salud mental para personas adultas.
Trabajamos desde un enfoque cercano, humano y basado en la evidencia científica.
Nuestro objetivo es acompañarte en el manejo del estrés, la ansiedad, la autoestima,
la gestión emocional, las dificultades relacionales y los procesos de cambio.
</p>
<p>
<strong>Nuestra misión</strong> es promover la salud mental y el bienestar emocional de las personas.
Buscamos acompañar a cada paciente en su proceso, ofreciendo un espacio seguro,
de escucha y comprensión, donde pueda desarrollar sus propios recursos para mejorar
su calidad de vida.
</p>
</div>
</section>
<section id="valores" class="section">
<h2>Valores</h2>
<div class="card">
<p><strong>Compromiso</strong> con la salud mental y el bienestar.</p>
<p><strong>Confidencialidad</strong> como base de la relación terapéutica.</p>
<p><strong>Empatía</strong> y trato humano.</p>
<p><strong>Colaboración</strong> entre profesionales.</p>
<p><strong>Responsabilidad</strong> y rigor científico.</p>
</div>
</section>
<section id="equipo" class="section">
<h2>Nuestro Equipo</h2>
<div class="equipo-grid">
<div class="card">
<strong>Oriana Rojas Inzunza</strong>
<p><em>Psicóloga General Sanitària</em></p>
<p>Especializada en promoción del envejecimiento activo y el acompañamiento emocional en la etapa adulta.</p>
</div>
<div class="card">
<strong>Lucía Puertas</strong>
<p><em>Psicóloga General Sanitària</em></p>
<p>Experta en gestión de la ansiedad y el estrés, ofreciendo un enfoque cercano y práctico para recuperar el equilibrio emocional.</p>
</div>
<div class="card">
<strong>Anna Rosato</strong>
<p><em>Psicóloga General Sanitària</em></p>
<p>Especialista en terapia familiar sistémica, acompañando procesos relacionales desde una mirada integradora y respetuosa.</p>
</div>
<div class="card">
<strong>Georgina Méndez</strong>
<p><em>Psicóloga General Sanitària</em></p>
<p>Experta en terapia de pareja, ayudando a fortalecer la comunicación, el vínculo y la comprensión mutua.</p>
</div>
</div>
</section>
<section id="servicios" class="section">
<h2>Servicios</h2>
<div class="serv-grid">
<div class="card">
<h3>Terapia individual presencial</h3>
<p class="precio">55€</p>
<a href="#" class="boton">Reserva aquí</a>
</div>
<div class="card">
<h3>Terapia individual online</h3>
<p class="precio">50€</p>
<a href="#" class="boton">Reserva aquí</a>
</div>
<div class="card">
<h3>Terapia de pareja presencial</h3>
<p class="precio">85€</p>
<a href="#" class="boton">Reserva aquí</a>
</div>
<div class="card">
<h3>Terapia de pareja online</h3>
<p class="precio">80€</p>
<a href="#" class="boton">Reserva aquí</a>
</div>
</div>
</section>
<section id="contacto" class="section">
<h2>Contacto</h2>
<div class="card contacto">
📞 612345678
</div>
</section>
<section id="ubi" class="section">
<h2>Ubicación</h2>
<div class="card">
Avinguda del Progrès, 3.<br>
Vilassar de Mar.<br>
C.P: 08340.
</div>
</section>
</body>
</html>