America250 website - v0 by Vercel

<!DOCTYPE html> <html lang="en" data-theme="dark"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>America250 ($AMERICA250) | Base Chain</title> <meta name="description" content="Official America250 Semiquincentennial Meme Coin - 1776-2026"> <script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"> <style> body { font-family: 'Inter', system-ui, sans-serif; } .hero-bg { background: linear-gradient(135deg, #0a1428, #1e3a8a); } .coin-glow { filter: drop-shadow(0 0 80px rgba(255, 50, 50, 0.7)); } .countdown-digit { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(10px); } </style> </head> <body class="bg-black text-white">  <nav class="border-b border-gray-800 bg-black/80 backdrop-blur-md fixed w-full z-50"> <div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between"> <div class="flex items-center gap-3"> <img src="https://i.postimg.cc/kX4WKyfL/america250-coin.png" alt="America250 Coin" class="w-12 h-12 rounded-full object-cover"> <div> <h1 class="text-2xl font-bold">America250</h1> <p class="text-xs text-gray-400">$AMERICA250</p> </div> </div> <div class="flex gap-8 text-sm"> <a href="#about" class="hover:text-red-400 transition">About</a> <a href="#countdown" class="hover:text-red-400 transition">Countdown</a> <a href="#tokenomics" class="hover:text-red-400 transition">Tokenomics</a> <a href="#buy" class="hover:text-red-400 transition">Buy</a> </div> </div> </nav>  <section class="hero-bg min-h-screen flex items-center pt-20"> <div class="max-w-7xl mx-auto px-6 py-20 grid md:grid-cols-2 gap-12 items-center"> <div> <h2 class="text-6xl font-bold leading-tight mb-6"> America's 250th<br>Anniversary Coin </h2> <p class="text-xl text-gray-300 mb-8"> 1776 — 2026 • Semiquincentennial Celebration • Built on Base </p>

    <!-- Countdown -->  
    <div id="countdown" class="mb-10">  
      <p class="text-red-400 text-sm font-semibold mb-3 flex items-center gap-2">  
        <i class="fa-solid fa-clock"></i> MENUJU 4 JULI 2026  
      </p>  
      <div class="grid grid-cols-4 gap-4 text-center">  
        <div class="countdown-digit p-4 rounded-2xl">  
          <div id="days" class="text-5xl font-bold text-white">---</div>  
          <div class="text-xs uppercase tracking-widest text-gray-400">HARI</div>  
        </div>  
        <div class="countdown-digit p-4 rounded-2xl">  
          <div id="hours" class="text-5xl font-bold text-white">---</div>  
          <div class="text-xs uppercase tracking-widest text-gray-400">JAM</div>  
        </div>  
        <div class="countdown-digit p-4 rounded-2xl">  
          <div id="minutes" class="text-5xl font-bold text-white">---</div>  
          <div class="text-xs uppercase tracking-widest text-gray-400">MENIT</div>  
        </div>  
        <div class="countdown-digit p-4 rounded-2xl">  
          <div id="seconds" class="text-5xl font-bold text-white">---</div>  
          <div class="text-xs uppercase tracking-widest text-gray-400">DETIK</div>  
        </div>  
      </div>  
    </div>  

    <div class="flex gap-4">  
      <a href="#buy" class="bg-red-600 hover:bg-red-700 px-8 py-4 rounded-xl font-semibold text-lg inline-flex items-center gap-3">  
        <i class="fa-solid fa-wallet"></i> BUY $AMERICA250  
      </a>  
      <a href="https://basescan.org/token/0x044098a1b8b8e175035842952986bea0e2333b07"   
         target="_blank" class="border border-white/50 hover:border-white px-8 py-4 rounded-xl font-semibold text-lg">  
        View on BaseScan  
      </a>  
    </div>  
  </div>  
  <div class="flex justify-center">  
    <img src="https://i.postimg.cc/kX4WKyfL/america250-coin.png" alt="America250 Official Coin"   
         class="w-[380px] coin-glow rounded-full border-4 border-white/20">  
  </div>  
</div>

