@extends('layouts.app')
@section('title', 'About Us')
@section('meta_description', 'Learn about Innerharmony Healing Centre – our philosophy, approach and mission to heal minds, bodies and spirits Innerharmony.')

@section('content')

<div class="page-hero">
    <div class="container">
        <h1>About Us</h1>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb justify-content-center mb-0">
                <li class="breadcrumb-item"><a href="{{ route('home') }}" class="text-warning">Home</a></li>
                <li class="breadcrumb-item active text-white">About Us</li>
            </ol>
        </nav>
    </div>
</div>

<!-- Mission & Vision -->
<section class="py-5">
    <div class="container">
        <div class="row g-5 align-items-center">
            <div class="col-lg-6">
                <span class="text-uppercase small fw-bold" style="color:var(--gold);letter-spacing:0.1em">Who We Are</span>
                <br>
                <h2 class="section-title mt-2 mb-4">A Sanctuary for Healing & Growth</h2>
                <p>Welcome to Innerharmony, your sanctuary for personalized holistic consultancy, where we delve into the profound teachings of enlightened masters to illuminate your path towards inner peace and fulfillment. At Innerharmony, we believe that true harmony stems from aligning the mind, body, and spirit with the universal flow of existence. Drawing from the timeless wisdom of enlightened masters, we offer bespoke solutions to help you navigate life's challenges and unlock your boundless potential. However, it's important to note that true growth requires commitment and effort on your part. Are you prepared to invest in your own journey of self-improvement.</p>

                <h2 class="section-title mt-2 mb-4">Our mission</h2>
                <p>Our mission is to seamlessly weave awareness and wellness into everyday life. We strive to help people thrive by embracing a holistic lifestyle that cares for the mind, body, and spirit. We believe true wellness is more than physical fitness; it includes mental clarity, emotional resilience, and spiritual fulfillment.</p>
                <p>Our approach is deeply personalised. No two healing journeys are the same, and we honour that by crafting individual healing plans that address the root causes of distress rather than just managing symptoms.</p>
            </div>
            <div class="col-lg-6">
                <div class="row g-3">
                    <div class="col-6">
                        <div class="p-4 rounded-3 text-center h-100" style="background:var(--light-bg)">
                            <i class="fas fa-heart fa-2x mb-3" style="color:var(--purple-dark)"></i>
                            <h5>Compassion</h5>
                            <p class="small text-muted mb-0">Every session is held in a safe, non-judgmental space of deep compassion.</p>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="p-4 rounded-3 text-center h-100" style="background:var(--light-bg)">
                            <i class="fas fa-seedling fa-2x mb-3" style="color:var(--purple-dark)"></i>
                            <h5>Growth</h5>
                            <p class="small text-muted mb-0">We guide you toward lasting transformation, not temporary relief.</p>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="p-4 rounded-3 text-center h-100" style="background:var(--light-bg)">
                            <i class="fas fa-infinity fa-2x mb-3" style="color:var(--purple-dark)"></i>
                            <h5>Holism</h5>
                            <p class="small text-muted mb-0">Mind, body and spirit are addressed together as one integrated whole.</p>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="p-4 rounded-3 text-center h-100" style="background:var(--light-bg)">
                            <i class="fas fa-shield-heart fa-2x mb-3" style="color:var(--purple-dark)"></i>
                            <h5>Integrity</h5>
                            <p class="small text-muted mb-0">Complete confidentiality and ethical practice in every interaction.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- What We Offer -->
<section class="py-5" style="background:var(--light-bg)">
    <div class="container">
        <h2 class="section-title text-center mb-5">Our Healing Philosophy</h2>
        <div class="row g-4 mt-3">
            @php
            $pillars = [
                ['icon'=>'fas fa-brain','title'=>'Psychological Wellbeing','desc'=>'Using evidence-based counselling psychology to understand thought patterns, emotional responses and behavioural cycles that keep us stuck.'],
                ['icon'=>'fas fa-dharmachakra','title'=>'Energy Healing','desc'=>'Working with the body\'s subtle energy field through Reiki, Chakra Balancing and Pranic healing to remove blockages and restore natural flow.'],
                ['icon'=>'fas fa-om','title'=>'Mindfulness & Meditation','desc'=>'Teaching practical mindfulness and meditation tools that cultivate present-moment awareness, reduce stress and build emotional resilience.'],
                ['icon'=>'fas fa-child-reaching','title'=>'Inner Child Work','desc'=>'Gently exploring and healing early childhood wounds that continue to influence adult relationships, self-worth and life choices.'],
                ['icon'=>'fas fa-comments','title'=>'NLP & Hypnotherapy','desc'=>'Rapid transformation tools that work directly with the subconscious mind to rewrite limiting beliefs and install empowering new patterns.'],
                ['icon'=>'fas fa-hands-holding-heart','title'=>'Integrative Approach','desc'=>'Blending multiple modalities into a seamless, personalised healing experience that honours each individual\'s unique journey.'],
            ];
            @endphp
            @foreach($pillars as $p)
            <div class="col-md-6 col-lg-4">
                <div class="d-flex gap-3">
                    <div class="flex-shrink-0 rounded-circle d-flex align-items-center justify-content-center"
                         style="width:52px;height:52px;background:rgba(68,32,100,0.1)">
                        <i class="{{ $p['icon'] }}" style="color:var(--purple-dark)"></i>
                    </div>
                    <div>
                        <h5 class="mb-1" style="font-size:1rem">{{ $p['title'] }}</h5>
                        <p class="text-muted small mb-0">{{ $p['desc'] }}</p>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>

<!-- Featured E-Magazine -->
<section class="py-5 text-center">
    <div class="container">
        <div class="col-lg-8 mx-auto">
            <h2 class="section-title mb-4">Featured in Doctors Hub E-Magazine</h2>
            <p class="lead text-muted mt-4">Auromon Chakrabarti was featured in an in-depth interview on why she chose to combine psychology with Innerharmony healing — and how this unique synthesis is transforming lives across India.</p>
            <a href="https://heyzine.com/flip-book/0309420126.html#page/4" target="_blank" class="btn btn-primary btn-lg mt-3 px-5">
                <i class="fas fa-book-open me-2"></i>Read the Interview
            </a>
        </div>
    </div>
</section>

<!-- CTA -->
<section class="py-5 text-white text-center" style="background:linear-gradient(135deg, var(--purple-dark), var(--purple-medium))">
    <div class="container">
        <h2 class="mb-3">Ready to Begin Your Healing Journey?</h2>
        <p class="lead mb-4" style="opacity:0.9">Book a free initial consultation with Taanya today.</p>
        <a href="{{ route('contact') }}" class="btn btn-gold btn-lg px-5 me-3">Book a Session</a>
        <a href="{{ route('services') }}" class="btn btn-outline-light btn-lg px-5">View Services</a>
    </div>
</section>

@endsection