One Hat Cyber Team

View File Name : classic-dark-blue.blade.php

<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ $card_details->title }}</title>

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <link rel="icon" href="{{ url($business_card_details->profile) }}" sizes="96x96" type="image/png" />
    <link rel="apple-touch-icon" href="{{ url($business_card_details->profile) }}">

    <meta name="theme-color" content="blue" />

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="application-name" content="{{ $card_details->title }}">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-title" content="{{ $card_details->title }}">

    <!-- Tile for Win8 -->
    <meta name="msapplication-TileColor" content="blue">
    <meta name="msapplication-TileImage" content="{{ url($business_card_details->profile) }}">

    {!! SEOMeta::generate() !!}
    {!! OpenGraph::generate() !!}
    {!! Twitter::generate() !!}
    {!! JsonLd::generate() !!}

    <!-- CSS files -->
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
    <link rel="stylesheet" href="{{ url('frontend/css/tailwind.min.css') }}">
    <link rel="stylesheet" href="{{ url('css/fontawesome.min.css') }}" />
    <link rel="stylesheet" href="{{ url('frontend/css/style.css') }}" />
    <script type="text/javascript" src="{{ url('js/sweetalert.min.js') }}"></script>

    <!-- Include the qrious library -->
    <script src="{{ url('js/qrious.min.js') }}"></script>

    {{-- Check business details --}}
    @if ($business_card_details != null)
    <style>
    {!! $business_card_details->custom_css !!}
    </style>
    @endif

    {{-- Check PWA --}}
    @if ($plan_details != null)
    @if ($plan_details['pwa'] == 1)

    @laravelPWA

    <!-- Web Application Manifest -->
    <link rel="manifest" href="{{ $manifest }}">

    @endif
    @endif
</head>

@php
use Illuminate\Support\Facades\Session;
@endphp