</section>  <section id="about" class="py-20 bg-zinc-950"> <div class="max-w-7xl mx-auto px-6"> <h2 class="text-4xl font-bold text-center mb-12">About America250</h2> <div class="grid md:grid-cols-3 gap-8"> <div class="bg-zinc-900 p-8 rounded-2xl border border-red-900/30"> <h3 class="text-2xl mb-4">🇺🇸 Patriotic Spirit</h3> <p class="text-gray-400">Honoring 250 years of American independence with the official Semiquincentennial design.</p> </div> <div class="bg-zinc-900 p-8 rounded-2xl border border-red-900/30"> <h3 class="text-2xl mb-4">Built on Base</h3> <p class="text-gray-400">Fast, cheap, and community-first.</p> </div> <div class="bg-zinc-900 p-8 rounded-2xl border border-red-900/30"> <h3 class="text-2xl mb-4">July 4th 2026</h3> <p class="text-gray-400">The ultimate celebration token for America's big 250th birthday.</p> </div> </div> </div> </section>  <section id="tokenomics" class="py-20"> <div class="max-w-4xl mx-auto px-6"> <h2 class="text-4xl font-bold text-center mb-12">Tokenomics</h2> <div class="grid md:grid-cols-2 gap-8"> <div class="space-y-6"> <div class="flex justify-between items-center p-6 bg-zinc-900 rounded-2xl"> <span class="text-lg">Total Supply</span> <span class="font-mono text-2xl text-red-400">100,000,000,000</span> </div> <div class="flex justify-between items-center p-6 bg-zinc-900 rounded-2xl"> <span class="text-lg">Contract</span> <a href="https://basescan.org/address/0x044098a1b8b8e175035842952986bea0e2333b07" target="_blank" class="font-mono text-sm text-blue-400 hover:underline">0x044098a1b8b8e175035842952986bea0e2333b07</a> </div> </div> <div class="bg-zinc-900 p-8 rounded-2xl"> <h3 class="text-xl mb-6">Fair Launch Meme Distribution</h3> <ul class="space-y-4 text-gray-300"> <li class="flex items-center gap-3"><i class="fa-solid fa-check text-red-400"></i> Liquidity Locked / Burned</li> <li class="flex items-center gap-3"><i class="fa-solid fa-check text-red-400"></i> Renounced Ownership</li> <li class="flex items-center gap-3"><i class="fa-solid fa-check text-red-400"></i> 100% Community Driven</li> </ul> </div> </div> </div> </section>  <section id="buy" class="py-20 bg-zinc-950"> <div class="max-w-4xl mx-auto px-6 text-center"> <h2 class="text-4xl font-bold mb-8">How to Buy $AMERICA250</h2> <div class="bg-zinc-900 rounded-3xl p-12"> <ol class="text-left max-w-md mx-auto space-y-8 text-lg"> <li class="flex gap-6"> <span class="font-mono bg-red-600 w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">1</span> <div>Get Base ETH</div> </li> <li class="flex gap-6"> <span class="font-mono bg-red-600 w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">2</span> <div>Connect wallet to Uniswap or BaseSwap</div> </li> <li class="flex gap-6"> <span class="font-mono bg-red-600 w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">3</span> <div>Paste contract:</div> </li> <li class="font-mono text-red-400 text-center text-sm break-all bg-black/50 p-3 rounded-xl">0x044098a1b8b8e175035842952986bea0e2333b07</li> </ol> </div> </div> </section>  <footer class="border-t border-gray-800 py-12 bg-black"> <div class="max-w-7xl mx-auto px-6 text-center"> <p class="text-gray-500">America250 ($AMERICA250) • Community Meme Coin Celebrating America's 250th Anniversary</p> <p class="mt-4 text-xs text-gray-600">Contract: 0x044098a1b8b8e175035842952986bea0e2333b07 • Not affiliated with any government</p> </div> </footer> <script> function startCountdown() { const targetDate = new Date("July 4, 2026 00:00:00 UTC").getTime(); setInterval(() => { const now = new Date().getTime(); const distance = targetDate - now; if (distance < 0) return; const days = Math.floor(distance / (1000 * 60 * 60 * 24)); const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); const seconds = Math.floor((distance % (1000 * 60)) / 1000); document.getElementById("days").innerHTML = days; document.getElementById("hours").innerHTML = hours < 10 ? "0" + hours : hours; document.getElementById("minutes").innerHTML = minutes < 10 ? "0" + minutes : minutes; document.getElementById("seconds").innerHTML = seconds < 10 ? "0" + seconds : seconds; }, 1000); } window.onload = startCountdown; </script> </body> </html>

