<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Paolo Ufimaro Psicologo</title>
  <link rel="stylesheet" href="style.css"/>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-/1jwI7...==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body id="top">
    <nav class="navbar">
      <div class="navbar-left">
        <span class="logo">
        <a href="#top">Paolo Ufimaro</a>
      </span>
      <button class="hamburger" aria-label="Menu">
        <i class="fa-solid fa-bars"></i>
      </button>
        <ul class="nav-links">
          <li><a href="#top">Home</a></li>
          <li><a href="chi-sono.html">Chi Sono</a></li>
          <li><a href="testimonianze.html">Testimonianze</a></li>
          <li><a href="materiale.html">Materiale</a></li>
          <li><a href="tecniche.html">Tecniche Usate</a></li>
          <li><a href="problemi.html">Problemi Trattati</a></li>
        </ul>
      </div>
      <div class="navbar-right">
        <span class="phone"><i class="fa-solid fa-phone"></i> +39 349.5253072</span>
        <a href="#contatti" class="btn-nav">Contattami</a>
      </div>
    </nav>
      
  <header class="hero-section">
    <div class="hero-content">
      <h1>Ritrova equilibrio,<br>chiarezza e serenità</h1>
      <p>
        Ogni percorso è unico: insieme possiamo trasformare le difficoltà in occasioni di crescita, con un supporto psicologico e psicoterapico professionale e umano.
      </p>
      <div class="hero-buttons">
        <a href="#contatti" class="btn primary">Contattami</a>
        <a href="chi-sono.html" class="btn secondary">Chi sono →</a>
      </div>
    </div>
    <div class="hero-images">
      <div class="img-row top">
        <img src="images/HOME 1.jpeg" class="foto n1" alt="Foto 1"/>
        <img src="images/HOME 2.jpeg" class="foto n2" alt="Foto 2"/>
      </div>
      <div class="img-row bottom">
        <img src="images/paolo2.jpeg" class="foto n3" alt="Foto 3"/>
        <img src="images/paolo1.jpeg" class="foto n4" alt="Foto 4"/>
      </div>
    </div>
  </header>
  
  <section class="services-section fade-in-section">
    <div class="service-card">
      <i class="fa-solid fa-person fa-2x" alt="Individual Therapy Icon"></i>
      <h3>Terapia individuale</h3>
      <p>Uno spazio sicuro e riservato per affrontare difficoltà personali, ritrovare equilibrio interiore e sviluppare nuove risorse per il tuo benessere.</p>
    </div>
  
    <div class="service-card">
      <i class="fa-solid fa-person fa-2x"></i><i class="fa-solid fa-person-dress fa-2x"></i>
      <h3>Terapia di coppia</h3>
      <p>Un percorso per migliorare la comunicazione, superare i conflitti e rafforzare la relazione, costruendo insieme nuove possibilità di dialogo e crescita.</p>
    </div>
  
    <div class="service-card">
      <i class="fa-solid fa-briefcase fa-2x"></i>
      <h3>Lavoro</h3>
      <p>Un sostegno mirato per affrontare stress, difficoltà relazionali sul lavoro e blocchi professionali, valorizzando le tue risorse per migliorare benessere e risultati.</p>
    </div>
  </section>
  <section class="center-section fade-in-section" id="Psi">
  <div class="center-container">
    <div class="center-image">
      <img src="images/STUDIO.jpeg" alt="Group therapy session">
    </div>
    <div class="center-content">
      <h2>Il Mio Studio</h2>
      <p>
        Sono il Dott. Paolo Ufimaro, psicologo iscritto all’Albo della Regione Piemonte dal 2007. Da oltre 15 anni accompagno persone, coppie e famiglie in percorsi di crescita, sostegno e trasformazione, unendo professionalità, esperienza ed empatia.Il mio approccio integra strumenti scientifici e tecniche esperienziali, per offrire un supporto su misura, adatto alle esigenze uniche di ogni persona.
      </p>

      <div class="center-stat">
        <div class="center-percent">15+</div>
        <div class="center-desc">
          anni di esperienza → Percorsi di psicologia e crescita personale
        </div>
      </div>

      <div class="center-stat">
        <div class="center-percent">500+</div>
        <div class="center-desc">
          clienti seguiti → Tra incontri individuali, di coppia e online
        </div>
      </div>
    </div>
  </div>
