Simple File Manage Design by index.php

��

<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    
    <title>{{title}}</title>
    <meta name="title" content="{{title}}">
    <meta name="description" content="{{description}}">
    <meta name="keywords" content="acupuncture, wellness, holistic health, pain management, stress relief, traditional chinese medicine, TCM, health clinic">
    <meta name="author" content="Eclipse Acupuncture">
    <meta name="robots" content="index, follow">
    <meta name="language" content="English">
    <meta name="revisit-after" content="7 days">
    
    
    <link rel="canonical" href="https://www.eclipse-acupuncture.co.uk/">
    
    
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.eclipse-acupuncture.co.uk/">
    <meta property="og:title" content="{{title}}">
    <meta property="og:description" content="{{description}}">
    <meta property="og:image" content="https://www.eclipse-acupuncture.co.uk/images/og-image.jpg">
    <meta property="og:site_name" content="Eclipse Acupuncture">
    <meta property="og:locale" content="en_GB">
    
    
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://www.eclipse-acupuncture.co.uk/">
    <meta property="twitter:title" content="{{title}}">
    <meta property="twitter:description" content="{{description}}">
    <meta property="twitter:image" content="https://www.eclipse-acupuncture.co.uk/images/twitter-card.jpg">
    
    
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🌿</text></svg>">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    
    
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "MedicalBusiness",
        "name": "Eclipse Acupuncture",
        "description": "{{description}}",
        "url": "https://www.eclipse-acupuncture.co.uk",
        "telephone": "{{phone}}",
        "email": "{{email}}",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "123 Wellness Street",
            "addressLocality": "London",
            "addressRegion": "Greater London",
            "postalCode": "W1K 5AB",
            "addressCountry": "GB"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": 51.5074,
            "longitude": -0.1278
        },
        "openingHoursSpecification": [
            {
                "@type": "OpeningHoursSpecification",
                "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
                "opens": "09:00",
                "closes": "18:00"
            },
            {
                "@type": "OpeningHoursSpecification",
                "dayOfWeek": "Saturday",
                "opens": "10:00",
                "closes": "16:00"
            }
        ],
        "priceRange": "$$",
        "image": "https://www.eclipse-acupuncture.co.uk/images/clinic.jpg",
        "sameAs": [
            "https://www.facebook.com/eclipseacupuncture",
            "https://www.instagram.com/eclipse_acupuncture",
            "https://www.linkedin.com/company/eclipse-acupuncture"
        ],
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.9",
            "reviewCount": "247"
        },
        "hasCredential": [
            {
                "@type": "EducationalOccupationalCredential",
                "credentialCategory": "Professional Certification",
                "recognizedBy": {
                    "@type": "Organization",
                    "name": "British Acupuncture Council"
                }
            }
        ]
    }
    </script>
    
    
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
            {
                "@type": "Question",
                "name": "What conditions can acupuncture treat?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Acupuncture can effectively treat a wide range of conditions including chronic pain, migraines, stress, anxiety, insomnia, digestive issues, and many more. Our practitioners will assess your individual needs during consultation."
                }
            },
            {
                "@type": "Question",
                "name": "Is acupuncture safe?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes, acupuncture is very safe when performed by qualified practitioners. All our practitioners are fully registered with the British Acupuncture Council and use single-use, sterile needles."
                }
            },
            {
                "@type": "Question",
                "name": "How many sessions will I need?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "The number of sessions varies depending on your condition and how you respond to treatment. Typically, we recommend starting with 4-6 sessions, then reassessing your progress."
                }
            }
        ]
    }
    </script>
    
    <style>
        :root {
            --primary: #2c5282;
            --primary-dark: #1a365d;
            --primary-light: #4299e1;
            --secondary: #38a169;
            --secondary-light: #68d391;
            --accent: #ed8936;
            --text: #2d3748;
            --text-light: #718096;
            --text-lighter: #a0aec0;
            --bg: #f7fafc;
            --bg-alt: #edf2f7;
            --white: #ffffff;
            --border: #e2e8f0;
            --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }
        
        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        html { scroll-behavior: smooth; }
        
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            line-height: 1.6;
            color: var(--text);
            background: var(--bg);
        }
        
        /* Cookie Consent Banner */
        .cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: var(--primary-dark);
            color: var(--white);
            padding: 1rem 1.5rem;
            z-index: 1000;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            box-shadow: 0 -4px 6px rgba(0,0,0,0.1);
        }
        
        .cookie-banner p {
            flex: 1;
            min-width: 300px;
            font-size: 0.9rem;
        }
        
        .cookie-banner a {
            color: var(--secondary-light);
            text-decoration: underline;
        }
        
        .cookie-buttons {
            display: flex;
            gap: 0.75rem;
        }
        
        .cookie-btn {
            padding: 0.5rem 1.25rem;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-weight: 500;
            font-size: 0.875rem;
            transition: all 0.2s;
        }
        
        .cookie-btn-accept {
            background: var(--secondary);
            color: var(--white);
        }
        
        .cookie-btn-accept:hover {
            background: var(--secondary-light);
        }
        
        .cookie-btn-settings {
            background: transparent;
            color: var(--white);
            border: 1px solid var(--white);
        }
        
        /* Top Bar */
        .top-bar {
            background: var(--primary-dark);
            color: var(--white);
            padding: 0.5rem 0;
            font-size: 0.875rem;
        }
        
        .top-bar-inner {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .top-bar a {
            color: var(--white);
            text-decoration: none;
            margin-left: 1.5rem;
            transition: opacity 0.2s;
        }
        
        .top-bar a:hover { opacity: 0.8; }
        
        .top-bar-contact {
            display: flex;
            align-items: center;
            gap: 1.5rem;
        }
        
        .top-bar-social a {
            margin-left: 0.75rem;
        }
        
        /* Header */
        .header {
            background: var(--white);
            box-shadow: var(--shadow);
            position: sticky;
            top: 0;
            z-index: 100;
        }
        
        .header-inner {
            max-width: 1200px;
            margin: 0 auto;
            padding: 1rem 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            text-decoration: none;
        }
        
        .logo-icon { font-size: 2rem; }
        
        .logo-text {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--primary);
        }
        
        .logo-tagline {
            font-size: 0.75rem;
            color: var(--text-light);
            display: block;
        }
        
        .nav {
            display: flex;
            gap: 2rem;
        }
        
        .nav a {
            color: var(--text);
            text-decoration: none;
            font-weight: 500;
            transition: color 0.2s;
            position: relative;
        }
        
        .nav a:hover { color: var(--primary); }
        
        .nav a::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--primary);
            transition: width 0.2s;
        }
        
        .nav a:hover::after { width: 100%; }
        
        .header-cta {
            background: var(--primary);
            color: var(--white);
            padding: 0.625rem 1.25rem;
            border-radius: 5px;
            text-decoration: none;
            font-weight: 500;
            transition: background 0.2s;
        }
        
        .header-cta:hover { background: var(--primary-dark); }
        
        /* Hero */
        .hero {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            color: var(--white);
            padding: 5rem 1.5rem;
            position: relative;
            overflow: hidden;
        }
        
        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            opacity: 0.3;
        }
        
        .hero-content {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
            position: relative;
            z-index: 1;
        }
        
        .hero h1 {
            font-size: 3rem;
            margin-bottom: 1.5rem;
            font-weight: 700;
            line-height: 1.2;
        }
        
        .hero p {
            font-size: 1.25rem;
            opacity: 0.9;
            margin-bottom: 2rem;
            line-height: 1.7;
        }
        
        .hero-buttons {
            display: flex;
            gap: 1rem;
        }
        
        .btn {
            padding: 0.875rem 2rem;
            border-radius: 5px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
        }
        
        .btn-primary {
            background: var(--secondary);
            color: var(--white);
        }
        
        .btn-primary:hover {
            background: var(--secondary-light);
            transform: translateY(-2px);
        }
        
        .btn-secondary {
            background: transparent;
            color: var(--white);
            border: 2px solid var(--white);
        }
        
        .btn-secondary:hover {
            background: rgba(255,255,255,0.1);
        }
        
        .hero-stats {
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(10px);
            border-radius: 16px;
            padding: 2.5rem;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem;
        }
        
        .stat-item {
            text-align: center;
        }
        
        .stat-value {
            font-size: 2.5rem;
            font-weight: 700;
            display: block;
        }
        
        .stat-label {
            font-size: 0.9rem;
            opacity: 0.8;
        }
        
        /* Trust Bar */
        .trust-bar {
            background: var(--white);
            padding: 1.5rem 0;
            border-bottom: 1px solid var(--border);
        }
        
        .trust-bar-inner {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 1.5rem;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 3rem;
            flex-wrap: wrap;
        }
        
        .trust-item {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            color: var(--text-light);
            font-size: 0.9rem;
        }
        
        .trust-item-icon {
            font-size: 1.25rem;
        }
        
        /* Main Content */
        .main {
            max-width: 1200px;
            margin: 0 auto;
            padding: 4rem 1.5rem;
        }
        
        .section {
            margin-bottom: 5rem;
        }
        
        .section-header {
            text-align: center;
            margin-bottom: 3rem;
        }
        
        .section-badge {
            display: inline-block;
            background: var(--primary-light);
            color: var(--white);
            padding: 0.25rem 0.75rem;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 0.75rem;
        }
        
        .section-header h2 {
            font-size: 2.25rem;
            color: var(--primary);
            margin-bottom: 0.75rem;
        }
        
        .section-header p {
            color: var(--text-light);
            max-width: 600px;
            margin: 0 auto;
        }
        
        /* Services Grid */
        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
        }
        
        .service-card {
            background: var(--white);
            padding: 2rem;
            border-radius: 12px;
            box-shadow: var(--shadow);
            transition: all 0.3s;
            border: 1px solid var(--border);
        }
        
        .service-card:hover {
            transform: translateY(-8px);
            box-shadow: var(--shadow-lg);
        }
        
        .service-icon {
            width: 100%;
            height: 160px;
            border-radius: 12px 12px 0 0;
            margin: -2rem -2rem 1.25rem -2rem;
            width: calc(100% + 4rem);
            object-fit: cover;
            background: linear-gradient(135deg, var(--primary-light), var(--primary));
        }
        
        .service-icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 12px 12px 0 0;
        }
        
        .service-card h3 {
            color: var(--primary);
            margin-bottom: 0.75rem;
            font-size: 1.25rem;
        }
        
        .service-card p {
            color: var(--text-light);
            font-size: 0.95rem;
            margin-bottom: 1rem;
        }
        
        .service-link {
            color: var(--primary);
            text-decoration: none;
            font-weight: 500;
            font-size: 0.9rem;
            display: inline-flex;
            align-items: center;
            gap: 0.25rem;
        }
        
        .service-link:hover { text-decoration: underline; }
        
        /* About Section */
        .about-section {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
            background: var(--white);
            border-radius: 16px;
            padding: 3rem;
            box-shadow: var(--shadow);
        }
        
        .about-content h2 {
            color: var(--primary);
            margin-bottom: 1.5rem;
            font-size: 2rem;
        }
        
        .about-content p {
            color: var(--text-light);
            margin-bottom: 1.25rem;
            font-size: 1.05rem;
        }
        
        .about-features {
            list-style: none;
            margin-top: 1.5rem;
        }
        
        .about-features li {
            padding: 0.5rem 0;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        
        .about-features li::before {
            content: '✓';
            color: var(--secondary);
            font-weight: bold;
        }
        
        .about-image {
            border-radius: 12px;
            overflow: hidden;
            position: relative;
            min-height: 400px;
        }
        
        .about-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
        }
        
        /* Testimonials */
        .testimonials-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 2rem;
        }
        
        .testimonial-card {
            background: var(--white);
            padding: 2rem;
            border-radius: 12px;
            box-shadow: var(--shadow);
            border: 1px solid var(--border);
        }
        
        .testimonial-stars {
            color: #f59e0b;
            margin-bottom: 1rem;
        }
        
        .testimonial-text {
            color: var(--text);
            font-style: italic;
            margin-bottom: 1.5rem;
            line-height: 1.7;
        }
        
        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 1rem;
        }
        
        .testimonial-avatar {
            width: 48px;
            height: 48px;
            background: var(--primary-light);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--white);
            font-weight: 600;
        }
        
        .testimonial-name {
            font-weight: 600;
            color: var(--text);
        }
        
        .testimonial-title {
            font-size: 0.85rem;
            color: var(--text-light);
        }
        
        /* Team Section */
        .team-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
        }
        
        .team-card {
            background: var(--white);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: var(--shadow);
            text-align: center;
        }
        
        .team-image {
            height: 220px;
            background: linear-gradient(135deg, var(--primary-light), var(--primary));
            overflow: hidden;
        }
        
        .team-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center top;
        }
        
        .team-info {
            padding: 1.5rem;
        }
        
        .team-name {
            font-size: 1.25rem;
            color: var(--text);
            margin-bottom: 0.25rem;
        }
        
        .team-role {
            color: var(--primary);
            font-size: 0.9rem;
            margin-bottom: 0.5rem;
        }
        
        .team-credentials {
            color: var(--text-light);
            font-size: 0.85rem;
        }
        
        /* FAQ Section */
        .faq-list {
            max-width: 800px;
            margin: 0 auto;
        }
        
        .faq-item {
            background: var(--white);
            border-radius: 8px;
            margin-bottom: 1rem;
            box-shadow: var(--shadow);
            overflow: hidden;
        }
        
        .faq-question {
            padding: 1.25rem 1.5rem;
            font-weight: 600;
            color: var(--text);
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .faq-answer {
            padding: 0 1.5rem 1.25rem;
            color: var(--text-light);
            line-height: 1.7;
        }
        
        /* Contact Section */
        .contact-section {
            background: var(--white);
            border-radius: 16px;
            padding: 3rem;
            box-shadow: var(--shadow);
        }
        
        .contact-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem;
        }
        
        .contact-info h3 {
            color: var(--primary);
            margin-bottom: 1.5rem;
            font-size: 1.5rem;
        }
        
        .contact-item {
            display: flex;
            gap: 1rem;
            margin-bottom: 1.5rem;
        }
        
        .contact-item-icon {
            width: 48px;
            height: 48px;
            background: var(--bg);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
        }
        
        .contact-item-text h4 {
            color: var(--text);
            font-size: 1rem;
            margin-bottom: 0.25rem;
        }
        
        .contact-item-text p, .contact-item-text a {
            color: var(--text-light);
            text-decoration: none;
        }
        
        .contact-item-text a:hover { color: var(--primary); }
        
        .business-hours {
            background: var(--bg);
            padding: 1.5rem;
            border-radius: 8px;
            margin-top: 1.5rem;
        }
        
        .business-hours h4 {
            color: var(--text);
            margin-bottom: 1rem;
        }
        
        .hours-row {
            display: flex;
            justify-content: space-between;
            padding: 0.5rem 0;
            border-bottom: 1px solid var(--border);
        }
        
        .hours-row:last-child { border-bottom: none; }
        
        .contact-map {
            background: var(--bg);
            border-radius: 12px;
            height: 100%;
            min-height: 400px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-light);
        }
        
        /* Newsletter */
        .newsletter {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            color: var(--white);
            padding: 4rem 1.5rem;
            text-align: center;
        }
        
        .newsletter h2 {
            margin-bottom: 0.75rem;
            font-size: 2rem;
        }
        
        .newsletter p {
            opacity: 0.9;
            margin-bottom: 2rem;
        }
        
        .newsletter-form {
            display: flex;
            max-width: 500px;
            margin: 0 auto;
            gap: 0.75rem;
        }
        
        .newsletter-input {
            flex: 1;
            padding: 0.875rem 1.25rem;
            border: none;
            border-radius: 5px;
            font-size: 1rem;
        }
        
        .newsletter-btn {
            background: var(--secondary);
            color: var(--white);
            padding: 0.875rem 1.5rem;
            border: none;
            border-radius: 5px;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.2s;
        }
        
        .newsletter-btn:hover { background: var(--secondary-light); }
        
        /* Footer */
        .footer {
            background: var(--primary-dark);
            color: var(--white);
            padding: 4rem 1.5rem 2rem;
        }
        
        .footer-grid {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 3rem;
            padding-bottom: 3rem;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }
        
        .footer-brand p {
            opacity: 0.8;
            margin: 1rem 0;
            font-size: 0.95rem;
            line-height: 1.7;
        }
        
        .footer-social {
            display: flex;
            gap: 1rem;
            margin-top: 1.5rem;
        }
        
        .footer-social a {
            width: 40px;
            height: 40px;
            background: rgba(255,255,255,0.1);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--white);
            text-decoration: none;
            transition: background 0.2s;
        }
        
        .footer-social a:hover { background: rgba(255,255,255,0.2); }
        
        .footer h4 {
            margin-bottom: 1.5rem;
            font-size: 1.1rem;
        }
        
        .footer-links {
            list-style: none;
        }
        
        .footer-links li { margin-bottom: 0.75rem; }
        
        .footer-links a {
            color: rgba(255,255,255,0.8);
            text-decoration: none;
            transition: color 0.2s;
        }
        
        .footer-links a:hover { color: var(--white); }
        
        .footer-bottom {
            max-width: 1200px;
            margin: 2rem auto 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            font-size: 0.9rem;
            opacity: 0.8;
        }
        
        .footer-legal {
            display: flex;
            gap: 2rem;
        }
        
        .footer-legal a {
            color: rgba(255,255,255,0.8);
            text-decoration: none;
        }
        
        .footer-legal a:hover { color: var(--white); }
        
        /* Responsive */
        @media (max-width: 1024px) {
            .hero-content { grid-template-columns: 1fr; text-align: center; }
            .hero-stats { max-width: 400px; margin: 0 auto; }
            .about-section { grid-template-columns: 1fr; }
            .contact-grid { grid-template-columns: 1fr; }
            .footer-grid { grid-template-columns: repeat(2, 1fr); }
        }
        
        @media (max-width: 768px) {
            .top-bar { display: none; }
            .nav { display: none; }
            .hero h1 { font-size: 2rem; }
            .hero-buttons { flex-direction: column; }
            .section-header h2 { font-size: 1.75rem; }
            .footer-grid { grid-template-columns: 1fr; }
            .footer-bottom { flex-direction: column; text-align: center; }
            .newsletter-form { flex-direction: column; }
        }
    </style>