Show full message

1d ago

I'll convert this HTML landing page to a Next.js application. Let me build this out with proper components and styling.

The image config already allows external images with unoptimized: true, so the postimg.cc images will work.

I've converted your HTML landing page to a fully functional Next.js application. Here's what was created:

app/layout.tsx - Updated with proper SEO metadata, viewport settings, and Inter font
app/globals.css - Added custom styles including the hero gradient background, coin glow animation, and countdown digit styling
components/navbar.tsx - Responsive navigation with mobile hamburger menu
components/countdown.tsx - Live countdown timer to July 4th, 2026 with proper client-side hydration
app/page.tsx - Main landing page with all sections: Hero, About, Tokenomics, How to Buy, and Footer

The design maintains the patriotic red/blue color scheme with the dark theme, glowing coin effect, and all the original functionality including the live countdown timer and external links to BaseScan.

1d ago

Add logo https://i.postimg.cc/kX4WKyfL/america250-coin.png

1d ago

I downloaded the logo image to /public/images/america250-coin.png and updated both the navbar and hero section to use the local path instead of the external URL. This improves loading performance and ensures the image is always available without depending on an external service.

1d ago

<!DOCTYPE html> <html lang="en" data-theme="dark"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>America250 ($AMERICA250) | Base Chain</title> <meta name="description" content="Official America250 Semiquincentennial Meme Coin"> <script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"> <style> body { font-family: 'Inter', system-ui, sans-serif; } .hero-bg { background: linear-gradient(135deg, #0a1428, #1e3a8a); } .coin-glow { filter: drop-shadow(0 0 80px rgba(255, 50, 50, 0.7)); } .countdown-digit { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(10px); } .chart-container { background: #111; border-radius: 16px; overflow: hidden; } </style> </head> <body class="bg-black text-white">  <nav class="border-b border-gray-800 bg-black/80 backdrop-blur-md fixed w-full z-50"> <div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between"> <div class="flex items-center gap-3"> <img src="https://i.postimg.cc/kX4WKyfL/america250-coin.png" alt="America250" class="w-12 h-12 rounded-full"> <div> <h1 class="text-2xl font-bold">America250</h1> <p class="text-xs text-gray-400">$AMERICA250</p> </div> </div> <div class="flex gap-6 text-sm"> <a href="#about" class="hover:text-red-400">About</a> <a href="#tokenomics" class="hover:text-red-400">Tokenomics</a> <a href="#buy" class="hover:text-red-400">Buy</a> </div> </div> </nav>  <section class="hero-bg min-h-screen flex items-center pt-20"> <div class="max-w-7xl mx-auto px-6 py-20 grid md:grid-cols-2 gap-12 items-center"> <div> <h2 class="text-6xl font-bold leading-tight mb-6">America's 250th Anniversary Coin</h2> <p class="text-xl text-gray-300 mb-8">1776 — 2026 • Semiquincentennial Celebration • Built on Base</p>

    <div id="countdown" class="mb-10">  
      <p class="text-red-400 text-sm font-semibold mb-3 flex items-center gap-2">  
        <i class="fa-solid fa-clock"></i> UNTIL JULY 4TH, 2026 (UTC)  
      </p>  
      <div class="grid grid-cols-4 gap-4 text-center">  
        <div class="countdown-digit p-4 rounded-2xl"><div id="days" class="text-5xl font-bold">00</div><div class="text-xs text-gray-400">DAYS</div></div>  
        <div class="countdown-digit p-4 rounded-2xl"><div id="hours" class="text-5xl font-bold">00</div><div class="text-xs text-gray-400">HOURS</div></div>  
        <div class="countdown-digit p-4 rounded-2xl"><div id="minutes" class="text-5xl font-bold">00</div><div class="text-xs text-gray-400">MINUTES</div></div>  
        <div class="countdown-digit p-4 rounded-2xl"><div id="seconds" class="text-5xl font-bold">00</div><div class="text-xs text-gray-400">SECONDS</div></div>  
      </div>  
    </div>  

    <div class="flex flex-wrap gap-4">  
      <a href="#buy" class="bg-red-600 hover:bg-red-700 px-8 py-4 rounded-xl font-semibold text-lg">BUY $AMERICA250</a>  
      <a href="https://dexscreener.com/base/0xe7d143d965515b3c902903fd5cf708464474fd6f4e28e325294960b799f788f3" target="_blank" class="bg-green-600 hover:bg-green-700 px-8 py-4 rounded-xl font-semibold text-lg">📊 Live Chart</a>  
      <a href="https://basescan.org/token/0x044098a1b8b8e175035842952986bea0e2333b07" target="_blank" class="border border-white/50 hover:border-white px-8 py-4 rounded-xl font-semibold">BaseScan</a>  
    </div>  
  </div>  
  <div class="flex justify-center">  
    <img src="https://i.postimg.cc/kX4WKyfL/america250-coin.png" class="w-[380px] coin-glow rounded-full border-4 border-white/20">  
  </div>  