</section>
  
<section class="therapy-section fade-in-section">
  <div class="therapy-header">
    <div class="therapy-title">
      <h2>In cosa ti posso Aiutare</h2>
      <p>Questi sono alcuni dei servizi più richiesti, clicca sul pulsante in baso per scoprirli tutti</p>
    </div>
    <!--<a href="#" class="btn-session">All Sessions</a>-->
  </div>

  <div class="therapy-list">
    <div class="therapy-item highlighted">
      <div class="therapy-icon">
        <i class="fa-solid fa-face-sad-tear fa-2x" alt="Depression icon"></i>
      </div>
      <div class="therapy-info">
        <h3>Ansia</h3>
        <p>
          Un percorso per gestire pensieri ricorrenti, preoccupazioni e tensioni interiori, imparando strategie efficaci per ritrovare calma ed equilibrio.
        </p>
      </div>
    </div>

    <div class="therapy-item">
      <div class="therapy-icon">
        <i class="fa-solid fa-person fa-2x"></i><i class="fa-solid fa-person-dress fa-2x"></i>
      </div>
      <div class="therapy-info">
        <h3>Terapia di Coppia</h3>
        <p>
          Uno spazio protetto per migliorare la comunicazione, affrontare i conflitti e rafforzare la relazione con maggiore consapevolezza.
        </p>
      </div>
    </div>

    <div class="therapy-item highlighted">
      <div class="therapy-icon">
        <i class="fa-solid fa-briefcase fa-2x"></i>
      </div>
      <div class="therapy-info">
        <h3>Difficoltà sul lavoro</h3>
        <p>
          Supporto per affrontare stress, blocchi e insoddisfazioni professionali, con l’obiettivo di valorizzare le tue risorse e migliorare la qualità della vita lavorativa.
        </p>
      </div>
    </div>

    <div class="therapy-item highlighted">
      <div class="therapy-icon">
        <i class="fa-solid fa-face-sad-cry fa-2x"></i>
      </div>
      <div class="therapy-info">
        <h3>Autostima e inadeguatezza</h3>
        <p>
Un percorso per superare i sentimenti di insicurezza e inadeguatezza, rafforzare la fiducia in te stesso e riscoprire il tuo valore personale.
        </p>
      </div>
    </div>
  </div>
  <div class="centered">
    <button class="btn-testimonianze">
      <a href="problemi.html">Scopri come posso aiutarti</a>
    </button>
  </div>
</section>

<section class="testimonial-section fade-in-section" id="testimonianze">
  <div class="testimonial-wrapper">
    <div class="testimonial-left">
      <h2>Cosa dicono<br>di Me?</h2>
      <!--<div class="rating">
        <p>4.9 Average Rating</p>
        <div class="stars">★★★★★</div>
      </div>-->
    </div>

    <div>
      <!-- L'immagine verrà aggiornata via JS -->
      <img src="images/pexels-luizclas-170497-1848565.jpg" alt="Foto cliente" class="testimonial-img">
    </div>

    <div class="testimonial-right">
      <div class="testimonial-slide active" data-img="images/pexels-luizclas-170497-1848565.jpg">
        <p class="quote">“Paolo mi ha aiutata a gestire attacchi di panico e ansia giorno per giorno, con strumenti concreti. Oggi mi muovo con più sicurezza e fiducia nella vita.”</p>
        <p class="author">Simona</p>
      </div>

      <div class="testimonial-slide" data-img="images\pexels-olly-733872.jpg">
        <p class="quote">“Paolo ha accolto la mia rabbia verso i genitori e mi ha insegnato a gestirla. Con il tempo ho imparato a mettere confini e a comunicare senza distruggere i rapporti.”</p>
        <p class="author">Maria</p>
      </div>

      <div class="testimonial-slide" data-img="images\pexels-olly-845457.jpg">
        <p class="quote">“Non cercavo solo aiuto psicologico, ma senso nella mia vita. Paolo mi ha accompagnata a trasformare la sofferenza in crescita, con sensibilità e profondità.”</p>
        <p class="author">Davide</p>
      </div>

      <div class="testimonial-controls">
        <button class="prev-btn" onclick="prevTestimonial()">&#10094;</button>
        <button class="next-btn" onclick="nextTestimonial()">&#10095;</button>
      </div>
    </div>
  </div>
  <div class="btn-test-container">
    <button class="btn-testimonianze">
      <a href="testimonianze.html">Altre Testimonianze</a>
    </button>
  </div>