<body class="antialiased lg:bg-blue-800 bg-grey-lighter text-body font-body" dir="{{(App::isLocale('ar') || App::isLocale('ur') || App::isLocale('he') ? 'rtl' : 'ltr')}}">
    <div>
        {{-- Check password protected --}}
        @if ($business_card_details->password == null || Session::get('password_protected') == true)
        @if ($business_card_details != null)
            <div id="profile"
                class="leading-tight min-h-screen p-1">

                <div class="lg:p-2"></div>

                <div class="max-w-xl w-full mx-auto bg-black rounded-lg overflow-hidden shadow-lg {{ $business_card_details->cover_type == "photo" ? '' : 'pt-24' }}">
                    @if ($business_card_details->cover_type == "photo")
                    <div class="bg-cover h-40"
                        style="background-image: url('{{ url($business_card_details->cover) }}'); ">
                    </div>
                    @endif

                    <div class="px-4 pb-2">
                        <div class="text-center -mt-16 sm:text-left sm:flex mb-4">
                            <img class="h-32 w-32 rounded-lg border-2 border-white mr-4 md:ml-24 lg:ml-12 profile"
                                src="{{ url($business_card_details->profile) }}"
                                alt="{{ $business_card_details->title }}" />

                        </div>

                        <div class="text-center">
                              <div class="pt-0 pb-3">
                                <h3 class="font-bold text-white text-2xl mb-1">
                                    {{ $business_card_details->title }}
                                </h3>
                                <p class="text-white">{{ $card_details->sub_title }}</p>

                                @if ($business_card_details->description != null || $business_card_details->address != null)
                                    <div class="pt-4 text-left text-white">
                                        {!! $business_card_details->description !!}
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>

                    @foreach ($feature_details as $feature)
                    <ul class="grid grid-flow-col grid-cols-1 grid-rows-1 mb-1 mb-5">
                        @if ($feature->type == 'email')
                        <a class="break-word" href="mailto:{{ $feature->content }}">
                        @endif

                        @if ($feature->type == 'tel')
                        <a class="break-word" href="tel:{{ $feature->content }}">
                        @endif

                        @if ($feature->type == 'wa')
                        <a class="break-word" href="http://wa.me/{{ $feature->content }}" rel="noopener nofollow noreferrer" target="_blank">
                        @endif

                        @if ($feature->type == 'url' || $feature->type == 'facebook' || $feature->type == 'instagram' || $feature->type == 'x-twitter' || $feature->type == 'linkedin' || $feature->type == 'pinterest'
                        || $feature->type == 'reddit' || $feature->type == 'tiktok' || $feature->type == 'threads' || $feature->type == 'snapchat' || $feature->type == 'wechat'
                        || $feature->type == 'telegram' || $feature->type == 'tumblr' || $feature->type == 'qq' || $feature->type == 'discord' || $feature->type == 'quora')
                        <a class="break-all" href="https://{{ str_replace('https://', '', $feature->content) }}" rel="noopener nofollow noreferrer" target="_blank">
                        @endif

                        @if ($feature->type != 'iframe' && $feature->type != 'youtube' && $feature->type != 'map' && $feature->type != 'text')
                        <li>
                            <div class="flex items-center w-full px-5">
                                <div
                                    class="flex justify-center items-center content-center bg-gradient-to-br from-blue-300 to-blue-800 shadow-lg hover:shadow-lg h-12 w-12 rounded-lg fill-current text-white">
                                    <i class="{{ $feature->icon }}"></i>
                                </div>
                                <div class="w-3/4 mx-5 my-6">
                                    <p class="font-semibold text-white break-word text-lg">
                                        {{ $feature->label }}</p>
                                    <p class="font-semibold text-white break-word text-sm">{{ $feature->content }}</p>
                                </div>
                            </div>
                        </li>
                        @endif

                        @if ($feature->type == 'url' || $feature->type == 'facebook' || $feature->type == 'instagram' || $feature->type == 'x-twitter' || $feature->type == 'linkedin' || $feature->type == 'pinterest'
                        || $feature->type == 'reddit' || $feature->type == 'tiktok' || $feature->type == 'threads' || $feature->type == 'snapchat' || $feature->type == 'wechat'
                        || $feature->type == 'telegram' || $feature->type == 'tumblr' || $feature->type == 'qq' || $feature->type == 'discord' || $feature->type == 'quora' || $feature->type == 'wa' || $feature->type == 'tel' || $feature->type == 'email')
                        </a>
                        @endif
                    </ul>
                    @endforeach

                    {{-- Custom Text --}}
                    @if ($customTexts != null && !$customTexts->isEmpty())
                        @foreach ($customTexts as $customText)
                        <div class="w-full px-5 align-middle py-4 border-t border-b">
                            <p class="text-white font-semibold text-lg">{{ __($customText->label) }}</p>
                        </div>

                        <div class="px-5 py-4">
                            <div class="w-full my-6">
                                <p class="font-semibold text-white break-word text-lg">
                                    {{ $customText->content }}</p>
                            </div>
                        </div>
                        @endforeach
                    @endif

                    {{-- Services --}}
                    @if ($service_details != null && !$service_details->isEmpty())
                    <div class="w-full px-5 align-middle py-4 border-t border-b">
                        <p class="text-white font-semibold text-lg">{{ __('Services') }}</p>
                    </div>

                    <div class="px-5 py-4">
                        @foreach ($service_details as $service_detail)
                            <div class="mb-3">
                                <div class="w-full overflow-hidden rounded-lg shadow-lg">
                                    <a href="{{ url($service_detail->service_image) }}" data-toggle="lightbox" data-gallery="gallery" class="col-md-4">
                                        <img class="w-full text-white"
                                        src="{{ url($service_detail->service_image) }}"
                                        alt="{{ $service_detail->service_name }}" />
                                    </a>
                                    <div class="px-5 py-3">
                                        <div class="mb-2">
                                            <div class="text-white font-semibold text-lg mb-2">
                                                {{ $service_detail->service_name }}
                                            </div>
                                            <p class="text-white text-base">
                                                {{ $service_detail->service_description }}
                                            </p>
                                        </div>

                                        @if ($enquiry_button != null)
                                            @if ($service_detail->enable_enquiry == 'Enabled')
                                                <div class="mt-5 mb-2">
                                                    <a href="https://wa.me/{{ $enquiry_button }}?text={{ __('Hi, I am interested in your service:') }} {{ $service_detail->service_name }}. {{ __('Please provide more details.') }}" rel="noopener nofollow noreferrer" target="_blank" class="flex-1 rounded-lg bg-blue-500 font-semibold hover:bg-blue-800 text-white antialiased px-4 py-2">
                                                        {{ __('Make WhatsApp Enquiry') }}
                                                    </a>
                                                </div>
                                            @endif
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    @endif

                    {{-- Products --}}
                    @if ($product_details != null && !$product_details->isEmpty())
                    <div class="w-full px-5 align-middle py-4 border-b">
                        <p class="text-white font-semibold text-lg">{{ __('Products') }}</p>
                    </div>

                    <div class="px-1 py-1">
                        @foreach ($product_details as $product_detail)
                        <div class="w-full lg:w-full p-4">
                            <div class="p-3 bg-dark shadow-lg rounded-lg">
                                <div class="w-full mb-2">
                                    <img class="rounded pb-2"
                                        id="{{ $product_detail->product_id }}_product_image"
                                        src="{{ url($product_detail->product_image) }}" alt="{{ $product_detail->product_name }}">
                                </div>
                                <span class="py-1 px-2 bg-red-500 rounded text-xs text-white">{{
                                        $product_detail->badge }}</span>
                                <div class="w-full mb-1 mt-1 justify-between items-center">
                                    <div>
                                        <h3 id="{{ $product_detail->product_id }}_product_name" class="text-sm font-medium text-white">
                                            {{ $product_detail->product_name }}</h3>
                                        <span id="{{ $product_detail->product_id }}_subtitle" class="text-xs text-white">{{
                                            $product_detail->product_subtitle }}</span>
                                    </div>
                                </div>
                                <div class="w-full mb-1 justify-between items-center">
                                    <h4 class="text-sm mb-3 font-bold text-white"><span id="{{ $product_detail->product_id }}_currency">{{ $product_detail->currency }}</span> <span id="{{ $product_detail->product_id }}_price">{{
                                            $product_detail->sales_price }}</span>
                                        @if ($product_detail->sales_price != $product_detail->regular_price)
                                        <span class="text-xs line-through text-red-500 font-bold">
                                            {{ $product_detail->currency }} {{ $product_detail->regular_price }}</span>
                                        @endif
                                    </h4>
                                    @if ($enquiry_button != null)
                                    @if ($product_detail->product_status == "instock")
                                    <div class="mt-5 mb-2">
                                        <a href="https://wa.me/{{ $enquiry_button }}?text={{ __('Hi, I am interested in your product:') }} {{ $product_detail->product_name }}. {{ __('Please provide more details.') }}" rel="noopener nofollow noreferrer" target="_blank" class="flex-1 rounded-lg bg-blue-500 font-semibold hover:bg-blue-800 text-white antialiased px-4 py-2">
                                            {{ __('Make WhatsApp Enquiry') }}
                                        </a>
                                    </div>
                                    @endif
                                    @endif
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    @endif

                    {{-- Galleries --}}
                    @if ($galleries_details != null && !$galleries_details->isEmpty())
                    <div class="w-full px-5 align-middle py-4 border-b">
                        <p class="text-white font-semibold text-lg">{{ __('Image Gallery') }}</p>
                    </div>

                        <div id="gallery" class="px-5 py-4">
                            @foreach ($galleries_details as $galleries_detail)
                                <div class="mb-3">
                                    <div class="w-full overflow-hidden rounded-lg shadow-lg">
                                        <a href="{{ url($galleries_detail->gallery_image) }}" data-toggle="lightbox" data-gallery="gallery" class="col-md-4">
                                            <img class="w-full text-white"
                                            src="{{ url($galleries_detail->gallery_image) }}"
                                            alt="{{ $galleries_detail->caption }}" />
                                        </a>
                                        <div class="px-5 py-3">
                                            <div class="mb-2">
                                                <div class="text-white font-semibold text-lg">
                                                    {{ $galleries_detail->caption }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    @endif

                    {{-- Testimonials --}}
                    @if ($testimonials != null && !$testimonials->isEmpty())
                        <div class="w-full align-middle p-6 border-t border-b">
                            <p class="text-white font-semibold text-lg">{{ __('Testimonials') }}</p>
                        </div>
                        <section class="px-4 py-4">
                            <div class="mb-3">
                                <!-- Slider main container -->
                                <div class="swiper testimonials">
                                    <!-- Additional required wrapper -->
                                    <div class="swiper-wrapper mb-3">
                                        <!-- Slides -->
                                        @foreach ($testimonials as $testimonial)
                                        <div class="swiper-slide">
                                            <section class="py-2 overflow-hidden">
                                                <div class="container mx-auto">
                                                    <div class="bg-white rounded-3xl">
                                                        <div class="py-6 px-8 md:max-w-3xl mx-auto text-center">
                                                            <img class="mb-3 w-20 h-20 mx-auto rounded-full"src="{{ url($testimonial->reviewer_image) }}" alt="{{ $testimonial->reviewer_name }}">
                                                            <p class="mt-6 mb-10 text-xl font-bold">"{{ $testimonial->review }}"</p>
                                                            <h3 class="font-heading mb-2 text-xl text-gray-900 font-black capitalize">{{ $testimonial->reviewer_name }}</h3>
                                                            <p class="text-sm text-gray-500 font-bold capitalize">{{ $testimonial->review_subtext }}</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </div>
                                        @endforeach
                                    </div>

                                    <!-- If we need pagination -->
                                    <div class="swiper-button-next"></div>
                                    <div class="swiper-button-prev"></div>
                                </div>
                            </div>
                        </section>
                    @endif

                    @if ($feature_details != null && !$feature_details->isEmpty())
                        <div id="youtube" class="px-5 py-4 border-b">
                            @foreach ($feature_details as $feature)
                                @if ($feature->type == 'youtube')
                                <div class="w-full px-5 align-middle py-4">
                                    <p class="text-white font-semibold text-lg">{{ __('Videos') }}</p>
                                </div>
                                <div class="mb-3">
                                    <div class="w-full overflow-hidden rounded-lg shadow-lg">
                                        <iframe class="w-full h-64 text-white" src="https://www.youtube.com/embed/{!! $feature->content !!}"
                                        title="{{ $feature->label }}" frameborder="0" allowfullscreen></iframe>
                                        <div class="px-5 py-3">
                                            <div class="mb-2">
                                                <div class="text-white font-semibold text-lg">
                                                    {{ $feature->label }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endif
                            @endforeach
                        </div>
                    @endif

                    {{-- Iframes --}}
                    @if ($iframes != null && !$iframes->isEmpty())
                        @foreach ($iframes as $iframe)
                            <div class="w-full px-5 align-middle py-4 border-b">
                                <p class="text-white font-semibold text-lg">{{ __($iframe->label) }}</p>
                            </div>
                            <div id="youtube" class="px-5 py-4">
                                <div class="mb-3">
                                    <div class="w-full overflow-hidden rounded-lg shadow-lg">
                                        <iframe src="{{ $iframe->content }}"
                                            class="w-full h-64" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif

                    @if (count($payment_details) > 0)

                        <div class="w-full px-5 align-middle py-4 border-b">
                            <p class="text-white font-semibold text-lg">{{ __('Payment Details') }}</p>
                        </div>

                        @foreach ($payment_details as $payment)

                            <ul class="grid grid-flow-col grid-cols-1 grid-rows-1 mb-1 border-b">

                            @if ($payment->type == 'url')
                            @if(substr($payment->content, 0, 3) == "upi")
                            <a href="{{ str_replace('https://', '', $payment->content) }}" rel="noopener nofollow noreferrer" target="_blank">
                            @else
                            <a href="https://{{ str_replace('https://', '', $payment->content) }}" rel="noopener nofollow noreferrer" target="_blank">
                            @endif
                            @endif

                                <li>
                                    <div class="flex items-center w-full px-5 ">
                                        <div
                                            class="flex justify-center items-center content-center bg-gradient-to-br from-blue-300 to-blue-800 shadow-lg hover:shadow-lg h-12 w-12 rounded-lg fill-current text-white">
                                            <i class="{{ $payment->icon }}"></i>
                                        </div>
                                        <div class="w-3/4 mx-5 my-6">
                                            <p class="font-semibold break-word text-white text-lg">
                                                {{ $payment->label }}</p>
                                            <p class="font-medium text-gray-50 pt-1 break-word text-base">
                                                <pre class="whitespace-break-spaces text-gray-50 text-sm">{!! $payment->content !!}</pre>
                                            </p>
                                        </div>
                                    </div>
                                </li>
                                @if ($payment->type == 'url')
                                </a>
                                @endif
                            </ul>

                        @endforeach
                    @endif

                    @if ($plan_details['business_hours'] == 1)
                        @if ($business_hours != null && $business_hours->is_display != 0)

                        <div class="w-full px-5 align-middle py-4 border-b">
                            <p class="text-white font-semibold text-lg">{{ __('Business Hours') }}</p>
                        </div>


                        <div class="px-5 py-4">
                            @if ($business_hours->is_always_open != 'Opening')
                                <div>
                                    <p class="pt-2 font-semibold text-white">{{ __('Monday') }}: {{ __($business_hours->Monday) }}</p>
                                    <p class="pt-2 font-semibold text-white">{{ __('Tuesday') }}: {{ __($business_hours->Tuesday) }}</p>
                                    <p class="pt-2 font-semibold text-white">{{ __('Wednesday') }}: {{ __($business_hours->Wednesday) }}</p>
                                    <p class="pt-2 font-semibold text-white">{{ __('Thursday') }}: {{ __($business_hours->Thursday) }}</p>
                                    <p class="pt-2 font-semibold text-white">{{ __('Friday') }}: {{ __($business_hours->Friday) }}</p>
                                    <p class="pt-2 font-semibold text-white">{{ __('Saturday') }}: {{ __($business_hours->Saturday) }}</p>
                                    <p class="pt-2 font-semibold text-white">{{ __('Sunday') }}: {{ __($business_hours->Sunday) }}</p>
                                </div>
                            @else
                                <div>
                                    <p class="pt-2 py-4 font-semibold text-blue-500">{{ __('Always Open') }}</p>
                                </div>
                            @endif
                        </div>
                        @endif
                    @endif


                    {{--  Check contact form is "enabled" --}}
                    @if ($plan_details['contact_form'] == 1)
                        @if ($business_card_details->enquiry_email != null)
                        <section class="py-5 lg:py-8 border-b">
                            <div class="container mx-auto">
                            <div class="max-w-xl mx-auto">
                                <div class="">
                                <div class="mb-6">
                                    <h3 class="p-4 text-2xl text-white font-bold capitalize border-b">
                                    {{ __('Contact us') }}
                                    </h3>
                                </div>
                                @if(Session::has('message'))
                                <div class="px-4 bg-gradient-to-br from-blue-300 to-blue-800 border-t-4 border-blue-500 rounded-b text-blue-900 px-4 py-3 shadow-md mb-3" role="alert">
                                    <div class="flex">
                                    <div class="py-1"><svg class="fill-current h-6 w-6 text-white mr-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z"/></svg></div>
                                    <div>
                                        <p class="font-bold text-white">{{ Session::get('message') }}</p>
                                        <p class="text-sm text-white">{{ __('Please wait for the reply to be sent.') }}</p>
                                    </div>
                                    </div>
                                </div>
                                @endif
                                <form class="px-4" action="{{ route('sent.enquiry') }}" method="POST">
                                    @csrf
                                    <div class="flex flex-wrap -mx-2">
                                    <div class="mb-3 w-full lg:w-1/2 px-2">
                                        <input
                                        class="w-full p-4 text-xs bg-gray-50 outline-none rounded"
                                        type="hidden" value="{{ $business_card_details->card_id }}" name="card_id"
                                        />
                                        <input
                                        class="w-full p-4 text-xs bg-gray-100 outline-none rounded"
                                        type="text"
                                        placeholder="{{ __('Name') }} *" name="name" required
                                        />
                                    </div>
                                    <div class="mb-3 w-full lg:w-1/2 px-2">
                                        <input
                                        class="w-full p-4 text-xs bg-gray-100 outline-none rounded"
                                        type="email"
                                        placeholder="{{ __('Email') }} *" name="email" required
                                        />
                                    </div>
                                    </div>
                                    <div class="mb-3 flex p-4 bg-gray-100 rounded">
                                    <input
                                        class="w-full text-xs bg-gray-100 outline-none"
                                        type="number"
                                        placeholder="{{ __('Mobile Number') }}" name="phone"
                                    />
                                    </div>
                                    <div class="mb-6 flex p-4 bg-gray-100 rounded">
                                    <textarea
                                        class="w-full h-20 text-xs font-semibold bg-gray-100 rounded outline-none"
                                        type="text"
                                        placeholder="{{ __('Message') }} *" name="message" required
                                    >
View File Name : classic-dark-blue.blade.php

{{ __('403') }}

{{ __('Oops! Basic details are missing.') }}

{{ __("Password Protected") }}