</div>

  <div class="grid md:grid-cols-2 gap-10">  
    <!-- Buy Steps -->  
    <div class="bg-zinc-900 rounded-3xl p-10">  
      <ol class="text-left max-w-md mx-auto space-y-8 text-lg">  
        <li class="flex gap-6">  
          <span class="font-mono bg-red-600 w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">1</span>  
          <div>Get Base ETH</div>  
        </li>  
        <li class="flex gap-6">  
          <span class="font-mono bg-red-600 w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">2</span>  
          <div>Go to <a href="https://app.uniswap.org" target="_blank" class="text-blue-400 hover:underline font-semibold">Uniswap</a></div>  
        </li>  
        <li class="flex gap-6">  
          <span class="font-mono bg-red-600 w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">3</span>  
          <div>Paste contract address</div>  
        </li>  
        <li class="font-mono text-red-400 text-center bg-black/50 p-4 rounded-2xl break-all">  
          0x044098a1b8b8e175035842952986bea0e2333b07  
        </li>  
      </ol>  
    </div>  

    <!-- Embedded DexScreener Chart -->  
    <div class="chart-container">  
      <iframe   
        width="100%"   
        height="520"   
        src="https://dexscreener.com/base/0xe7d143d965515b3c902903fd5cf708464474fd6f4e28e325294960b799f788f3?embed=1&theme=dark"   
        frameborder="0"   
        allowfullscreen>  
      </iframe>  
    </div>  
  </div>  
</div>

</section>  <footer class="border-t border-gray-800 py-12 bg-black text-center text-gray-500"> <p>America250 ($AMERICA250) • Community Meme Coin Celebrating America's 250th Anniversary</p> <p class="text-xs mt-2">Contract: 0x044098a1b8b8e175035842952986bea0e2333b07</p> </footer> <script> function startCountdown() { const targetDate = new Date("2026-07-04T00:00:00Z").getTime(); setInterval(() => { const now = new Date().getTime(); const diff = targetDate - now; if (diff < 0) return; document.getElementById("days").innerHTML = Math.floor(diff / (1000*60*60*24)); document.getElementById("hours").innerHTML = String(Math.floor((diff % (1000*60*60*24)) / (1000*60*60))).padStart(2,'0'); document.getElementById("minutes").innerHTML = String(Math.floor((diff % (1000*60*60)) / (1000*60))).padStart(2,'0'); document.getElementById("seconds").innerHTML = String(Math.floor((diff % (1000*60)) / 1000)).padStart(2,'0'); }, 1000); } window.onload = startCountdown; </script> </body> </html>

Perbarui website menjadi menggunakan kode diatas

Show full message

1d ago

