@extends('layouts.main')
@push('title')
<title>About Us - FitSportHub</title>
@endpush
@section('main-section')

<!-- Header -->
{{-- <div class="bg-indigo-900 py-12">
    <h1 class="text-center text-white text-4xl font-bold">About Us</h1>
    <ol class="flex justify-center space-x-2 text-gray-300 mt-2">
        <li><a href="{{ url('/') }}" class="hover:text-white">Home</a></li>
        <li>/</li>
        <li class="text-white">About</li>
    </ol>
</div> --}}

<!-- About Section -->
<section class="py-16 bg-white">
    <div class="max-w-6xl mx-auto px-6 lg:px-12 grid lg:grid-cols-2 gap-12 items-center">
        <!-- Left Content -->
        <div>
            <h2 class="text-3xl font-bold mb-4 text-gray-800">About <span class="text-indigo-700">FitSportHub</span></h2>
            <p class="text-lg text-gray-600 mb-6">
                Welcome to <strong>FitSportHub</strong>, your trusted online destination for premium proteins and fitness supplements. 
                Our mission is to help athletes, fitness enthusiasts, and health-conscious individuals achieve their goals with safe, authentic, and high-quality products.
            </p>
            <p class="text-lg text-gray-600 mb-6">
                At FitSportHub, we believe fitness is not just a routine—it’s a lifestyle. That’s why we source products from reputed manufacturers, 
                ensuring that every supplement meets strict quality standards before it reaches you.
            </p>
            <p class="text-lg text-gray-600">
                FitSportHub is owned and operated by <strong>KTC LIFE SUCCESS PRIVATE LIMITED</strong>, a legally registered company committed to delivering only genuine and effective products.
            </p>
        </div>

        <!-- Right Image -->
        {{-- <div class="flex justify-center">
            <img src="{{ asset('img/fitsports.png') }}" alt="FitSportHub Proteins" class="rounded-2xl shadow-lg max-w-md">
        </div> --}}

        <div class="flex justify-center">
            <img src="{{ asset('img/fitsports.png') }}" alt="FitSportHub Proteins" class="rounded-2xl shadow-lg">
        </div>

    </div>
</section>

<!-- Mission Section -->
<section class="py-16 bg-gray-50">
    <div class="max-w-5xl mx-auto px-6 text-center">
        <h2 class="text-3xl font-bold text-gray-800 mb-6">Our Mission</h2>
        <p class="text-lg text-gray-600 leading-relaxed">
            Our mission is simple:  
            <br>✔ To provide <strong>genuine supplements</strong> at fair prices.  
            <br>✔ To support the fitness community with <strong>reliable products</strong>.  
            <br>✔ To ensure a <strong>seamless shopping experience</strong> for our customers.  
        </p>
    </div>
</section>

<!-- Why Choose Us -->
<section class="py-16 bg-white">
    <div class="max-w-6xl mx-auto px-6 lg:px-12">
        <h2 class="text-3xl font-bold text-gray-800 text-center mb-12">Why Choose FitSportHub?</h2>
        <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 text-center">
            <div class="p-6 bg-gray-50 rounded-xl shadow hover:shadow-lg transition">
                <h3 class="font-semibold text-lg mb-3">100% Authentic</h3>
                <p class="text-gray-600">Every product we sell is certified and sourced directly from trusted suppliers.</p>
            </div>
            <div class="p-6 bg-gray-50 rounded-xl shadow hover:shadow-lg transition">
                <h3 class="font-semibold text-lg mb-3">Wide Range</h3>
                <p class="text-gray-600">From proteins to pre-workouts, we have all your supplement needs covered.</p>
            </div>
            <div class="p-6 bg-gray-50 rounded-xl shadow hover:shadow-lg transition">
                <h3 class="font-semibold text-lg mb-3">Fast Delivery</h3>
                <p class="text-gray-600">We ensure quick and secure delivery to your doorstep across India.</p>
            </div>
            <div class="p-6 bg-gray-50 rounded-xl shadow hover:shadow-lg transition">
                <h3 class="font-semibold text-lg mb-3">Trusted Company</h3>
                <p class="text-gray-600">Operated by <strong>KTC LIFE SUCCESS PRIVATE LIMITED</strong>, a registered legal entity.</p>
            </div>
        </div>
    </div>
</section>

<!-- Commitment -->
<section class="py-16 bg-gray-50">
    <div class="max-w-5xl mx-auto px-6 text-center">
        <h2 class="text-3xl font-bold text-gray-800 mb-6">Our Commitment</h2>
        <p class="text-lg text-gray-600 leading-relaxed mb-6">
            We are committed to delivering genuine supplements, transparent policies, and outstanding customer support.  
            Every purchase with FitSportHub is backed by the assurance of <strong>KTC LIFE SUCCESS PRIVATE LIMITED</strong>.
        </p>
        <a href="{{ url('/contact') }}" 
           class="inline-block bg-indigo-700 text-white px-6 py-3 rounded-lg shadow hover:bg-indigo-800 transition">
           Contact Us
        </a>
    </div>
</section>

@endsection