@extends('layouts.public')

@section('content')
@php($domains = [
    ['icon' => '🏥', 'title' => 'Nursing & Medical Training Solutions', 'items' => ['CPR & Nursing Manikins', 'Human Anatomical Models', 'Simulation & Training Equipment']],
    ['icon' => '🧪', 'title' => 'Laboratory Equipment', 'items' => ['Scientific Instruments', 'Chemistry, Physics & Biology Lab Equipment', 'Measurement & Testing Tools']],
    ['icon' => '🌍', 'title' => 'Education Maps & Charts', 'items' => ['Educational Charts & Models', 'Geographical Models & Globes', 'GIS & Mapping-Based Solutions']],
])
@php($strengths = ['Wide Product Portfolio (1000+ Products)', 'Trusted by Educational & Healthcare Institutions', 'Focus on Practical Learning & Training', 'High-Quality Materials & Finishing', 'Strong Supply & Distribution Network', 'Custom Solutions for Institutions'])
@php($industries = ['Healthcare & Hospitals', 'Medical & Nursing Colleges', 'Schools & Educational Institutions', 'Research & Testing Laboratories', 'Government & Skill Development Projects'])
@php($profile = [
    'Nature of Business' => 'Supplier & Distributor of Scientific & Educational Solutions',
    'Location' => 'India',
    'Product Range' => 'Nursing & Medical, Laboratory, Education Maps & Charts',
    'Experience' => 'Years of domain expertise in education & scientific supply',
    'Network' => 'Serving institutions across India',
])
<main class="inner-page about-page">
    <section class="inner-hero compact-hero about-hero">
        <div>
            <span class="section-badge">About Vinlab</span>
            <h1>About Vinlab</h1>
            <p>Delivering advanced laboratory equipment, medical training solutions, and educational systems for institutions, healthcare, and research sectors.</p>
            <div class="hero-actions">
                <a class="button primary" href="{{ route('quote') }}">Request Quote</a>
                <a class="button secondary" href="{{ route('products') }}">Explore Products</a>
            </div>
        </div>
    </section>

    <section class="inner-section about-intro">
        <div class="section-header">
            <div>
                <span class="section-badge">Who We Are</span>
                <h2>Trusted scientific, medical and educational solutions across India.</h2>
            </div>
        </div>
        <div class="about-story-grid">
            <article class="glass-panel">
                <p>Vinlab is a trusted provider of scientific, medical, and educational solutions, serving institutions, laboratories, and organizations across India.</p>
                <p>We specialize in supplying laboratory equipment, medical and nursing training models, educational charts, and geo-spatial mapping solutions, designed to enhance practical learning and real-world understanding.</p>
                <p>With a strong focus on quality, accuracy, and usability, our products simplify complex concepts through hands-on learning tools and visual aids that deliver real impact.</p>
            </article>
            <div class="audience-list">
                @foreach(['Medical Colleges & Hospitals', 'Nursing Training Institutes', 'Schools & Educational Institutions', 'Research Laboratories', 'Government & Industrial Projects'] as $item)
                    <span>{{ $item }}</span>
                @endforeach
            </div>
        </div>
    </section>

    <section class="inner-section">
        <div class="section-header centered">
            <span class="section-badge">What We Offer</span>
            <h2>Comprehensive product domains for practical learning and training.</h2>
        </div>
        <div class="domain-grid">
            @foreach($domains as $domain)
                <article class="domain-card">
                    <div class="domain-icon">{{ $domain['icon'] }}</div>
                    <h3>{{ $domain['title'] }}</h3>
                    <ul>
                        @foreach($domain['items'] as $item)
                            <li>{{ $item }}</li>
                        @endforeach
                    </ul>
                </article>
            @endforeach
        </div>
    </section>

    <section class="inner-section split-section">
        <div>
            <span class="section-badge">Why Vinlab</span>
            <h2>Built around institutional reliability, practical outcomes and clear procurement.</h2>
        </div>
        <div class="strength-grid">
            @foreach($strengths as $strength)
                <article><span>✓</span><strong>{{ $strength }}</strong></article>
            @endforeach
        </div>
    </section>

    <section class="inner-section quality-band">
        <div>
            <span class="section-badge light">Our Quality Commitment</span>
            <h2>Quality is at the core of everything we deliver.</h2>
            <p>All products are carefully selected, tested, and verified to ensure accuracy, durability, and performance. We work closely with trusted manufacturers and continuously upgrade our product range to meet evolving industry standards.</p>
        </div>
        <ul>
            <li>Continuous improvement in product quality</li>
            <li>Focus on accuracy and scientific reliability</li>
            <li>Strong quality checks before delivery</li>
            <li>Customer feedback-driven enhancements</li>
        </ul>
    </section>

    <section class="inner-section">
        <div class="section-header">
            <div><span class="section-badge">Industries We Serve</span><h2>Focused support for education, healthcare and technical project teams.</h2></div>
        </div>
        <div class="pill-card-grid">
            @foreach($industries as $industry)
                <article>{{ $industry }}</article>
            @endforeach
        </div>
    </section>

    <section class="inner-section profile-section">
        <div>
            <span class="section-badge">Company Overview</span>
            <h2>A modern supplier and distribution partner for scientific education.</h2>
        </div>
        <div class="profile-grid">
            @foreach($profile as $label => $value)
                <article><span>{{ $label }}</span><strong>{{ $value }}</strong></article>
            @endforeach
        </div>
    </section>

    <section class="inner-section vision-mission">
        <article>
            <span class="section-badge">Our Vision</span>
            <h2>To become a leading provider of integrated scientific and educational solutions.</h2>
            <p>We aim to deliver high-quality products that enhance learning, training, and innovation.</p>
        </article>
        <article>
            <span class="section-badge">Our Mission</span>
            <ul>
                <li>To provide reliable and high-quality products</li>
                <li>To support practical and skill-based learning</li>
                <li>To build long-term relationships with institutions</li>
                <li>To continuously innovate and expand our offerings</li>
            </ul>
        </article>
    </section>

    <section class="inner-cta">
        <span class="section-badge light">Need institutional support?</span>
        <h2>Looking for Reliable Lab or Training Solutions?</h2>
        <p>Partner with Vinlab for complete scientific, medical, and educational solutions tailored to your needs.</p>
        <div class="hero-actions">
            <a class="button light" href="{{ route('quote') }}">Request Quote</a>
            <a class="button ghost" href="{{ route('contact') }}">Contact Us</a>
        </div>
    </section>
</main>
@endsection