Welcome to AquaTrade

Discover and trade the world's most exclusive rare fish with a community of passionate collectors.

Get Started

Key Features

Real‑time Market Data

Stay ahead with live pricing, trends, and analytics for every rare species.

Secure Escrow Transactions

Funds are held safely until both buyer and seller confirm the trade.

AI‑Powered Fish Identification

Snap a photo and instantly get species, rarity, and care info.

How It Works

List Your Rare Fish

Create detailed listings with photos, provenance, and ask price.

Connect with Vetted Buyers

Our verification process ensures trustworthy trading partners.

Escrow‑Secured Trade

Funds are released only when the fish arrives safely and is confirmed.

Community & Events

Forums & Discussions

Exchange tips, stories, and advice with fellow collectors.

Virtual Exhibitions

Attend live showcases of rare specimens from around the globe.

Weekly Challenges

Earn exclusive badges by completing identification quizzes and trade milestones.

What Collectors Say

“AquaTrade made finding a live Mandarinfish a breeze – the platform is trustworthy and fast.”
– Lena, hobbyist

Start Trading Today

Sign up in seconds, verify your account, and dive into the rare fish market now.

Create Account

HTML Source Code

<section class="bg-gradient-to-r from-indigo-100 via-indigo-50 to-indigo-100 py-20">
  <div class="max-w-7xl mx-auto px-6 lg:px-8 flex flex-col lg:flex-row items-center">
    <div class="lg:w-1/2 space-y-6">
      <h1 class="text-4xl font-bold tracking-tight text-indigo-800 sm:text-5xl">
        Welcome to AquaTrade
      </h1>
      <p class="text-lg text-zinc-700">
        Discover and trade the world's most exclusive rare fish with a community of passionate collectors.
      </p>
      <a href="#signup" class="inline-flex items-center px-6 py-3 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition">
        Get Started
        <i data-lucide="arrow-right" class="w-5 h-5 ml-2"></i>
      </a>
    </div>
    <div class="lg:w-1/2 mt-10 lg:mt-0 flex justify-center">
      <div class="w-full h-64 bg-gradient-to-br from-indigo-200 to-indigo-300 rounded-lg"></div>
    </div>
  </div>
</section>

<section class="py-16 bg-zinc-50">
  <div class="max-w-7xl mx-auto px-6 lg:px-8">
    <h2 class="text-3xl font-semibold text-center text-indigo-800 mb-12">Key Features</h2>
    <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
      <div class="flex flex-col items-center text-center p-6 bg-white rounded-lg shadow-sm">
        <i data-lucide="bar-chart-3" class="w-8 h-8 text-indigo-600 mb-4"></i>
        <h3 class="text-xl font-medium text-indigo-700 mb-2">Real‑time Market Data</h3>
        <p class="text-zinc-600">Stay ahead with live pricing, trends, and analytics for every rare species.</p>
      </div>
      <div class="flex flex-col items-center text-center p-6 bg-white rounded-lg shadow-sm">
        <i data-lucide="shield-check" class="w-8 h-8 text-indigo-600 mb-4"></i>
        <h3 class="text-xl font-medium text-indigo-700 mb-2">Secure Escrow Transactions</h3>
        <p class="text-zinc-600">Funds are held safely until both buyer and seller confirm the trade.</p>
      </div>
      <div class="flex flex-col items-center text-center p-6 bg-white rounded-lg shadow-sm">
        <i data-lucide="zap" class="w-8 h-8 text-indigo-600 mb-4"></i>
        <h3 class="text-xl font-medium text-indigo-700 mb-2">AI‑Powered Fish Identification</h3>
        <p class="text-zinc-600">Snap a photo and instantly get species, rarity, and care info.</p>
      </div>
    </div>
  </div>
</section>

<section class="py-16 bg-white">
  <div class="max-w-7xl mx-auto px-6 lg:px-8">
    <h2 class="text-3xl font-semibold text-center text-indigo-800 mb-12">How It Works</h2>
    <div class="grid md:grid-cols-3 gap-8">
      <div class="flex flex-col items-center text-center">
        <div class="flex items-center justify-center w-16 h-16 bg-indigo-100 rounded-full mb-4">
          <i data-lucide="list" class="w-6 h-6 text-indigo-600"></i>
        </div>
        <h3 class="text-lg font-medium text-indigo-700 mb-2">List Your Rare Fish</h3>
        <p class="text-zinc-600">Create detailed listings with photos, provenance, and ask price.</p>
      </div>
      <div class="flex flex-col items-center text-center">
        <div class="flex items-center justify-center w-16 h-16 bg-indigo-100 rounded-full mb-4">
          <i data-lucide="users" class="w-6 h-6 text-indigo-600"></i>
        </div>
        <h3 class="text-lg font-medium text-indigo-700 mb-2">Connect with Vetted Buyers</h3>
        <p class="text-zinc-600">Our verification process ensures trustworthy trading partners.</p>
      </div>
      <div class="flex flex-col items-center text-center">
        <div class="flex items-center justify-center w-16 h-16 bg-indigo-100 rounded-full mb-4">
          <i data-lucide="shield" class="w-6 h-6 text-indigo-600"></i>
        </div>
        <h3 class="text-lg font-medium text-indigo-700 mb-2">Escrow‑Secured Trade</h3>
        <p class="text-zinc-600">Funds are released only when the fish arrives safely and is confirmed.</p>
      </div>
    </div>
  </div>
