webshell

Ghost Exploiter Team Official

Directory >> /home/softsuitetech/public_html/DEMO/loot4games/resources/views/front/pages/

File / Folder	Size	Action
.	-
gta.blade.php	223.068KB	edt ren

@extends('front.layout.app')
@section('content')
    <style>
        /** Hide the `details` chevron icon in Firefox Browsers */
        summary {
            list-style-type: none;
        }
        /** Hide the `details` chevron icon in Safari Browsers */
        summary::-webkit-details-marker {
            display: none;
        }
    </style>

<section class="mt-10">
            <div class="container mx-auto">
                <div class="row justify-content-center">
                    <div class="col-md-8 text-center">
                        <h1 class="font-semibold text-4xl">
                            Find the <span class="text-yellow-400">perfect product</span> for you with just a few clicks!
                        </h1>
                        <p class="mt-2 font-semibold text-slate-400 text-lg">The tedious browsing has come to an end. Find the right product for you in just a few <br> seconds with the L4G GTA Advisor!</p>
                    </div>
                </div>
            </div>
        </section>
        
        <section class="mt-8">
            <div class="mx-10">
                <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 mt-5 gap-6">
                    <div href="#" class="flex flex-col items-center bg-white  rounded-lg  md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                        <div class="flex flex-col justify-between p-4 leading-normal">
                            <div class="mb-2 text-2xl font-bold tracking-tight dark:text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" />
                                </svg>
                            </div>
                            <h5 class="mb-2 text-2xl font-bold tracking-tight  dark:text-white">New or old?</h5>
                            <p class="mb-3 font-normal text-gray-700">Get an upgrade for your existing account or choose a tailor-made account for you.</p>
                        </div>
                    </div>
                    
                    <div href="#" class="flex flex-col items-center bg-white rounded-lg md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                        <div class="flex flex-col justify-between p-4 leading-normal">
                            <div class="mb-2 text-2xl font-bold tracking-tight dark:text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z" />
                                </svg>
                            </div>
                            <h5 class="mb-2 text-2xl font-bold tracking-tight  dark:text-white">Choose your GTA account balance</h5>
                            <p class="mb-3 font-normal text-gray-700">You alone have control over how full your GTA bank account gets... We at L4G don't set you any limits!</p>
                        </div>
                    </div>
                    
                    <div href="#" class="flex flex-col items-center bg-white rounded-lg md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                        <div class="flex flex-col justify-between p-4 leading-normal">
                            <div class="mb-2 text-2xl font-bold tracking-tight  dark:text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                                </svg>
                            </div>
                            <h5 class="mb-2 text-2xl font-bold tracking-tight  dark:text-white">Would you like a special?</h5>
                            <p class="mb-3 font-normal text-gray-700">A fat account is not enough for you? Then discover our exclusive modded products & special boosts for your GTA account.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="mt-10">
            <div class="container mx-auto">
                <div class="grid place-items-center">
                    <div class="col-span-12 text-center">
                        <h1 class="font-semibold text-4xl">
                            Our most popular products
                        </h1>
                    </div>
                </div>
            </div>
        </section>

<section class="mt-5 w-full bg-blue-950">
            <div class="mx-10 py-10">
                <div class="grid grid-cols-6 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-6 gap-4 py-10">
                    <div class="relative col-span-3 sm:col-span-1">
                        <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                            <div>
                                <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                <div class="py-3">
                                    <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                </div>
                                <div class="flex justify-center py-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                    </svg>
                                </div>

</div>
                            <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                            <div class="left-0 right-0 bg-blue-950 rounded-b-2xl mt-auto">
                                <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                            </div>

</div>
                    </div>

<div class="relative col-span-3 sm:col-span-1">
                        <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                            <div>
                                <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                <div class="py-3">
                                    <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                </div>
                                <div class="flex justify-center py-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                    </svg>
                                </div>

</div>
                    </div>

</div>
                    </div>
                    <div class="relative col-span-3 sm:col-span-1">
                        <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                            <div>
                                <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                <div class="py-3">
                                    <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                </div>
                                <div class="flex justify-center py-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                    </svg>
                                </div>

</div>
                    </div>

