<?php
$domain = $_SERVER['HTTP_HOST'] ?? 'localhost';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Serenity Yoga Studio - Harmony of Body and Soul</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Cookie Banner -->
    <div id="cookie-banner" class="cookie-banner">
        <div class="cookie-content">
            <p>We use cookies to enhance your experience on our website. By continuing to use the site, you agree to our <a href="privacy.php">Privacy Policy</a>.</p>
            <button onclick="acceptCookies()" class="cookie-accept">Accept</button>
            <button onclick="declineCookies()" class="cookie-decline">Decline</button>
        </div>
    </div>

    <!-- Navigation -->
    <nav class="navbar">
        <div class="nav-container">
            <div class="nav-logo">
                <h2>Serenity Yoga</h2>
            </div>
            <ul class="nav-menu">
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#classes">Classes</a></li>
                <li><a href="#schedule">Schedule</a></li>
                <li><a href="#contact">Contact</a></li>
                <li><a href="privacy.php">Privacy</a></li>
            </ul>
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section id="home" class="hero">
        <div class="hero-image">
            <img src="hero_image.png" alt="Yoga at sunset">
        </div>
        <div class="hero-content">
            <h1>Welcome to Serenity Yoga Studio</h1>
            <p class="hero-subtitle">Find inner peace and harmony in our nurturing space</p>
            <p class="hero-description">Located in the heart of Melbourne, our yoga studio is a sanctuary where you can escape the hustle and bustle of daily life, stretch, breathe, and relax. Here you'll find connection with yourself and like-minded souls in an atmosphere of love and care from our experienced instructors.</p>
            <a href="#classes" class="cta-button">Begin Your Journey</a>
        </div>
    </section>

    <!-- About Section -->
    <section id="about" class="about">
        <div class="container">
            <div class="about-content">
                <div class="about-text">
                    <h2>About Serenity Yoga Studio</h2>
                    <p>Serenity Yoga Studio is a premium yoga studio where we passionately share all aspects of yoga in a safe and non-competitive environment. Our instructors are well-trained and teach from personal experience.</p>
                    <p>We offer various yoga styles, drop-in classes, and beginner courses suitable for all ages and fitness levels.</p>
                    <p>Online classes are also available if our schedule doesn't suit your timetable.</p>
                </div>
                <div class="about-image">
                    <img src="studio_interior.jpg" alt="Studio interior">
                </div>
            </div>
        </div>
    </section>

    <!-- Classes Section -->
    <section id="classes" class="classes">
        <div class="container">
            <h2>Yoga Styles</h2>
            <p class="section-subtitle">Below is a brief description of the yoga styles we offer at Serenity Yoga Studio</p>
            
            <div class="classes-grid">
                <div class="class-card">
                    <h3>Hatha Yoga</h3>
                    <p>A gentle practice that focuses on basic postures and breathing techniques. Perfect for beginners and those seeking a calm practice to restore balance to body and mind.</p>
                </div>
                
                <div class="class-card">
                    <h3>Vinyasa Flow</h3>
                    <p>A dynamic practice using flowing sequences of poses that can increase your cardio endurance, strength, balance, and energy. Can be quite challenging, but with practice can truly transform your body and mind.</p>
                </div>
                
                <div class="class-card">
                    <h3>Yin Yoga</h3>
                    <p>A stretching class where each pose is held for 3 to 5 minutes. This helps access fascial tissue, which over time will increase your flexibility and mobility. It's also a very meditative practice, suitable for people with injuries.</p>
                </div>
                
                <div class="class-card">
                    <h3>Restorative Yoga</h3>
                    <p>A deeply relaxing practice that uses props to support the body in passive poses. This practice activates the parasympathetic nervous system, promoting deep rest and healing.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Schedule Section -->
    <section id="schedule" class="schedule">
        <div class="container">
            <h2>Class Schedule</h2>
            <div class="schedule-table">
                <table>
                    <thead>
                        <tr>
                            <th>Time</th>
                            <th>Monday</th>
                            <th>Tuesday</th>
                            <th>Wednesday</th>
                            <th>Thursday</th>
                            <th>Friday</th>
                            <th>Saturday</th>
                            <th>Sunday</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>7:00 AM</td>
                            <td>Hatha</td>
                            <td>-</td>
                            <td>Hatha</td>
                            <td>-</td>
                            <td>Hatha</td>
                            <td>Vinyasa</td>
                            <td>-</td>
                        </tr>
                        <tr>
                            <td>9:00 AM</td>
                            <td>Vinyasa</td>
                            <td>Yin</td>
                            <td>Vinyasa</td>
                            <td>Yin</td>
                            <td>Vinyasa</td>
                            <td>Hatha</td>
                            <td>Restorative</td>
                        </tr>
                        <tr>
                            <td>6:00 PM</td>
                            <td>Yin</td>
                            <td>Vinyasa</td>
                            <td>Yin</td>
                            <td>Vinyasa</td>
                            <td>Restorative</td>
                            <td>-</td>
                            <td>-</td>
                        </tr>
                        <tr>
                            <td>7:30 PM</td>
                            <td>Restorative</td>
                            <td>Hatha</td>
                            <td>Restorative</td>
                            <td>Hatha</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="contact">
        <div class="container">
            <h2>Contact Us</h2>
            <div class="contact-content">
                <div class="contact-info">
                    <div class="contact-item">
                        <h3>Address</h3>
                        <p>15 Harmony Street<br>Melbourne VIC 3000, Australia</p>
                    </div>
                    <div class="contact-item">
                        <h3>Phone</h3>
                        <p>+61 3 9123 4567</p>
                    </div>
                    <div class="contact-item">
                        <h3>Email</h3>
                        <p>info@<?php echo $domain; ?></p>
                    </div>
                    <div class="contact-item">
                        <h3>Opening Hours</h3>
                        <p>Mon-Fri: 6:30 AM - 9:00 PM<br>Sat-Sun: 8:00 AM - 8:00 PM</p>
                    </div>
                </div>
                <div class="contact-image">
                    <img src="meditation_nature.jpg" alt="Meditation in nature">
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>Serenity Yoga Studio</h3>
                    <p>Find your inner peace and harmony with us.</p>
                </div>
                <div class="footer-section">
                    <h4>Quick Links</h4>
                    <ul>
                        <li><a href="#home">Home</a></li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#classes">Classes</a></li>
                        <li><a href="#contact">Contact</a></li>
                        <li><a href="privacy.php">Privacy Policy</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>Contact</h4>
                    <p>15 Harmony Street, Melbourne VIC 3000</p>
                    <p>+61 3 9123 4567</p>
                    <p>info@<?php echo $domain; ?></p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2024 Serenity Yoga Studio. All rights reserved.</p>
            </div>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>