Code editing is not availableDuplicate this chat to use a more powerful code editor.

    <!-- Countdown -->  
    <div id="countdown" class="mb-10">  
      <p class="text-red-400 text-sm font-semibold mb-3 flex items-center gap-2">  
        <i class="fa-solid fa-clock"></i> MENUJU 4 JULI 2026  
      </p>  
      <div class="grid grid-cols-4 gap-4 text-center">  
        <div class="countdown-digit p-4 rounded-2xl">  
          <div id="days" class="text-5xl font-bold text-white">---</div>  
          <div class="text-xs uppercase tracking-widest text-gray-400">HARI</div>  
        </div>  
        <div class="countdown-digit p-4 rounded-2xl">  
          <div id="hours" class="text-5xl font-bold text-white">---</div>  
          <div class="text-xs uppercase tracking-widest text-gray-400">JAM</div>  
        </div>  
        <div class="countdown-digit p-4 rounded-2xl">  
          <div id="minutes" class="text-5xl font-bold text-white">---</div>  
          <div class="text-xs uppercase tracking-widest text-gray-400">MENIT</div>  
        </div>  
        <div class="countdown-digit p-4 rounded-2xl">  
          <div id="seconds" class="text-5xl font-bold text-white">---</div>  
          <div class="text-xs uppercase tracking-widest text-gray-400">DETIK</div>  
        </div>  
      </div>  
    </div>  

    <div class="flex gap-4">  
      <a href="#buy" class="bg-red-600 hover:bg-red-700 px-8 py-4 rounded-xl font-semibold text-lg inline-flex items-center gap-3">  
        <i class="fa-solid fa-wallet"></i> BUY $AMERICA250  
      </a>  
      <a href="https://basescan.org/token/0x044098a1b8b8e175035842952986bea0e2333b07"   
         target="_blank" class="border border-white/50 hover:border-white px-8 py-4 rounded-xl font-semibold text-lg">  
        View on BaseScan  
      </a>  
    </div>  
  </div>  
  <div class="flex justify-center">  
    <img src="https://i.postimg.cc/kX4WKyfL/america250-coin.png" alt="America250 Official Coin"   
         class="w-[380px] coin-glow rounded-full border-4 border-white/20">  
  </div>  
</div>

Show full message

1d ago

I'll convert this HTML landing page to a Next.js application. Let me build this out with proper components and styling.

The image config already allows external images with unoptimized: true, so the postimg.cc images will work.

I've converted your HTML landing page to a fully functional Next.js application. Here's what was created:

app/layout.tsx - Updated with proper SEO metadata, viewport settings, and Inter font
app/globals.css - Added custom styles including the hero gradient background, coin glow animation, and countdown digit styling
components/navbar.tsx - Responsive navigation with mobile hamburger menu
components/countdown.tsx - Live countdown timer to July 4th, 2026 with proper client-side hydration
app/page.tsx - Main landing page with all sections: Hero, About, Tokenomics, How to Buy, and Footer

1d ago

Add logo https://i.postimg.cc/kX4WKyfL/america250-coin.png

1d ago