</div>
                <div class="container mx-auto mt-10">
                    <div class="grid place-items-center">
                        <div class="col-span-12 text-center">
                            <h1 class="font-semibold text-4xl text-white">
                                PS4 Boosts
                            </h1>
                        </div>
                    </div>
                </div>
                <div class="">
                    <div class="grid grid-cols-6  md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-6 gap-4 py-10">
                        <div class="relative col-span-3 sm:col-span-1">
                            <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                                <div>
                                    <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                    <div class="py-3">
                                        <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                    </div>
                                    <div class="flex justify-center py-4">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                        </svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                        </svg>
                                    </div>

</div>
                                <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                                <div class="left-0 right-0 bg-blue-950 rounded-b-2xl mt-auto">
                                    <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                                </div>

</div>
                        </div>

<div class="relative col-span-3 sm:col-span-1">
                            <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                                <div>
                                    <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                    <div class="py-3">
                                        <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                    </div>
                                    <div class="flex justify-center py-4">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                        </svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                        </svg>
                                    </div>

</div>
                                <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                                <div class="left-0 right-0 bg-blue-950 rounded-b-2xl mt-auto">
                                    <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                                </div>

</div>
                        </div>

<div class="relative col-span-3 sm:col-span-1">
                            <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                                <div>
                                    <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                    <div class="py-3">
                                        <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                    </div>
                                    <div class="flex justify-center py-4">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                        </svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                        </svg>
                                    </div>

</div>
                                <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                                <div class="left-0 right-0 bg-blue-950 rounded-b-2xl mt-auto">
                                    <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                                </div>

</div>
                        </div>

<div class="relative col-span-3 sm:col-span-1">
                            <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                                <div>
                                    <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                    <div class="py-3">
                                        <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                    </div>
                                    <div class="flex justify-center py-4">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                        </svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                        </svg>
                                    </div>

</div>
                                <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                                <div class="left-0 right-0 bg-blue-950 rounded-b-2xl mt-auto">
                                    <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                                </div>

</div>
                        </div>

<div class="relative col-span-3 sm:col-span-1">
                            <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                                <div>
                                    <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                    <div class="py-3">
                                        <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                    </div>
                                    <div class="flex justify-center py-4">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                        </svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                        </svg>
                                    </div>

</div>
                                <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                                <div class="left-0 right-0 bg-blue-950 rounded-b-2xl mt-auto">
                                    <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                                </div>

</div>
                        </div>

<div class="relative col-span-3 sm:col-span-1">
                            <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                                <div>
                                    <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                    <div class="py-3">
                                        <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                    </div>
                                    <div class="flex justify-center py-4">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                        </svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                        </svg>
                                    </div>

</div>
                                <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                                <div class="left-0 right-0 bg-blue-950 rounded-b-2xl mt-auto">
                                    <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                                </div>

</div>
                        </div>

