@extends('layouts.app')
@section('title', 'India Return Job Support — Japanese Professionals | Soyogi')

@section('content')
<div class="page-header">
    <div class="section-badge"><i class="fas fa-plane-arrival"></i> India Return Support</div>
    <span class="jp-sub">帰国後のサポート</span>
    <h1>Back in India After Japan?</h1>
    <p>Japanese language + Japan work experience = a premium career at India's top companies. Soyogi's India return support is here for you.</p>
    <div class="breadcrumb">
        <a href="{{ route('home') }}">Home</a>
        <i class="fas fa-chevron-right" style="font-size:10px;"></i>
        <a href="{{ route('services.index') }}">Services</a>
        <i class="fas fa-chevron-right" style="font-size:10px;"></i>
        <span class="current">India Return</span>
    </div>
</div>

<section class="section">
    <div class="section-inner">
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:64px;">
            <div data-aos="fade-right">
                <div class="section-badge"><i class="fas fa-star"></i> Why Return to India?</div>
                <h2 class="section-title">Japan Experience = Premium Value in India</h2>
                <p style="color:var(--gray-600);font-size:15px;line-height:1.8;margin-bottom:24px;">Demand for Japanese language professionals in India is growing fast. Toyota, Honda, Yamaha, NTT, Fujitsu, Maruti — all their Indian offices need Japanese-speaking Indians. You can expect a salary premium of 40–100% over industry average.</p>
                <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
                    @foreach([['3x','Salary Premium'],['50+','Hiring Companies in India'],['2 weeks','Avg Placement Time'],['100%','Satisfaction Rate']] as $stat)
                    <div style="background:var(--gray-50);border-radius:12px;padding:18px;border:1px solid var(--gray-200);text-align:center;">
                        <div style="font-size:28px;font-weight:900;color:var(--red);">{{ $stat[0] }}</div>
                        <div style="font-size:12px;color:var(--gray-600);margin-top:4px;">{{ $stat[1] }}</div>
                    </div>
                    @endforeach
                </div>
            </div>
            <div style="background:var(--navy);border-radius:20px;padding:36px;" data-aos="fade-left">
                <h3 style="color:white;font-size:18px;font-weight:700;margin-bottom:20px;">Companies Hiring in India</h3>
                @foreach(['Toyota India','Honda India','Yamaha India','Suzuki India','NTT India','Fujitsu India','Hitachi India','Mitsubishi India','Japanese Consulate','Translation Agencies'] as $company)
                <div style="display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.06);">
                    <i class="fas fa-building" style="color:var(--gold);width:16px;"></i>
                    <span style="color:rgba(255,255,255,0.8);font-size:14px;">{{ $company }}</span>
                </div>
                @endforeach
                <a href="#" onclick="openModal();return false;" class="btn-primary" style="width:100%;justify-content:center;margin-top:24px;">Get India Job Help</a>
            </div>
        </div>

        <!-- Job Types -->
        <div style="text-align:center;margin-bottom:40px;" data-aos="fade-up">
            <h2 class="section-title">Job Opportunities in India</h2>
        </div>
        <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px;">
            @foreach([
                ['fas fa-language','Japanese Translator','MNCs, embassies, law firms — translation and interpretation roles.','₹5-15 LPA'],
                ['fas fa-handshake','Business Development','Japan-India trade companies — BD manager, liaison officer positions.','₹8-20 LPA'],
                ['fas fa-laptop','IT Project Manager','India offices of Japanese IT companies — project coordination roles.','₹10-25 LPA'],
                ['fas fa-chalkboard','Japanese Teacher','Top institutes and coaching centres — teach Japanese in India.','₹4-10 LPA'],
                ['fas fa-car','Automotive Industry','Toyota, Honda, Yamaha, Maruti — technical, HR, and quality roles.','₹6-18 LPA'],
                ['fas fa-university','Diplomacy/Embassy','Japanese Consulate, JICA, trade missions — premium government-adjacent roles.','₹8-20 LPA'],
            ] as $role)
            <div style="background:white;border-radius:16px;padding:28px;border:1px solid var(--gray-200);transition:all 0.3s;" data-aos="fade-up" data-aos-delay="{{ $loop->index * 60 }}" onmouseover="this.style.transform='translateY(-4px)';this.style.boxShadow='0 16px 40px rgba(0,0,0,0.08)'" onmouseout="this.style.transform='';this.style.boxShadow=''">
                <div style="width:48px;height:48px;background:rgba(220,38,38,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;">
                    <i class="{{ $role[0] }}" style="color:var(--red);font-size:20px;"></i>
                </div>
                <h4 style="font-size:16px;font-weight:700;color:var(--navy);margin-bottom:8px;">{{ $role[1] }}</h4>
                <p style="font-size:13px;color:var(--gray-600);line-height:1.6;margin-bottom:12px;">{{ $role[2] }}</p>
                <div style="font-size:13px;font-weight:700;color:var(--red);">{{ $role[3] }}</div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endsection