@extends('layouts.app_web')

@section('title', __('applications.meta_title'))
@section('meta_description', __('applications.meta_description'))
@section('og_image', asset('images/PT-Multi-Spunindo-Image-0019.jpg'))
@push('styles')
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Oxygen, Helvetica, Arial, Lucida, sans-serif;
            color: #333;
            line-height: 1.6;
        }

        .container-custom {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 40px;
        }

        .hero-image {
            max-width: 1400px;
            margin: 50px auto 80px auto;
            padding: 0 40px;
        }

        .hero-image img {
            width: 100%;
            height: auto;
            display: block;
        }

        .page-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .page-header h1 {
            color: #464646;
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 0;
        }

        .intro-section {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            margin: 80px 0 100px 0;
            padding: 0 0 60px 0;
            border: none;
            border-bottom: 2px solid #DAEAED;
            align-items: start;
        }

        .intro-section div:first-child p {
            color: #335B5C;
            font-size: 26px;
            line-height: 1.8;
            font-weight: 300;
        }

        .intro-section div:last-child p {
            color: #666;
            font-size: 20px;
            line-height: 1.7;
            font-weight: 300;
        }

        .intro-section div:last-child {
            border-top: 2px solid #DAEAED;
            padding-top: 30px;
        }

        .application-category {
            margin-bottom: 40px;
            overflow: hidden;
        }

        .category-image {
            margin-bottom: 0;
        }

        .category-image img {
            width: 100%;
            height: auto;
            max-height: 500px;
            object-fit: cover;
            display: block;
        }

        .category-content {
            display: grid;
            grid-template-columns: 3fr 2fr;
            gap: 60px;
            align-items: start;
            background-color: #DAEAED;
            padding: 60px 40px;
            margin-top: 0;
        }

        .category-info h2 {
            color: #464646;
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 30px;
            line-height: 1.2;
        }

        .category-info p {
            color: #666;
            font-size: 16px;
            font-weight: 300;
            line-height: 1.7;
            margin-bottom: 20px;
        }

        .product-list {
            background-color: transparent;
            padding: 0;
            border: none;
        }

        .product-list h3 {
            color: #456C6C;
            font-size: 1.3rem;
            font-weight: 500;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 2px solid #ffffff;
        }

        .product-list p {
            color: #666;
            font-size: 16px;
            font-weight: 300;
            line-height: 1.7;
            margin-bottom: 15px;
        }

        .product-list ul {
            list-style: none;
        }

        .product-list ul li {
            color: #666;
            font-size: 16px;
            font-weight: 300;
            line-height: 1.4;
            padding-left: 20px;
            position: relative;
            margin-bottom: 4px;
        }

        .product-list ul li::before {
            content: "●";
            position: absolute;
            left: 0;
            color: #464646;
        }

        .product-list ul li a {
            color: #666;
            text-decoration: none;
            transition: color 0.3s;
        }

        .product-list ul li a:hover {
            color: #456C6C;
        }

        .social-footer {
            padding: 40px 40px;
            display: flex;
            gap: 20px;
        }

        .social-footer a {
            color: #456C6C;
            font-size: 1.2rem;
            transition: 0.3s;
        }

        .social-footer a:hover {
            color: #4ECDC4;
        }

        @media (max-width: 1024px) {
            .category-content {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .intro-section {
                grid-template-columns: 1fr;
                gap: 30px;
            }
        }

        @media (max-width: 980px) {
            .container-custom {
                padding: 0 20px !important;
            }

            .hero-image {
                padding: 0 !important;
                margin: 0 auto 30px auto !important;
            }

            .hero-image img {
                min-height: 160px !important;
                object-fit: cover !important;
            }

            .page-header {
                margin-bottom: 30px !important;
            }

            .page-header h1 {
                font-size: 22px !important;
            }

            .intro-section {
                grid-template-columns: 1fr !important;
                gap: 20px !important;
                margin: 20px 0 40px 0 !important;
                padding: 0 0 30px 0 !important;
                border-bottom: 2px solid #DAEAED !important;
            }

            .intro-section div:first-child p {
                font-size: 15px !important;
                line-height: 1.6 !important;
            }

            .intro-section div:last-child {
                border-top: 2px solid #DAEAED !important;
                padding-top: 20px !important;
                margin-top: 10px !important;
            }

            .intro-section div:last-child p {
                font-size: 14px !important;
                line-height: 1.6 !important;
            }

            .application-category {
                margin-bottom: 30px !important;
            }

            .category-image img {
                max-height: 280px !important;
                width: 100% !important;
                object-fit: cover !important;
            }

            .category-content {
                grid-template-columns: 1fr !important;
                gap: 20px !important;
                padding: 30px 20px !important;
            }

            .category-info h2 {
                font-size: 20px !important;
                margin-bottom: 12px !important;
            }

            .category-info p {
                font-size: 14px !important;
                margin-bottom: 12px !important;
            }

            .product-list h3 {
                font-size: 16px !important;
                margin-bottom: 12px !important;
                padding-bottom: 8px !important;
            }

            .product-list p {
                font-size: 14px !important;
            }

            .product-list ul li {
                font-size: 14px !important;
            }

            .social-footer {
                justify-content: center !important;
                padding: 30px 20px !important;
            }
        }
    </style>
@endpush

@section('content')
    <div class="container-custom">
        <div class="hero-image">
            <img src="{{ asset(__('applications.hero_image')) }}" alt="{{ __('applications.hero_alt') }}"
                fetchpriority="high" decoding="async">
        </div>
        <div class="page-header">
            <h1>{{ __('applications.page_title') }}</h1>
        </div>
        <div class="intro-section">
            <div>
                <p>{{ __('applications.intro_p1') }}</p>
            </div>
            <div>
                <p>{{ __('applications.intro_p2') }}</p>
            </div>
        </div>
        <div id="personalcare&Hygiene" class="application-category">
            <div class="category-image">
                <img src="{{ asset('images/PT-Multi-Spunindo-Image-0020.jpg') }}"
                    alt="{{ __('applications.personalcare_img_alt') }}" loading="lazy" decoding="async">
            </div>
            <div class="category-content">
                <div class="category-info">
                    <h2>{{ __('applications.personalcare_title') }}</h2>
                    <p>{{ __('applications.personalcare_description') }}</p>
                </div>
                <div class="product-list">
                    <h3>{{ __('applications.related_products') }}</h3>
                    <p>{{ __('applications.personalcare_items') }}</p>
                    <ul>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polypropylene-pp-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.personalcare_product_1') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('spunmelt', request()->get('lang', app()->getLocale())) }}">{{ __('applications.personalcare_product_2') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('bicomponent-bico-pet-pe-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.personalcare_product_3') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polyethylene-pe-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.personalcare_product_4') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('biodegradable-pla-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.personalcare_product_5') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('3d-embossed-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.personalcare_product_6') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('sap-sheet', request()->get('lang', app()->getLocale())) }}">{{ __('applications.personalcare_product_7') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="medical" class="application-category">
            <div class="category-image">
                <img src="{{ asset('images/PT-Multi-Spunindo-Image-0066.jpg') }}"
                    alt="{{ __('applications.medical_img_alt') }}" loading="lazy" decoding="async">
            </div>
            <div class="category-content">
                <div class="category-info">
                    <h2>{{ __('applications.medical_title') }}</h2>
                    <p>{{ __('applications.medical_description') }}</p>
                </div>
                <div class="product-list">
                    <h3>{{ __('applications.related_products') }}</h3>
                    <p>{{ __('applications.medical_items') }}</p>
                    <ul>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polypropylene-pp-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.medical_product_1') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('meltblown', request()->get('lang', app()->getLocale())) }}">{{ __('applications.medical_product_2') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('spunmelt', request()->get('lang', app()->getLocale())) }}">{{ __('applications.medical_product_3') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('bicomponent-bico-pet-pe-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.medical_product_4') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('spunbond-breathable-pef-composite', request()->get('lang', app()->getLocale())) }}">{{ __('applications.medical_product_5') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('sap-sheet', request()->get('lang', app()->getLocale())) }}">{{ __('applications.medical_product_6') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="agriculture&horticulture" class="application-category">
            <div class="category-image">
                <img src="{{ asset('images/PT-Multi-Spunindo-Image-0044.jpg') }}"
                    alt="{{ __('applications.agriculture_img_alt') }}" loading="lazy" decoding="async">
            </div>
            <div class="category-content">
                <div class="category-info">
                    <h2>{{ __('applications.agriculture_title') }}</h2>
                    <p>{{ __('applications.agriculture_description') }}</p>
                </div>
                <div class="product-list">
                    <h3>{{ __('applications.related_products') }}</h3>
                    <p>{{ __('applications.agriculture_items') }}</p>
                    <ul>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polypropylene-pp-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.agriculture_product_1') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polyester-pet-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.agriculture_product_2') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('biodegradable-pla-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.agriculture_product_3') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="geotextiles" class="application-category">
            <div class="category-image">
                <img src="{{ asset('images/PT-Multi-Spunindo-Image-0022.jpg') }}"
                    alt="{{ __('applications.geotextile_img_alt') }}" loading="lazy" decoding="async">
            </div>
            <div class="category-content">
                <div class="category-info">
                    <h2>{{ __('applications.geotextile_title') }}</h2>
                    <p>{{ __('applications.geotextile_description') }}</p>
                </div>
                <div class="product-list">
                    <h3>{{ __('applications.related_products') }}</h3>
                    <p>{{ __('applications.geotextile_items') }}</p>
                    <ul>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polyester-pet-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.geotextile_product_1') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('biodegradable-pla-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.geotextile_product_2') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="building&construction" class="application-category">
            <div class="category-image">
                <img src="{{ asset('images/PT-Multi-Spunindo-Image-building-constraction.jpg') }}"
                    alt="{{ __('applications.building_img_alt') }}" loading="lazy" decoding="async">
            </div>
            <div class="category-content">
                <div class="category-info">
                    <h2>{{ __('applications.building_title') }}</h2>
                    <p>{{ __('applications.building_description') }}</p>
                </div>
                <div class="product-list">
                    <h3>{{ __('applications.related_products') }}</h3>
                    <p>{{ __('applications.building_items') }}</p>
                    <ul>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polypropylene-pp-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.building_product_1') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('bicomponent-bico-pet-pe-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.building_product_2') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polyester-pet-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.building_product_3') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('spunbond-breathable-pef-composite', request()->get('lang', app()->getLocale())) }}">{{ __('applications.building_product_4') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="automotive" class="application-category">
            <div class="category-image">
                <img src="{{ asset('images/PT-Multi-Spunindo-Image-Automotive.jpg') }}"
                    alt="{{ __('applications.automotive_img_alt') }}" loading="lazy" decoding="async">
            </div>
            <div class="category-content">
                <div class="category-info">
                    <h2>{{ __('applications.automotive_title') }}</h2>
                    <p>{{ __('applications.automotive_description') }}</p>
                </div>
                <div class="product-list">
                    <h3>{{ __('applications.related_products') }}</h3>
                    <p>{{ __('applications.automotive_items') }}</p>
                    <ul>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polypropylene-pp-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.automotive_product_1') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('meltblown', request()->get('lang', app()->getLocale())) }}">{{ __('applications.automotive_product_2') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('bicomponent-bico-pet-pe-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.automotive_product_3') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polyester-pet-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.automotive_product_4') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polyethylene-pe-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.automotive_product_5') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="homefurnishing&household" class="application-category">
            <div class="category-image">
                <img src="{{ asset('images/PT-Multi-Spunindo-Image-Home-Furnishing-Household.jpg') }}"
                    alt="{{ __('applications.household_img_alt') }}" loading="lazy" decoding="async">
            </div>
            <div class="category-content">
                <div class="category-info">
                    <h2>{{ __('applications.household_title') }}</h2>
                    <p>{{ __('applications.household_description') }}</p>
                </div>
                <div class="product-list">
                    <h3>{{ __('applications.related_products') }}</h3>
                    <p>{{ __('applications.household_items') }}</p>
                    <ul>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polypropylene-pp-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.household_product_1') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polyester-pet-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.household_product_2') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="filtration" class="application-category">
            <div class="category-image">
                <img src="{{ asset('images/PT-Multi-Spunindo-Image-Filtration-new.jpg') }}"
                    alt="{{ __('applications.filtration_img_alt') }}" loading="lazy" decoding="async">
            </div>
            <div class="category-content">
                <div class="category-info">
                    <h2>{{ __('applications.filtration_title') }}</h2>
                    <p>{{ __('applications.filtration_description') }}</p>
                </div>
                <div class="product-list">
                    <h3>{{ __('applications.related_products') }}</h3>
                    <p>{{ __('applications.filtration_items') }}</p>
                    <ul>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('meltblown', request()->get('lang', app()->getLocale())) }}">{{ __('applications.filtration_product_1') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polypropylene-pp-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.filtration_product_2') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('spunmelt', request()->get('lang', app()->getLocale())) }}">{{ __('applications.filtration_product_3') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('bicomponent-bico-pet-pe-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.filtration_product_4') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="clothingandshoes" class="application-category">
            <div class="category-image">
                <img src="{{ asset('images/PT-Multi-Spunindo-Image-Clothing-and-Shoes.jpg') }}"
                    alt="{{ __('applications.clothing_img_alt') }}" loading="lazy" decoding="async">
            </div>
            <div class="category-content">
                <div class="category-info">
                    <h2>{{ __('applications.clothing_title') }}</h2>
                    <p>{{ __('applications.clothing_description') }}</p>
                </div>
                <div class="product-list">
                    <h3>{{ __('applications.related_products') }}</h3>
                    <p>{{ __('applications.clothing_items') }}</p>
                    <ul>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polypropylene-pp-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.clothing_product_1') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="absorbent&wipingmaterials" class="application-category">
            <div class="category-image">
                <img src="{{ asset('images/PT-Multi-Spunindo-Image-Absorbent-wiping-materials.jpg') }}"
                    alt="{{ __('applications.absorbent_img_alt') }}" loading="lazy" decoding="async">
            </div>
            <div class="category-content">
                <div class="category-info">
                    <h2>{{ __('applications.absorbent_title') }}</h2>
                    <p>{{ __('applications.absorbent_description') }}</p>
                </div>
                <div class="product-list">
                    <h3>{{ __('applications.related_products') }}</h3>
                    <p>{{ __('applications.absorbent_items') }}</p>
                    <ul>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('meltblown', request()->get('lang', app()->getLocale())) }}">{{ __('applications.absorbent_product_1') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('absorbents', request()->get('lang', app()->getLocale())) }}">{{ __('applications.absorbent_product_2') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="packaging&miscellaneous" class="application-category">
            <div class="category-image">
                <img src="{{ asset('images/PT-Multi-Spunindo-Image-Packaging-Miscellaneous.jpg') }}"
                    alt="{{ __('applications.packaging_img_alt') }}" loading="lazy" decoding="async">
            </div>
            <div class="category-content">
                <div class="category-info">
                    <h2>{{ __('applications.packaging_title') }}</h2>
                    <p>{{ __('applications.packaging_description') }}</p>
                </div>
                <div class="product-list">
                    <h3>{{ __('applications.related_products') }}</h3>
                    <p>{{ __('applications.packaging_items') }}</p>
                    <ul>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polypropylene-pp-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.packaging_product_1') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('bicomponent-bico-pet-pe-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.packaging_product_2') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polyester-pet-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.packaging_product_3') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polyethylene-pe-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.packaging_product_4') }}</a>
                        </li>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('biodegradable-pla-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.packaging_product_5') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="frppipe" class="application-category">
            <div class="category-image">
                <img src="{{ asset('images/PT-Multi-Spunindo-Image-FRP-Pipe.jpg') }}"
                    alt="{{ __('applications.frp_img_alt') }}" loading="lazy" decoding="async">
            </div>
            <div class="category-content">
                <div class="category-info">
                    <h2>{{ __('applications.frp_title') }}</h2>
                    <p>{{ __('applications.frp_description') }}</p>
                </div>
                <div class="product-list">
                    <h3>{{ __('applications.related_products') }}</h3>
                    <p>{{ __('applications.frp_items') }}</p>
                    <ul>
                        <li><a
                                href="{{ \App\Helpers\RouteTranslator::getUrl('polyester-pet-spunbond', request()->get('lang', app()->getLocale())) }}">{{ __('applications.frp_product_1') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="container-custom">
            <div class="social-footer">
                <a href="https://www.facebook.com/multispunindojaya/" target="_blank" rel="noopener noreferrer"
                    aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                <a href="https://instagram.com/msj.nonwoven" target="_blank" rel="noopener noreferrer"
                    aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                <a href="https://www.youtube.com/channel/UCJQ3kXswqa6u-jFqD4nL6lA" target="_blank" rel="noopener noreferrer"
                    aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                <a href="https://www.linkedin.com/company/multispunindojaya" target="_blank" rel="noopener noreferrer"
                    aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
            </div>
        </div>
    </div>
@endsection