</div>
                </div>
        </section>
        <section class="mt-10">
            <div class="container mx-auto">
                <div class="row justify-content-center">
                    <div class="col-md-8 text-center">
                        <h1 class="font-semibold text-4xl">
                            For your complete satisfaction
                        </h1>
                    </div>
                </div>
            </div>
        </section>
        <section class="mt-8">
            <div class="mx-10">
                <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 mt-5 gap-6">
                    <div href="#" class="flex flex-col items-center bg-white rounded-lg  md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                        <div class="flex flex-col justify-between p-4 leading-normal">
                            <div class="mb-2 text-2xl font-bold tracking-tight dark:text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" />
                                </svg>
                            </div>
                            <h5 class="mb-2 text-2xl font-bold tracking-tight dark:text-white">Fast delivery</h5>
                            <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">We guarantee you fast & safe delivery for all our products. The exact delivery time can be found in the respective product description.</p>
                        </div>
                    </div>
                    
                    <div href="#" class="flex flex-col items-center bg-white rounded-lg md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                        <div class="flex flex-col justify-between p-4 leading-normal">
                            <div class="mb-2 text-2xl font-bold tracking-tight dark:text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z" />
                                </svg>
                            </div>
                            <h5 class="mb-2 text-2xl font-bold tracking-tight dark:text-white">Exclusive products</h5>
                            <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">A fat account is not enough for you? Then discover our exclusive modded products & special boosts for your GTA account.</p>
                        </div>
                    </div>
                    
                    <div href="#" class="flex flex-col items-center bg-white rounded-lg md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                        <div class="flex flex-col justify-between p-4 leading-normal">
                            <div class="mb-2 text-2xl font-bold tracking-tight   dark:text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                                </svg>
                            </div>
                            <h5 class="mb-2 text-2xl font-bold tracking-tight dark:text-white">Anti-Ban Guarantee</h5>
                            <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Our methods are the safest on the market, so the risk of a ban is very low. However, we are always at your side!</p>
                        </div>
                    </div>
                    <div href="#" class="flex flex-col items-center bg-white rounded-lg md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                        <div class="flex flex-col justify-between p-4 leading-normal">
                            <div class="mb-2 text-2xl font-bold tracking-tight dark:text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                                </svg>
                            </div>
                            <h5 class="mb-2 text-2xl font-bold tracking-tight dark:text-white">Over 3000+ reviews</h5>
                            <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Our customers speak for themselves! As the No. 1 provider in Germany, we have been able to collect over 3000+ positive reviews on Trustpilot.</p>
                        </div>
                    </div>
                    <div href="#" class="flex flex-col items-center bg-white rounded-lg md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                        <div class="flex flex-col justify-between p-4 leading-normal">
                            <div class="mb-2 text-2xl font-bold tracking-tight dark:text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                                </svg>
                            </div>
                            <h5 class="mb-2 text-2xl font-bold tracking-tight dark:text-white">Fast support</h5>
                            <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">We love our community and that's why we offer you 24/7 support. We guarantee you an answer within 24 hours!</p>
                        </div>
                    </div>
                    <div href="#" class="flex flex-col items-center bg-white rounded-lg md:flex-row md:max-w-xl hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                        <div class="flex flex-col justify-between p-4 leading-normal">
                            <div class="mb-2 text-2xl font-bold tracking-tight dark:text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                                </svg>
                            </div>
                            <h5 class="mb-2 text-2xl font-bold tracking-tight dark:text-white">Best Service 2021</h5>
                            <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">We are proud to have been awarded the best service in the industry by WirtschaftsTV in 2021. Make sure yourself!   </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="mt-20">
            <div class="grid grid-cols-1 sm:grid-cols-2">
                <div class="col-span-2 sm:col-span-1">
                    <h1 class="font-extrabold text-3xl py-5 text-center sm:justify-end">NEXT GEN.</h1>
                    <div class="flex justify-center py-20">
                        <p class="text-center text-4xl">THE L <span class="text-yellow-400">4</span> G EXCLUSIVE <br> NOW ALSO FOR THE PS5</p>
                    </div>
                </div>
                <div class="col-span-2 sm:col-span-1">
                    <div class="bg-black rounded-l-2xl">
                        <h1 class="text-white text-3xl px-9 py-5">NEW ADVENTURE</h1>
                        <div class="mx-5">
                            <div class="grid grid-cols-2 gap-4 sm:grid-cols-1 md:grid-cols-4 lg:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4 3xl:grid-cols-4 pb-5">
                                <div class="relative">
                                    <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                                        <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                        <div class="py-5">
                                            <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                        </div>
                                        <div class="flex justify-center"></div>
                                        <div class="flex justify-center py-12"></div>
                                        <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                                        <div class="absolute bottom-0 left-0 right-0 bg-blue-950 rounded-b-2xl">
                                            <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="relative">
                                    <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                                        <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                        <div class="py-5">
                                            <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                        </div>
                                        <div class="flex justify-center"></div>
                                        <div class="flex justify-center py-12"></div>
                                        <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                                        <div class="absolute bottom-0 left-0 right-0 bg-blue-950 rounded-b-2xl">
                                            <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="relative">
                                    <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                                        <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                        <div class="py-5">
                                            <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                        </div>
                                        <div class="flex justify-center"></div>
                                        <div class="flex justify-center py-12"></div>
                                        <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                                        <div class="absolute bottom-0 left-0 right-0 bg-blue-950 rounded-b-2xl">
                                            <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="relative">
                                    <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                                        <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                        <div class="py-5">
                                            <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                        </div>
                                        <div class="flex justify-center"></div>
                                        <div class="flex justify-center py-12"></div>
                                        <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                                        <div class="absolute bottom-0 left-0 right-0 bg-blue-950 rounded-b-2xl">
                                            <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="mt-5">
            <div class="grid grid-cols-1 sm:grid-cols-2">
                <div class="col-span-2 sm:col-span-1">
                    <div class="bg-green-800 rounded-r-2xl">
                        <div class="mx-5">
                            <div class="grid grid-cols-2 gap-4 sm:grid-cols-1 md:grid-cols-4 lg:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-4 3xl:grid-cols-4 pb-5 py-5">
                                <div class="relative">
                                    <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                                        <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                        <div class="py-5">
                                            <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                        </div>
                                        <div class="flex justify-center"></div>
                                        <div class="flex justify-center py-12"></div>
                                        <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                                        <div class="absolute bottom-0 left-0 right-0 bg-blue-950 rounded-b-2xl">
                                            <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="relative">
                                    <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                                        <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                        <div class="py-5">
                                            <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                        </div>
                                        <div class="flex justify-center"></div>
                                        <div class="flex justify-center py-12"></div>
                                        <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                                        <div class="absolute bottom-0 left-0 right-0 bg-blue-950 rounded-b-2xl">
                                            <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="relative">
                                    <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                                        <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                        <div class="py-5">
                                            <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                        </div>
                                        <div class="flex justify-center"></div>
                                        <div class="flex justify-center py-12"></div>
                                        <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                                        <div class="absolute bottom-0 left-0 right-0 bg-blue-950 rounded-b-2xl">
                                            <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="relative">
                                    <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                                        <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                        <div class="py-5">
                                            <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                        </div>
                                        <div class="flex justify-center"></div>
                                        <div class="flex justify-center py-12"></div>
                                        <div class="absolute inset-0 rounded-2xl border-2 border-transparent hover:border-blue-950"></div>
                                        <div class="absolute bottom-0 left-0 right-0 bg-blue-950 rounded-b-2xl">
                                            <p class="px-4 pt-1 pb-2 text-end font-bold text-white">€29.99</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-span-2 sm:col-span-1">
                    <div class="flex justify-center py-36">
                        <p class="text-center text-4xl">UNLIMITED POSSIBILITIES NOW ALSO FOR THE XBOX SERIES X | S</p>
                    </div>
                </div>
        </section>

