<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="description" content="Premium domain: afripot.com"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0"><meta name="generator" content="Astro v5.16.6"><!-- Critical CSS inlined for faster initial render --><style>
      /* Critical styles for above-the-fold content */
      *,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
      html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}
      body{margin:0;line-height:inherit;background-color:#fff;color:#111827;overflow-x:hidden}
      .bg-white{background-color:#fff}
      .text-gray-900{color:#111827}
      .border-b{border-bottom-width:1px}
      .border-gray-200{border-color:#e5e7eb}
      .max-w-7xl{max-width:80rem}
      .mx-auto{margin-left:auto;margin-right:auto}
      .px-4{padding-left:1rem;padding-right:1rem}
      .py-5{padding-top:1.25rem;padding-bottom:1.25rem}
      .flex{display:flex}
      .items-center{align-items:center}
      .justify-between{justify-content:space-between}
      .gap-2{gap:0.5rem}
      .gap-3{gap:0.75rem}
      .gap-4{gap:1rem}
      .text-2xl{font-size:1.5rem;line-height:2rem}
      .font-bold{font-weight:700}
      .hidden{display:none}
      .overflow-x-hidden{overflow-x:hidden}
      .w-full{width:100%;max-width:100vw}
    </style><!-- Preload critical font if using custom fonts --><!-- <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin> --><!-- Favicons --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><meta name="msapplication-TileColor" content="#6366f1"><meta name="msapplication-config" content="/browserconfig.xml"><meta name="theme-color" content="#6366f1"><!-- DNS Prefetch for external resources --><link rel="dns-prefetch" href="https://www.googletagmanager.com"><link rel="dns-prefetch" href="https://www.google-analytics.com"><link rel="dns-prefetch" href="https://qgwwlyrlnhdwpvrnqfcd.supabase.co"><!-- Preconnect to critical origins --><link rel="preconnect" href="https://qgwwlyrlnhdwpvrnqfcd.supabase.co" crossorigin><!-- Google Analytics - Load async and defer --><script async defer src="https://www.googletagmanager.com/gtag/js?id=G-R39BKHBEHL"></script><title>afripot.com - Domain Details</title><!-- Load Google Analytics after page load --><script nonce="0pNgKRWNWJTuxD4/GqBYbQ==">
      // Defer GA loading until after page load
      window.addEventListener('load', function() {
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-R39BKHBEHL');
      });
    </script><link rel="stylesheet" href="/_astro/about.Cq0CxCcu.css"></head> <body class="bg-white text-gray-900 overflow-x-hidden"> <header class="bg-white border-b border-gray-200"> <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-5"> <div class="flex justify-between items-center flex-wrap gap-2"> <a href="/" class="flex items-center gap-3"> <div class="w-10 h-10 rounded-xl flex items-center justify-center"> <svg class="w-full h-full text-blue-800" viewBox="0 0 24 24"> <text x="12" y="14.5" font-family="'Times New Roman', Times, serif" font-size="20" font-weight="normal" fill="currentColor" text-anchor="middle" dominant-baseline="middle" transform="rotate(-90 12 12)">K</text> <!-- Globe icon - centered, higher, and bolder --> <circle cx="12" cy="4.5" r="4" fill="none" stroke="currentColor" stroke-width="0.9"></circle> <ellipse cx="12" cy="4.5" rx="4" ry="1.5" fill="none" stroke="currentColor" stroke-width="0.7"></ellipse> <ellipse cx="12" cy="4.5" rx="1.5" ry="4" fill="none" stroke="currentColor" stroke-width="0.7"></ellipse> </svg> </div> <span class="text-2xl font-bold text-gray-900">Kool<span class="text-gray-600">Websites</span></span> </a> <div class="flex items-center gap-2 sm:gap-4 flex-wrap"> <button id="caseToggleBtn" class="p-2 rounded-lg hover:bg-gray-100 transition-colors" title="Domain case: Capitalized" aria-label="Toggle domain name case"> <!-- Icons will be toggled dynamically --> <svg id="iconCapitalize" class="w-6 h-6 text-gray-600" fill="currentColor" viewBox="0 0 24 24"> <text x="2" y="18" font-family="Arial, sans-serif" font-size="16" font-weight="bold">Aa</text> </svg> <svg id="iconUppercase" class="w-6 h-6 text-gray-600 hidden" fill="currentColor" viewBox="0 0 24 24"> <text x="2" y="18" font-family="Arial, sans-serif" font-size="16" font-weight="bold">AA</text> </svg> <svg id="iconLowercase" class="w-6 h-6 text-gray-600 hidden" fill="currentColor" viewBox="0 0 24 24"> <text x="3" y="18" font-family="Arial, sans-serif" font-size="16" font-weight="bold">aa</text> </svg> </button> <a href="/" class="text-gray-600 hover:text-gray-900 transition-colors text-sm sm:text-base">Portfolio</a> <a href="/about" class="text-gray-600 hover:text-gray-900 transition-colors text-sm sm:text-base">About</a> <a href="/faq" class="text-gray-600 hover:text-gray-900 transition-colors text-sm sm:text-base">FAQ</a> <a href="/contact" class="px-3 py-1.5 sm:px-4 sm:py-2 bg-green-600 hover:bg-green-700 text-white rounded-lg transition-colors text-sm sm:text-base">
Get in Touch
</a> </div> </div> </nav> </header> <main>  <div class="bg-gradient-to-b from-indigo-100 to-white py-16 pb-12 transition-colors duration-200 w-full"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <a href="/" class="text-indigo-600 hover:text-indigo-700 mb-6 inline-flex items-center gap-2 transition-colors"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path> </svg>
Back to all domains
</a> <div class="text-center"> <!-- Domain Name --> <h1 id="domainName" class="text-5xl sm:text-6xl font-bold text-gray-900 mb-3">Loading...</h1> <!-- Short Description --> <p id="shortDescription" class="text-xl text-gray-700 mb-6 max-w-3xl mx-auto">Fetching description...</p> <!-- Tags --> <div id="tagContainer" class="flex flex-wrap justify-center gap-2 hidden"></div> </div> <!-- Featured Strip (shown only if long description exists) --> <div id="featuredSection" class="mt-8 hidden"> <section class="mt-6"><div class="flex items-center justify-between mb-4 gap-4"><h2 class="text-lg sm:text-xl font-semibold text-gray-900">Inventory highlights</h2><div class="text-sm sm:text-base font-semibold text-gray-700">Inventory highlights</div></div><div class="relative"><button data-carousel="carousel-wwhufxnlv" data-action="prev" class="flex h-10 w-10 items-center justify-center rounded-full border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 shadow-sm absolute left-2 top-1/2 -translate-y-1/2 z-10" aria-label="Scroll left"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path></svg></button><button data-carousel="carousel-wwhufxnlv" data-action="next" class="flex h-10 w-10 items-center justify-center rounded-full border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 shadow-sm absolute right-2 top-1/2 -translate-y-1/2 z-10" aria-label="Scroll right"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></button><div data-carousel-strip="carousel-wwhufxnlv" class="flex gap-4 overflow-x-auto scroll-smooth pb-2 snap-x snap-mandatory"><a href="/domain/marketrocket.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/marketrocket.com.png" alt="MarketRocket.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">MarketRocket.com</span></a><a href="/domain/mplants.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/mplants.com.png" alt="mPlants.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">mPlants.com</span></a><a href="/domain/ixbet.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/ixbet.com.png" alt="ixBet.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">ixBet.com</span></a><a href="/domain/upfin.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/upfin.com.png" alt="UpFin.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">UpFin.com</span></a><a href="/domain/glueten.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/glueten.com.png" alt="Glueten.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">Glueten.com</span></a><a href="/domain/zipfarm.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/zipfarm.com.png" alt="ZipFarm.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">ZipFarm.com</span></a><a href="/domain/xsrk.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/xsrk.com.png" alt="XSRK.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">XSRK.com</span></a><a href="/domain/unicuf.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/unicuf.com.png" alt="UniCuf.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">UniCuf.com</span></a><a href="/domain/zenev.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/zenev.com.png" alt="ZenEV.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">ZenEV.com</span></a><a href="/domain/mlsprime.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/mlsprime.com.png" alt="MLSprime.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">MLSprime.com</span></a><a href="/domain/gbwin.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/gbwin.com.png" alt="GBwin.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">GBwin.com</span></a><a href="/domain/zippystock.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/zippystock.com.png" alt="ZippyStock.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">ZippyStock.com</span></a><a href="/domain/blucel.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/blucel.com.png" alt="BluCel.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">BluCel.com</span></a><a href="/domain/usdpro.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/usdpro.com.png" alt="USDpro.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">USDpro.com</span></a><a href="/domain/butlerz.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/butlerz.com.png" alt="Butlerz.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">Butlerz.com</span></a><a href="/domain/metablox.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/metablox.com.png" alt="MetaBlox.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">MetaBlox.com</span></a><a href="/domain/lunchon.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/lunchon.com.png" alt="LunchOn.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">LunchOn.com</span></a><a href="/domain/trisem.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/trisem.com.png" alt="TriSem.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">TriSem.com</span></a><a href="/domain/bidetz.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/bidetz.com.png" alt="BidetZ.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">BidetZ.com</span></a><a href="/domain/bullcam.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/bullcam.com.png" alt="BullCam.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">BullCam.com</span></a><a href="/domain/mqft.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/mqft.com.png" alt="MQFT.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">MQFT.com</span></a><a href="/domain/unicaf.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/unicaf.com.png" alt="Unicaf.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">Unicaf.com</span></a><a href="/domain/upedi.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/upedi.com.png" alt="uPedi.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">uPedi.com</span></a><a href="/domain/showii.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/showii.com.png" alt="Showii.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">Showii.com</span></a><a href="/domain/monsterclass.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/monsterclass.com.png" alt="MonsterClass.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">MonsterClass.com</span></a><a href="/domain/bitoil.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/bitoil.com.png" alt="BitOil.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">BitOil.com</span></a><a href="/domain/trutrip.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/trutrip.com.png" alt="TruTrip.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">TruTrip.com</span></a><a href="/domain/ustokens.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/ustokens.com.png" alt="USTokens.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">USTokens.com</span></a><a href="/domain/trusavings.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/trusavings.com.png" alt="TruSavings.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">TruSavings.com</span></a><a href="/domain/undish.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/undish.com.png" alt="UnDish.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">UnDish.com</span></a><a href="/domain/dewallet.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/dewallet.com.png" alt="DeWallet.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">DeWallet.com</span></a><a href="/domain/xsbid.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/xsbid.com.png" alt="XsBid.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">XsBid.com</span></a><a href="/domain/miport.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/miport.com.png" alt="MiPort.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">MiPort.com</span></a><a href="/domain/truent.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/truent.com.png" alt="TruEnt.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">TruEnt.com</span></a><a href="/domain/mirank.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/mirank.com.png" alt="MiRank.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">MiRank.com</span></a><a href="/domain/taxsim.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/taxsim.com.png" alt="TaxSim.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">TaxSim.com</span></a><a href="/domain/tivoz.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/tivoz.com.png" alt="Tivoz.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">Tivoz.com</span></a><a href="/domain/monopilot.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/monopilot.com.png" alt="MonoPilot.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">MonoPilot.com</span></a><a href="/domain/ubet88.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/ubet88.com.png" alt="uBet88.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">uBet88.com</span></a><a href="/domain/grocii.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/grocii.com.png" alt="Grocii.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">Grocii.com</span></a><a href="/domain/insureup.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/insureup.com.png" alt="insureUp.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">insureUp.com</span></a><a href="/domain/safebin.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/safebin.com.png" alt="SafeBin.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">SafeBin.com</span></a><a href="/domain/genxi.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/genxi.com.png" alt="GenXi.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">GenXi.com</span></a><a href="/domain/mosec.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/mosec.com.png" alt="MoSec.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">MoSec.com</span></a><a href="/domain/icheater.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/icheater.com.png" alt="iCheater.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">iCheater.com</span></a><a href="/domain/toyhearts.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/toyhearts.com.png" alt="ToyHearts.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">ToyHearts.com</span></a><a href="/domain/weedmall.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/weedmall.com.png" alt="WeedMall.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">WeedMall.com</span></a><a href="/domain/shopiway.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/shopiway.com.png" alt="ShopiWay.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">ShopiWay.com</span></a><a href="/domain/greenment.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/greenment.com.png" alt="Greenment.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">Greenment.com</span></a><a href="/domain/udwell.com" class="min-w-[150px] sm:min-w-[180px] bg-white border border-gray-200 rounded-2xl p-4 flex flex-col items-center hover:border-indigo-500 hover:shadow-lg hover:shadow-indigo-500/10 transition-all snap-start"><div class="w-16 h-16 sm:w-20 sm:h-20 bg-gray-100 rounded-lg flex items-center justify-center mb-3"><img src="https://qgwwlyrlnhdwpvrnqfcd.supabase.co/storage/v1/object/public/images/udwell.com.png" alt="uDwell.com logo" class="w-full h-full object-contain" loading="lazy" decoding="async"></div><span class="text-sm sm:text-base font-semibold text-gray-900 text-center truncate w-full">uDwell.com</span></a></div></div><script nonce="0pNgKRWNWJTuxD4/GqBYbQ==">(function(){const carouselId = "carousel-wwhufxnlv";

        // Use event delegation to avoid duplicate listeners
        const strip = document.querySelector(`[data-carousel-strip="${carouselId}"]`);
        const buttons = document.querySelectorAll(`[data-carousel="${carouselId}"]`);
        const scrollBy = 320;
        
        buttons.forEach(btn => {
          btn.addEventListener('click', () => {
            const action = btn.getAttribute('data-action');
            if (action === 'prev') {
              strip?.scrollBy({ left: -scrollBy, behavior: 'smooth' });
            } else if (action === 'next') {
              strip?.scrollBy({ left: scrollBy, behavior: 'smooth' });
            }
          });
        });
      })();</script></section> </div> </div> </div>  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-12"> <!-- Offer Section --> <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12"> <!-- Purchase Options --> <div> <div class="bg-white border border-gray-200 rounded-2xl p-8 shadow-lg h-full flex flex-col"> <h3 class="text-lg font-bold text-gray-900 mb-2 flex items-center gap-2"> <svg class="w-6 h-6 text-indigo-600" fill="currentColor" viewBox="0 0 20 20"> <path d="M8.433 7.418c.155-.103.346-.196.567-.267v1.698a2.305 2.305 0 01-.567-.267C8.07 8.34 8 8.114 8 8c0-.114.07-.34.433-.582zM11 12.849v-1.698c.22.071.412.164.567.267.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.305 2.305 0 01-.567.267z"></path> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.092a4.535 4.535 0 00-1.676.662C6.602 6.234 6 7.009 6 8c0 .99.602 1.765 1.324 2.246.48.32 1.054.545 1.676.662v1.941c-.391-.127-.68-.317-.843-.504a1 1 0 10-1.51 1.31c.562.649 1.413 1.076 2.353 1.253V15a1 1 0 102 0v-.092a4.535 4.535 0 001.676-.662C13.398 13.766 14 12.991 14 12c0-.99-.602-1.765-1.324-2.246A4.535 4.535 0 0011 9.092V7.151c.391.127.68.317.843.504a1 1 0 101.511-1.31c-.563-.649-1.413-1.076-2.354-1.253V5z" clip-rule="evenodd"></path> </svg>
Secure Purchase
</h3> <p class="text-sm text-gray-600 mb-6">All transactions are processed through trusted escrow services. You'll be redirected to complete your purchase securely.</p> <div class="flex-1 flex items-center"> <div class="w-full"> <a href="https://sedo.com/checkdomainoffer.php?language=us&domain=afripot.com&campaignId=29226" target="_blank" rel="noopener noreferrer" class="block w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-3 px-4 rounded-lg text-center transition-colors">
Buy from SEDO
</a> </div> </div> </div> </div> <!-- Price and Actions --> <div> <div class="bg-white border border-gray-200 rounded-2xl p-8 shadow-lg"> <div class="flex items-center gap-2 mb-4"> <svg class="w-6 h-6 text-indigo-600" fill="currentColor" viewBox="0 0 20 20"> <path d="M8.433 7.418c.155-.103.346-.196.567-.267v1.698a2.305 2.305 0 01-.567-.267C8.07 8.34 8 8.114 8 8c0-.114.07-.34.433-.582zM11 12.849v-1.698c.22.071.412.164.567.267.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.305 2.305 0 01-.567.267z"></path> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.092a4.535 4.535 0 00-1.676.662C6.602 6.234 6 7.009 6 8c0 .99.602 1.765 1.324 2.246.48.32 1.054.545 1.676.662v1.941c-.391-.127-.68-.317-.843-.504a1 1 0 10-1.51 1.31c.562.649 1.413 1.076 2.353 1.253V15a1 1 0 102 0v-.092a4.535 4.535 0 001.676-.662C13.398 13.766 14 12.991 14 12c0-.99-.602-1.765-1.324-2.246A4.535 4.535 0 0011 9.092V7.151c.391.127.68.317.843.504a1 1 0 101.511-1.31c-.563-.649-1.413-1.076-2.354-1.253V5z" clip-rule="evenodd"></path> </svg> <span class="text-lg font-bold text-gray-900">Secure Purchase</span> </div> <div class="border-t border-gray-200 pt-4 pb-2 mb-4"> <p class="text-sm text-gray-700"> <strong>Prefer direct negotiation?</strong> Contact us to discuss pricing without platform fees.
</p> </div> <div class="mb-6"> <p class="text-sm text-gray-600 font-semibold uppercase tracking-wide mb-2">Price</p> <p id="domainPrice" class="text-3xl font-bold text-gray-900 hidden"></p> <p id="noPriceText" class="text-gray-600">Contact for pricing</p> </div> <div class="mb-6"> <label for="escrow-service" class="block text-sm font-semibold text-gray-900 mb-2">
Choose Escrow Service
</label> <select id="escrow-service" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent"> <option value="no-preference">No Preference</option> <option value="escrow-com">Escrow.com</option> <option value="dan">Domain.com Escrow</option> <option value="sedo">Sedo</option> </select> </div> <div class="flex gap-3"> <a id="buyLink" href="#" class="flex-1 bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-4 rounded-xl text-center transition-colors pointer-events-none opacity-60">
Buy Now
</a> <a id="offerLink" href="#" class="flex-1 text-indigo-600 hover:text-indigo-700 font-bold py-3 px-4 text-center transition-colors pointer-events-none opacity-60">
Make Offer
</a> </div> </div> </div> </div> <!-- Description --> <div class="bg-white border border-gray-200 rounded-2xl p-8 shadow-lg mb-8"> <h2 class="text-2xl font-bold text-gray-900 mb-4" id="aboutHeading">About This Domain</h2> <p id="shortDescription" class="text-gray-700 text-lg mb-6">Fetching description...</p> <div id="longDescription" class="prose prose-lg max-w-none text-gray-700 space-y-4 hidden"></div> </div> </div> <script nonce="0pNgKRWNWJTuxD4/GqBYbQ==" type="module">const supabaseUrl = "https://qgwwlyrlnhdwpvrnqfcd.supabase.co";
const supabaseAnonKey = "sb_publishable_jMTBtpqW-8NzyeMnl1dIVw_YZGovQQ9";
const domainName = "afripot.com";

    import { createClient } from 'https://esm.sh/@supabase/supabase-js@2.86.2';
    import { marked } from 'https://esm.sh/marked@15.0.4';
    import DOMPurify from 'https://esm.sh/isomorphic-dompurify@2.22.0';

    const supabase = createClient(supabaseUrl, supabaseAnonKey);

    const domainNameEl = document.getElementById('domainName');
    const tagContainer = document.getElementById('tagContainer');
    const shortDescEl = document.getElementById('shortDescription');
    const domainPriceEl = document.getElementById('domainPrice');
    const noPriceText = document.getElementById('noPriceText');
    const longDescEl = document.getElementById('longDescription');
    const featuredSection = document.getElementById('featuredSection');
    const buyLink = document.getElementById('buyLink');
    const offerLink = document.getElementById('offerLink');
    const escrowService = document.getElementById('escrow-service');

    function setTags(tags) {
      if (!tagContainer) return;
      const tagArray = Array.isArray(tags)
        ? tags
        : typeof tags === 'string' && tags.trim()
          ? tags.split(' | ').map((tag) => tag.trim()).filter(Boolean)
          : [];

      if (tagArray.length === 0) {
        tagContainer.classList.add('hidden');
        return;
      }

      tagContainer.innerHTML = tagArray
        .map((tag) => `
          <button class="tag-filter bg-indigo-500/10 text-indigo-600 text-sm font-semibold px-3 py-1.5 rounded-full border border-indigo-500/20 hover:bg-indigo-500/20 transition-colors cursor-pointer" data-tag="${tag}">
            ${tag}
          </button>
        `)
        .join('');
      tagContainer.classList.remove('hidden');

      // Add click handler for tag filter
      tagContainer.querySelectorAll('.tag-filter').forEach(button => {
        button.addEventListener('click', (e) => {
          const tag = e.currentTarget.dataset.tag;
          // Navigate to home page with tag search
          window.location.href = `/?tag=${encodeURIComponent(tag)}`;
        });
      });
    }

    async function loadDomain() {
      domainNameEl.textContent = 'Loading...';
      shortDescEl.textContent = 'Fetching description...';

      const { data: domain, error } = await supabase
        .from('domains')
        .select('*')
        .ilike('domain_name', domainName)
        .single();

      if (error || !domain) {
        window.location.href = '/';
        return;
      }

      domainNameEl.textContent = domain.domain_name;
      shortDescEl.textContent = domain.short_description || 'No description available yet.';

      if (domain.price !== null && domain.price !== undefined) {
        domainPriceEl.textContent = `$${Number(domain.price).toLocaleString()}`;
        domainPriceEl.classList.remove('hidden');
        if (noPriceText) noPriceText.classList.add('hidden');
      }

      setTags(domain.tags);

      if (domain.long_description) {
        const html = DOMPurify.sanitize(marked.parse(domain.long_description));
        longDescEl.innerHTML = html;
        longDescEl.classList.remove('hidden');
        featuredSection?.classList.remove('hidden');
      } else {
        longDescEl.classList.add('hidden');
        featuredSection?.classList.add('hidden');
      }

      const lowerName = domain.domain_name.toLowerCase();
      if (buyLink && offerLink) {
        buyLink.href = `/contact?domain=${encodeURIComponent(lowerName)}`;
        offerLink.href = `/contact?domain=${encodeURIComponent(lowerName)}&action=offer`;
        buyLink.classList.remove('pointer-events-none', 'opacity-60');
        offerLink.classList.remove('pointer-events-none', 'opacity-60');

        // Pass escrow service value to contact form
        buyLink.addEventListener('click', () => {
          const service = escrowService?.value || 'no-preference';
          const separator = buyLink.href.includes('?') ? '&' : '?';
          buyLink.href += separator + `escrow=${encodeURIComponent(service)}`;
        });

        offerLink.addEventListener('click', () => {
          const service = escrowService?.value || 'no-preference';
          const separator = offerLink.href.includes('?') ? '&' : '?';
          offerLink.href += separator + `escrow=${encodeURIComponent(service)}`;
        });
      }
    }

    // Ensure user id exists for likes on other pages
    document.addEventListener('DOMContentLoaded', () => {
      const userId = localStorage.getItem('userId') || `user_${Date.now()}`;
      if (!localStorage.getItem('userId')) {
        localStorage.setItem('userId', userId);
      }
    });

    loadDomain();
  </script>  </main> <footer class="bg-gray-50 border-t border-gray-200 mt-16"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div class="flex flex-col md:flex-row items-center justify-between gap-4"> <p class="text-gray-600 text-sm">
Copyright &copy; 2025 KoolWebsites.com
</p> <p class="text-gray-600 text-sm">
Created with <span class="text-red-500">❤️</span> by <a href="https://wetocean.com" target="_blank" rel="noopener noreferrer" class="text-indigo-600 hover:text-indigo-700 transition-colors">WetOcean.com</a> </p> <div class="flex items-center gap-4"> <a href="https://twitter.com/wetocean_com" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-gray-900 transition-colors" aria-label="Twitter"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path> </svg> </a> <a href="https://github.com/wetocean" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-gray-900 transition-colors" aria-label="GitHub"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path> </svg> </a> <a href="#" class="text-gray-600 hover:text-gray-900 transition-colors" aria-label="Email" data-email="moc.naecOteW@ofni"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> </a> </div> </div> </div> </footer> <script nonce="0pNgKRWNWJTuxD4/GqBYbQ==">
      // Initialize case toggle button
      const caseToggleBtn = document.getElementById('caseToggleBtn');
      const iconCapitalize = document.getElementById('iconCapitalize');
      const iconUppercase = document.getElementById('iconUppercase');
      const iconLowercase = document.getElementById('iconLowercase');

      if (caseToggleBtn && iconCapitalize && iconUppercase && iconLowercase) {
        const caseLabels = {
          capitalize: 'Capitalized',
          uppercase: 'UPPERCASE',
          lowercase: 'lowercase',
        };

        // Function to update icon visibility
        function updateIcon(caseType) {
          iconCapitalize.classList.add('hidden');
          iconUppercase.classList.add('hidden');
          iconLowercase.classList.add('hidden');

          if (caseType === 'capitalize') {
            iconCapitalize.classList.remove('hidden');
          } else if (caseType === 'uppercase') {
            iconUppercase.classList.remove('hidden');
          } else if (caseType === 'lowercase') {
            iconLowercase.classList.remove('hidden');
          }

          caseToggleBtn.setAttribute('title', `Domain case: ${caseLabels[caseType]}`);
        }

        // Set initial icon based on saved preference
        const currentCase = localStorage.getItem('globalDomainCase') || 'capitalize';
        updateIcon(currentCase);

        // Add click handler to rotate through options
        caseToggleBtn.addEventListener('click', () => {
          const caseOptions = ['capitalize', 'uppercase', 'lowercase'];
          const currentCase = localStorage.getItem('globalDomainCase') || 'capitalize';
          const currentIndex = caseOptions.indexOf(currentCase);
          const nextIndex = (currentIndex + 1) % caseOptions.length;
          const newCase = caseOptions[nextIndex];

          // Save to localStorage
          localStorage.setItem('globalDomainCase', newCase);

          // Update icon
          updateIcon(newCase);

          // Update all domain names
          document.querySelectorAll('.domain-name').forEach((nameEl) => {
            nameEl.style.setProperty('text-transform', newCase, 'important');
          });
        });
      }

      // Attach unobtrusive email click handler (replaces inline onclick)
      const emailLink = document.querySelector('a[data-email]');
      if (emailLink) {
        emailLink.addEventListener('click', (event) => {
          event.preventDefault();
          const obf = emailLink.getAttribute('data-email');
          if (obf) {
            window.location.href = 'mailto:' + obf.split('').reverse().join('');
          }
        });
      }
    </script>  </body> </html>