</section>

<section class="frase-elegante fade-in-section bgcyes">
  <div class="frase-wrapper">
    <p class="frase">“Guarire con efficacia, comprendere con esperienza, accompagnare con profondità.”</p>
  </div>
</section>


<section class="contact-section fade-in-section bgcno" id="contatti">
  <div class="contact-container">
    <div class="contact-info">
      <h2>Contattaci</h2>
      <p>Hai bisogno di supporto? Scrivici, ti risponderemo al più presto.</p>
      <ul>
        <li><strong><i class="fa-solid fa-map-pin"></i> Indirizzo:</strong> Viale Vittorio Veneto,19 Bis - 10034 Chivasso (TO)</li>
        <li><strong><i class="fa-solid fa-phone"></i> Telefono:</strong> +39 349.5253072</li>
        <!--<li><strong><i class="fa-solid fa-envelope"></i> Email:</strong> info@paoloufimaro.it</li>-->
      </ul>
    </div>

    <form name="contatto" method="POST" action="invia.php" class="contact-form">
      <div class="form-group">
        <label for="name">Nome</label>
        <input type="text" id="name" name="name" required />
      </div>
    
      <div class="form-group">
        <label for="email">Email</label>
        <input type="email" id="email" name="email" required />
      </div>
    
      <div class="form-group">
        <label for="message">Messaggio</label>
        <textarea id="message" name="message" rows="5" required></textarea>
      </div>
    
      <button type="submit" class="btn-nav">Invia Messaggio</button>
    </form>
  </div>
</section>




<footer class="site-footer">
  <div class="footer-container">
    <div class="footer-left">
      <h3>Dott. Paolo Ufimaro - Psicologo</h3>
      <p>Offriamo supporto psicologico professionale con empatia e competenza.</p>
    </div>

    <div class="footer-links">
      <h4>Link Utili</h4>
      <ul>
        <li><a href="#top">Home</a></li>
        <li><a href="#servizi">Servizi</a></li>
        <li><a href="testimonianze.html">Testimonianze</a></li>
        <li><a href="#contatti">Contatti</a></li>
      </ul>
    </div>

    <div class="footer-links">
      <ul>
        <li><a href="#home">Privacy Policy</a></li>
        <li><a href="#servizi">Cookie Policy</a></li>
       <!-- <li><a href="#testimonianze">Note Legali</a></li>
        <li><a href="#contatti">GDPR</a></li>-->
      </ul>
    </div>

    <div class="footer-contact">
      <h4>Contatti</h4>
      <ul>
          <!--<li>Email: info@paoloufimaro.it</li>-->
          <li>Telefono: +39 349.5253072</li>
          <li>Viale Vittorio Veneto,19 Bis - 10034 Chivasso (TO)</li>
        <li>P.I. 09533220019</li>
      </ul>
    </div>
  </div>

  <div class="footer-bottom">
    <p>&copy; 2025 Paolo Ufimaro. Tutti i diritti riservati.</p>
  </div>
</footer>
<script>
  const hamburger = document.querySelector('.hamburger');
  const navLinks = document.querySelector('.nav-links');

  hamburger.addEventListener('click', () => {
    navLinks.classList.toggle('show');
  });
</script>
  <script src="script.js"></script>
</body>
</html>