<section class="mt-10">
            <div class="container mx-auto">
                <div class="grid place-items-center">
                    <div class="col-span-12 text-center">
                        <h1 class="font-semibold text-4xl">
                            PC Boosts & Accounts
                        </h1>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="mx-10">
                <div class="grid grid-cols-6  md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-6 gap-4 py-10">
                    <div class="relative col-span-3 sm:col-span-1">
                        <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                            <div>
                                <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                <div class="py-3">
                                    <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                </div>
                                <div class="flex justify-center py-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                    </svg>
                                </div>

</div>
                    </div>

</div>
            </div>
        </section>
        <section class="mt-10">
            <div class="container mx-auto">
                <div class="grid place-items-center">
                    <div class="col-span-12 text-center">
                        <h1 class="font-semibold text-4xl">
                            Xbox One Boosts
                        </h1>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="mx-10">
                <div class="grid grid-cols-6  md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-6 gap-4 py-10">
                    <div class="relative col-span-3 sm:col-span-1">
                        <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                            <div>
                                <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                <div class="py-3">
                                    <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                </div>
                                <div class="flex justify-center py-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                    </svg>
                                </div>

</div>
                    </div>

</div>
            </div>
        </section>
        <section class=" h-auto bg-blue-950 mt-28">

<div class="grid grid-cols-12 bg-blue-950 w-full rounded-2xl">
                <div class="col-span-12 sm:col-span-12">
                    <div class=" justify-center items-center">
                        <div class="flex flex-col justify-center mb-20 mt-10">
                            <p class="text-center text-2xl text-white font-semibold">Are you looking for GTA account? Choose your platform.</p>
                        </div>
                    </div>
                    <div class="mx-10">
                        <div class="flex flex-wrap justify-center mx-10">
                            <div class="text-center mb-4">
                                <div class="max-w-sm overflow-hidden">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10 mx-20 text-yellow-500">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z" />
                                    </svg>
                                    <div class="py-4 w-44 mx-5">
                                        <p class="text-white text-lg font-semibold">
                                            PS4 Accounts
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="text-center mb-4">
                                <div class="max-w-sm overflow-hidden">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10 mx-20 text-yellow-500">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z" />
                                    </svg>
                                    <div class="py-4 w-44 mx-5">
                                        <p class="text-white text-lg font-semibold">
                                            PS4 Accounts
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="text-center mb-4">
                                <div class="max-w-sm overflow-hidden">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10 mx-20 text-yellow-500">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z" />
                                    </svg>
                                    <div class="py-4 w-44 mx-5">
                                        <p class="text-white text-lg font-semibold">
                                            PS4 Accounts
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>

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

