Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Futures Coffee™ - Distributorship & FC Token</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| background-color: #f8fafc; | |
| } | |
| .hero-gradient { | |
| background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); | |
| } | |
| .coffee-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .timeline-item:not(:last-child)::after { | |
| content: ''; | |
| position: absolute; | |
| left: 50%; | |
| bottom: -20px; | |
| transform: translateX(-50%); | |
| width: 2px; | |
| height: 20px; | |
| background-color: #3b82f6; | |
| } | |
| .animated-arrow { | |
| animation: bounce 2s infinite; | |
| } | |
| @keyframes bounce { | |
| 0%, 20%, 50%, 80%, 100% { | |
| transform: translateY(0); | |
| } | |
| 40% { | |
| transform: translateY(-10px); | |
| } | |
| 60% { | |
| transform: translateY(-5px); | |
| } | |
| } | |
| .floating { | |
| animation: floating 3s ease-in-out infinite; | |
| } | |
| @keyframes floating { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-10px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| .token-card { | |
| border-left: 4px solid #3b82f6; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-lg sticky top-0 z-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-16"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 flex items-center"> | |
| <img class="h-8 w-auto" src="https://via.placeholder.com/150x50?text=Futures+Coffee" alt="Futures Coffee Logo"> | |
| </div> | |
| </div> | |
| <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8"> | |
| <a href="#about" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">About</a> | |
| <a href="#business" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">Business Plan</a> | |
| <a href="#token" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">FC Token</a> | |
| <a href="#distributorship" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">Distributorship</a> | |
| <a href="#contact" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">Contact</a> | |
| <a href="https://unspent.cash/s?q=eJwrWylyaVnZtW%2FM97s0VlRNndu%2BzSr7v2p8xxoAsXQNbw%3D%3D" class="ml-8 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"> | |
| Invest Now | |
| </a> | |
| </div> | |
| <div class="-mr-2 flex items-center md:hidden"> | |
| <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" aria-controls="mobile-menu" aria-expanded="false" id="mobile-menu-button"> | |
| <span class="sr-only">Open main menu</span> | |
| <svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> | |
| </svg> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Mobile menu --> | |
| <div class="hidden md:hidden" id="mobile-menu"> | |
| <div class="pt-2 pb-3 space-y-1"> | |
| <a href="#about" class="block px-3 py-2 text-base font-medium text-gray-900 hover:text-blue-600 hover:bg-gray-50">About</a> | |
| <a href="#business" class="block px-3 py-2 text-base font-medium text-gray-900 hover:text-blue-600 hover:bg-gray-50">Business Plan</a> | |
| <a href="#token" class="block px-3 py-2 text-base font-medium text-gray-900 hover:text-blue-600 hover:bg-gray-50">FC Token</a> | |
| <a href="#distributorship" class="block px-3 py-2 text-base font-medium text-gray-900 hover:text-blue-600 hover:bg-gray-50">Distributorship</a> | |
| <a href="#contact" class="block px-3 py-2 text-base font-medium text-gray-900 hover:text-blue-600 hover:bg-gray-50">Contact</a> | |
| <a href="https://unspent.cash/s?q=eJwrWylyaVnZtW%2FM97s0VlRNndu%2FzSr7v2p8xxoAsXQNbw%3D%3D" class="block px-3 py-2 text-base font-medium text-blue-600 hover:text-blue-700 hover:bg-gray-50">Invest Now</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <div class="hero-gradient text-white"> | |
| <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8"> | |
| <div class="text-center"> | |
| <h1 class="text-4xl md:text-6xl font-extrabold tracking-tight"> | |
| <span class="block">Join the</span> | |
| <span class="block text-blue-200">Futures Coffee™</span> | |
| <span class="block">Revolution</span> | |
| </h1> | |
| <p class="mt-6 max-w-lg mx-auto text-xl"> | |
| Sustainable coffee meets blockchain technology with our Futures Coffee Token (FC). | |
| </p> | |
| <div class="mt-10"> | |
| <div class="inline-flex rounded-md shadow"> | |
| <a href="#token" class="inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-blue-900 bg-blue-200 hover:bg-blue-300 md:py-4 md:text-lg md:px-10"> | |
| Learn About FC | |
| </a> | |
| </div> | |
| <div class="ml-3 inline-flex"> | |
| <a href="https://unspent.cash/s?q=eJwrWylyaVnZtW%2FM97s0VlRNndu%2BzSr7v2p8xxoAsXQNbw%3D%3D" class="inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-800 hover:bg-blue-700 md:py-4 md:text-lg md:px-10"> | |
| Invest Now | |
| </a> | |
| </div> | |
| </div> | |
| <div class="mt-16 animated-arrow"> | |
| <a href="#about" class="text-white"> | |
| <svg class="w-10 h-10 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"></path> | |
| </svg> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- About Section --> | |
| <div id="about" class="py-16 bg-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="lg:text-center"> | |
| <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">About Futures Coffee™</h2> | |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> | |
| Revolutionizing Coffee Consumption | |
| </p> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> | |
| A Los Angeles-based coffee brand offering high-quality coffee with blockchain-powered convenience. | |
| </p> | |
| </div> | |
| <div class="mt-20"> | |
| <div class="grid grid-cols-1 gap-12 md:grid-cols-3"> | |
| <div class="text-center"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-600 mx-auto"> | |
| <i class="fas fa-bolt text-xl"></i> | |
| </div> | |
| <div class="mt-6"> | |
| <h3 class="text-lg font-medium text-gray-900">Convenience</h3> | |
| <p class="mt-2 text-base text-gray-500"> | |
| Pay with FC tokens for instant, low-fee transactions. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="text-center"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-600 mx-auto"> | |
| <i class="fas fa-leaf text-xl"></i> | |
| </div> | |
| <div class="mt-6"> | |
| <h3 class="text-lg font-medium text-gray-900">Sustainability</h3> | |
| <p class="mt-2 text-base text-gray-500"> | |
| Eco-friendly packaging and ethical sourcing practices. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="text-center"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-600 mx-auto"> | |
| <i class="fas fa-laptop-code text-xl"></i> | |
| </div> | |
| <div class="mt-6"> | |
| <h3 class="text-lg font-medium text-gray-900">Blockchain</h3> | |
| <p class="mt-2 text-base text-gray-500"> | |
| Built on Bitcoin Cash for fast, secure transactions. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- FCT Token Section --> | |
| <div id="token" class="py-16 bg-gray-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="lg:text-center"> | |
| <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Futures Coffee Token</h2> | |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> | |
| The Future of Coffee Payments | |
| </p> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> | |
| Leveraging Bitcoin Cash for Convenience & Efficiency | |
| </p> | |
| </div> | |
| <div class="mt-12"> | |
| <div class="bg-white rounded-lg shadow-lg overflow-hidden"> | |
| <div class="p-8"> | |
| <h3 class="text-2xl font-bold text-gray-900 mb-6">FC White Paper Summary</h3> | |
| <div class="space-y-8"> | |
| <!-- Abstract --> | |
| <div class="token-card bg-white p-6 rounded-lg shadow-sm"> | |
| <h4 class="text-lg font-semibold text-blue-600 mb-3">Abstract</h4> | |
| <p class="text-gray-600"> | |
| Futures Coffee introduces the Futures Coffee Token (FC), a utility token built on the Bitcoin Cash (BCH) blockchain. | |
| The FC Token aims to streamline transactions, enhance customer loyalty, and drive community engagement within the Futures Coffee ecosystem. | |
| </p> | |
| </div> | |
| <!-- Problem & Solution --> | |
| <div class="grid md:grid-cols-2 gap-6"> | |
| <div class="token-card bg-white p-6 rounded-lg shadow-sm"> | |
| <h4 class="text-lg font-semibold text-blue-600 mb-3">Problem Statement</h4> | |
| <p class="text-gray-600"> | |
| Traditional payment methods can introduce friction and potential delays in the coffee-buying process. | |
| Existing customer loyalty programs often lack transparency and true engagement potential. | |
| </p> | |
| </div> | |
| <div class="token-card bg-white p-6 rounded-lg shadow-sm"> | |
| <h4 class="text-lg font-semibold text-blue-600 mb-3">Our Solution</h4> | |
| <p class="text-gray-600"> | |
| Leverage the speed, low fees, and scalability of the Bitcoin Cash blockchain to create a frictionless payment experience, | |
| enhanced customer loyalty system, and a platform for community building. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Token Details --> | |
| <div class="token-card bg-white p-6 rounded-lg shadow-sm"> | |
| <h4 class="text-lg font-semibold text-blue-600 mb-3">FC Token Details</h4> | |
| <div class="grid md:grid-cols-3 gap-4 mt-4"> | |
| <div class="bg-blue-50 p-4 rounded-lg"> | |
| <h5 class="font-medium text-blue-700">Token Type</h5> | |
| <p class="text-sm text-gray-600 mt-1">Utility token on BCH blockchain</p> | |
| </div> | |
| <div class="bg-blue-50 p-4 rounded-lg"> | |
| <h5 class="font-medium text-blue-700">Token Supply</h5> | |
| <p class="text-sm text-gray-600 mt-1">Fixed supply of 92233720368.54775807 FC. Token supply differs from circulating supply.</p> | |
| </div> | |
| <div class="bg-blue-50 p-4 rounded-lg"> | |
| <h5 class="font-medium text-blue-700">Transaction Fees</h5> | |
| <p class="text-sm text-gray-600 mt-1">Negligible fees on BCH network</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Use Cases --> | |
| <div class="token-card bg-white p-6 rounded-lg shadow-sm"> | |
| <h4 class="text-lg font-semibold text-blue-600 mb-3">FC Use Cases</h4> | |
| <div class="grid md:grid-cols-2 gap-4 mt-4"> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 mt-1"> | |
| <div class="flex items-center justify-center h-6 w-6 rounded-full bg-blue-100 text-blue-600"> | |
| <i class="fas fa-money-bill-wave text-sm"></i> | |
| </div> | |
| </div> | |
| <div class="ml-3"> | |
| <h5 class="text-sm font-medium text-gray-900">Frictionless Payments</h5> | |
| <p class="text-sm text-gray-500 mt-1">Fast, low-cost payment options for Futures Coffee products.</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 mt-1"> | |
| <div class="flex items-center justify-center h-6 w-6 rounded-full bg-blue-100 text-blue-600"> | |
| <i class="fas fa-award text-sm"></i> | |
| </div> | |
| </div> | |
| <div class="ml-3"> | |
| <h5 class="text-sm font-medium text-gray-900">Rewards Program</h5> | |
| <p class="text-sm text-gray-500 mt-1">Earn FC Tokens with purchases, redeem for discounts and perks.</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 mt-1"> | |
| <div class="flex items-center justify-center h-6 w-6 rounded-full bg-blue-100 text-blue-600"> | |
| <i class="fas fa-users text-sm"></i> | |
| </div> | |
| </div> | |
| <div class="ml-3"> | |
| <h5 class="text-sm font-medium text-gray-900">Community Governance</h5> | |
| <p class="text-sm text-gray-500 mt-1">FC Token holders can potentially participate in distributor decisions.</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 mt-1"> | |
| <div class="flex items-center justify-center h-6 w-6 rounded-full bg-blue-100 text-blue-600"> | |
| <i class="fas fa-lock text-sm"></i> | |
| </div> | |
| </div> | |
| <div class="ml-3"> | |
| <h5 class="text-sm font-medium text-gray-900">Exclusive Access</h5> | |
| <p class="text-sm text-gray-500 mt-1">Special content and offers for FC Token holders.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Roadmap --> | |
| <div class="token-card bg-white p-6 rounded-lg shadow-sm"> | |
| <h4 class="text-lg font-semibold text-blue-600 mb-3">Development Roadmap</h4> | |
| <div class="mt-6 space-y-6"> | |
| <div class="relative pl-8 pb-8 border-l-2 border-blue-200"> | |
| <div class="absolute -left-2.5 mt-0.5 top-0 h-4 w-4 rounded-full bg-blue-600"></div> | |
| <h5 class="text-base font-medium text-gray-900">Phase 1</h5> | |
| <p class="text-sm text-gray-600 mt-1">Token design, website integration</p> | |
| </div> | |
| <div class="relative pl-8 pb-8 border-l-2 border-blue-200"> | |
| <div class="absolute -left-2.5 mt-0.5 top-0 h-4 w-4 rounded-full bg-blue-600"></div> | |
| <h5 class="text-base font-medium text-gray-900">Phase 2</h5> | |
| <p class="text-sm text-gray-600 mt-1">Token distribution, non ICO.</p> | |
| </div> | |
| <div class="relative pl-8 pb-8 border-l-2 border-blue-200"> | |
| <div class="absolute -left-2.5 mt-0.5 top-0 h-4 w-4 rounded-full bg-blue-600"></div> | |
| <h5 class="text-base font-medium text-gray-900">Phase 3</h5> | |
| <p class="text-sm text-gray-600 mt-1">Launch of FC payments, loyalty program implementation</p> | |
| </div> | |
| <div class="relative pl-8 border-l-2 border-blue-200"> | |
| <div class="absolute -left-2.5 mt-0.5 top-0 h-4 w-4 rounded-full bg-blue-600"></div> | |
| <h5 class="text-base font-medium text-gray-900">Phase 4</h5> | |
| <p class="text-sm text-gray-600 mt-1">Community governance and exclusive content rollout</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Disclaimer --> | |
| <div class="bg-blue-50 p-6 rounded-lg"> | |
| <h4 class="text-lg font-semibold text-blue-600 mb-3">Important Considerations</h4> | |
| <ul class="list-disc pl-5 space-y-2 text-sm text-gray-600"> | |
| <li>The FC Token is a utility token with yield farming capabilities and not an investment vehicle.</li> | |
| <li>Continuous development and security audits of the FC Token infrastructure are essential.</li> | |
| <li>We operate in compliance with evolving crypto regulations.</li> | |
| <li>Robust community engagement is key for long-term success.</li> | |
| </ul> | |
| <div class="mt-4"> | |
| <a href="#" class="inline-flex items-center text-sm font-medium text-blue-600 hover:text-blue-800"> | |
| Download Full White Paper | |
| <svg class="ml-1 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path> | |
| </svg> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Business Plan Section --> | |
| <div id="business" class="py-16 bg-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="lg:text-center"> | |
| <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Business Plan</h2> | |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> | |
| Our Strategic Approach | |
| </p> | |
| </div> | |
| <div class="mt-16"> | |
| <!-- Timeline --> | |
| <div class="relative"> | |
| <div class="grid grid-cols-1 md:grid-cols-5 gap-8"> | |
| <!-- Item 1 --> | |
| <div class="timeline-item relative text-center"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-full bg-blue-600 text-white mx-auto"> | |
| <span class="text-xl font-bold">1</span> | |
| </div> | |
| <h3 class="mt-4 text-lg font-medium text-gray-900">Executive Summary</h3> | |
| <p class="mt-2 text-base text-gray-500"> | |
| Tech-driven coffee brand with blockchain integration targeting modern consumers. | |
| </p> | |
| </div> | |
| <!-- Item 2 --> | |
| <div class="timeline-item relative text-center"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-full bg-blue-600 text-white mx-auto"> | |
| <span class="text-xl font-bold">2</span> | |
| </div> | |
| <h3 class="mt-4 text-lg font-medium text-gray-900">Market Analysis</h3> | |
| <p class="mt-2 text-base text-gray-500"> | |
| $48.2B U.S. coffee market with demand for tech-integrated solutions. | |
| </p> | |
| </div> | |
| <!-- Item 3 --> | |
| <div class="timeline-item relative text-center"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-full bg-blue-600 text-white mx-auto"> | |
| <span class="text-xl font-bold">3</span> | |
| </div> | |
| <h3 class="mt-4 text-lg font-medium text-gray-900">Marketing Strategy</h3> | |
| <p class="mt-2 text-base text-gray-500"> | |
| Crypto community engagement combined with traditional coffee marketing. | |
| </p> | |
| </div> | |
| <!-- Item 4 --> | |
| <div class="timeline-item relative text-center"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-full bg-blue-600 text-white mx-auto"> | |
| <span class="text-xl font-bold">4</span> | |
| </div> | |
| <h3 class="mt-4 text-lg font-medium text-gray-900">Operations</h3> | |
| <p class="mt-2 text-base text-gray-500"> | |
| Ethical sourcing with blockchain-verified supply chain transparency. | |
| </p> | |
| </div> | |
| <!-- Item 5 --> | |
| <div class="timeline-item relative text-center"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-full bg-blue-600 text-white mx-auto"> | |
| <span class="text-xl font-bold">5</span> | |
| </div> | |
| <h3 class="mt-4 text-lg font-medium text-gray-900">Financials</h3> | |
| <p class="mt-2 text-base text-gray-500"> | |
| FC token economy integrated with traditional revenue streams. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-16 grid grid-cols-1 gap-8 md:grid-cols-2"> | |
| <div class="bg-white overflow-hidden shadow rounded-lg border border-blue-100"> | |
| <div class="px-4 py-5 sm:p-6"> | |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Mission</h3> | |
| <div class="mt-2 max-w-xl text-sm text-gray-500"> | |
| <p>To revolutionize coffee consumption through blockchain technology, offering unprecedented convenience, transparency, and community engagement.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white overflow-hidden shadow rounded-lg border border-blue-100"> | |
| <div class="px-4 py-5 sm:p-6"> | |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Vision</h3> | |
| <div class="mt-2 max-w-xl text-sm text-gray-500"> | |
| <p>To become the leading blockchain-integrated coffee brand, recognized globally for innovation in both product quality and customer experience.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Distributorship Section --> | |
| <div id="distributorship" class="py-16 bg-gray-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="lg:text-center"> | |
| <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Distributorship</h2> | |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> | |
| Join Our Network | |
| </p> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> | |
| Become part of the Futures Coffee™ revolution and benefit from our innovative business model. | |
| </p> | |
| </div> | |
| <div class="mt-12 grid gap-8 md:grid-cols-3"> | |
| <!-- Card 1 --> | |
| <div class="coffee-card transition-all duration-300 bg-white rounded-lg shadow-lg overflow-hidden"> | |
| <div class="px-6 py-8"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-600"> | |
| <i class="fas fa-store text-xl"></i> | |
| </div> | |
| <h3 class="mt-6 text-lg font-medium text-gray-900">Retail Distribution</h3> | |
| <p class="mt-2 text-base text-gray-500"> | |
| Stock Futures Coffee™ products in your retail location with FC Token payment integration. | |
| </p> | |
| <div class="mt-6"> | |
| <ul class="space-y-3"> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0"> | |
| <i class="fas fa-check-circle text-blue-500"></i> | |
| </div> | |
| <p class="ml-3 text-sm text-gray-600">Exclusive territory rights</p> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0"> | |
| <i class="fas fa-check-circle text-blue-500"></i> | |
| </div> | |
| <p class="ml-3 text-sm text-gray-600">FC payment integration support</p> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0"> | |
| <i class="fas fa-check-circle text-blue-500"></i> | |
| </div> | |
| <p class="ml-3 text-sm text-gray-600">Competitive wholesale pricing</p> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Card 2 --> | |
| <div class="coffee-card transition-all duration-300 bg-white rounded-lg shadow-lg overflow-hidden"> | |
| <div class="px-6 py-8"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-600"> | |
| <i class="fas fa-truck text-xl"></i> | |
| </div> | |
| <h3 class="mt-6 text-lg font-medium text-gray-900">Online Reselling</h3> | |
| <p class="mt-2 text-base text-gray-500"> | |
| Sell Futures Coffee™ through your e-commerce platform with our drop-shipping support. | |
| </p> | |
| <div class="mt-6"> | |
| <ul class="space-y-3"> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0"> | |
| <i class="fas fa-check-circle text-blue-500"></i> | |
| </div> | |
| <p class="ml-3 text-sm text-gray-600">FC Token rewards program integration</p> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0"> | |
| <i class="fas fa-check-circle text-blue-500"></i> | |
| </div> | |
| <p class="ml-3 text-sm text-gray-600">API for automated FC payments</p> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0"> | |
| <i class="fas fa-check-circle text-blue-500"></i> | |
| </div> | |
| <p class="ml-3 text-sm text-gray-600">Branded crypto payment options</p> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Card 3 --> | |
| <div class="coffee-card transition-all duration-300 bg-white rounded-lg shadow-lg overflow-hidden"> | |
| <div class="px-6 py-8"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-600"> | |
| <i class="fas fa-coins text-xl"></i> | |
| </div> | |
| <h3 class="mt-6 text-lg font-medium text-gray-900">Token Investment</h3> | |
| <p class="mt-2 text-base text-gray-500"> | |
| Invest in Futures Coffee™ through our innovative FC token and Perpetuity Contract. | |
| </p> | |
| <div class="mt-6"> | |
| <ul class="space-y-3"> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0"> | |
| <i class="fas fa-check-circle text-blue-500"></i> | |
| </div> | |
| <p class="ml-3 text-sm text-gray-600">Early access to FC tokens</p> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0"> | |
| <i class="fas fa-check-circle text-blue-500"></i> | |
| </div> | |
| <p class="ml-3 text-sm text-gray-600">Staking rewards potential</p> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="flex-shrink-0"> | |
| <i class="fas fa-check-circle text-blue-500"></i> | |
| </div> | |
| <p class="ml-3 text-sm text-gray-600">Governance participation</p> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-12 bg-blue-50 rounded-lg shadow-md overflow-hidden"> | |
| <div class="px-6 py-8 md:flex md:items-center md:justify-between"> | |
| <div class="md:w-2/3"> | |
| <h3 class="text-lg font-medium text-blue-900">Ready to join the Futures Coffee™ network?</h3> | |
| <p class="mt-2 text-sm text-blue-800"> | |
| Fill out our distributor application form to get started. Our team will review your application and get back to you within 48 hours. | |
| </p> | |
| </div> | |
| <div class="mt-4 md:mt-0 md:ml-8"> | |
| <a href="#contact" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700"> | |
| Apply Now | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Financial Section --> | |
| <div class="py-16 bg-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="lg:text-center"> | |
| <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Financial Projections</h2> | |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> | |
| Investment Opportunity | |
| </p> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> | |
| Futures Coffee™ offers innovative financial instruments for investors. | |
| </p> | |
| </div> | |
| <div class="mt-12 grid gap-8 md:grid-cols-2"> | |
| <div class="bg-white overflow-hidden shadow rounded-lg border border-blue-100"> | |
| <div class="px-4 py-5 sm:p-6"> | |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Perpetuity Contract</h3> | |
| <div class="mt-4"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 bg-blue-100 rounded-md p-3"> | |
| <i class="fas fa-chart-line text-blue-600 text-xl"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <p class="text-sm font-medium text-gray-500">Current Monthly Return</p> | |
| <p class="text-2xl font-semibold text-gray-900">1.04%</p> | |
| </div> | |
| </div> | |
| <div class="mt-6 flex items-center"> | |
| <div class="flex-shrink-0 bg-blue-100 rounded-md p-3"> | |
| <i class="fas fa-calendar-alt text-blue-600 text-xl"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <p class="text-sm font-medium text-gray-500">Projected Annual Return</p> | |
| <p class="text-2xl font-semibold text-gray-900">11.8%</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-6"> | |
| <a href="https://unspent.cash/s?q=eJwrWylyaVnZtW%2FM97s0VlRNndu%2BzSr7v2p8xxoAsXQNbw%3D%3D" class="inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"> | |
| View Contract | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white overflow-hidden shadow rounded-lg border border-blue-100"> | |
| <div class="px-4 py-5 sm:p-6"> | |
| <h3 class="text-lg leading-6 font-medium text-gray-900">FC Token Economics</h3> | |
| <div class="mt-4"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 bg-blue-100 rounded-md p-3"> | |
| <i class="fas fa-coins text-blue-600 text-xl"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <p class="text-sm font-medium text-gray-500">Total Supply</p> | |
| <p class="text-2xl font-semibold text-gray-900">92233720368.54775807 FC</p> | |
| </div> | |
| </div> | |
| <div class="mt-6 flex items-center"> | |
| <div class="flex-shrink-0 bg-blue-100 rounded-md p-3"> | |
| <i class="fas fa-percentage text-blue-600 text-xl"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <p class="text-sm font-medium text-gray-500">Purchase Rewards</p> | |
| <p class="text-2xl font-semibold text-gray-900">5-15%</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-6"> | |
| <a href="#token" class="inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"> | |
| Learn About FC Tokens | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Contact Section --> | |
| <div id="contact" class="py-16 bg-gray-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="lg:text-center"> | |
| <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Contact Us</h2> | |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> | |
| Get In Touch | |
| </p> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> | |
| Interested in becoming a distributor, investor, or learning more about FC Tokens? | |
| </p> | |
| </div> | |
| <div class="mt-12"> | |
| <div class="bg-white shadow-xl rounded-lg overflow-hidden"> | |
| <div class="md:flex"> | |
| <div class="md:w-1/2 bg-blue-50 p-8"> | |
| <h3 class="text-lg font-medium text-blue-900">Contact Information</h3> | |
| <p class="mt-4 text-sm text-blue-800"> | |
| Our team is available to answer any questions about our products, distributorship program, or the FC token. | |
| </p> | |
| <div class="mt-8"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 bg-blue-100 rounded-md p-2"> | |
| <i class="fas fa-envelope text-blue-600"></i> | |
| </div> | |
| <div class="ml-3 text-sm text-blue-800"> | |
| <p></p> | |
| </div> | |
| </div> | |
| <div class="mt-4 flex items-center"> | |
| <div class="flex-shrink-0 bg-blue-100 rounded-md p-2"> | |
| <i class="fas fa-phone-alt text-blue-600"></i> | |
| </div> | |
| <div class="ml-3 text-sm text-blue-800"> | |
| <p></p> | |
| </div> | |
| </div> | |
| <div class="mt-4 flex items-center"> | |
| <div class="flex-shrink-0 bg-blue-100 rounded-md p-2"> | |
| <i class="fab fa-telegram text-blue-600"></i> | |
| </div> | |
| <div class="ml-3 text-sm text-blue-800"> | |
| <p>@FuturesCoffee_Bot</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 p-8"> | |
| <form class="space-y-6"> | |
| <div> | |
| <label for="name" class="block text-sm font-medium text-gray-700">Full Name</label> | |
| <div class="mt-1"> | |
| <input type="text" name="name" id="name" autocomplete="name" class="py-3 px-4 block w-full shadow-sm focus:ring-blue-500 focus:border-blue-500 border-gray-300 rounded-md"> | |
| </div> | |
| </div> | |
| <div> | |
| <label for="email" class="block text-sm font-medium text-gray-700">Email</label> | |
| <div class="mt-1"> | |
| <input type="email" name="email" id="email" autocomplete="email" class="py-3 px-4 block w-full shadow-sm focus:ring-blue-500 focus:border-blue-500 border-gray-300 rounded-md"> | |
| </div> | |
| </div> | |
| <div> | |
| <label for="phone" class="block text-sm font-medium text-gray-700">Phone</label> | |
| <div class="mt-1"> | |
| <input type="tel" name="phone" id="phone" autocomplete="tel" class="py-3 px-4 block w-full shadow-sm focus:ring-blue-500 focus:border-blue-500 border-gray-300 rounded-md"> | |
| </div> | |
| </div> | |
| <div> | |
| <label for="interest" class="block text-sm font-medium text-gray-700">Interest</label> | |
| <div class="mt-1"> | |
| <select id="interest" name="interest" class="py-3 px-4 block w-full shadow-sm focus:ring-blue-500 focus:border-blue-500 border-gray-300 rounded-md"> | |
| <option>Retail Distribution</option> | |
| <option>Online Reselling</option> | |
| <option>FC Token Inquiry</option> | |
| <option>Investment Opportunity</option> | |
| <option>Other</option> | |
| </select> | |
| </div> | |
| </div> | |
| <div> | |
| <button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"> | |
| Submit Inquiry | |
| </button> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900"> | |
| <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-sm font-semibold text-blue-400 tracking-wider uppercase">About</h3> | |
| <ul class="mt-4 space-y-4"> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Company</a></li> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Team</a></li> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Careers</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-sm font-semibold text-blue-400 tracking-wider uppercase">Business</h3> | |
| <ul class="mt-4 space-y-4"> | |
| <li><a href="#distributorship" class="text-base text-gray-300 hover:text-white">Distributorship</a></li> | |
| <li><a href="#token" class="text-base text-gray-300 hover:text-white">FCT Token</a></li> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Perpetuity Contract</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-sm font-semibold text-blue-400 tracking-wider uppercase">Resources</h3> | |
| <ul class="mt-4 space-y-4"> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">White Paper</a></li> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">FAQ</a></li> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Support</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-sm font-semibold text-blue-400 tracking-wider uppercase">Connect</h3> | |
| <ul class="mt-4 space-y-4"> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Instagram</a></li> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Twitter</a></li> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Telegram</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="mt-12 border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between"> | |
| <p class="text-base text-gray-400"> | |
| © 2025 Futures Coffee™. All rights reserved. | |
| </p> | |
| <div class="mt-4 md:mt-0 flex space-x-6"> | |
| <a href="#" class="text-gray-400 hover:text-gray-300"> | |
| <span class="sr-only">Privacy Policy</span> | |
| Privacy | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-gray-300"> | |
| <span class="sr-only">Terms of Service</span> | |
| Terms | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-gray-300"> | |
| <span class="sr-only">Disclaimer</span> | |
| Disclaimer | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Mobile menu toggle | |
| document.getElementById('mobile-menu-button').addEventListener('click', function() { | |
| const menu = document.getElementById('mobile-menu'); | |
| if (menu.classList.contains('hidden')) { | |
| menu.classList.remove('hidden'); | |
| } else { | |
| menu.classList.add('hidden'); | |
| } | |
| }); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| const targetId = this.getAttribute('href'); | |
| if (targetId === '#') return; | |
| const targetElement = document.querySelector(targetId); | |
| if (targetElement) { | |
| targetElement.scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| // Close mobile menu if open | |
| const mobileMenu = document.getElementById('mobile-menu'); | |
| if (!mobileMenu.classList.contains('hidden')) { | |
| mobileMenu.classList.add('hidden'); | |
| } | |
| } | |
| }); | |
| }); | |
| // Form submission | |
| const contactForm = document.querySelector('form'); | |
| if (contactForm) { | |
| contactForm.addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| // Here you would typically send the form data to your server | |
| // For demo purposes, we'll just show an alert | |
| alert('Thank you for your inquiry! We will contact you shortly.'); | |
| this.reset(); | |
| }); | |
| } | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=privateuserh/privfuvbeta" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |