@php
    $pageTitle = 'MJ Car Rentals Services - Reliable Car Rental & Travel Services in Trichy';
    $customMetaDescription = 'MJ Car Rentals provides car rental, taxi and travel services in Trichy for local trips, airport transfers, outstation travel, weddings and tours.';
@endphp
@include('header', ['pageTitle' => $pageTitle, 'customMetaDescription' => $customMetaDescription])

<div class="mj-dark-theme-wrapper" style="background-color: #080A0E; color: #C4CDD9; min-height: 100vh;">

    <!-- 8 Core Services Grid Section (View First - 1 Row 3 Cards) -->
    @php
    $coreServicesList = [
        [
            'title' => 'Airport Transfers',
            'tag' => '24/7 Airport Taxi',
            'image' => 'images/mj_airport_hd.jpg',
            'desc' => 'Reliable pickup and drop service for convenient travel to and from Trichy Airport, based on your flight schedule. Enjoy a smooth airport journey with comfortable travel and timely transportation for arrivals and departures.',
            'features' => ['Trichy Airport (TRZ)', 'Flight Schedule Sync', 'Arrivals & Departures'],
            'details_url' => url('/trichy-airport-taxi'),
        ],
        [
            'title' => 'Outstation Trips',
            'tag' => 'Round & One-Way Cabs',
            'image' => 'images/mj_outstation_hd.jpg',
            'desc' => 'Comfortable outstation travel from Trichy to nearby cities and destinations, planned around your trip schedule. Enjoy a convenient journey with suitable travel options for one-way, round-trip, family, and planned trips.',
            'features' => ['One-Way & Round-Trip', 'Intercity Journeys', 'Planned Trip Schedule'],
            'details_url' => url('/outstation-taxi-service-in-trichy'),
        ],
        [
            'title' => 'Local Trips & Rentals',
            'tag' => 'Hourly & Day Packages',
            'image' => 'images/service_local_city.jpg',
            'desc' => 'Convenient local travel in Trichy for shopping, temple visits, appointments, and everyday journeys. Choose flexible rental options for comfortable city travel, including planned stops and door-to-door trips.',
            'features' => ['Shopping & Temples', 'Everyday Journeys', 'Door-to-Door Trips'],
            'details_url' => url('/local-taxi-service-in-trichy'),
        ],
        [
            'title' => 'Pickup & Drop',
            'tag' => 'Point to Point Transfers',
            'image' => 'images/about_chauffeur_service.jpg',
            'desc' => 'Convenient pickup and drop services for travelling between your preferred locations in Trichy. Enjoy door-to-door transportation with a simple and comfortable journey planned around your schedule.',
            'features' => ['Doorstep Pickup & Drop', 'Preferred Locations', 'Zero Waiting Delays'],
            'details_url' => url('/pickup-and-drop-taxi-in-trichy'),
        ],
        [
            'title' => 'Corporate Travel',
            'tag' => 'Business & Executive',
            'image' => 'images/service_business_bmw.jpg',
            'desc' => 'Convenient transportation for business meetings, employee travel, and corporate journeys in and around Trichy. Plan business trips with comfortable travel options that fit your schedule and destination.',
            'features' => ['Business Meetings', 'Employee Travel', 'Executive Comfort'],
            'details_url' => url('/corporate-travel-services-in-trichy'),
        ],
        [
            'title' => 'Wedding Travel',
            'tag' => 'Marriage & Event Fleets',
            'image' => 'images/wedding.jpg',
            'desc' => 'Make wedding travel easier with convenient transportation for the couple, family members, and guests. Plan comfortable journeys between venues and locations according to your wedding schedule.',
            'features' => ['Couple & VIP Cars', 'Family & Guest Logistics', 'Venue-to-Venue Fleets'],
            'details_url' => url('/wedding-car-rental-in-trichy'),
        ],
        [
            'title' => 'Railway Transfers',
            'tag' => 'Station Pickup & Drop',
            'image' => 'images/mj_railway_station.jpg',
            'desc' => 'Convenient pickup and drop services for travelling to and from Trichy Railway Station. Enjoy a comfortable journey planned around your train arrival, departure, and travel schedule.',
            'features' => ['Trichy Junction (TPJ)', 'Train Schedule Sync', 'Station Transfers'],
            'details_url' => url('/trichy-railway-station-taxi'),
        ],
        [
            'title' => 'Family Trips',
            'tag' => 'Holidays & Group Journeys',
            'image' => 'images/tours_holidays_promo.jpg',
            'desc' => 'Comfortable travel options for families planning local journeys, temple visits, and trips from Trichy. Enjoy convenient transportation with space for family members and luggage throughout your journey.',
            'features' => ['Family Comfort', 'Spacious Seating & Luggage', 'Temple & Vacation Trips'],
            'details_url' => url('/family-taxi-service-in-trichy'),
        ],
    ];
    @endphp

    <section class="mj-core-services-section">
        <div class="container">
            <!-- Section Header -->
            <div class="text-center mb-4 wow fadeInDown" data-wow-delay="0.1s">
                <span class="mj-tagline-badge">Our Services</span>
                <h1 style="font-family: 'Cinzel', serif; font-size: clamp(24px, 3.2vw, 36px); color: #FFFFFF; margin-top: 8px; margin-bottom: 10px; font-weight: 700;">
                    MJ Car Rentals Services
                </h1>
                <p style="color: #94A3B8; font-size: 15px; max-width: 740px; margin: 0 auto; line-height: 1.6;">
                    MJ Car Rentals offers different services to support local and longer-distance travel requirements. Each service is designed around a particular type of journey, making it easier to choose an option based on where and why you are travelling.
                </p>
            </div>

           

            <!-- 1 ROW 3 CARDS GRID -->
            <div class="row g-4 justify-content-center" id="servicesGrid">
                @foreach ($coreServicesList as $index => $srv)
                    @php
                        $durations = '1-day';
                        if ($srv['title'] === 'Outstation Trips' || $srv['title'] === 'Family Trips' || $srv['title'] === 'Corporate Travel') {
                            $durations = '1-day 2-3-days 4-5-days';
                        } elseif ($srv['title'] === 'Wedding Travel') {
                            $durations = '1-day 2-3-days';
                        }
                        $srvAnim = ($index % 3 == 0) ? 'fadeInLeft' : (($index % 3 == 1) ? 'zoomIn' : 'fadeInRight');
                    @endphp
                    <div class="col-lg-4 col-md-6 col-12 srv-item-col wow {{ $srvAnim }}" data-durations="{{ $durations }}" data-wow-delay="{{ 0.08 + ($index % 3) * 0.12 }}s">
                        <div class="mj-srv-card-v3" onclick="window.location.href='{{ $srv['details_url'] }}';" style="cursor: pointer;" title="View {{ $srv['title'] }} Details">
                            <!-- Card Image -->
                            <div class="mj-srv-card-img-wrap">
                                <img src="{{ asset($srv['image']) }}" alt="{{ $srv['title'] }}" loading="lazy" class="mj-srv-card-img">
                                <div class="mj-srv-card-img-overlay"></div>
                                <span class="mj-srv-card-badge">{{ $srv['tag'] }}</span>
                            </div>

                            <!-- Card Body -->
                            <div class="mj-srv-card-body">
                                <h3 class="mj-srv-card-title">{{ $srv['title'] }}</h3>
                                <p class="mj-srv-card-desc">{{ $srv['desc'] }}</p>

                                <div class="mj-srv-card-features">
                                    @foreach ($srv['features'] as $feat)
                                        <span class="mj-srv-feat-badge"><i class="fa-solid fa-check me-1" style="color: #D4A762; font-size: 10px;"></i>{{ $feat }}</span>
                                    @endforeach
                                </div>

                                <!-- Action Buttons: Details and Book Now -->
                                <div class="mj-srv-card-actions">
                                    <a href="{{ $srv['details_url'] }}" class="mj-srv-btn-details" onclick="event.stopPropagation(); window.location.href='{{ $srv['details_url'] }}';">
                                        <i class="fa-solid fa-circle-info"></i>
                                        <span>Details</span>
                                    </a>
                                    <a href="{{ url('/contact-mj-car-rentals') }}?service={{ urlencode($srv['title']) }}#enquiry-form-section" class="mj-srv-btn-book" onclick="event.stopPropagation(); window.location.href='{{ url('/contact-mj-car-rentals') }}?service={{ urlencode($srv['title']) }}#enquiry-form-section';">
                                        <span>Book Now</span>
                                        <i class="fa-solid fa-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

    <!-- Section 1: Intro Section -->
    <section class="mj-srv-intro-section" style="padding: 40px 0 30px;">
        <div class="container">
            <div class="mj-intro-card wow zoomIn" data-wow-delay="0.1s" style="border: 1.5px solid rgba(212, 167, 98, 0.45); background: linear-gradient(135deg, rgba(14, 18, 26, 0.95) 0%, rgba(22, 28, 42, 0.85) 100%);">
                <div class="row align-items-center g-4">
                    <div class="col-lg-7 wow fadeInLeft" data-wow-delay="0.15s">
                        <span class="mj-tagline-badge">MJ Car Rentals Services</span>
                        <h2 class="mj-section-title mb-3" style="font-size: clamp(24px, 3.2vw, 36px); color: #FFFFFF;">Reliable Car Rental &amp; Travel Services in Trichy</h2>
                        <p style="color: #FFFFFF; font-size: 15.5px; font-weight: 500; line-height: 1.8; margin-bottom: 14px; text-align: justify; text-justify: inter-word;">
                            MJ Car Rentals provides car rental, cab, taxi and travel services for different transportation needs in and around Trichy. From everyday local travel to airport and railway transfers, outstation journeys, family trips, corporate travel, wedding transportation and planned tours, you can choose a service according to your journey requirements.
                        </p>
                        <p style="color: #CBD5E1; font-size: 15px; line-height: 1.7; margin-bottom: 16px; text-align: justify; text-justify: inter-word;">
                            Explore the available MJ Car Rental Services and find the travel option that matches your destination, travel purpose and schedule.
                        </p>
                        <div class="d-flex align-items-center justify-content-start flex-wrap gap-3 mt-4">
                            <a href="{{ url('/contact-mj-car-rentals') }}#enquiry-form-section" class="mj-btn-gold">
                                <span>Book Your Journey</span>
                                <i class="fa-solid fa-arrow-right ms-2"></i>
                            </a>
                            <a href="https://wa.me/918526548059?text=Hi%20MJ%20Car%20Rentals,%20I%20want%20to%20enquire%20about%20Travel%20Services%20in%20Trichy" target="_blank" class="btn d-inline-flex align-items-center gap-2" style="background: #25D366; color: #FFFFFF; font-weight: 600; font-size: 14px; padding: 10px 20px; border-radius: 8px;">
                                <i class="fa-brands fa-whatsapp"></i> WhatsApp Us
                            </a>
                            <a href="tel:+918526548059" class="mj-btn-outline-gold">
                                <span><i class="fa-solid fa-phone me-1"></i> Call Now</span>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-5 wow fadeInRight" data-wow-delay="0.2s">
                        <div class="rounded-4 overflow-hidden" style="border: 1.5px solid rgba(212, 167, 98, 0.45); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.6); height: 280px;">
                            <img src="{{ asset('images/services_trichy_travel.jpg') }}" alt="Reliable Car Rental & Travel Services in Trichy - MJ Car Rentals" class="w-100 h-100" style="object-fit: cover;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Section 2: Why Choose MJ Car Rentals? -->
    <section class="mj-srv-why-section" style="padding: 30px 0 35px;">
        <div class="container">
            <div class="text-center mb-4 wow fadeInDown" data-wow-delay="0.1s">
                <span class="mj-tagline-badge">Why Choose Us</span>
                <h2 style="font-family: 'Cinzel', serif; font-size: clamp(24px, 3.2vw, 36px); color: #FFFFFF; margin-top: 8px; margin-bottom: 10px; font-weight: 700;">
                    Why Choose MJ Car Rentals?
                </h2>
                <p style="color: #94A3B8; font-size: 15px; max-width: 760px; margin: 0 auto; line-height: 1.6;">
                    Choosing a suitable travel service can make journey planning easier, particularly when the transportation requirement depends on the destination and purpose of travel.
                </p>
            </div>

            <div class="row g-4 justify-content-center">
                <!-- 1. Services for Different Journeys -->
                <div class="col-lg-4 col-md-6 col-12 wow fadeInLeft" data-wow-delay="0.1s">
                    <div class="mj-why-card">
                        <div class="mj-why-icon">
                            <i class="fa-solid fa-route"></i>
                        </div>
                        <h3 class="mj-why-title">Services for Different Journeys</h3>
                        <p class="mj-why-desc">
                            MJ Car Rentals offers different service categories rather than limiting travel to one type of journey. This allows customers to explore options based on their specific transportation requirement.
                        </p>
                    </div>
                </div>

                <!-- 2. Local and Outstation Travel -->
                <div class="col-lg-4 col-md-6 col-12 wow zoomIn" data-wow-delay="0.18s">
                    <div class="mj-why-card">
                        <div class="mj-why-icon">
                            <i class="fa-solid fa-map-location-dot"></i>
                        </div>
                        <h3 class="mj-why-title">Local and Outstation Travel</h3>
                        <p class="mj-why-desc">
                            Whether the journey is within Trichy or extends to another destination, you can select a service based on the nature of your trip.
                        </p>
                    </div>
                </div>

                <!-- 3. Travel for Different Purposes -->
                <div class="col-lg-4 col-md-6 col-12 wow fadeInRight" data-wow-delay="0.25s">
                    <div class="mj-why-card">
                        <div class="mj-why-icon">
                            <i class="fa-solid fa-compass"></i>
                        </div>
                        <h3 class="mj-why-title">Travel for Different Purposes</h3>
                        <p class="mj-why-desc">
                            The available services cover different travel purposes, including airport transfers, business travel, family journeys, weddings, temple visits, sightseeing and tours.
                        </p>
                    </div>
                </div>

                <!-- 4. Destination-Specific Options -->
                <div class="col-lg-6 col-md-6 col-12 wow fadeInLeft" data-wow-delay="0.15s">
                    <div class="mj-why-card">
                        <div class="mj-why-icon">
                            <i class="fa-solid fa-location-crosshairs"></i>
                        </div>
                        <h3 class="mj-why-title">Destination-Specific Options</h3>
                        <p class="mj-why-desc">
                            For specific destinations and travel requirements, dedicated pages provide more information about the relevant journey and service.
                        </p>
                    </div>
                </div>

                <!-- 5. Easy Service Selection -->
                <div class="col-lg-6 col-md-6 col-12 wow fadeInRight" data-wow-delay="0.2s">
                    <div class="mj-why-card">
                        <div class="mj-why-icon">
                            <i class="fa-solid fa-calendar-check"></i>
                        </div>
                        <h3 class="mj-why-title">Easy Service Selection</h3>
                        <p class="mj-why-desc">
                            Understanding your pickup location, destination, travel purpose, date and passenger requirements can help you identify the most appropriate MJ Car Rentals service for your journey.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Section 3: Travel Services for Different Needs -->
    <section class="mj-srv-needs-section" style="padding: 25px 0 35px;">
        <div class="container">
            <div class="mj-intro-card wow fadeInUp" data-wow-delay="0.1s" style="border: 1.5px solid rgba(212, 167, 98, 0.45); background: linear-gradient(135deg, rgba(14, 18, 26, 0.95) 0%, rgba(22, 28, 42, 0.85) 100%); padding: 36px 32px; border-radius: 20px; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.6);">
                <div class="text-center mb-3">
                    <span class="mj-tagline-badge">Tailored Solutions</span>
                    <h2 class="mj-section-title mb-3" style="font-family: 'Cinzel', serif; font-size: clamp(24px, 3.2vw, 36px); color: #FFFFFF;">
                        Travel Services for Different Needs
                    </h2>
                </div>
                <div style="max-width: 960px; margin: 0 auto; color: #CBD5E1; font-size: 15.5px; line-height: 1.8;">
                    <p style="margin-bottom: 16px; text-align: justify; text-justify: inter-word;">
                        Every journey can have different transportation requirements. A short trip within Trichy may require a local travel option, while travelling to another city may require an outstation service. Airport and railway journeys have specific pickup and drop requirements, while family trips, corporate travel, weddings, temple visits and sightseeing may need different types of planning.
                    </p>
                    <p style="margin-bottom: 16px; text-align: justify; text-justify: inter-word;">
                        MJ Car Rentals brings these options together so travellers can explore the service category that matches their journey. You can select a service based on your destination, reason for travel, number of passengers and planned schedule.
                    </p>
                    <p style="margin-bottom: 0; text-align: justify; text-justify: inter-word;">
                        For destination-specific requirements, explore the relevant MJ Car Rentals page to understand the available travel option before making your enquiry.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- Section 4: Frequently Asked Questions (Accordion) -->
    <section class="mj-srv-faq-section" style="padding: 20px 0 60px;">
        <div class="container">
            <div class="mj-section-header-center text-center mb-4">
                <span class="mj-tagline-badge">Got Questions?</span>
                <h2 class="mj-section-title" style="color: #FFFFFF;">Frequently Asked Questions</h2>
                <p style="color: #9BA3AF; font-size: 15px; line-height: 1.6; max-width: 650px; margin: 0 auto;">Find answers to common questions about MJ Car Rentals services in Trichy.</p>
            </div>

            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <div class="accordion mj-faq-accordion" id="mjServicesFaqAccordion">
                        <!-- FAQ 1 -->
                        <div class="accordion-item">
                            <h3 class="accordion-header" id="srvFaqHeading1">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#srvFaqCollapse1" aria-expanded="false" aria-controls="srvFaqCollapse1">
                                    <span class="faq-num-badge">01.</span> What services does MJ Car Rentals provide?
                                </button>
                            </h3>
                            <div id="srvFaqCollapse1" class="accordion-collapse collapse" aria-labelledby="srvFaqHeading1" data-bs-parent="#mjServicesFaqAccordion">
                                <div class="accordion-body">
                                    MJ Car Rentals provides car rental, cab, taxi and travel services for local travel, airport and railway transfers, outstation trips, pickup and drop requirements, corporate travel, wedding travel, family trips, temple tours and other listed travel needs.
                                </div>
                            </div>
                        </div>

                        <!-- FAQ 2 -->
                        <div class="accordion-item">
                            <h3 class="accordion-header" id="srvFaqHeading2">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#srvFaqCollapse2" aria-expanded="false" aria-controls="srvFaqCollapse2">
                                    <span class="faq-num-badge">02.</span> Does MJ Car Rentals provide local travel services in Trichy?
                                </button>
                            </h3>
                            <div id="srvFaqCollapse2" class="accordion-collapse collapse" aria-labelledby="srvFaqHeading2" data-bs-parent="#mjServicesFaqAccordion">
                                <div class="accordion-body">
                                    Yes. Local travel is one of the service categories available for transportation within Trichy.
                                </div>
                            </div>
                        </div>

                        <!-- FAQ 3 -->
                        <div class="accordion-item">
                            <h3 class="accordion-header" id="srvFaqHeading3">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#srvFaqCollapse3" aria-expanded="false" aria-controls="srvFaqCollapse3">
                                    <span class="faq-num-badge">03.</span> Can I use MJ Car Rentals for outstation travel?
                                </button>
                            </h3>
                            <div id="srvFaqCollapse3" class="accordion-collapse collapse" aria-labelledby="srvFaqHeading3" data-bs-parent="#mjServicesFaqAccordion">
                                <div class="accordion-body">
                                    Yes. MJ Car Rentals provides an outstation travel service for journeys from Trichy to destinations outside the city.
                                </div>
                            </div>
                        </div>

                        <!-- FAQ 4 -->
                        <div class="accordion-item">
                            <h3 class="accordion-header" id="srvFaqHeading4">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#srvFaqCollapse4" aria-expanded="false" aria-controls="srvFaqCollapse4">
                                    <span class="faq-num-badge">04.</span> Does MJ Car Rentals provide airport and railway transfers?
                                </button>
                            </h3>
                            <div id="srvFaqCollapse4" class="accordion-collapse collapse" aria-labelledby="srvFaqHeading4" data-bs-parent="#mjServicesFaqAccordion">
                                <div class="accordion-body">
                                    Yes. Airport and railway transfer services are available for pickup and drop requirements involving Trichy Airport and Trichy Railway Station.
                                </div>
                            </div>
                        </div>

                        <!-- FAQ 5 -->
                        <div class="accordion-item">
                            <h3 class="accordion-header" id="srvFaqHeading5">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#srvFaqCollapse5" aria-expanded="false" aria-controls="srvFaqCollapse5">
                                    <span class="faq-num-badge">05.</span> Does MJ Car Rentals provide family and corporate travel services?
                                </button>
                            </h3>
                            <div id="srvFaqCollapse5" class="accordion-collapse collapse" aria-labelledby="srvFaqHeading5" data-bs-parent="#mjServicesFaqAccordion">
                                <div class="accordion-body">
                                    Yes. Family travel and corporate travel are among the available service categories, allowing customers to choose according to the purpose of their journey.
                                </div>
                            </div>
                        </div>

                        <!-- FAQ 6 -->
                        <div class="accordion-item">
                            <h3 class="accordion-header" id="srvFaqHeading6">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#srvFaqCollapse6" aria-expanded="false" aria-controls="srvFaqCollapse6">
                                    <span class="faq-num-badge">06.</span> Can I book travel for temple visits and tours?
                                </button>
                            </h3>
                            <div id="srvFaqCollapse6" class="accordion-collapse collapse" aria-labelledby="srvFaqHeading6" data-bs-parent="#mjServicesFaqAccordion">
                                <div class="accordion-body">
                                    Yes. MJ Car Rentals provides temple tour and tour-related travel services from Trichy. Destination-specific pages provide additional information for individual journeys.
                                </div>
                            </div>
                        </div>

                        <!-- FAQ 7 -->
                        <div class="accordion-item">
                            <h3 class="accordion-header" id="srvFaqHeading7">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#srvFaqCollapse7" aria-expanded="false" aria-controls="srvFaqCollapse7">
                                    <span class="faq-num-badge">07.</span> How do I choose the right MJ Car Rentals service?
                                </button>
                            </h3>
                            <div id="srvFaqCollapse7" class="accordion-collapse collapse" aria-labelledby="srvFaqHeading7" data-bs-parent="#mjServicesFaqAccordion">
                                <div class="accordion-body">
                                    Consider your pickup location, destination, travel date, number of passengers and purpose of travel. You can then select the service category that best matches your journey.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Section 5: Plan Your Journey with MJ Car Rentals (CTA Section) -->
    <section class="mj-srv-cta-section" style="padding: 30px 0 50px;">
        <div class="container">
            <div class="mj-final-cta-card wow fadeInUp" data-wow-delay="0.1s" style="border: 1.5px solid rgba(212, 167, 98, 0.45); border-left: 5px solid #D4A762 !important; background: linear-gradient(135deg, rgba(14, 18, 26, 0.95) 0%, rgba(26, 32, 48, 0.85) 100%); padding: 36px 32px; border-radius: 20px; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);">
                <div class="row align-items-center g-4">
                    <div class="col-lg-8">
                        <span class="mj-tagline-badge mb-2 d-inline-block">Plan Your Journey</span>
                        <h2 class="mb-3" style="font-family: 'Cinzel', serif; font-size: clamp(24px, 3.2vw, 36px); color: #FFFFFF;">Plan Your Journey with MJ Car Rentals</h2>
                        <p style="color: #FFFFFF; font-size: 15.5px; font-weight: 500; line-height: 1.8; margin-bottom: 12px; text-align: justify; text-justify: inter-word;">
                            Looking for the right MJ Car Rental &amp; Travel Service for your journey? Explore the available services and choose the option that matches your travel requirement. For specific travel needs, you can view the relevant service page or contact MJ Car Rentals to discuss your journey.
                        </p>
                        <p style="color: #F5C869; font-size: 15px; font-weight: 600; margin-bottom: 22px;">
                            Explore MJ Car Rentals Services and plan your next trip from Trichy.
                        </p>
                        <div class="d-flex align-items-center justify-content-start flex-wrap gap-3">
                            <a href="{{ url('/contact-mj-car-rentals') }}#enquiry-form-section" class="mj-btn-gold" style="padding: 12px 26px; font-size: 15px;">
                                <span>Enquire About Travel Services</span>
                                <i class="fa-solid fa-arrow-right ms-2"></i>
                            </a>
                            <a href="https://wa.me/918526548059?text=Hi%20MJ%20Car%20Rentals,%20I%20would%20like%20to%20plan%20a%20journey" target="_blank" class="btn d-inline-flex align-items-center gap-2" style="background: #25D366; color: #FFFFFF; font-weight: 600; font-size: 15px; padding: 12px 24px; border-radius: 8px;">
                                <i class="fa-brands fa-whatsapp"></i> Chat on WhatsApp
                            </a>
                            <a href="tel:+918526548059" class="mj-btn-outline-gold" style="padding: 12px 22px; font-size: 15px;">
                                <span><i class="fa-solid fa-phone me-1"></i> +91 85265 48059</span>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 d-none d-lg-block">
                        <div class="rounded-4 overflow-hidden" style="border: 1px solid rgba(212, 167, 98, 0.4); height: 220px;">
                            <img src="{{ asset('images/services_quick_booking.jpg') }}" alt="Plan Your Journey with MJ Car Rentals Trichy" class="w-100 h-100" style="object-fit: cover;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Schema.org JSON-LD Structured Data -->
    <script type="application/ld+json">
    {!! json_encode([
        '@context' => 'https://schema.org',
        '@type' => 'TaxiService',
        '@id' => url('/services') . '#taxiservice',
        'name' => 'MJ Car Rentals',
        'alternateName' => 'MJ Travels Trichy',
        'description' => 'MJ Car Rentals provides car rental, cab and taxi services in Trichy for local travel, airport transfers, outstation journeys and corporate trips.',
        'url' => url('/services'),
        'telephone' => '+918526548059',
        'priceRange' => '₹₹',
        'currenciesAccepted' => 'INR',
        'paymentAccepted' => 'Cash, UPI, Net Banking, Credit Card',
        'address' => [
            '@type' => 'PostalAddress',
            'streetAddress' => 'Airport Main Road, Subramaniyapuram, TVS Tolgate',
            'addressLocality' => 'Tiruchirappalli',
            'addressRegion' => 'Tamil Nadu',
            'postalCode' => '620020',
            'addressCountry' => 'IN'
        ],
        'geo' => [
            '@type' => 'GeoCoordinates',
            'latitude' => 10.7905,
            'longitude' => 78.7047
        ],
        'areaServed' => [
            ['@type' => 'City', 'name' => 'Tiruchirappalli'],
            ['@type' => 'AdministrativeArea', 'name' => 'Tamil Nadu']
        ],
        'hasOfferCatalog' => [
            '@type' => 'OfferCatalog',
            'name' => 'MJ Car Rentals Services',
            'itemListElement' => [
                [
                    '@type' => 'Offer',
                    'itemOffered' => [
                        '@type' => 'Service',
                        'name' => 'Airport Transfers',
                        'description' => 'Reliable pickup and drop service for convenient travel to and from Trichy Airport, based on your flight schedule.',
                        'url' => url('/services/trichy-airport-taxi')
                    ]
                ],
                [
                    '@type' => 'Offer',
                    'itemOffered' => [
                        '@type' => 'Service',
                        'name' => 'Outstation Trips',
                        'description' => 'Comfortable outstation travel from Trichy to nearby cities and destinations, planned around your trip schedule.',
                        'url' => url('/services/outstation-car-rental-in-trichy')
                    ]
                ],
                [
                    '@type' => 'Offer',
                    'itemOffered' => [
                        '@type' => 'Service',
                        'name' => 'Local Trips & Rentals',
                        'description' => 'Convenient local travel in Trichy for shopping, temple visits, appointments, and everyday journeys.',
                        'url' => url('/services/car-rental-in-trichy')
                    ]
                ],
                [
                    '@type' => 'Offer',
                    'itemOffered' => [
                        '@type' => 'Service',
                        'name' => 'Pickup & Drop',
                        'description' => 'Convenient pickup and drop services for travelling between your preferred locations in Trichy.',
                        'url' => url('/services/pickup-and-drop-in-trichy')
                    ]
                ],
                [
                    '@type' => 'Offer',
                    'itemOffered' => [
                        '@type' => 'Service',
                        'name' => 'Corporate Travel',
                        'description' => 'Convenient transportation for business meetings, employee travel, and corporate journeys in and around Trichy.',
                        'url' => url('/services/corporate-travel-services-in-trichy')
                    ]
                ],
                [
                    '@type' => 'Offer',
                    'itemOffered' => [
                        '@type' => 'Service',
                        'name' => 'Wedding Travel',
                        'description' => 'Make wedding travel easier with convenient transportation for the couple, family members, and guests.',
                        'url' => url('/services/wedding-car-rental-in-trichy')
                    ]
                ],
                [
                    '@type' => 'Offer',
                    'itemOffered' => [
                        '@type' => 'Service',
                        'name' => 'Railway Transfers',
                        'description' => 'Convenient pickup and drop services for travelling to and from Trichy Railway Station.',
                        'url' => url('/services/railway-transfers-in-trichy')
                    ]
                ],
                [
                    '@type' => 'Offer',
                    'itemOffered' => [
                        '@type' => 'Service',
                        'name' => 'Family Trips',
                        'description' => 'Comfortable travel options for families planning local journeys, temple visits, and trips from Trichy.',
                        'url' => url('/services/family-trip-packages-in-trichy')
                    ]
                ]
            ]
        ]
    ], JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT) !!}
    </script>

    <!-- Schema.org BreadcrumbList -->
    <script type="application/ld+json">
    {!! json_encode([
        '@context' => 'https://schema.org',
        '@type' => 'BreadcrumbList',
        'itemListElement' => [
            [
                '@type' => 'ListItem',
                'position' => 1,
                'name' => 'Home',
                'item' => url('/')
            ],
            [
                '@type' => 'ListItem',
                'position' => 2,
                'name' => 'Services',
                'item' => url('/services')
            ]
        ]
    ], JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT) !!}
    </script>

    <!-- Schema.org JSON-LD FAQ -->
    <script type="application/ld+json">
    {!! json_encode([
        '@context' => 'https://schema.org',
        '@type' => 'FAQPage',
        'mainEntity' => [
            [
                '@type' => 'Question',
                'name' => 'What services does MJ Car Rentals provide?',
                'acceptedAnswer' => [
                    '@type' => 'Answer',
                    'text' => 'MJ Car Rentals provides car rental, cab, taxi and travel services for local travel, airport and railway transfers, outstation trips, pickup and drop requirements, corporate travel, wedding travel, family trips, temple tours and other listed travel needs.'
                ]
            ],
            [
                '@type' => 'Question',
                'name' => 'Does MJ Car Rentals provide local travel services in Trichy?',
                'acceptedAnswer' => [
                    '@type' => 'Answer',
                    'text' => 'Yes. Local travel is one of the service categories available for transportation within Trichy.'
                ]
            ],
            [
                '@type' => 'Question',
                'name' => 'Can I use MJ Car Rentals for outstation travel?',
                'acceptedAnswer' => [
                    '@type' => 'Answer',
                    'text' => 'Yes. MJ Car Rentals provides an outstation travel service for journeys from Trichy to destinations outside the city.'
                ]
            ],
            [
                '@type' => 'Question',
                'name' => 'Does MJ Car Rentals provide airport and railway transfers?',
                'acceptedAnswer' => [
                    '@type' => 'Answer',
                    'text' => 'Yes. Airport and railway transfer services are available for pickup and drop requirements involving Trichy Airport and Trichy Railway Station.'
                ]
            ],
            [
                '@type' => 'Question',
                'name' => 'Does MJ Car Rentals provide family and corporate travel services?',
                'acceptedAnswer' => [
                    '@type' => 'Answer',
                    'text' => 'Yes. Family travel and corporate travel are among the available service categories, allowing customers to choose according to the purpose of their journey.'
                ]
            ],
            [
                '@type' => 'Question',
                'name' => 'Can I book travel for temple visits and tours?',
                'acceptedAnswer' => [
                    '@type' => 'Answer',
                    'text' => 'Yes. MJ Car Rentals provides temple tour and tour-related travel services from Trichy. Destination-specific pages provide additional information for individual journeys.'
                ]
            ],
            [
                '@type' => 'Question',
                'name' => 'How do I choose the right MJ Car Rentals service?',
                'acceptedAnswer' => [
                    '@type' => 'Answer',
                    'text' => 'Consider your pickup location, destination, travel date, number of passengers and purpose of travel. You can then select the service category that best matches your journey.'
                ]
            ]
        ]
    ], JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT) !!}
    </script>

    <!-- Core 8 Services & Custom Styles -->
    <style>

    /* Filter & View Switcher Styles */
    .mj-filter-btn {
        border: 1px solid rgba(212, 167, 98, 0.3);
        color: #CBD5E1;
        background: #121722;
        font-size: 13px;
        font-weight: 600;
        padding: 7px 16px;
        border-radius: 20px;
        transition: all 0.3s ease;
    }
    .mj-filter-btn:hover {
        border-color: #D4A762;
        color: #FFFFFF;
        transform: translateY(-2px);
    }
    .mj-filter-btn.active {
        background: #D4A762 !important;
        color: #080A0E !important;
        border-color: #D4A762 !important;
        font-weight: 700;
        box-shadow: 0 4px 15px rgba(212, 167, 98, 0.35);
    }
    .mj-view-btn {
        border: 1px solid rgba(212, 167, 98, 0.3);
        color: #CBD5E1;
        background: #121722;
        font-size: 13px;
        padding: 7px 14px;
        transition: all 0.25s ease;
    }
    .mj-view-btn:hover {
        border-color: #D4A762;
        color: #FFFFFF;
    }
    .mj-view-btn.active {
        background: #D4A762 !important;
        color: #080A0E !important;
        border-color: #D4A762 !important;
    }
    /* Compact View Layout */
    .compact-view .srv-item-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .compact-view .mj-srv-card-v3 {
        flex-direction: row;
        align-items: center;
    }
    .compact-view .mj-srv-card-img-wrap {
        width: 280px;
        height: 180px;
        flex-shrink: 0;
    }
    @media (max-width: 768px) {
        .compact-view .mj-srv-card-v3 {
            flex-direction: column;
        }
        .compact-view .mj-srv-card-img-wrap {
            width: 100%;
            height: 200px;
        }
    }

    .mj-srv-card-v3 {
        background: #0E131F;
        border: 1.5px solid rgba(212, 167, 98, 0.35);
        border-radius: 14px;
        overflow: hidden;
        height: 100%;
        display: flex;
        flex-direction: column;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
        cursor: pointer !important;
    }

    .mj-srv-card-v3,
    .mj-srv-card-v3 * {
        cursor: pointer !important;
    }

    .mj-srv-card-v3:hover {
        border-color: #D4A762;
        transform: translateY(-8px);
        box-shadow: 0 18px 40px rgba(212, 167, 98, 0.25), 0 8px 24px rgba(0, 0, 0, 0.7);
    }

    .mj-srv-card-badge {
        transition: transform 0.3s ease, background 0.3s ease;
    }

    .mj-srv-card-v3:hover .mj-srv-card-badge {
        transform: translateY(-2px);
        background: rgba(8, 10, 14, 0.96);
        box-shadow: 0 2px 10px rgba(212, 167, 98, 0.3);
    }

    .mj-srv-card-img-wrap {
        position: relative;
        width: 100%;
        height: 220px;
        overflow: hidden;
        background: #151C2C;
    }

    .mj-srv-card-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 0.4s ease;
    }

    .mj-srv-card-v3:hover .mj-srv-card-img {
        transform: scale(1.05);
    }

    .mj-srv-card-img-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(8, 10, 14, 0.1) 0%, rgba(8, 10, 14, 0.65) 100%);
        pointer-events: none;
    }

    .mj-srv-card-badge {
        position: absolute;
        top: 12px;
        left: 12px;
        background: rgba(8, 10, 14, 0.88);
        border: 1px solid #D4A762;
        color: #F5C869;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.4px;
        padding: 4px 10px;
        border-radius: 20px;
        backdrop-filter: blur(4px);
        z-index: 2;
    }

    .mj-srv-card-body {
        padding: 22px 20px 20px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .mj-srv-card-title {
        font-family: 'Cinzel', serif;
        font-size: 20px;
        font-weight: 700;
        color: #FFFFFF;
        margin-bottom: 10px;
        letter-spacing: -0.3px;
        line-height: 1.3;
    }

    .mj-srv-card-desc {
        color: #B4BFD0;
        font-size: 13.5px;
        line-height: 1.65;
        margin-bottom: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 86px;
    }

    .mj-srv-card-features {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 18px;
    }

    .mj-srv-feat-badge {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(212, 167, 98, 0.2);
        color: #CBD5E1;
        font-size: 11px;
        padding: 3px 8px;
        border-radius: 4px;
        font-weight: 500;
    }

    .mj-srv-card-actions {
        margin-top: auto;
        display: flex;
        gap: 10px;
        padding-top: 14px;
        border-top: 1px solid rgba(212, 167, 98, 0.15);
    }

    .mj-srv-btn-details {
        flex: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        background: rgba(212, 167, 98, 0.1);
        border: 1px solid rgba(212, 167, 98, 0.45);
        color: #F5C869;
        padding: 9px 12px;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.25s ease;
    }

    .mj-srv-btn-details:hover {
        background: rgba(212, 167, 98, 0.25);
        border-color: #D4A762;
        color: #FFFFFF;
    }

    .mj-srv-btn-book {
        flex: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        background: #D4A762;
        border: 1px solid #D4A762;
        color: #080A0E;
        padding: 9px 12px;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
        transition: all 0.25s ease;
    }

    .mj-srv-btn-book:hover {
        background: #E8BF7A;
        border-color: #E8BF7A;
        color: #080A0E;
        box-shadow: 0 4px 12px rgba(212, 167, 98, 0.35);
    }

    /* Why Choose MJ Car Rentals Cards */
    .mj-why-card {
        background: #0E131F;
        border: 1.5px solid rgba(212, 167, 98, 0.3);
        border-radius: 14px;
        padding: 24px;
        height: 100%;
        transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    }

    .mj-why-card:hover {
        border-color: #D4A762;
        transform: translateY(-6px);
        box-shadow: 0 16px 36px rgba(212, 167, 98, 0.22), 0 8px 24px rgba(0, 0, 0, 0.6);
    }

    .mj-why-icon {
        width: 44px;
        height: 44px;
        border-radius: 10px;
        background: rgba(212, 167, 98, 0.12);
        border: 1px solid rgba(212, 167, 98, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #D4A762;
        font-size: 18px;
        margin-bottom: 16px;
        transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .mj-why-card:hover .mj-why-icon {
        transform: scale(1.12) rotate(6deg);
        background: rgba(212, 167, 98, 0.25);
        border-color: #D4A762;
        box-shadow: 0 0 15px rgba(212, 167, 98, 0.4);
    }

    .mj-why-title {
        font-family: 'Cinzel', serif;
        font-size: 17.5px;
        font-weight: 700;
        color: #FFFFFF;
        margin-bottom: 10px;
        line-height: 1.35;
    }

    .mj-why-desc {
        color: #B4BFD0;
        font-size: 13.5px;
        line-height: 1.65;
        margin-bottom: 0;
    }

    @media (max-width: 576px) {
        .mj-srv-card-img-wrap {
            height: 190px;
        }
        .mj-srv-card-body {
            padding: 16px 14px 14px;
        }
        .mj-srv-card-title {
            font-size: 18px;
        }
        .mj-srv-card-desc {
            min-height: auto;
        }
    }
    </style>

</div>


<script>
document.addEventListener('DOMContentLoaded', function() {
    var filterBtns = document.querySelectorAll('#durationFilterGroup .mj-filter-btn');
    var items = document.querySelectorAll('.srv-item-col');
    var badge = document.getElementById('packageCountBadge');
    var btnGrid = document.getElementById('btnViewGrid');
    var btnList = document.getElementById('btnViewList');
    var grid = document.getElementById('servicesGrid');

    filterBtns.forEach(function(btn) {
        btn.addEventListener('click', function() {
            filterBtns.forEach(function(b) { b.classList.remove('active'); });
            this.classList.add('active');

            var filter = this.getAttribute('data-filter');
            var visibleCount = 0;

            items.forEach(function(item) {
                var itemDurations = item.getAttribute('data-durations') || '';
                if (filter === 'all' || itemDurations.includes(filter)) {
                    item.style.display = '';
                    item.style.opacity = '1';
                    visibleCount++;
                } else {
                    item.style.display = 'none';
                    item.style.opacity = '0';
                }
            });

            if (badge) {
                badge.textContent = filter === 'all' ? 'Showing All (' + visibleCount + ')' : visibleCount + ' Services';
            }
        });
    });

    if (btnGrid && btnList && grid) {
        btnGrid.addEventListener('click', function() {
            btnGrid.classList.add('active');
            btnList.classList.remove('active');
            grid.classList.remove('compact-view');
        });
        btnList.addEventListener('click', function() {
            btnList.classList.add('active');
            btnGrid.classList.remove('active');
            grid.classList.add('compact-view');
        });
    }
});
</script>

@include('footer')

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Enable closing an accordion item when clicking its body
    document.querySelectorAll('#mjServicesFaqAccordion .accordion-body').forEach(function(body) {
        body.style.cursor = 'pointer';
        body.addEventListener('click', function() {
            var collapseEl = this.closest('.accordion-collapse');
            if (collapseEl && window.bootstrap && window.bootstrap.Collapse) {
                var bsCollapse = bootstrap.Collapse.getInstance(collapseEl) || new bootstrap.Collapse(collapseEl, { toggle: false });
                bsCollapse.hide();
            }
        });
    });
});
</script>