<section class="min-h-screentext-neutral-50 mt-10 mb-6">
            <div id="app" class="max-w-screen-xl mx-auto px-4 md:px-8 py-12 transition-all duration-500 ease-linear">
                <div class="relative">
                    <div class="slides-container h-72 flex snap-x snap-mandatory overflow-hidden overflow-x-auto space-x-5 rounded scroll-smooth before:w-[45vw] before:shrink-0 after:w-[45vw] after:shrink-0 md:before:w-0 md:after:w-0">
                        <div class="slide aspect-square flex-shrink-0 snap-center rounded overflow-hidden">
                            <div class="w-full bg-white rounded-lg">
                                <div class="max-w-xs p-6 bg-gray-100 rounded-lg dark:border-gray-700">
                                    <img src="{{url('')}}/admin-assets/img/stars.jpg" class="mb-2 w-28 h-5 m">
                                    <a href="#">
                                        <p class="mb-2 text-xs font-semibold tracking-tight text-gray-900 dark:text-white">Andrea,3 Mai</p>
                                    </a>
                                    <p class="mb-3 font-semibold">Es hat alles super geklappt</p>
                                    <p class="inline-flex items-center text-xs">Es hat alles super geklappt. Wir mussten ein paar Tage auf den Account warten. Haben aber auf unsere Anfrage zeitnah eine Antwort erhalten. Der Account (Fortnite) enthält alles wie versprochen. Sehr zu empfehlen. </p>
                                </div>
                            </div>
                        </div>
                        <div class="slide aspect-square h-full flex-shrink-0 snap-center rounded overflow-hidden">
                            <div class="w-full bg-white rounded-lg">
                                <div class="max-w-xs p-6 bg-gray-100 rounded-lg dark:border-gray-700">
                                    <img src="{{url('')}}/admin-assets/img/stars.jpg" class="mb-2 w-28 h-5 m">
                                    <a href="#">
                                        <p class="mb-2 text-xs font-semibold tracking-tight text-gray-900 dark:text-white">Andrea,3 Mai</p>
                                    </a>
                                    <p class="mb-3 font-semibold">Es hat alles super geklappt</p>
                                    <p class="inline-flex items-center text-xs">Es hat alles super geklappt. Wir mussten ein paar Tage auf den Account warten. Haben aber auf unsere Anfrage zeitnah eine Antwort erhalten. Der Account (Fortnite) enthält alles wie versprochen. Sehr zu empfehlen. </p>
                                </div>
                            </div>
                        </div>
                        <div class="slide aspect-square h-full flex-shrink-0 snap-center rounded overflow-hidden">
                            <div class="w-full bg-white rounded-lg">
                                <div class="max-w-xs p-6 bg-gray-100 rounded-lg dark:border-gray-700">
                                    <img src="{{url('')}}/admin-assets/img/stars.jpg" class="mb-2 w-28 h-5 m">
                                    <a href="#">
                                        <p class="mb-2 text-xs font-semibold tracking-tight text-gray-900 dark:text-white">Andrea,3 Mai</p>
                                    </a>
                                    <p class="mb-3 font-semibold">Es hat alles super geklappt</p>
                                    <p class="inline-flex items-center text-xs">Es hat alles super geklappt. Wir mussten ein paar Tage auf den Account warten. Haben aber auf unsere Anfrage zeitnah eine Antwort erhalten. Der Account (Fortnite) enthält alles wie versprochen. Sehr zu empfehlen. </p>
                                </div>
                            </div>
                        </div>
                        <div class="slide aspect-square h-full flex-shrink-0 snap-center rounded overflow-hidden">
                            <div class="w-full bg-white rounded-lg">
                                <div class="max-w-xs p-6 bg-gray-100 rounded-lg dark:border-gray-700">
                                    <img src="{{url('')}}/admin-assets/img/stars.jpg" class="mb-2 w-28 h-5 m">
                                    <a href="#">
                                        <p class="mb-2 text-xs font-semibold tracking-tight text-gray-900 dark:text-white">Andrea,3 Mai</p>
                                    </a>
                                    <p class="mb-3 font-semibold">Es hat alles super geklappt</p>
                                    <p class="inline-flex items-center text-xs">Es hat alles super geklappt. Wir mussten ein paar Tage auf den Account warten. Haben aber auf unsere Anfrage zeitnah eine Antwort erhalten. Der Account (Fortnite) enthält alles wie versprochen. Sehr zu empfehlen. </p>
                                </div>
                            </div>
                        </div>
                        <div class="slide aspect-square h-full flex-shrink-0 snap-center rounded overflow-hidden">
                            <div class="w-full bg-white rounded-lg">
                                <div class="max-w-xs p-6 bg-gray-100 rounded-lg dark:border-gray-700">
                                    <img src="{{url('')}}/admin-assets/img/stars.jpg" class="mb-2 w-28 h-5 m">
                                    <a href="#">
                                        <p class="mb-2 text-xs font-semibold tracking-tight text-gray-900 dark:text-white">Andrea,3 Mai</p>
                                    </a>
                                    <p class="mb-3 font-semibold">Es hat alles super geklappt</p>
                                    <p class="inline-flex items-center text-xs">Es hat alles super geklappt. Wir mussten ein paar Tage auf den Account warten. Haben aber auf unsere Anfrage zeitnah eine Antwort erhalten. Der Account (Fortnite) enthält alles wie versprochen. Sehr zu empfehlen. </p>
                                </div>
                            </div>
                        </div>
                        <div class="slide aspect-square h-full flex-shrink-0 snap-center rounded overflow-hidden">
                            <div class="w-full bg-white rounded-lg">
                                <div class="max-w-xs p-6 bg-gray-100 rounded-lg dark:border-gray-700">
                                    <img src="{{url('')}}/admin-assets/img/stars.jpg" class="mb-2 w-28 h-5 m">
                                    <a href="#">
                                        <p class="mb-2 text-xs font-semibold tracking-tight text-gray-900 dark:text-white">Andrea,3 Mai</p>
                                    </a>
                                    <p class="mb-3 font-semibold">Es hat alles super geklappt</p>
                                    <p class="inline-flex items-center text-xs">Es hat alles super geklappt. Wir mussten ein paar Tage auf den Account warten. Haben aber auf unsere Anfrage zeitnah eine Antwort erhalten. Der Account (Fortnite) enthält alles wie versprochen. Sehr zu empfehlen. </p>
                                </div>
                            </div>
                        </div>

