@extends('layouts.app')

@section('title', 'About Us - Saba Remedies')

@section('content')
<div class="bg-gradient-to-r from-emerald-800 to-teal-900 text-white py-12">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h1 class="text-3xl sm:text-4xl font-extrabold">About Saba Remedies</h1>
        <p class="text-xs sm:text-sm text-emerald-200 mt-2 max-w-xl">50+ Years of Unani heritage, scholarly wisdom, and authentic herbal healing</p>
    </div>
</div>

<section class="py-14 bg-slate-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-12">
        
        <!-- Story & Doctors Introduction -->
        <div class="bg-white rounded-3xl border border-slate-200 p-8 sm:p-12 shadow-sm">
            <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 items-center">
                <div class="lg:col-span-6 space-y-4">
                    <span class="text-emerald-700 font-bold text-xs uppercase tracking-wider bg-emerald-50 px-3 py-1 rounded-full">Our Story</span>
                    <h2 class="text-2xl sm:text-3xl font-extrabold text-slate-900">Dedicated to Authentic Unani Tibb Medicine</h2>
                    <div class="text-slate-600 text-xs sm:text-sm leading-relaxed text-justify space-y-3">
                        <p>
                            <strong>Saba Remedies</strong> is established by <strong>Dr. Fazal Ahmed</strong>, B.U.M.S (Osm), MD (Unani) and his wife <strong>Dr. Tasneem Fazal</strong>, B.U.M.S (Bangalore), M.D. Apart from being a very efficient practitioner, Dr. Fazal Ahmed is the son of <strong>Dr. Mohammed Mastan Ali</strong>, the senior-most Unani Herbal Physician and Retired Director-In-Charge of “Central Research Institute for Unani Herbal Medicine”.
                        </p>
                        <p>
                            Dr. Mohammed Mastan Ali has scripted various authoritative books on Unani Herbal Medicine and has been in the noble service of innumerable ailing patients for over 50 years. Under his enlightening guidance, Dr. Fazal Ahmed and Dr. Tasneem Fazal continue to formulate certain Unani Medicines and cosmetic products of highest quality and efficacy, making them accessible to the common public across India.
                        </p>
                    </div>
                </div>

                <div class="lg:col-span-6">
                    <div class="rounded-3xl overflow-hidden shadow-lg border border-slate-200 bg-slate-900">
                        <div class="aspect-video w-full">
                            <iframe class="w-full h-full" src="https://www.youtube.com/embed/UUHV2JocGPM" title="Saba Remedies Unani Experts" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Vision & Core Values Grid -->
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
            <div class="bg-white rounded-3xl border border-slate-200 p-8 shadow-sm space-y-3">
                <div class="w-12 h-12 rounded-2xl bg-emerald-50 text-emerald-700 flex items-center justify-center text-2xl font-bold">
                    <i class="fa-solid fa-seedling"></i>
                </div>
                <h3 class="font-bold text-slate-900 text-base">Pure Botanical Ingredients</h3>
                <p class="text-xs text-slate-500 leading-relaxed">
                    We select pure, pharmacopoeial-grade herbs and natural minerals to produce safe and highly effective remedies without harmful additives.
                </p>
            </div>

            <div class="bg-white rounded-3xl border border-slate-200 p-8 shadow-sm space-y-3">
                <div class="w-12 h-12 rounded-2xl bg-emerald-50 text-emerald-700 flex items-center justify-center text-2xl font-bold">
                    <i class="fa-solid fa-book-medical"></i>
                </div>
                <h3 class="font-bold text-slate-900 text-base">Classical Formulations</h3>
                <p class="text-xs text-slate-500 leading-relaxed">
                    Our compound drugs strictly follow centuries of tested Unani medical pharmacopoeia, validated through modern hygiene and quality standards.
                </p>
            </div>

            <div class="bg-white rounded-3xl border border-slate-200 p-8 shadow-sm space-y-3">
                <div class="w-12 h-12 rounded-2xl bg-emerald-50 text-emerald-700 flex items-center justify-center text-2xl font-bold">
                    <i class="fa-solid fa-heart-pulse"></i>
                </div>
                <h3 class="font-bold text-slate-900 text-base">Holistic Patient Care</h3>
                <p class="text-xs text-slate-500 leading-relaxed">
                    Treating the root cause rather than merely suppressing symptoms, restoring natural balance (Mizaj) and bodily vitality.
                </p>
            </div>
        </div>

    </div>
</section>
@endsection