@extends('front.master')

@section('title', 'Unsubscribe')
@section('meta_title', 'Unsubscribe')
@section('description', 'Unsubscribe')
{{-- facebook meta tags --}}
@section('fb_meta_title', 'Unsubscribe')
@section('fb_description',  'Unsubscribe')
@section('fb_route', URL::current()) 
@section('fb_type', 'website')
@section('fb_image', asset('/images/new_design_2022/offer_ca3rd.png'))

{{--twitter meta tags --}}
@section('twitter_meta_title',  'Unsubscribe')
@section('twitter_description', 'Unsubscribe')
@section('twitter_url',  URL::current())


@section('content')
<div class="page-wrapper">
    <section class="error-page">
        <div class="container position-relative">
            <div class="row g-5 align-items-center bigger-z-index text-center text-xl-start">
              
                <div class="col-lg-6 offset-lg-3">
                    @livewire('front.unsubscribe-form', ['email' => $email])
                    
                </div>
            </div>
        </div>
    </section>
</div>

<div class="page-wrapper">
    <section class="get-in-touch contact-us">
        <div class="container position-relative">
            <div class="float-bg">
                <img src="{{ Vite::asset('resources/images/float-square-bg.svg')}}" alt="#" width="466" height="389">
            </div>
            <div class="row bigger-z-index">
                <div class="col-xxl-10 offset-xxl-1">
                    

                    
                    <div class="unsubscribe-block-text">
                        <h1 class="h2 d-none">Unsubscribe Page</h1>
                        <p class="mb-2">
                            <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="48" height="48" rx="5" fill="#DBEAFE"/>
                                <path d="M28.4062 26.8438C27.9375 26.8438 27.625 26.5312 27.625 26.0625V12.7812C27.625 12.3125 27.9375 12 28.4062 12H34.6562C35.125 12 35.4375 12.3125 35.4375 12.7812V15.9062C35.4375 16.375 35.125 16.6875 34.6562 16.6875H29.1875V26.0625C29.1875 26.5312 28.875 26.8438 28.4062 26.8438Z" fill="#3B82F6"/>
                                <path d="M22.8594 25.2031C22.8594 22.0781 20.5156 19.5 17.4688 19.1094C14.3438 19.5 12 22.1563 12 25.2813V31.5313C12 32 12.3125 32.3125 12.7812 32.3125H22.8594V25.2031Z" fill="#3B82F6"/>
                                <path d="M20.5938 33.875V36.2188C20.5938 36.6875 20.9062 37 21.375 37H26.0625C26.5312 37 26.8438 36.6875 26.8438 36.2188V33.875H20.5938Z" fill="#3B82F6"/>
                                <path d="M30.75 19.2656V26.0625C30.75 26.5312 30.4375 26.8438 29.9688 26.8438C29.5 26.8438 29.1875 26.5312 29.1875 26.0625V19.0312H21.375C23.25 20.4375 24.4219 22.7031 24.4219 25.2031V32.3125H34.6562C35.125 32.3125 35.4375 32 35.4375 31.5312V25.2812C35.4375 22.3906 33.4062 19.9688 30.75 19.2656Z" fill="#3B82F6"/>
                            </svg>
                        </p>

                        @livewire('front.unsubscribe-form', ['email' => $email])
                       
                    </div>

                </div>
            </div>
        </div>
    </section>
</div>


@endsection



@push('modals')

@endpush
@push('scripts')

@endpush