</div>
                    <div class="absolute top-0 -left-4 h-full items-center hidden md:flex">
                        <button role="button" class="prev px-2 py-2 rounded-full bg-neutral-100 text-neutral-900 group" aria-label="prev">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 group-active:-translate-x-2 transition-all duration-200 ease-linear">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
                            </svg>
                        </button>
                    </div>
                    <div class="absolute top-0 -right-4 h-full items-center hidden md:flex">
                        <button role="button" class="next px-2 py-2 rounded-full bg-neutral-100 text-neutral-900 group" aria-label="next">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 group-active:translate-x-2 transition-all duration-200 ease-linear">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
                            </svg>
                        </button>
                    </div>
                </div>
            </div>
        </section>
        <section class="mt-10">
            <div class="container mx-auto">
                <div class="grid place-items-center">
                    <div class="col-span-12 text-center">
                        <h1 class="font-semibold text-4xl">
                            PS4 Accounts
                        </h1>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="mx-10">
                <div class="grid grid-cols-6  md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-6 gap-4 py-10">
                    <div class="relative col-span-3 sm:col-span-1">
                        <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                            <div>
                                <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                <div class="py-3">
                                    <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                </div>
                                <div class="flex justify-center py-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                    </svg>
                                </div>

</div>
                    </div>

</div>
            </div>
        </section>
        <section class="mt-10">
            <div class="container mx-auto">
                <div class="grid place-items-center">
                    <div class="col-span-12 text-center">
                        <h1 class="font-semibold text-4xl">
                            Xbox One Accounts
                        </h1>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="mx-10">
                <div class="grid grid-cols-6  md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-6 gap-4 py-10">
                    <div class="relative col-span-3 sm:col-span-1">
                        <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                            <div>
                                <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                <div class="py-3">
                                    <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                </div>
                                <div class="flex justify-center py-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                    </svg>
                                </div>

</div>
                    </div>

