Issue with PDF Template

https://redwing-storage.s3.ap-south-1.amazonaws.com/WsN18KQMMcoeCyX8sDMLbhXCAQyJMkQdanXNNdw7.pdf?response-content-disposition=inline%3Bfilename%3Dproposal.pdf&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAUVVNNYJGAYECHYVD%2F20240722%2Fap-south-1%2Fs3%2Faws4_request&X-Amz-Date=20240722T070304Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Signature=13f5af239200ca0ea297b6047539595b81cd9f9e4e4e27da83d5b5efcc9c76e3

I need help above pdf link is sample need to generate like this problem with signature part can you help me

    <div class="header-container"
        style="display: flex; justify-content: space-between; align-items: center; padding: 20px;">
        <!-- Left side: logo -->
        <img src="{{ public_path('images/aglie_courts_logo.jpg') }}" class="logo-image" style="width: 150px; height: auto;">

        <!-- Right side: company info -->
        <div class="header-text" style="text-align: center; padding-bottom: 20px; display: inline-block; vertical-align: top;">
            <img src="{{ public_path('images/text_logo.jpg') }}" class="text-image" style="width: 200px; height: auto;">
            <div class="slogan" style="font-size: 16px; font-weight: bold; color:green">CELEBRATING OUR 50TH YEAR 1972-2022</div>
            <div class="slogan" style="font-size: 14px; color:green">"QUALITY STILL EXISTS"</div>
        </div>
    </div>
    <div class="container" style="margin-top: 20px;">
        <h4 style="text-decoration: underline; text-align: center; font-size: 18px;">AGREEMENT</h4>
    </div>

    <div style="width: 100%; margin-top: 20px; border-collapse: collapse;">
        <table style="width: 100%; border-collapse: collapse;">
            <thead>
                <tr>
                    <th
                        style="border: 1px solid black; padding: 8px; text-align: center; background-color: #f2f2f2; font-weight: bold;">
                        WORK TO BE PERFORMED</th>
                    <th
                        style="border: 1px solid black; padding: 8px; text-align: center; background-color: #f2f2f2; font-weight: bold;">
                        CUSTOMER</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td style="border: 1px solid black; padding: 8px; text-align: center;">{{ $data->work_to_be_performed }}</td>
                    <td style="border: 1px solid black; padding: 8px; text-align: center;">{{ $data->customer_name }}</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div style="margin-top: 20px; font-size: 14px; line-height: 1.5;">
        <p>Agreement made between Agile Courts Construction Company, Inc. hereinafter called the Contractor and test
            hereinafter called the Customer for the construction of (2) tennis courts and refurbishment of (3) tennis courts
            of test with respect to the following terms and specifications.</p>
        <h3 style="text-decoration:underline; 16px; font-weight: bold; margin-bottom: 5px;">CONDITIONS FOR OVERSEAS INSTALLATIONS</h3>
        @foreach ($data['overseas_conditions'] as $key => $value)
             @if ($value['selected'])
               <p>{{ $value['title'] }}</p>
            @endif
        @endforeach
        <h3 style="text-decoration:underline; 16px; font-weight: bold; margin-bottom: 5px;">BASE</h3>
        @if ($data['base']['area']['selected'])
            <p>{{ $data['base']['area']['title'] }}</p>
        @endif
        <h3 style="text-decoration:underline; 16px; font-weight: bold; margin-bottom: 5px;">FENCE</h3>
        @foreach ($data['fence'] as $key => $value)
            @if ($value['selected'])
            <p>{{ $value['title'] }}</p>
            @endif
        @endforeach
        <h3 style="text-decoration:underline; 16px; font-weight: bold; margin-bottom: 5px;">PROVISIONS</h3>
        @foreach ($data['provisions'] as $key => $value)
            @if ($value['selected'])
            <p>{{ $value['title'] }} {{ $value['input_value'] }}</p>
            @endif
        @endforeach
        <h3 style="text-decoration:underline; 16px; font-weight: bold; margin-bottom: 5px;">CONDITIONS</h3>
        @foreach ($data['conditions'] as $key => $value)
            @if ($value['selected'])
            <p>{{ $value['title'] }}</p>
        @endif
        @endforeach

        <div style="display: flex; justify-content: space-between; margin-top: 100px;">
            <!-- Accepted by Section -->
            <div style="text-align: left;">
                <div style="font-size: 16px; font-weight: bold;">Accepted by</div>
                <div style="border-bottom: 1px solid black; width: 200px; margin-top: 20px;"></div>
                <div style="font-size: 16px; font-weight: bold; margin-top: 40px;">Date</div>
                
            </div>
        
            <!-- Agile Courts Section -->
            <div style="text-align: right; margin: 0px;">
                <div style="font-size: 16px; font-weight: bold;">Agile Courts Construction Company</div>
                <div style="border-bottom: 1px solid black; width: 200px; margin-top: 20px; ">
                    <div style="border-bottom: 1px solid black; width: 200px; margin-top: 10px;"></div>
                </div>
                <div style="font-size: 16px; margin-top: 10px;">Bruce Bauer</div>
            </div>
        </div>
    </div>
</div>```