<!DOCTYPE html>
<html lang="el-GR">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HelioSpine Wellness - Ανακούφιση από τον Πόνο στην Πλάτη & τις Αρθρώσεις</title>
  <meta name="description" content="Η HelioSpine Wellness στη Θεσσαλονίκη προσφέρει εξατομικευμένα προγράμματα για την ανακούφιση από τον πόνο στην πλάτη και τις αρθρώσεις, μέσω καθημερινών ασκήσεων, συμβουλών εργονομίας και διατροφής.">
  <meta name="keywords" content="πόνος πλάτης, πόνος αρθρώσεων, φυσικοθεραπεία Θεσσαλονίκη, ασκήσεις για την πλάτη, ευεξία, heliospine, ανακούφιση πόνου">
  <meta name="author" content="HelioSpine Wellness">
  <link rel="icon" href="favicon.ico">
  
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css" rel="stylesheet">
  
  
  <style>
    :root {
      --primary-color: #005a71; /* Deep Teal */
      --secondary-color: #a3d2ca; /* Light Seafoam */
      --accent-color: #f58a5c; /* Warm Orange */
      --neutral-light: #f8f9fa;
      --neutral-dark: #343a40;
      --text-primary: #212529;
      --text-secondary: #6c757d;
    }

    body {
      font-family: 'Open Sans', sans-serif;
      line-height: 1.6;
      color: var(--text-primary);
    }
    h1, h2, h3, h4, h5, h6 {
      font-family: 'Lato', sans-serif;
      font-weight: 700;
      color: var(--primary-color);
    }
    .navbar {
      background-color: var(--primary-color);
      border: none;
      margin-bottom: 0;
      border-radius: 0;
    }
    .navbar-inverse .navbar-nav>li>a {
      color: var(--neutral-light);
      padding-top: 20px;
      padding-bottom: 20px;
      transition: background-color 0.3s ease;
    }
    .navbar-inverse .navbar-nav>li>a:hover,
    .navbar-inverse .navbar-nav>li>a:focus {
      background-color: var(--secondary-color);
      color: var(--primary-color);
    }
    .navbar-inverse .navbar-brand {
      color: var(--neutral-light);
      font-weight: 700;
      padding-top: 15px;
      padding-bottom: 15px;
    }

    .hero-section {
      background-size: cover;
      background-position: center;
      color: white;
      text-align: center;
      padding: 100px 0;
      position: relative;
      overflow: hidden;
    }
    .hero-bg-overlay {
        background-color: rgba(0, 0, 0, 0.4); /* Dark overlay for text readability */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .hero-content {
      position: relative;
      z-index: 2;
    }
    .hero-section h1 {
      color: white;
      font-size: 3.5em; /* Larger for impact */
      margin-bottom: 20px;
      text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
    }
    .hero-section p {
      color: white;
      font-size: 1.5em;
      margin-bottom: 40px;
      text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    }
    .accent-button {
      background-color: var(--accent-color);
      color: white;
      border: none;
      padding: 15px 30px;
      font-size: 1.2em;
      border-radius: 5px;
      text-transform: uppercase;
      font-weight: 700;
      transition: all 0.3s ease;
      display: inline-block;
      text-decoration: none;
    }
    .accent-button:hover, .accent-button:focus {
      background-color: #d1754f; /* Slightly darker orange */
      color: white;
      transform: scale(1.05);
      text-decoration: none;
    }

    .section-padding {
      padding: 60px 0;
    }

    .bg-light-seafoam {
      background-color: var(--secondary-color);
    }

    .method-pillar {
      text-align: center;
      padding: 20px;
      margin-bottom: 30px;
    }
    .method-pillar img {
      max-width: 128px;
      height: auto;
      margin-bottom: 20px;
      transition: transform 0.3s ease-in-out;
    }
    .method-pillar:hover img {
      transform: scale(1.1);
    }
    .method-pillar h3 {
      font-size: 1.8em;
      margin-bottom: 15px;
      color: var(--primary-color);
    }
    .method-pillar p {
      color: var(--text-primary);
    }

    .how-it-works-step {
      text-align: center;
      margin-bottom: 30px;
      padding: 20px;
      border-radius: 8px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .how-it-works-step:hover {
      transform: translateY(-5px);
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
    .how-it-works-step .step-number {
      background-color: var(--primary-color);
      color: white;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 2em;
      font-weight: 700;
      margin-bottom: 20px;
    }
    .how-it-works-step h3 {
      color: var(--accent-color);
    }

    .program-card {
      background-color: white;
      border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      padding: 30px;
      margin-bottom: 30px;
      text-align: center;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      height: 100%; /* Ensure cards are same height */
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .program-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    }
    .program-card h3 {
      margin-top: 0;
      color: var(--primary-color);
    }
    .program-card ul {
      list-style-type: none;
      padding: 0;
      margin-top: 20px;
      flex-grow: 1; /* Allow content to push button down */
    }
    .program-card ul li {
      margin-bottom: 10px;
      font-size: 1em;
      color: var(--text-secondary);
    }
    .program-card .program-price {
      font-size: 2.2em;
      font-weight: 700;
      color: var(--accent-color);
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .program-card .program-price span {
      font-size: 0.6em;
      font-weight: 400;
      color: var(--text-secondary);
    }

    .testimonial-card {
      background-color: white;
      border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      padding: 30px;
      margin-bottom: 30px;
      min-height: 220px; /* Uniform height for testimonials */
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .testimonial-card:hover {
      transform: scale(1.02);
      box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    }
    .testimonial-card p {
      font-style: italic;
      color: var(--text-primary);
    }
    .testimonial-card .author {
      font-weight: 700;
      color: var(--primary-color);
      margin-top: 15px;
    }
    .testimonial-card .location {
      font-size: 0.9em;
      color: var(--text-secondary);
    }

    .contact-info {
      background-color: var(--secondary-color);
      padding: 40px;
      border-radius: 8px;
      margin-bottom: 30px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }
    .contact-info h3 {
      color: var(--primary-color);
      margin-top: 0;
    }
    .contact-info p {
      font-size: 1.1em;
      margin-bottom: 10px;
    }
    .contact-form {
      padding: 40px;
      background-color: white;
      border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }
    .contact-form .form-group label {
      font-weight: 700;
      color: var(--primary-color);
    }
    .contact-form .form-control {
      border-color: var(--secondary-color);
      box-shadow: none;
    }
    .contact-form .form-control:focus {
      border-color: var(--accent-color);
      box-shadow: 0 0 0 0.2rem rgba(245, 138, 92, 0.25);
    }
    .contact-form button.btn-primary {
      background-color: var(--primary-color);
      border-color: var(--primary-color);
      padding: 10px 25px;
      font-size: 1.1em;
      transition: background-color 0.3s ease, border-color 0.3s ease;
    }
    .contact-form button.btn-primary:hover {
      background-color: #004555; /* Darker teal */
      border-color: #004555;
    }
    .map-container {
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      margin-bottom: 30px;
    }
    .map-container iframe {
      width: 100%;
      height: 400px;
      border: 0;
    }

    footer {
      background-color: var(--neutral-dark);
      color: var(--neutral-light);
      padding-top: 50px;
      padding-bottom: 20px;
    }
    footer h4 {
      color: var(--accent-color);
      margin-bottom: 20px;
      font-weight: 700;
    }
    footer p, footer a {
      color: var(--neutral-light);
      font-size: 0.95em;
      line-height: 1.8;
    }
    footer a:hover {
      color: var(--secondary-color);
      text-decoration: none;
    }
    footer .bottom-bar {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      padding-top: 20px;
      margin-top: 30px;
      text-align: center;
    }
    footer .bottom-bar a {
      margin: 0 10px;
    }
    .cookie-consent-banner {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.85); /* Dark background for contrast */
      color: white;
      padding: 15px 20px;
      text-align: center;
      box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
      z-index: 1000;
      font-size: 0.9em;
      display: none; /* Hidden by default */
    }
    .cookie-consent-banner button {
      background-color: var(--accent-color);
      color: white;
      border: none;
      padding: 8px 15px;
      border-radius: 4px;
      cursor: pointer;
      margin-left: 15px;
      font-weight: 600;
      transition: background-color 0.2s ease;
    }
    .cookie-consent-banner button:hover {
      background-color: #d1754f;
    }
    .cookie-consent-banner a {
      color: var(--secondary-color);
      text-decoration: underline;
      margin-left: 5px;
    }

    /* Subtle fade-in on scroll effect for sections */
    .fade-in-section {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }
    .fade-in-section.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    @media (max-width: 767px) {
      .hero-section {
        padding: 60px 0;
      }
      .hero-section h1 {
        font-size: 2.2em;
      }
      .hero-section p {
        font-size: 1.1em;
      }
      .navbar-inverse .navbar-toggle {
        border-color: var(--neutral-light);
      }
      .navbar-inverse .navbar-toggle .icon-bar {
        background-color: var(--neutral-light);
      }
      .navbar-inverse .navbar-collapse.in {
        background-color: var(--primary-color);
      }
      .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: var(--neutral-light);
      }
      .contact-form, .contact-info {
        padding: 20px;
      }
    }
  </style>
</head>
<body>
  <header>
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main" aria-expanded="false">
            <span class="sr-only">Εναλλαγή πλοήγησης</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#archiki">HelioSpine Wellness</a>
        </div>
        <div class="collapse navbar-collapse" id="navbar-collapse-main">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#archiki">Αρχική</a></li>
            <li><a href="#i-methodos-mas">Η Μέθοδός Μας</a></li>
            <li><a href="#pos-litourgei">Πώς Λειτουργεί</a></li>
            <li><a href="#programmata">Προγράμματα</a></li>
            <li><a href="#martyries">Μαρτυρίες</a></li>
            <li><a href="#epikoinonia">Επικοινωνία</a></li>
          </ul>
        </div>
      </div>
    </nav>
  </header>
<main>
    <section id="archiki" class="hero-section" style="background-image: url('images/iroas-kinesi-choris-pono.jpeg');">
      <div class="hero-bg-overlay"></div>
      <div class="container hero-content">
        <div class="row">
          <div class="col-xs-12 col-md-8 col-md-offset-2">
            <h1>Ξαναβρείτε την Ελευθερία της Κίνησης. Χωρίς Πόνο.</h1>
            <p>Εξατομικευμένα προγράμματα για την πλάτη και τις αρθρώσεις που μπορείτε να ακολουθήσετε από την άνεση του σπιτιού σας. Ξεκινήστε σήμερα το ταξίδι σας προς μια ζωή χωρίς πόνο.</p>
            <a href="#epikoinonia" class="accent-button" aria-label="Πατήστε για να μεταβείτε στη φόρμα επικοινωνίας και να ξεκινήσετε το δωρεάν προγράμμά σας">Ξεκινήστε το Δωρεάν Πρόγραμμά σας</a>
          </div>
        </div>
      </div>
    </section>

    <section id="i-methodos-mas" class="section-padding fade-in-section">
      <div class="container">
        <div class="row">
          <div class="col-xs-12 text-center">
            <h2>Η Ολιστική Μας Προσέγγιση στην Ευεξία</h2>
            <p class="lead">Δεν αντιμετωπίζουμε απλώς τα συμπτώματα. Εστιάζουμε στη ρίζα του προβλήματος με μια μέθοδο τριών πυλώνων που εξασφαλίζει μακροπρόθεσμα αποτελέσματα.</p>
          </div>
        </div>
        <div class="row" style="margin-top: 50px;">
          <div class="col-xs-12 col-md-4">
            <div class="method-pillar">
              <img src="images/eikona-pylona-kinesis.jpeg" alt="Εικονίδιο που αναπαριστά ένα άτομο σε στάση γιόγκα." width="128" height="128">
              <h3>Καθημερινή Κίνηση</h3>
              <p>Εύκολες, καθοδηγούμενες ασκήσεις βίντεο διάρκειας 5-15 λεπτών που δυναμώνουν τον κορμό και βελτιώνουν την ευλυγισία. Σχεδιασμένες για να ενσωματώνονται απρόσκοπτα στην καθημερινότητά σας, βοηθώντας σας να ανακτήσετε την κινητικότητα και να μειώσετε την πίεση στις αρθρώσεις.</p>
            </div>
          </div>
          <div class="col-xs-12 col-md-4">
            <div class="method-pillar">
              <img src="images/eikona-pylona-ergonomias.jpeg" alt="Εικονίδιο που αναπαριστά μια εργονομική καρέκλα γραφείου." width="128" height="128">
              <h3>Εργονομία & Τρόπος Ζωής</h3>
              <p>Πρακτικές συμβουλές για τη σωστή στάση σώματος στο γραφείο, στον ύπνο και στις καθημερινές σας δραστηριότητες. Μαθαίνουμε πώς να προσαρμόζετε το περιβάλλον σας για να υποστηρίζει την υγεία της σπονδυλικής στήλης και των αρθρώσεων, προλαμβάνοντας μελλοντικούς πόνους.</p>
            </div>
          </div>
          <div class="col-xs-12 col-md-4">
            <div class="method-pillar">
              <img src="images/eikona-pylona-sympliromaton.jpeg" alt="Εικονίδιο που αναπαριστά ένα μπουκάλι με βιταμίνες." width="128" height="128">
              <h3>Υποστήριξη & Συμπληρώματα</h3>
              <p>Αντικειμενικές αξιολογήσεις και προεπισκοπήσεις συμπληρωμάτων που υποστηρίζουν την υγεία των αρθρώσεων και μειώνουν τη φλεγμονή. Σας καθοδηγούμε σε ασφαλείς και αποτελεσματικές επιλογές που μπορούν να συμπληρώσουν το πρόγραμμά σας.</p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section id="pos-litourgei" class="section-padding bg-light-seafoam fade-in-section">
      <div class="container">
        <div class="row">
          <div class="col-xs-12 text-center">
            <h2>Πώς Λειτουργεί το Πρόγραμμά Μας</h2>
            <p class="lead">Ξεκινήστε το ταξίδι σας προς την ανακούφιση από τον πόνο σε τρία απλά βήματα.</p>
          </div>
        </div>
        <div class="row" style="margin-top: 50px;">
          <div class="col-xs-12 col-md-4">
            <div class="how-it-works-step">
              <div class="step-number">1</div>
              <h3>Κατανόηση των Αναγκών Σας</h3>
              <p>Συμπληρώστε την αρχική μας αξιολόγηση για να κατανοήσουμε την προβληματική σας περιοχή, το επίπεδο του πόνου και τους στόχους σας.</p>
              <img src="images/gnorimia-me-anagkes.jpeg" alt="Άνθρωπος συμπληρώνει ένα ερωτηματολόγιο στον υπολογιστή." class="img-responsive" width="672" height="448">
            </div>
          </div>
          <div class="col-xs-12 col-md-4">
            <div class="how-it-works-step">
              <div class="step-number">2</div>
              <h3>Προσωπικό Πρόγραμμα Κίνησης</h3>
              <p>Λάβετε πρόσβαση σε ένα προσαρμοσμένο πρόγραμμα ασκήσεων με βίντεο, συμβουλές εργονομίας και διατροφικές οδηγίες, ειδικά για εσάς.</p>
              <img src="images/prosarmostoi-askiseis.jpeg" alt="Άνθρωπος κάνει ασκήσεις γυμναστικής σε τάμπλετ." class="img-responsive" width="672" height="448">
            </div>
          </div>
          <div class="col-xs-12 col-md-4">
            <div class="how-it-works-step">
              <div class="step-number">3</div>
              <h3>Συνεχής Υποστήριξη & Προσαρμογή</h3>
              <p>Με την υποστήριξη της ομάδας μας, παρακολουθούμε την πρόοδό σας και προσαρμόζουμε το πρόγραμμα για βέλτιστα αποτελέσματα και μακροπρόθεσμη ανακούφιση.</p>
              <img src="images/synexis-ypostirixi.jpeg" alt="Θεραπευτής συζητά με έναν ασθενή σε περιβάλλον γραφείου." class="img-responsive" width="672" height="448">
            </div>
          </div>
        </div>
      </div>
    </section>

    <section id="programmata" class="section-padding fade-in-section">
      <div class="container">
        <div class="row">
          <div class="col-xs-12 text-center">
            <h2>Επιλέξτε το Πρόγραμμα που σας Ταιριάζει</h2>
            <p class="lead">Προσφέρουμε ευέλικτες επιλογές για να ξεκινήσετε το ταξίδι σας προς την ευεξία, με πλήρη υποστήριξη.</p>
          </div>
        </div>
        <div class="row" style="margin-top: 50px;">
          <div class="col-xs-12 col-md-4">
            <div class="program-card">
              <h3>Δωρεάν Δοκιμή (7 ημερών)</h3>
              <p class="program-price">0€<span>/7 ημέρες</span></p>
              <ul>
                <li>Πρόσβαση σε βασικές ασκήσεις</li>
                <li>Οδηγός εργονομίας για αρχάριους</li>
                <li>Εισαγωγή στη φιλοσοφία HelioSpine</li>
                <li>Δεν απαιτείται πιστωτική κάρτα</li>
              </ul>
              <a href="#epikoinonia" class="accent-button" aria-label="Εγγραφή για δωρεάν δοκιμή 7 ημερών">Ξεκινήστε Δωρεάν</a>
            </div>
          </div>
          <div class="col-xs-12 col-md-4">
            <div class="program-card">
              <h3>Μηνιαίο Πρόγραμμα</h3>
              <p class="program-price">49€<span>/μήνα</span></p>
              <ul>
                <li>Πλήρης πρόσβαση σε βίντεο ασκήσεων</li>
                <li>Εξατομικευμένο πρόγραμμα βάσει αξιολόγησης</li>
                <li>Συμβουλές εργονομίας & διατροφής</li>
                <li>Πρόσβαση στην κοινότητα υποστήριξης</li>
                <li>Μηνιαίες αναφορές προόδου</li>
              </ul>
              <a href="#epikoinonia" class="accent-button" aria-label="Εγγραφή για μηνιαίο πρόγραμμα">Εγγραφή τώρα</a>
            </div>
          </div>
          <div class="col-xs-12 col-md-4">
            <div class="program-card">
              <h3>Ετήσιο Πρόγραμμα</h3>
              <p class="program-price">399€<span>/έτος</span></p>
              <ul>
                <li>Όλα τα οφέλη του Μηνιαίου Προγράμματος</li>
                <li>2 προσωπικές συνεδρίες με ειδικό</li>
                <li>Πρόσβαση σε premium βίντεο & σεμινάρια</li>
                <li>Προτεραιότητα στην υποστήριξη</li>
                <li>Ετήσια αναφορά προόδου με προτάσεις</li>
                <li>Έκπτωση 15% (όφελος 189€)</li>
              </ul>
              <a href="#epikoinonia" class="accent-button" aria-label="Εγγραφή για ετήσιο πρόγραμμα">Επιλέξτε το Ετήσιο</a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section id="martyries" class="section-padding bg-light-seafoam fade-in-section">
      <div class="container">
        <div class="row">
          <div class="col-xs-12 text-center">
            <h2>Τι Λένε οι Πελάτες Μας</h2>
            <p class="lead">Πραγματικές ιστορίες επιτυχίας από ανθρώπους που ξαναβρήκαν την ευεξία τους με την HelioSpine Wellness.</p>
          </div>
        </div>
        <div class="row" style="margin-top: 50px;">
          <div class="col-xs-12 col-md-4">
            <div class="testimonial-card">
              <p>"Μετά από χρόνια πόνου στη μέση, οι ασκήσεις της HelioSpine άλλαξαν τη ζωή μου. Είμαι πλέον πολύ πιο ενεργός και χωρίς ενόχληση. Συνιστώ ανεπιφύλακτα!"</p>
              <div class="author-info">
                <div class="author">Κώστας Παπαδόπουλος</div>
                <div class="location">Θεσσαλονίκη</div>
              </div>
            </div>
          </div>
          <div class="col-xs-12 col-md-4">
            <div class="testimonial-card">
              <p>"Η σωστή εργονομία στο γραφείο, χάρη στις συμβουλές τους, εξαφάνισε τον πονοκέφαλο που με ταλαιπωρούσε. Η προσέγγισή τους είναι πραγματικά ολιστική."</p>
              <div class="author-info">
                <div class="author">Ελένη Βασιλείου</div>
                <div class="location">Αθήνα</div>
              </div>
            </div>
          </div>
          <div class="col-xs-12 col-md-4">
            <div class="testimonial-card">
              <p>"Το ετήσιο πρόγραμμα ήταν η καλύτερη επένδυση για την υγεία μου. Οι προσωπικές συνεδρίες με βοήθησαν να κατανοήσω το σώμα μου και να προοδεύσω."</p>
              <div class="author-info">
                <div class="author">Μαρία Αντωνίου</div>
                <div class="location">Πάτρα</div>
              </div>
            </div>
          </div>
          <div class="col-xs-12 col-md-4">
            <div class="testimonial-card">
              <p>"Απίστευτα αποτελεσματικές ασκήσεις! Με μόλις 10 λεπτά την ημέρα, ένιωσα σημαντική διαφορά στις αρθρώσεις μου μέσα σε λίγες εβδομάδες."</p>
              <div class="author-info">
                <div class="author">Γιάννης Καραλής</div>
                <div class="location">Ηράκλειο</div>
              </div>
            </div>
          </div>
          <div class="col-xs-12 col-md-4">
            <div class="testimonial-card">
              <p>"Εκτίμησα πολύ τις αντικειμενικές πληροφορίες για τα συμπληρώματα. Με βοήθησαν να πάρω τεκμηριωμένες αποφάσεις για την υγεία μου."</p>
              <div class="author-info">
                <div class="author">Σοφία Ιωαννίδου</div>
                <div class="location">Λάρισα</div>
              </div>
            </div>
          </div>
          <div class="col-xs-12 col-md-4">
            <div class="testimonial-card">
              <p>"Ποτέ δεν πίστευα ότι θα μπορούσα να απαλλαγώ από τον χρόνιο πόνο στον αυχένα, αλλά η HelioSpine μου έδειξε το δρόμο. Είμαι ευγνώμων!"</p>
              <div class="author-info">
                <div class="author">Δήμητρα Οικονόμου</div>
                <div class="location">Ρόδος</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section id="epikoinonia" class="section-padding fade-in-section">
      <div class="container">
        <div class="row">
          <div class="col-xs-12 text-center">
            <h2>Επικοινωνήστε Μαζί Μας</h2>
            <p class="lead">Είμαστε εδώ για να απαντήσουμε σε κάθε σας ερώτηση και να σας καθοδηγήσουμε στην αρχή του δωρεάν προγράμματός σας.</p>
          </div>
        </div>
        <div class="row" style="margin-top: 50px;">
          <div class="col-xs-12 col-md-6">
            <div class="contact-info">
              <h3>Στοιχεία Επικοινωνίας</h3>
              <p><span class="glyphicon glyphicon-map-marker"></span> Αλεξάνδρου Σβώλου 2847, 3ος Όροφος, Θεσσαλονίκη, 54625</p>
              <p><span class="glyphicon glyphicon-phone"></span> Τηλέφωνο: +30 231 082 9471</p>
              <p><span class="glyphicon glyphicon-envelope"></span> Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7d14131b123d0a0a0a5315181c110915041e1c0f180e5314131b12">[email&#160;protected]</a></p>
              <p class="small pt-3">Ωράριο Λειτουργίας: Δευ - Παρ, 09:00 - 17:00</p>
            </div>
            <div class="map-container">
              <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6046.064234057861!2d22.955562!3d40.627778!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14a838f729e8c3b7%3A0x7d6a5c1f0e4b7c1e!2sThessaloniki%2C%20Greece!5e0!3m2!1sen!2sus!4v1701010101010!5m2!1sen!2sus" allowfullscreen="" loading="lazy"></iframe>
            </div>
          </div>
          <div class="col-xs-12 col-md-6">
            <div class="contact-form">
              <h3>Στείλτε Μας Μήνυμα</h3>
              <form>
                <div class="form-group">
                  <label for="name">Ονοματεπώνυμο</label>
                  <input type="text" class="form-control" id="name" placeholder="Το όνομά σας" required>
                </div>
                <div class="form-group">
                  <label for="email">Διεύθυνση Email</label>
                  <input type="email" class="form-control" id="email" placeholder="email@example.com" required>
                </div>
                <div class="form-group">
                  <label for="phone">Τηλέφωνο (Προαιρετικό)</label>
                  <input type="tel" class="form-control" id="phone" placeholder="2310 123456">
                </div>
                <div class="form-group">
                  <label for="message">Μήνυμα</label>
                  <textarea class="form-control" id="message" rows="5" placeholder="Πώς μπορούμε να σας βοηθήσουμε;" required></textarea>
                </div>
                <button type="submit" class="btn btn-primary btn-block">Αποστολή Μηνύματος</button>
              </form>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>
<footer>
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-md-4">
          <h4>HelioSpine Wellness</h4>
          <p>Η αποστολή μας είναι η δική σας ευεξία, χωρίς πόνο. Πιστεύουμε σε μια ολιστική προσέγγιση που ενσωματώνει την κίνηση, την εργονομία και την υποστήριξη για μακροπρόθεσμη ανακούφιση και ενεργή ζωή.</p>
        </div>
        <div class="col-xs-12 col-md-4">
          <h4>Επικοινωνία</h4>
          <p>Αλεξάνδρου Σβώλου 2847, 3ος Όροφος<br>Θεσσαλονίκη, 54625</p>
          <p>Τηλέφωνο: +30 231 082 9471</p>
          <p>Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="99f0f7fff6d9eeeeeeb7f1fcf8f5edf1e0faf8ebfceab7f0f7fff6">[email&#160;protected]</a></p>
        </div>
        <div class="col-xs-12 col-md-4">
          <h4>Σύνδεσμοι</h4>
          <p><a href="#archiki">Αρχική</a></p>
          <p><a href="#i-methodos-mas">Η Μέθοδός Μας</a></p>
          <p><a href="#pos-litourgei">Πώς Λειτουργεί</a></p>
          <p><a href="#programmata">Προγράμματα</a></p>
          <p><a href="#martyries">Μαρτυρίες</a></p>
          <p><a href="#epikoinonia">Επικοινωνία</a></p>
        </div>
      </div>
      <div class="row bottom-bar">
        <div class="col-xs-12">
          <p>&copy; 2024 HelioSpine Wellness. All Rights Reserved. | <a href="./privacy.html" title="Διαβάστε την Πολιτική Απορρήτου μας">Πολιτική Απορρήτου</a> | <a href="./tos.html" title="Διαβάστε τους Όρους Χρήσης μας">Όροι Χρήσης</a></p>
        </div>
      </div>
    </div>
  </footer>

  <div id="cookieConsentBanner" class="cookie-consent-banner">
    Αυτός ο ιστότοπος χρησιμοποιεί cookies για να εξασφαλίσει ότι έχετε την καλύτερη εμπειρία. <a href="./privacy.html">Μάθετε περισσότερα</a>
    <button id="acceptCookies">Αποδοχή</button>
  </div>

  
  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
  
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js"></script>
  <script>
    // Simple Cookie Consent
    function setCookie(name, value, days) {
      var expires = "";
      if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toUTCString();
      }
      document.cookie = name + "=" + (value || "") + expires + "; path=/";
    }

    function getCookie(name) {
      var nameEQ = name + "=";
      var ca = document.cookie.split(';');
      for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
      }
      return null;
    }

    function generateRandomPrefix() {
      return Math.random().toString(36).substring(2, 10);
    }

    $(document).ready(function() {
      var cookieName = 'consent_' + generateRandomPrefix(); 
      var consentGiven = getCookie(cookieName);

      if (!consentGiven) {
        $('#cookieConsentBanner').fadeIn();
      }

      $('#acceptCookies').on('click', function() {
        setCookie(cookieName, 'true', 30); // Cookie lasts 30 days
        $('#cookieConsentBanner').fadeOut();
      });

      // Fade-in on scroll effect
      const fadeIns = document.querySelectorAll('.fade-in-section');

      const observerOptions = {
        root: null,
        rootMargin: '0px',
        threshold: 0.1
      };

      const observer = new IntersectionObserver((entries, observer) => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            entry.target.classList.add('is-visible');
            observer.unobserve(entry.target); // Stop observing once visible
          }
        });
      }, observerOptions);

      fadeIns.forEach(el => observer.observe(el));
    });
  </script>
</body>
</html>