</div>
            </div>
        </section>
        <section class="w-full flex h-auto bg-blue-950 mt-28">
            <div class="container-xl mx-auto w-full">
                <div class="grid grid-cols-12">
                    <div class="col-span-12 sm:col-span-12">
                        <div class="justify-center items-center">
                            <div class=" justify-center mb-20 mt-10">
                                <p class="text-center text-4xl text-white font-semibold">Haven't found what you're looking for yet? <br> Find the perfect product for you with just few clicks!
                                </p>
                                <p class="text-center text-lg text-white font-semibold mt-2">The tradious browsinh has come to an end. Find the right product for you in just a few <br> seconds with tr L4G GTA Advisor!</p>
                            </div>
                        </div>
                        <div class="mx-10">
                            <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 mt-5 gap-6">
                                <div href="#" class="flex flex-col items-center rounded-lg  md:flex-row md:max-w-xl dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                                    <div class="flex flex-col justify-between p-4 leading-normal">
                                        <div class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">
                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10 text-white">
                                                <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" />
                                            </svg>
                                        </div>
                                        <h5 class="mb-2 text-2xl font-bold tracking-tight text-white">Fast delivery</h5>
                                        <p class="mb-3 font-normal text-white">We guarantee you fast & safe delivery for all our products. The exact delivery time can be found in the respective product description.</p>
                                    </div>
                                </div>
                                
                                <div href="#" class="flex flex-col items-center rounded-lg md:flex-row md:max-w-xl dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                                    <div class="flex flex-col justify-between p-4 leading-normal">
                                        <div class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">
                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10 text-yellow-500">
                                                <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z" />
                                            </svg>
                                        </div>
                                        <h5 class="mb-2 text-2xl font-bold tracking-tight text-white">Exclusive products</h5>
                                        <p class="mb-3 font-normal text-white">A fat account is not enough for you? Then discover our exclusive modded products & special boosts for your GTA account.</p>
                                    </div>
                                </div>
                                
                                <div href="#" class="flex flex-col items-center rounded-lg md:flex-row md:max-w-xl dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                                    <div class="flex flex-col justify-between p-4 leading-normal">
                                        <div class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">
                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10 h-10 text-white">
                                                <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                                            </svg>
                                        </div>
                                        <h5 class="mb-2 text-2xl font-bold tracking-tight text-white">Anti-Ban Guarantee</h5>
                                        <p class="mb-3 font-normal text-white">Our methods are the safest on the market, so the risk of a ban is very low. However, we are always at your side!</p>
                                    </div>
                                </div>

</div>
                        </div>
                        <div class="justify-center flex">
                            <button class="mb-10 bg-green-900 hover:bg-yellow-500 text-white font-semibold hover:text-white py-2 px-4 border border-green-900 hover:border-transparent rounded">Find the right GTA product now</button>
                        </div>
                    </div>
                </div>
        </section>
        <section class="mt-10">
            <div class="container mx-auto">
                <div class="grid place-items-center">
                    <div class="col-span-12 text-center">
                        <h1 class="font-semibold text-4xl">
                            PC modded outfits
                        </h1>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="mx-10">
                <div class="grid grid-cols-6  md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-6 gap-4 py-10">
                    <div class="relative col-span-3 sm:col-span-1">
                        <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                            <div>
                                <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                <div class="py-3">
                                    <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                </div>
                                <div class="flex justify-center py-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                    </svg>
                                </div>

</div>
                    </div>

</div>
            </div>
        </section>
        <section class="mt-10">
            <div class="container mx-auto">
                <div class="grid place-items-center">
                    <div class="col-span-12 text-center">
                        <h1 class="font-semibold text-4xl">
                            PS4 Modded Outfits
                        </h1>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="mx-10">
                <div class="grid grid-cols-6  md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-6 gap-4 py-10">
                    <div class="relative col-span-3 sm:col-span-1">
                        <div class="bg-white shadow-xl rounded-2xl overflow-hidden h-auto">
                            <div>
                                <img src="{{url('')}}/admin-assets/img/f1.jpg" class="">
                                <div class="py-3">
                                    <p class="uppercase tracking-wide text-sm text-gray-700 text-center mx-1">Harry Potter: Quidditch Champions Closed Beta Steam CD Key</p>
                                </div>
                                <div class="flex justify-center py-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 ">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 mx-3">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" />
                                    </svg>
                                </div>

</div>
                    </div>

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

<head>
            
        </head>

</style>

</main>
@endsection

nextButton.addEventListener("click", function(event) {
            event.preventDefault();
            slidesContainer.scrollLeft += slideWidth;
        });

prevButton.addEventListener("click", function(event) {
            event.preventDefault();
            slidesContainer.scrollLeft -= slideWidth;
        });
    });
</script>

<=Back