��<!DOCTYPE html> <html lang="en-GB"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Explore our range of online therapy services including anxiety treatment, depression support, trauma therapy, and relationship counseling - all available through secure video sessions."> <title>Services - Ansa Therapies</title> <link rel="stylesheet" href="custom-styles.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> </head> <body> <header class="header" id="header"> <div class="container"> <div class="header-content"> <a href="/" class="logo"> <img src="https://ansatherapies.com/wp-content/uploads/2022/05/cropped-Ansa-Therapies-1.png" alt="Ansa Therapies"> </a> <nav> <button class="menu-toggle" id="menuToggle" aria-label="Toggle menu"> <i class="fas fa-bars"></i> </button> <ul class="nav-menu" id="navMenu"> <li><a href="index.html">Home</a></li> <li><a href="services.html" class="active">Services</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> <a href="contact.html" class="btn btn-primary">Book Now</a> </div> </div> </header> <section class="section bg-light"> <div class="container text-center"> <h1>Our Services</h1> <p>Specialized therapeutic support for a range of mental health challenges</p> </div> </section> <section class="section"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="service-card"> <i class="fas fa-brain fa-3x mb-3" style="color: #9b8bbf;"></i> <h2>Anxiety Treatment</h2> <p>Effective strategies to manage anxiety, panic attacks, and stress. Learn techniques to identify triggers and develop coping mechanisms to reduce anxiety in your daily life.</p> <ul class="mb-3"> <li>Panic attack management</li> <li>Worry reduction techniques</li> <li>Stress management strategies</li> </ul> <a href="contact.html" class="btn btn-outline">Book Session</a> </div> </div> <div class="col-md-6"> <div class="service-card"> <i class="fas fa-heart fa-3x mb-3" style="color: #9b8bbf;"></i> <h2>Depression Support</h2> <p>Evidence-based approaches to address low mood and depression. Develop skills to improve mood, increase motivation, and regain a sense of purpose and joy in life.</p> <ul class="mb-3"> <li>Behavioral activation</li> <li>Negative thought restructuring</li> <li>Building resilience</li> </ul> <a href="contact.html" class="btn btn-outline">Book Session</a> </div> </div> <div class="col-md-6"> <div class="service-card"> <i class="fas fa-shield-alt fa-3x mb-3" style="color: #9b8bbf;"></i> <h2>Trauma Therapy</h2> <p>Specialized therapy for processing traumatic experiences and PTSD. Create a safe environment to process difficult memories and rebuild a sense of safety and control.</p> <ul class="mb-3"> <li>Trauma-focused CBT</li> <li>Processing difficult memories</li> <li>Building safety and stability</li> </ul> <a href="contact.html" class="btn btn-outline">Book Session</a> </div> </div> <div class="col-md-6"> <div class="service-card"> <i class="fas fa-users fa-3x mb-3" style="color: #9b8bbf;"></i> <h2>Relationship Counseling</h2> <p>Improve communication, resolve conflicts, and strengthen your relationships. Learn effective ways to express your needs and understand your partner better.</p> <ul class="mb-3"> <li>Communication skills</li> <li>Conflict resolution</li> <li>Building trust and intimacy</li> </ul> <a href="contact.html" class="btn btn-outline">Book Session</a> </div> </div> </div> </div> </section> <section class="section bg-light"> <div class="container text-center"> <h2>My Approach</h2> <p>Using evidence-based techniques tailored to your unique needs</p> <div class="row mt-4"> <div class="col-md-4"> <div class="process-card"> <span class="process-number">1</span> <h3>Initial Consultation</h3> <p>A 50-minute session to understand your needs and discuss how therapy might help</p> </div> </div> <div class="col-md-4"> <div class="process-card"> <span class="process-number">2</span> <h3>Treatment Plan</h3> <p>Creating a personalized approach based on your specific challenges and goals</p> </div> </div> <div class="col-md-4"> <div class="process-card"> <span class="process-number">3</span> <h3>Regular Sessions</h3> <p>Weekly or biweekly sessions to implement strategies and track progress</p> </div> </div> </div> </div> </section> <section class="section bg-primary text-white"> <div class="container text-center"> <h2 class="text-white">Ready to Get Started?</h2> <p>Take the first step toward better mental wellbeing today</p> <a href="contact.html" class="btn btn-secondary mt-3">Book a Consultation</a> </div> </section> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-md-4"> <img src="https://ansatherapies.com/wp-content/uploads/2022/05/cropped-Ansa-Therapies-1.png" alt="Ansa Therapies" class="footer-logo"> </div> <div class="col-md-4"> <h4>Quick Links</h4> <ul class="footer-links"> <li><a href="index.html">Home</a></li> <li><a href="services.html">Services</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div class="col-md-4"> <h4>Contact</h4> <p>info@ansatherapies.com</p> </div> </div> <div class="footer-bottom"> <p>&copy; <script>document.write(new Date().getFullYear())</script> Ansa Therapies. All rights reserved.</p> </div> </div> </footer> <!-- JavaScript --> <script> document.addEventListener('DOMContentLoaded', function() { // Menu Toggle const menuToggle = document.getElementById('menuToggle'); const navMenu = document.getElementById('navMenu'); if (menuToggle && navMenu) { menuToggle.addEventListener('click', function() { navMenu.classList.toggle('active'); }); } // Header Scroll Effect const header = document.getElementById('header'); if (header) { window.addEventListener('scroll', function() { if (window.scrollY > 50) { header.classList.add('scrolled'); } else { header.classList.remove('scrolled'); } }); } // Fade-in Animation const fadeElements = document.querySelectorAll('.section'); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); } }); }, { threshold: 0.1 }); fadeElements.forEach(element => { element.classList.add('fade-in'); observer.observe(element); }); }); </script> <style> .service-card ul { padding-left: 20px; } </style> </body> </html>