<!DOCTYPE html> <html lang="en" data-theme="dark"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>America250 ($AMERICA250) | Base Chain</title> <meta name="description" content="Official America250 Semiquincentennial Meme Coin"> <script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"> <style> body { font-family: 'Inter', system-ui, sans-serif; } .hero-bg { background: linear-gradient(135deg, #0a1428, #1e3a8a); } .coin-glow { filter: drop-shadow(0 0 80px rgba(255, 50, 50, 0.7)); } .countdown-digit { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(10px); } .chart-container { background: #111; border-radius: 16px; overflow: hidden; } </style> </head> <body class="bg-black text-white">  <nav class="border-b border-gray-800 bg-black/80 backdrop-blur-md fixed w-full z-50"> <div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between"> <div class="flex items-center gap-3"> <img src="https://i.postimg.cc/kX4WKyfL/america250-coin.png" alt="America250" class="w-12 h-12 rounded-full"> <div> <h1 class="text-2xl font-bold">America250</h1> <p class="text-xs text-gray-400">$AMERICA250</p> </div> </div> <div class="flex gap-6 text-sm"> <a href="#about" class="hover:text-red-400">About</a> <a href="#tokenomics" class="hover:text-red-400">Tokenomics</a> <a href="#buy" class="hover:text-red-400">Buy</a> </div> </div> </nav>  <section class="hero-bg min-h-screen flex items-center pt-20"> <div class="max-w-7xl mx-auto px-6 py-20 grid md:grid-cols-2 gap-12 items-center"> <div> <h2 class="text-6xl font-bold leading-tight mb-6">America's 250th Anniversary Coin</h2> <p class="text-xl text-gray-300 mb-8">1776 — 2026 • Semiquincentennial Celebration • Built on Base</p>

    <div id="countdown" class="mb-10">  
      <p class="text-red-400 text-sm font-semibold mb-3 flex items-center gap-2">  
        <i class="fa-solid fa-clock"></i> UNTIL JULY 4TH, 2026 (UTC)  
      </p>  
      <div class="grid grid-cols-4 gap-4 text-center">  
        <div class="countdown-digit p-4 rounded-2xl"><div id="days" class="text-5xl font-bold">00</div><div class="text-xs text-gray-400">DAYS</div></div>  
        <div class="countdown-digit p-4 rounded-2xl"><div id="hours" class="text-5xl font-bold">00</div><div class="text-xs text-gray-400">HOURS</div></div>  
        <div class="countdown-digit p-4 rounded-2xl"><div id="minutes" class="text-5xl font-bold">00</div><div class="text-xs text-gray-400">MINUTES</div></div>  
        <div class="countdown-digit p-4 rounded-2xl"><div id="seconds" class="text-5xl font-bold">00</div><div class="text-xs text-gray-400">SECONDS</div></div>  
      </div>  
    </div>  

    <div class="flex flex-wrap gap-4">  
      <a href="#buy" class="bg-red-600 hover:bg-red-700 px-8 py-4 rounded-xl font-semibold text-lg">BUY $AMERICA250</a>  
      <a href="https://dexscreener.com/base/0xe7d143d965515b3c902903fd5cf708464474fd6f4e28e325294960b799f788f3" target="_blank" class="bg-green-600 hover:bg-green-700 px-8 py-4 rounded-xl font-semibold text-lg">📊 Live Chart</a>  
      <a href="https://basescan.org/token/0x044098a1b8b8e175035842952986bea0e2333b07" target="_blank" class="border border-white/50 hover:border-white px-8 py-4 rounded-xl font-semibold">BaseScan</a>  
    </div>  
  </div>  
  <div class="flex justify-center">  
    <img src="https://i.postimg.cc/kX4WKyfL/america250-coin.png" class="w-[380px] coin-glow rounded-full border-4 border-white/20">  
  </div>  
</div>

  <div class="grid md:grid-cols-2 gap-10">  
    <!-- Buy Steps -->  
    <div class="bg-zinc-900 rounded-3xl p-10">  
      <ol class="text-left max-w-md mx-auto space-y-8 text-lg">  
        <li class="flex gap-6">  
          <span class="font-mono bg-red-600 w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">1</span>  
          <div>Get Base ETH</div>  
        </li>  
        <li class="flex gap-6">  
          <span class="font-mono bg-red-600 w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">2</span>  
          <div>Go to <a href="https://app.uniswap.org" target="_blank" class="text-blue-400 hover:underline font-semibold">Uniswap</a></div>  
        </li>  
        <li class="flex gap-6">  
          <span class="font-mono bg-red-600 w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0">3</span>  
          <div>Paste contract address</div>  
        </li>  
        <li class="font-mono text-red-400 text-center bg-black/50 p-4 rounded-2xl break-all">  
          0x044098a1b8b8e175035842952986bea0e2333b07  
        </li>  
      </ol>  
    </div>  

    <!-- Embedded DexScreener Chart -->  
    <div class="chart-container">  
      <iframe   
        width="100%"   
        height="520"   
        src="https://dexscreener.com/base/0xe7d143d965515b3c902903fd5cf708464474fd6f4e28e325294960b799f788f3?embed=1&theme=dark"   
        frameborder="0"   
        allowfullscreen>  
      </iframe>  
    </div>  
  </div>  
</div>

Perbarui website menjadi menggunakan kode diatas

Code editing is not availableDuplicate this chat to use a more powerful code editor.