</section>

<section class="py-16 bg-zinc-50">
  <div class="max-w-7xl mx-auto px-6 lg:px-8">
    <h2 class="text-3xl font-semibold text-center text-indigo-800 mb-12">Community &amp; Events</h2>
    <div class="grid md:grid-cols-3 gap-8">
      <div class="flex flex-col items-center text-center p-6 bg-white rounded-lg shadow-sm">
        <i data-lucide="message-square" class="w-8 h-8 text-indigo-600 mb-4"></i>
        <h3 class="text-xl font-medium text-indigo-700 mb-2">Forums &amp; Discussions</h3>
        <p class="text-zinc-600">Exchange tips, stories, and advice with fellow collectors.</p>
      </div>
      <div class="flex flex-col items-center text-center p-6 bg-white rounded-lg shadow-sm">
        <i data-lucide="calendar" class="w-8 h-8 text-indigo-600 mb-4"></i>
        <h3 class="text-xl font-medium text-indigo-700 mb-2">Virtual Exhibitions</h3>
        <p class="text-zinc-600">Attend live showcases of rare specimens from around the globe.</p>
      </div>
      <div class="flex flex-col items-center text-center p-6 bg-white rounded-lg shadow-sm">
        <i data-lucide="award" class="w-8 h-8 text-indigo-600 mb-4"></i>
        <h3 class="text-xl font-medium text-indigo-700 mb-2">Weekly Challenges</h3>
        <p class="text-zinc-600">Earn exclusive badges by completing identification quizzes and trade milestones.</p>
      </div>
    </div>
  </div>
</section>

<section class="py-16 bg-white">
  <div class="max-w-4xl mx-auto px-6 lg:px-8 text-center">
    <h2 class="text-3xl font-semibold text-indigo-800 mb-8">What Collectors Say</h2>
    <blockquote class="text-lg italic text-zinc-700 border-l-4 border-indigo-500 pl-4">
      “AquaTrade made finding a live Mandarinfish a breeze – the platform is trustworthy and fast.”
      <footer class="mt-4 text-indigo-600 font-medium">– Lena, hobbyist</footer>
    </blockquote>
    <div class="flex justify-center mt-6 space-x-1">
      <i data-lucide="star" class="w-5 h-5 text-indigo-500"></i>
      <i data-lucide="star" class="w-5 h-5 text-indigo-500"></i>
      <i data-lucide="star" class="w-5 h-5 text-indigo-500"></i>
      <i data-lucide="star" class="w-5 h-5 text-indigo-500"></i>
      <i data-lucide="star" class="w-5 h-5 text-indigo-500"></i>
    </div>
  </div>
</section>

<section id="signup" class="py-20 bg-indigo-600">
  <div class="max-w-2xl mx-auto px-6 lg:px-8 text-center">
    <h2 class="text-3xl font-bold text-white mb-4">Start Trading Today</h2>
    <p class="text-indigo-100 mb-8">
      Sign up in seconds, verify your account, and dive into the rare fish market now.
    </p>
    <a href="#" class="inline-flex items-center px-8 py-3 bg-white text-indigo-600 rounded-md font-medium hover:bg-zinc-100 transition">
      Create Account
      <i data-lucide="arrow-right" class="w-5 h-5 ml-2"></i>
    </a>
  </div>
</section>

<footer class="bg-zinc-800 text-zinc-200 py-12">
  <div class="max-w-7xl mx-auto px-6 lg:px-8 grid md:grid-cols-3 gap-8">
    <div>
      <h3 class="text-xl font-semibold text-white mb-4">AquaTrade</h3>
      <p class="text-zinc-400">Connecting passionate collectors with the world’s rarest aquatic treasures.</p>
    </div>
    <div>
      <h4 class="font-medium text-white mb-3">Quick Links</h4>
      <ul class="space-y-2">
        <li><a href="#" class="hover:underline hover:text-white">Home</a></li>
        <li><a href="#" class="hover:underline hover:text-white">Features</a></li>
        <li><a href="#" class="hover:underline hover:text-white">Community</a></li>
        <li><a href="#" class="hover:underline hover:text-white">Contact</a></li>
      </ul>
    </div>
    <div>
      <h4 class="font-medium text-white mb-3">Contact</h4>
      <p class="flex items-center text-zinc-400"><i data-lucide="mail" class="w-4 h-4 mr-2"></i>support@aquatrade.com</p>
      <p class="flex items-center text-zinc-400 mt-2"><i data-lucide="phone" class="w-4 h-4 mr-2"></i>+1 (555) 123‑4567</p>
      <div class="flex space-x-4 mt-4">
        <a href="#" class="text-zinc-400 hover:text-white"><i data-lucide="twitter" class="w-5 h-5"></i></a>
        <a href="#" class="text-zinc-400 hover:text-white"><i data-lucide="instagram" class="w-5 h-5"></i></a>
        <a href="#" class="text-zinc-400 hover:text-white"><i data-lucide="facebook" class="w-5 h-5"></i></a>
      </div>
    </div>
  </div>
  <div class="mt-8 text-center text-zinc-500 text-sm">
    © 2026 AquaTrade. All rights reserved.
  </div>
</footer>