@extends('adminlte::page')

@section('title', 'Dashboard | Mintavia Admin')

@section('content_header')
    {{-- Optional: Keep this empty or remove --}}
@stop

@section('content')
    <div class="fullpage-slider">
        <div class="slider-track">
            <div class="slider-block">
                <p>எஸ்.மம்தா ஆட்டோ மொபைல்ஸ் ஆலந்தூர்
                    S.mamta Auto Mobiles 
                    Composition Dealer</p>
                <p>• Fixed Rate</p>
                <p>• No Credit</p>
                <p>• No Return</p>
            </div>
            <div class="slider-block">
                <p>எஸ்.மம்தா ஆட்டோ மொபைல்ஸ் ஆலந்தூர்
                    S.mamta Auto Mobiles 
                    Composition Dealer</p>
                <p>• Fixed Rate (No Bargaining )</p>
                <p>• No Credit (Please   Co-operate)</p>
                <p>• No Return</p>
            </div>
        </div>
    </div>
@stop

@push('css')
<style>
    .fullpage-slider {
        width: 100%;
        height: calc(100vh - 57px); /* Adjust for AdminLTE navbar */
        background-color: #15d9e4;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        padding: 10px;
        box-sizing: border-box;
    }

    .slider-track {
        display: flex;
        animation: scrollText 20s linear infinite;
        width: max-content;
    }

    .slider-block {
        margin-right: 200px;
        color: #951c1c;
        font-size: 40px;
        font-weight: bold;
        line-height: 1;
        white-space: pre-line;
    }

    .slider-block p {
        margin: ;
    }

    @keyframes scrollText {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-50%);
        }
    }
</style>
@endpush