Connect with elite collectors, discover limited‑edition species, and securely trade rare aquatic gems.
Get the AppEnd‑to‑end encryption and escrow guarantee authenticity and safety.
Connect with collectors from every continent, 24/7.
Real‑time updates of available species and pricing trends.
"RareFish gave me access to a silver arowana that I'd been chasing for years. The trade was seamless."
Mikael T. Marine Curator
"The escrow system gave me confidence to purchase an extinct‑like betta without risk."
Sofia L. Aquarium Designer
"I love the real‑time price tracking – it feels like a stock market for fish!"
Raj P. Collector
Download RareFish now and start building your ultimate collection.
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
<!-- Hero Section -->
<header class="bg-[#000000] text-[#FFFFFF] py-24 flex flex-col items-center justify-center">
<h1 class="text-5xl md:text-6xl font-bold mb-4" style="font-family: 'Montserrat', sans-serif;">RareFish™
<span class="text-[#A4E6B5]">Trade</span>
</h1>
<p class="text-xl md:text-2xl mb-8" style="font-family: 'Roboto', sans-serif; max-w-2xl text-center">Connect with elite collectors, discover limited‑edition species, and securely trade rare aquatic gems.</p>
<a href="#download" class="inline-flex items-center px-6 py-3 bg-[#A4E6B5] text-[#000000] rounded-full font-medium hover:bg-[#8BD4A0] transition" style="font-family: 'Montserrat', sans-serif;">
Get the App <i data-lucide="arrow-right" class="w-5 h-5 ml-2"></i>
</a>
</header>
<!-- Features Section -->
<section class="bg-[#FFFFFF] text-[#000000] py-20 px-4 md:px-12">
<h2 class="text-3xl md:text-4xl font-semibold text-center mb-12" style="font-family: 'Montserrat', sans-serif;">Features</h2>
<div class="grid gap-12 md:grid-cols-3">
<!-- Feature 1 -->
<div class="flex flex-col items-center text-center">
<div class="w-16 h-16 bg-[#A4E6B5] rounded-full flex items-center justify-center mb-4">
<i data-lucide="shield" class="w-8 h-8 text-[#000000]"></i>
</div>
<h3 class="text-xl font-medium mb-2" style="font-family: 'Montserrat', sans-serif;">Secure Trades</h3>
<p style="font-family: 'Roboto', sans-serif;">End‑to‑end encryption and escrow guarantee authenticity and safety.</p>
</div>
<!-- Feature 2 -->
<div class="flex flex-col items-center text-center">
<div class="w-16 h-16 bg-[#A4E6B5] rounded-full flex items-center justify-center mb-4">
<i data-lucide="globe" class="w-8 h-8 text-[#000000]"></i>
</div>
<h3 class="text-xl font-medium mb-2" style="font-family: 'Montserrat', sans-serif;">Global Marketplace</h3>
<p style="font-family: 'Roboto', sans-serif;">Connect with collectors from every continent, 24/7.</p>
</div>
<!-- Feature 3 -->
<div class="flex flex-col items-center text-center">
<div class="w-16 h-16 bg-[#A4E6B5] rounded-full flex items-center justify-center mb-4">
<i data-lucide="list" class="w-8 h-8 text-[#000000]"></i>
</div>
<h3 class="text-xl font-medium mb-2" style="font-family: 'Montserrat', sans-serif;">Live Catalog</h3>
<p style="font-family: 'Roboto', sans-serif;">Real‑time updates of available species and pricing trends.</p>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section class="bg-[#000000] text-[#FFFFFF] py-20 px-4 md:px-12">
<h2 class="text-3xl md:text-4xl font-semibold text-center mb-12" style="font-family: 'Montserrat', sans-serif;">What Collectors Say</h2>
<div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
<blockquote class="bg-[#111111] p-6 rounded-lg">
<p class="italic mb-4" style="font-family: 'Roboto', sans-serif;">"RareFish gave me access to a silver arowana that I'd been chasing for years. The trade was seamless."</p>
<div class="flex items-center">
<div class="w-10 h-10 bg-[#A4E6B5] rounded-full mr-3"></div>
<div>
<span class="font-medium" style="font-family: 'Montserrat', sans-serif;">Mikael T.</span>
<span class="text-sm block" style="font-family: 'Roboto', sans-serif;">Marine Curator</span>
</div>
<i data-lucide="star" class="w-5 h-5 ml-auto text-[#A4E6B5]"></i>
</div>
</blockquote>
<blockquote class="bg-[#111111] p-6 rounded-lg">
<p class="italic mb-4" style="font-family: 'Roboto', sans-serif;">"The escrow system gave me confidence to purchase an extinct‑like betta without risk."</p>
<div class="flex items-center">
<div class="w-10 h-10 bg-[#A4E6B5] rounded-full mr-3"></div>
<div>
<span class="font-medium" style="font-family: 'Montserrat', sans-serif;">Sofia L.</span>
<span class="text-sm block" style="font-family: 'Roboto', sans-serif;">Aquarium Designer</span>
</div>
<i data-lucide="star" class="w-5 h-5 ml-auto text-[#A4E6B5]"></i>
</div>
</blockquote>
<blockquote class="bg-[#111111] p-6 rounded-lg">
<p class="italic mb-4" style="font-family: 'Roboto', sans-serif;">"I love the real‑time price tracking – it feels like a stock market for fish!"</p>
<div class="flex items-center">
<div class="w-10 h-10 bg-[#A4E6B5] rounded-full mr-3"></div>
<div>
<span class="font-medium" style="font-family: 'Montserrat', sans-serif;">Raj P.</span>
<span class="text-sm block" style="font-family: 'Roboto', sans-serif;">Collector</span>
</div>
<i data-lucide="star" class="w-5 h-5 ml-auto text-[#A4E6B5]"></i>
</div>
</blockquote>
</div>
</section>
<!-- Call to Action Section -->
<section id="download" class="bg-[#A4E6B5] text-[#000000] py-24 flex flex-col items-center">
<h2 class="text-4xl md:text-5xl font-bold mb-6" style="font-family: 'Montserrat', sans-serif;">Ready to Dive In?</h2>
<p class="text-lg md:text-xl mb-8" style="font-family: 'Roboto', sans-serif;">Download RareFish now and start building your ultimate collection.</p>
<div class="flex space-x-4">
<a href="#" class="inline-flex items-center px-8 py-3 bg-[#000000] text-[#FFFFFF] rounded-full hover:bg-[#111111] transition" style="font-family: 'Montserrat', sans-serif;">
App Store <i data-lucide="arrow-right" class="w-5 h-5 ml-2"></i>
</a>
<a href="#" class="inline-flex items-center px-8 py-3 bg-[#000000] text-[#FFFFFF] rounded-full hover:bg-[#111111] transition" style="font-family: 'Montserrat', sans-serif;">
Google Play <i data-lucide="arrow-right" class="w-5 h-5 ml-2"></i>
</a>
</div>
</section>
<!-- Footer -->
<footer class="bg-[#000000] text-[#FFFFFF] py-12 px-4 md:px-12">
<div class="max-w-6xl mx-auto grid gap-8 md:grid-cols-2 lg:grid-cols-4">
<div>
<h3 class="text-xl font-semibold mb-4" style="font-family: 'Montserrat', sans-serif;">RareFish™</h3>
<p style="font-family: 'Roboto', sans-serif;">The premier platform for serious rare‑fish collectors.</p>
</div>
<div>
<h4 class="font-medium mb-3" style="font-family: 'Montserrat', sans-serif;">Links</h4>
<ul class="space-y-2">
<li><a href="#" class="hover:underline" style="font-family: 'Roboto', sans-serif;">Home</a></li>
<li><a href="#" class="hover:underline" style="font-family: 'Roboto', sans-serif;">Features</a></li>
<li><a href="#" class="hover:underline" style="font-family: 'Roboto', sans-serif;">Support</a></li>
<li><a href="#" class="hover:underline" style="font-family: 'Roboto', sans-serif;">Contact</a></li>
</ul>
</div>
<div>
<h4 class="font-medium mb-3" style="font-family: 'Montserrat', sans-serif;">Contact</h4>
<ul class="space-y-2">
<li class="flex items-center"><i data-lucide="mail" class="w-5 h-5 mr-2"></i><span style="font-family: 'Roboto', sans-serif;">support@rarefish.app</span></li>
<li class="flex items-center"><i data-lucide="phone" class="w-5 h-5 mr-2"></i><span style="font-family: 'Roboto', sans-serif;">+1 (800) 555‑0199</span></li>
</ul>
</div>
<div>
<h4 class="font-medium mb-3" style="font-family: 'Montserrat', sans-serif;">Follow Us</h4>
<div class="flex space-x-4">
<a href="#" class="hover:text-[#A4E6B5]"><i data-lucide="twitter" class="w-6 h-6"></i></a>
<a href="#" class="hover:text-[#A4E6B5]"><i data-lucide="instagram" class="w-6 h-6"></i></a>
<a href="#" class="hover:text-[#A4E6B5]"><i data-lucide="facebook" class="w-6 h-6"></i></a>
</div>
</div>
</div>
<div class="mt-8 text-center text-sm" style="font-family: 'Roboto', sans-serif;">© 2026 RareFish™. All rights reserved.</div>
</footer>