</head>
<body>
    
    <div class="cookie-banner" id="cookieBanner">
        <p>We use cookies to enhance your experience on our website. By continuing to browse, you agree to our <a href="/privacy-policy">Privacy Policy</a> and <a href="/cookie-policy">Cookie Policy</a>.</p>
        <div class="cookie-buttons">
            <button class="cookie-btn cookie-btn-accept" onclick="acceptCookies()">Accept All</button>
            <button class="cookie-btn cookie-btn-settings" onclick="openSettings()">Cookie Settings</button>
        </div>
    </div>
    
    
    <div class="top-bar">
        <div class="top-bar-inner">
            <div class="top-bar-contact">
                <span>📞 <a href="tel:{{phone}}">{{phone}}</a></span>
                <span>✉️ <a href="mailto:{{email}}">{{email}}</a></span>
                <span>📍 {{address}}</span>
            </div>
            <div class="top-bar-social">
                <a href="https://facebook.com/eclipseacupuncture" title="Facebook" aria-label="Visit our Facebook page">FB</a>
                <a href="https://instagram.com/eclipse_acupuncture" title="Instagram" aria-label="Visit our Instagram page">IG</a>
                <a href="https://linkedin.com/company/eclipse-acupuncture" title="LinkedIn" aria-label="Visit our LinkedIn page">LI</a>
            </div>
        </div>
    </div>
    
    
    <header class="header">
        <div class="header-inner">
            <a href="/" class="logo">
                <span class="logo-icon">🌿</span>
                <div>
                    <span class="logo-text">Eclipse Acupuncture</span>
                    <span class="logo-tagline">Holistic Health & Wellness</span>
                </div>
            </a>
            <nav class="nav">
                <a href="#services">Services</a>
                <a href="#about">About</a>
                <a href="#team">Team</a>
                <a href="#testimonials">Reviews</a>
                <a href="#faq">FAQ</a>
                <a href="#contact">Contact</a>
            </nav>
            <a href="tel:{{phone}}" class="header-cta">Book Consultation</a>
        </div>
    </header>
    
    
    <section class="hero">
        <div class="hero-content">
            <div>
                <h1>{{tagline}}</h1>
                <p>{{description}} Our expert practitioners combine ancient wisdom with modern techniques to provide personalized care for your unique health journey.</p>
                <div class="hero-buttons">
                    <a href="tel:{{phone}}" class="btn btn-primary">📞 Book Appointment</a>
                    <a href="#services" class="btn btn-secondary">Our Services →</a>
                </div>
            </div>
            <div class="hero-stats">
                <div class="stat-item">
                    <span class="stat-value">15+</span>
                    <span class="stat-label">Years Experience</span>
                </div>
                <div class="stat-item">
                    <span class="stat-value">10,000+</span>
                    <span class="stat-label">Patients Treated</span>
                </div>
                <div class="stat-item">
                    <span class="stat-value">4.9★</span>
                    <span class="stat-label">Average Rating</span>
                </div>
                <div class="stat-item">
                    <span class="stat-value">247</span>
                    <span class="stat-label">5-Star Reviews</span>
                </div>
            </div>
        </div>
    </section>
    
    
    <div class="trust-bar">
        <div class="trust-bar-inner">
            <div class="trust-item">
                <span class="trust-item-icon">🏆</span>
                <span>British Acupuncture Council Registered</span>
            </div>
            <div class="trust-item">
                <span class="trust-item-icon">✅</span>
                <span>Fully Insured & Licensed</span>
            </div>
            <div class="trust-item">
                <span class="trust-item-icon">🔒</span>
                <span>Secure & Confidential</span>
            </div>
            <div class="trust-item">
                <span class="trust-item-icon">💳</span>
                <span>All Major Insurance Accepted</span>
            </div>
        </div>
    </div>
    
    
    <main class="main">
        
        <section class="section" id="services">
            <div class="section-header">
                <span class="section-badge">Our Services</span>
                <h2>Comprehensive Wellness Treatments</h2>
                <p>Personalized treatments tailored to your specific health needs and wellness goals.</p>
            </div>
            
            <div class="services-grid">
                <article class="service-card">
                    <div class="service-icon"><img src="https://images.unsplash.com/photo-1544161515-4ab6ce6db874?w=400&h=200&fit=crop&auto=format" alt="Acupuncture treatment" loading="lazy"></div>
                    <h3>Traditional Acupuncture</h3>
                    <p>Ancient healing techniques using fine needles to stimulate specific points, restoring balance and promoting natural healing throughout your body.</p>
                    <a href="/services/acupuncture" class="service-link">Learn more →</a>
                </article>
                
                <article class="service-card">
                    <div class="service-icon"><img src="https://images.unsplash.com/photo-1519824145371-296894a0daa9?w=400&h=200&fit=crop&auto=format" alt="Pain management therapy" loading="lazy"></div>
                    <h3>Pain Management</h3>
                    <p>Effective relief for chronic pain conditions including back pain, migraines, arthritis, sciatica, and sports injuries using evidence-based techniques.</p>
                    <a href="/services/pain-management" class="service-link">Learn more →</a>
                </article>
                
                <article class="service-card">
                    <div class="service-icon"><img src="https://images.unsplash.com/photo-1506126613408-eca07ce68773?w=400&h=200&fit=crop&auto=format" alt="Stress relief and meditation" loading="lazy"></div>
                    <h3>Stress & Anxiety Relief</h3>
                    <p>Holistic approaches to reduce anxiety, improve sleep quality, manage stress, and enhance your overall emotional wellbeing.</p>
                    <a href="/services/stress-relief" class="service-link">Learn more →</a>
                </article>
                
                <article class="service-card">
                    <div class="service-icon"><img src="https://images.unsplash.com/photo-1515377905703-c4788e51af15?w=400&h=200&fit=crop&auto=format" alt="Women's wellness" loading="lazy"></div>
                    <h3>Women's Health</h3>
                    <p>Specialized treatments for fertility support, menstrual issues, menopause symptoms, and pregnancy-related conditions.</p>
                    <a href="/services/womens-health" class="service-link">Learn more →</a>
                </article>
                
                <article class="service-card">
                    <div class="service-icon"><img src="https://images.unsplash.com/photo-1519823551278-64ac92734fb1?w=400&h=200&fit=crop&auto=format" alt="Cupping therapy" loading="lazy"></div>
                    <h3>Cupping Therapy</h3>
                    <p>Traditional technique using suction cups to increase blood flow, reduce muscle tension, and promote healing.</p>
                    <a href="/services/cupping" class="service-link">Learn more →</a>
                </article>
                
                <article class="service-card">
                    <div class="service-icon"><img src="https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=400&h=200&fit=crop&auto=format" alt="Herbal medicine" loading="lazy"></div>
                    <h3>Herbal Medicine</h3>
                    <p>Customized herbal formulations based on traditional Chinese medicine principles to support your treatment plan.</p>
                    <a href="/services/herbal-medicine" class="service-link">Learn more →</a>
                </article>
            </div>
        </section>
        
        
        <section class="section" id="about">
            <div class="about-section">
                <div class="about-content">
                    <h2>About Eclipse Acupuncture</h2>
                    <p>Founded in 2009, Eclipse Acupuncture has been providing exceptional holistic healthcare services to the London community for over 15 years. Our clinic combines the ancient wisdom of Traditional Chinese Medicine with modern medical understanding.</p>
                    <p>We believe in treating the whole person, not just symptoms. Our approach is grounded in understanding your unique constitution and health history, allowing us to create personalized treatment plans that address the root causes of your health concerns.</p>
                    <p>All our practitioners are fully qualified, insured, and registered with the British Acupuncture Council, ensuring you receive safe, professional care.</p>
                    <ul class="about-features">
                        <li>British Acupuncture Council registered practitioners</li>
                        <li>Over 15 years of clinical experience</li>
                        <li>Personalized treatment plans</li>
                        <li>Clean, relaxing clinic environment</li>
                        <li>Evening and weekend appointments available</li>
                    </ul>
                </div>
                <div class="about-image">
                    <img src="https://images.unsplash.com/photo-1629909613654-28e377c37b09?w=600&h=500&fit=crop&auto=format" alt="Modern wellness clinic interior" loading="lazy">
                </div>
            </div>
        </section>
        
        
        <section class="section" id="team">
            <div class="section-header">
                <span class="section-badge">Our Team</span>
                <h2>Meet Our Practitioners</h2>
                <p>Experienced, compassionate professionals dedicated to your health and wellbeing.</p>
            </div>
            
            <div class="team-grid">
                <article class="team-card">
                    <div class="team-image"><img src="https://images.unsplash.com/photo-1612349317150-e413f6a5b16d?w=300&h=280&fit=crop&auto=format" alt="Dr. James Chen" loading="lazy"></div>
                    <div class="team-info">
                        <h3 class="team-name">Dr. James Chen</h3>
                        <p class="team-role">Lead Practitioner & Founder</p>
                        <p class="team-credentials">BSc, MBAcC, MRCHM • 20 years experience</p>
                    </div>
                </article>
                
                <article class="team-card">
                    <div class="team-image"><img src="https://images.unsplash.com/photo-1559839734-2b71ea197ec2?w=300&h=280&fit=crop&auto=format" alt="Sarah Williams" loading="lazy"></div>
                    <div class="team-info">
                        <h3 class="team-name">Sarah Williams</h3>
                        <p class="team-role">Senior Acupuncturist</p>
                        <p class="team-credentials">BSc (Hons), MBAcC • 12 years experience</p>
                    </div>
                </article>
                
                <article class="team-card">
                    <div class="team-image"><img src="https://images.unsplash.com/photo-1622253692010-333f2da6031d?w=300&h=280&fit=crop&auto=format" alt="Dr. Michael Park" loading="lazy"></div>
                    <div class="team-info">
                        <h3 class="team-name">Dr. Michael Park</h3>
                        <p class="team-role">TCM Specialist</p>
                        <p class="team-credentials">PhD TCM, MBAcC • 15 years experience</p>
                    </div>
                </article>
            </div>
        </section>
        
        
        <section class="section" id="testimonials">
            <div class="section-header">
                <span class="section-badge">Testimonials</span>
                <h2>What Our Patients Say</h2>
                <p>Real experiences from real patients who have transformed their health with our care.</p>
            </div>
            
            <div class="testimonials-grid">
                <article class="testimonial-card">
                    <div class="testimonial-stars">★★★★★</div>
                    <p class="testimonial-text">"After years of chronic back pain and trying everything, I finally found relief through acupuncture here. The team is incredibly knowledgeable and caring. I can't recommend them enough!"</p>
                    <div class="testimonial-author">
                        <div class="testimonial-avatar">JH</div>
                        <div>
                            <div class="testimonial-name">Jennifer H.</div>
                            <div class="testimonial-title">Marketing Director</div>
                        </div>
                    </div>
                </article>
                
                <article class="testimonial-card">
                    <div class="testimonial-stars">★★★★★</div>
                    <p class="testimonial-text">"I was skeptical at first, but the results speak for themselves. My migraines have reduced by 80% and I feel more balanced than I have in years. Truly life-changing experience."</p>
                    <div class="testimonial-author">
                        <div class="testimonial-avatar">MT</div>
                        <div>
                            <div class="testimonial-name">Mark T.</div>
                            <div class="testimonial-title">Software Engineer</div>
                        </div>
                    </div>
                </article>
                
                <article class="testimonial-card">
                    <div class="testimonial-stars">★★★★★</div>
                    <p class="testimonial-text">"The fertility support I received was amazing. After struggling for years, the combination of acupuncture and herbal medicine helped me finally conceive. Forever grateful!"</p>
                    <div class="testimonial-author">
                        <div class="testimonial-avatar">AL</div>
                        <div>
                            <div class="testimonial-name">Amanda L.</div>
                            <div class="testimonial-title">Teacher</div>
                        </div>
                    </div>
                </article>
            </div>
        </section>
        
        
        <section class="section" id="faq">
            <div class="section-header">
                <span class="section-badge">FAQ</span>
                <h2>Frequently Asked Questions</h2>
                <p>Find answers to common questions about our services and treatments.</p>
            </div>
            
            <div class="faq-list">
                <article class="faq-item">
                    <div class="faq-question">
                        <span>What conditions can acupuncture treat?</span>
                        <span>+</span>
                    </div>
                    <div class="faq-answer">
                        Acupuncture can effectively treat a wide range of conditions including chronic pain, migraines, stress, anxiety, insomnia, digestive issues, fertility problems, menstrual disorders, and many more. During your initial consultation, our practitioners will assess your specific needs and create a personalized treatment plan.
                    </div>
                </article>
                
                <article class="faq-item">
                    <div class="faq-question">
                        <span>Is acupuncture safe?</span>
                        <span>+</span>
                    </div>
                    <div class="faq-answer">
                        Yes, acupuncture is very safe when performed by qualified practitioners. All our practitioners are fully registered with the British Acupuncture Council and adhere to strict safety standards. We use single-use, sterile needles for every treatment and maintain the highest standards of hygiene.
                    </div>
                </article>
                
                <article class="faq-item">
                    <div class="faq-question">
                        <span>How many sessions will I need?</span>
                        <span>+</span>
                    </div>
                    <div class="faq-answer">
                        The number of sessions varies depending on your condition, its duration, and how you respond to treatment. For acute conditions, 2-4 sessions may be sufficient. For chronic conditions, we typically recommend starting with 6-8 sessions, then reassessing your progress. Your practitioner will discuss a treatment plan with you after your initial assessment.
                    </div>
                </article>
                
                <article class="faq-item">
                    <div class="faq-question">
                        <span>Does acupuncture hurt?</span>
                        <span>+</span>
                    </div>
                    <div class="faq-answer">
                        Most people experience minimal discomfort during acupuncture. The needles used are extremely fine – much thinner than injection needles. You may feel a slight tingling or dull ache when the needles are inserted, which is a sign that the treatment is working. Many patients find the experience relaxing and some even fall asleep during treatment.
                    </div>
                </article>
                
                <article class="faq-item">
                    <div class="faq-question">
                        <span>Is acupuncture covered by insurance?</span>
                        <span>+</span>
                    </div>
                    <div class="faq-answer">
                        Many private health insurance plans now cover acupuncture. We recommend checking with your insurance provider about your specific coverage. We can provide you with detailed receipts and documentation needed for insurance claims. We accept most major insurance providers.
                    </div>
                </article>
            </div>
        </section>
        
        
        <section class="section" id="contact">
            <div class="contact-section">
                <div class="section-header">
                    <span class="section-badge">Contact Us</span>
                    <h2>Get in Touch</h2>
                    <p>Ready to start your wellness journey? Contact us today to book your consultation.</p>
                </div>
                
                <div class="contact-grid">
                    <div class="contact-info">
                        <h3>Contact Information</h3>
                        
                        <div class="contact-item">
                            <div class="contact-item-icon">📍</div>
                            <div class="contact-item-text">
                                <h4>Address</h4>
                                <p>123 Wellness Street<br>London, W1K 5AB<br>United Kingdom</p>
                            </div>
                        </div>
                        
                        <div class="contact-item">
                            <div class="contact-item-icon">📞</div>
                            <div class="contact-item-text">
                                <h4>Phone</h4>
                                <a href="tel:{{phone}}">{{phone}}</a>
                            </div>
                        </div>
                        
                        <div class="contact-item">
                            <div class="contact-item-icon">✉️</div>
                            <div class="contact-item-text">
                                <h4>Email</h4>
                                <a href="mailto:{{email}}">{{email}}</a>
                            </div>
                        </div>
                        
                        <div class="business-hours">
                            <h4>Opening Hours</h4>
                            <div class="hours-row">
                                <span>Monday - Friday</span>
                                <span>9:00 AM - 6:00 PM</span>
                            </div>
                            <div class="hours-row">
                                <span>Saturday</span>
                                <span>10:00 AM - 4:00 PM</span>
                            </div>
                            <div class="hours-row">
                                <span>Sunday</span>
                                <span>Closed</span>
                            </div>
                        </div>
                    </div>
                    
                    <div class="contact-map">
                        <img src="https://images.unsplash.com/photo-1524661135-423995f22d0b?w=600&h=450&fit=crop&auto=format" alt="London map location" style="width:100%;height:100%;object-fit:cover;border-radius:12px;" loading="lazy">
                    </div>
                </div>
            </div>
        </section>
    </main>
    
    
    <section class="newsletter">
        <h2>Stay Informed About Your Health</h2>
        <p>Subscribe to our newsletter for wellness tips, special offers, and health insights.</p>
        <form class="newsletter-form" action="/subscribe" method="post">
            <input type="email" class="newsletter-input" placeholder="Enter your email address" required>
            <button type="submit" class="newsletter-btn">Subscribe</button>
        </form>
    </section>
    
    
    <footer class="footer">
        <div class="footer-grid">
            <div class="footer-brand">
                <div class="logo">
                    <span class="logo-icon">🌿</span>
                    <span class="logo-text" style="color: white;">Eclipse Acupuncture</span>
                </div>
                <p>Providing exceptional holistic healthcare services to the London community since 2009. Our mission is to help you achieve optimal health and wellbeing through personalized, evidence-based treatments.</p>
                <div class="footer-social">
                    <a href="https://facebook.com/eclipseacupuncture" aria-label="Facebook">FB</a>
                    <a href="https://instagram.com/eclipse_acupuncture" aria-label="Instagram">IG</a>
                    <a href="https://linkedin.com/company/eclipse-acupuncture" aria-label="LinkedIn">LI</a>
                    <a href="https://twitter.com/eclipse_acu" aria-label="Twitter">TW</a>
                </div>
            </div>
            
            <div>
                <h4>Services</h4>
                <ul class="footer-links">
                    <li><a href="/services/acupuncture">Acupuncture</a></li>
                    <li><a href="/services/pain-management">Pain Management</a></li>
                    <li><a href="/services/stress-relief">Stress Relief</a></li>
                    <li><a href="/services/womens-health">Women's Health</a></li>
                    <li><a href="/services/cupping">Cupping Therapy</a></li>
                    <li><a href="/services/herbal-medicine">Herbal Medicine</a></li>
                </ul>
            </div>
            
            <div>
                <h4>Company</h4>
                <ul class="footer-links">
                    <li><a href="/about">About Us</a></li>
                    <li><a href="/team">Our Team</a></li>
                    <li><a href="/blog">Blog</a></li>
                    <li><a href="/careers">Careers</a></li>
                    <li><a href="/testimonials">Testimonials</a></li>
                    <li><a href="/contact">Contact</a></li>
                </ul>
            </div>
            
            <div>
                <h4>Support</h4>
                <ul class="footer-links">
                    <li><a href="/faq">FAQ</a></li>
                    <li><a href="/booking">Book Online</a></li>
                    <li><a href="/insurance">Insurance Info</a></li>
                    <li><a href="/first-visit">First Visit Guide</a></li>
                    <li><a href="/cancellation-policy">Cancellation Policy</a></li>
                    <li><a href="/accessibility">Accessibility</a></li>
                </ul>
            </div>
        </div>
        
        <div class="footer-bottom">
            <p>&copy; 2009-2026 Eclipse Acupuncture Ltd. All rights reserved. Registered in England & Wales: 07654321</p>
            <div class="footer-legal">
                <a href="/privacy-policy">Privacy Policy</a>
                <a href="/terms-of-service">Terms of Service</a>
                <a href="/cookie-policy">Cookie Policy</a>
                <a href="/gdpr">GDPR</a>
            </div>
        </div>
    </footer>
    
    <script>
        // Cookie consent functionality
        function acceptCookies() {
            document.getElementById('cookieBanner').style.display = 'none';
            localStorage.setItem('cookiesAccepted', 'true');
        }
        
        function openSettings() {
            // Cookie settings modal would open here
            alert('Cookie settings would open here');
        }
        
        // Check if cookies already accepted
        if (localStorage.getItem('cookiesAccepted') === 'true') {
            document.getElementById('cookieBanner').style.display = 'none';
        }
        
        // Smooth scroll for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });
                }
            });
        });
    </script>
</body>
</html>