| | <!doctype html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8" /> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| | <title>FundFinder AI - Access Government Grants Like the Big Farms</title> |
| | <link rel="icon" type="image/x-icon" href="/static/favicon.ico" /> |
| | <script src="https://cdn.tailwindcss.com"></script> |
| | <script src="https://unpkg.com/feather-icons"></script> |
| | <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| | <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script> |
| | <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script> |
| | <style> |
| | @import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto+Mono:wght@300;500&display=swap"); |
| | .grant-pulse { |
| | position: relative; |
| | } |
| | .grant-pulse:hover::before { |
| | content: ""; |
| | position: absolute; |
| | top: -2px; |
| | left: -2px; |
| | right: -2px; |
| | bottom: -2px; |
| | background: linear-gradient( |
| | 45deg, |
| | #4ade80, |
| | #60a5fa, |
| | #a78bfa, |
| | #4ade80 |
| | ); |
| | z-index: -1; |
| | filter: blur(5px); |
| | opacity: 0.7; |
| | animation: pulse 2s linear infinite; |
| | } |
| | @keyframes glitch { |
| | 0% { |
| | transform: translate(0); |
| | } |
| | 20% { |
| | transform: translate(-2px, 2px); |
| | } |
| | 40% { |
| | transform: translate(-2px, -2px); |
| | } |
| | 60% { |
| | transform: translate(2px, 2px); |
| | } |
| | 80% { |
| | transform: translate(2px, -2px); |
| | } |
| | 100% { |
| | transform: translate(0); |
| | } |
| | } |
| | .fund-text { |
| | text-shadow: |
| | 0 0 5px #60a5fa, |
| | 0 0 10px #60a5fa, |
| | 0 0 15px #60a5fa; |
| | } |
| | .code-display { |
| | background: rgba(0, 0, 0, 0.7); |
| | border-left: 3px solid #00ff00; |
| | font-family: "Roboto Mono", monospace; |
| | } |
| | .grid-circuit { |
| | background-image: |
| | linear-gradient( |
| | to right, |
| | rgba(0, 255, 0, 0.3) 1px, |
| | transparent 1px |
| | ), |
| | linear-gradient( |
| | to bottom, |
| | rgba(0, 255, 0, 0.3) 1px, |
| | transparent 1px |
| | ); |
| | background-size: 20px 20px; |
| | } |
| | </style> |
| | </head> |
| | <body class="bg-black text-white font-sans overflow-x-hidden"> |
| | <div id="vanta-bg" class="fixed inset-0 -z-10"></div> |
| |
|
| | |
| | <nav class="container mx-auto px-6 py-4 flex justify-between items-center"> |
| | <div class="text-2xl font-bold fund-text font-['Orbitron']"> |
| | FundFinder AI |
| | </div> |
| | <div class="hidden md:flex space-x-8"> |
| | <a href="#" class="hover:text-blue-400 transition">Grants</a> |
| | <a href="#" class="hover:text-green-400 transition">Programs</a> |
| | <a href="#" class="hover:text-purple-400 transition">Success Stories</a> |
| | <a href="#" class="hover:text-yellow-400 transition">Resources</a> |
| | </div> |
| | <button |
| | class="grant-pulse px-6 py-2 bg-gradient-to-r from-green-500 to-blue-600 rounded-md font-bold hover:from-green-600 hover:to-blue-700 transition-all" |
| | > |
| | Get Started |
| | </button> |
| | </nav> |
| | |
| | <section class="container mx-auto px-6 py-20 md:py-32"> |
| | <div class="grid md:grid-cols-2 gap-12 items-center"> |
| | <div class="space-y-8"> |
| | <h1 class="text-4xl md:text-6xl font-bold font-['Orbitron'] fund-text"> |
| | Level the Playing Field: |
| | <span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-green-500"> |
| | Access Government Funds Like the Big Players |
| | </span> |
| | </h1> |
| | <p class="text-lg md:text-xl text-gray-300"> |
| | FundFinder AI helps small farms and rural businesses navigate the maze of USDA, SBA, FSA and other agency programs - matching you with grants and loans just like the industrial farms get. |
| | </p> |
| | <div class="flex space-x-4"> |
| | <button |
| | class="grant-pulse px-8 py-3 bg-gradient-to-r from-blue-500 to-green-500 rounded-md font-bold text-white hover:shadow-lg hover:shadow-blue-500/30 transition-all" |
| | > |
| | Find Your Grants |
| | </button> |
| | <button |
| | class="px-8 py-3 border-2 border-blue-500 rounded-md font-bold hover:bg-blue-500/10 transition-all" |
| | > |
| | How It Works |
| | <i data-feather="play" class="inline ml-2"></i> |
| | </button> |
| | </div> |
| | </div> |
| | <div class="relative"> |
| | <div class="agency-display p-6 rounded-lg backdrop-blur-sm bg-gradient-to-br from-blue-900/30 to-green-900/30"> |
| | <div class="grid grid-cols-2 gap-4 text-white"> |
| | <div class="flex items-center p-3 bg-blue-900/50 rounded"> |
| | <i data-feather="dollar-sign" class="mr-2"></i> |
| | <span>USDA Grants</span> |
| | </div> |
| | <div class="flex items-center p-3 bg-green-900/50 rounded"> |
| | <i data-feather="home" class="mr-2"></i> |
| | <span>FSA Loans</span> |
| | </div> |
| | <div class="flex items-center p-3 bg-purple-900/50 rounded"> |
| | <i data-feather="bar-chart-2" class="mr-2"></i> |
| | <span>SBA Programs</span> |
| | </div> |
| | <div class="flex items-center p-3 bg-yellow-900/50 rounded"> |
| | <i data-feather="droplet" class="mr-2"></i> |
| | <span>NRCS Funding</span> |
| | </div> |
| | <div class="flex items-center p-3 bg-red-900/50 rounded"> |
| | <i data-feather="zap" class="mr-2"></i> |
| | <span>REAP Energy</span> |
| | </div> |
| | <div class="flex items-center p-3 bg-indigo-900/50 rounded"> |
| | <i data-feather="truck" class="mr-2"></i> |
| | <span>Rural Business</span> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="absolute -top-4 -left-4 w-16 h-16 border-t-2 border-l-2 border-blue-500"></div> |
| | <div class="absolute -bottom-4 -right-4 w-16 h-16 border-b-2 border-r-2 border-green-500"></div> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <section class="grid-circuit py-20"> |
| | <div class="container mx-auto px-6"> |
| | <div class="max-w-4xl mx-auto text-center space-y-8"> |
| | <h2 class="text-3xl md:text-4xl font-bold font-['Orbitron'] fund-text"> |
| | <span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-green-500"> |
| | Cutting Through the Bureaucracy |
| | </span> |
| | </h2> |
| | <p class="text-xl text-gray-300"> |
| | We decode the alphabet soup of government agencies to connect small farmers and rural businesses with the same funding opportunities that industrial operations already exploit. |
| | </p> |
| | <div class="grid md:grid-cols-3 gap-8 pt-12"> |
| | <div class="bg-black/70 p-6 rounded-lg border border-gray-800 hover:border-blue-500 transition-all"> |
| | <i data-feather="search" class="w-12 h-12 text-blue-500 mx-auto mb-4"></i> |
| | <h3 class="text-xl font-bold mb-2">Grant Matching</h3> |
| | <p class="text-gray-400"> |
| | Our AI scans all federal and state programs to find grants you qualify for |
| | </p> |
| | </div> |
| | <div class="bg-black/70 p-6 rounded-lg border border-gray-800 hover:border-green-500 transition-all"> |
| | <i data-feather="file-text" class="w-12 h-12 text-green-500 mx-auto mb-4"></i> |
| | <h3 class="text-xl font-bold mb-2">Paperwork Wizard</h3> |
| | <p class="text-gray-400"> |
| | Automatically generates forms and documents for your applications |
| | </p> |
| | </div> |
| | <div class="bg-black/70 p-6 rounded-lg border border-gray-800 hover:border-purple-500 transition-all"> |
| | <i data-feather="dollar-sign" class="w-12 h-12 text-purple-500 mx-auto mb-4"></i> |
| | <h3 class="text-xl font-bold mb-2">Success Tracking</h3> |
| | <p class="text-gray-400"> |
| | Monitor your applications and get alerts when new funding becomes available |
| | </p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <section class="py-20 container mx-auto px-6"> |
| | <div class="grid md:grid-cols-2 gap-12 items-center"> |
| | <div class="space-y-6"> |
| | <h2 class="text-3xl md:text-4xl font-bold font-['Orbitron'] fund-text"> |
| | <span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-green-500"> |
| | Grant Opportunities We've Unlocked |
| | </span> |
| | </h2> |
| | <p class="text-lg text-gray-300"> |
| | Our system has helped small farmers and rural businesses secure millions in funding from programs most don't even know exist. |
| | </p> |
| | <div class="space-y-4"> |
| | <div class="flex items-center"> |
| | <div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center mr-4"> |
| | <i data-feather="check" class="w-4 h-4 text-black"></i> |
| | </div> |
| | <span>$250k FSA Microloan for organic startup</span> |
| | </div> |
| | <div class="flex items-center"> |
| | <div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center mr-4"> |
| | <i data-feather="check" class="w-4 h-4 text-black"></i> |
| | </div> |
| | <span>$180k USDA Value-Added Producer Grant</span> |
| | </div> |
| | <div class="flex items-center"> |
| | <div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center mr-4"> |
| | <i data-feather="check" class="w-4 h-4 text-black"></i> |
| | </div> |
| | <span>$95k NRCS Conservation Innovation Grant</span> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="relative"> |
| | <div class="bg-gradient-to-br from-blue-900/30 to-green-900/30 p-1 rounded-lg"> |
| | <div class="bg-black p-6 rounded-lg"> |
| | <div class="flex space-x-2 mb-4"> |
| | <div class="w-3 h-3 rounded-full bg-red-500"></div> |
| | <div class="w-3 h-3 rounded-full bg-yellow-500"></div> |
| | <div class="w-3 h-3 rounded-full bg-green-500"></div> |
| | </div> |
| | <div class="text-white"> |
| | <div class="flex justify-between items-center mb-2"> |
| | <span class="font-bold">USDA EQIP Program</span> |
| | <span class="text-green-400">$50k Approved</span> |
| | </div> |
| | <div class="h-2 bg-gray-700 rounded-full mb-4"> |
| | <div class="h-2 bg-green-500 rounded-full" style="width: 85%"></div> |
| | </div> |
| | <div class="flex justify-between items-center mb-2"> |
| | <span class="font-bold">SBA Microloan</span> |
| | <span class="text-blue-400">Pending Review</span> |
| | </div> |
| | <div class="h-2 bg-gray-700 rounded-full mb-4"> |
| | <div class="h-2 bg-blue-400 rounded-full" style="width: 60%"></div> |
| | </div> |
| | <div class="flex justify-between items-center mb-2"> |
| | <span class="font-bold">FSA Direct Loan</span> |
| | <span class="text-yellow-400">Docs Needed</span> |
| | </div> |
| | <div class="h-2 bg-gray-700 rounded-full"> |
| | <div class="h-2 bg-yellow-400 rounded-full" style="width: 30%"></div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="absolute -bottom-4 -right-4 w-16 h-16 border-b-2 border-r-2 border-green-500"></div> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <section class="py-20 bg-gradient-to-b from-black to-blue-900/10"> |
| | <div class="container mx-auto px-6"> |
| | <div class="text-center mb-16"> |
| | <h2 class="text-3xl md:text-4xl font-bold font-['Orbitron'] fund-text mb-4"> |
| | <span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-green-500"> |
| | You vs. Industrial Farms |
| | </span> |
| | </h2> |
| | <p class="text-xl text-gray-300 max-w-2xl mx-auto"> |
| | See how FundFinder AI helps level the playing field against operations with full-time grant writers. |
| | </p> |
| | </div> |
| | <div class="overflow-x-auto"> |
| | <table class="w-full bg-black/70 backdrop-blur-sm border border-gray-800 rounded-lg"> |
| | <thead> |
| | <tr class="border-b border-gray-800"> |
| | <th class="p-4 text-left font-['Orbitron'] text-blue-400"> |
| | Funding Access |
| | </th> |
| | <th class="p-4 text-center font-['Orbitron'] text-green-400"> |
| | With FundFinder AI |
| | </th> |
| | <th class="p-4 text-center font-['Orbitron']"> |
| | Without Help |
| | </th> |
| | <th class="p-4 text-center font-['Orbitron']"> |
| | Industrial Farms |
| | </th> |
| | </tr> |
| | </thead> |
| | <tbody> |
| | <tr class="border-b border-gray-800 hover:bg-gray-900/50 transition"> |
| | <td class="p-4">Grant Awareness</td> |
| | <td class="p-4 text-center text-green-400"> |
| | <i data-feather="check-circle"></i> |
| | </td> |
| | <td class="p-4 text-center text-red-400"> |
| | <i data-feather="x-circle"></i> |
| | </td> |
| | <td class="p-4 text-center text-green-400"> |
| | <i data-feather="check-circle"></i> |
| | </td> |
| | </tr> |
| | <tr class="border-b border-gray-800 hover:bg-gray-900/50 transition"> |
| | <td class="p-4">Application Success</td> |
| | <td class="p-4 text-center text-green-400"> |
| | 85% |
| | </td> |
| | <td class="p-4 text-center text-red-400"> |
| | 20% |
| | </td> |
| | <td class="p-4 text-center text-green-400"> |
| | 90% |
| | </td> |
| | </tr> |
| | <tr class="border-b border-gray-800 hover:bg-gray-900/50 transition"> |
| | <td class="p-4">Average Funding</td> |
| | <td class="p-4 text-center text-green-400"> |
| | $127k |
| | </td> |
| | <td class="p-4 text-center text-red-400"> |
| | $25k |
| | </td> |
| | <td class="p-4 text-center text-green-400"> |
| | $450k |
| | </td> |
| | </tr> |
| | <tr class="border-b border-gray-800 hover:bg-gray-900/50 transition"> |
| | <td class="p-4">Time Spent</td> |
| | <td class="p-4 text-center text-green-400"> |
| | 8 hrs |
| | </td> |
| | <td class="p-4 text-center text-red-400"> |
| | 40+ hrs |
| | </td> |
| | <td class="p-4 text-center text-green-400"> |
| | 5 hrs* |
| | </td> |
| | </tr> |
| | <tr class="hover:bg-gray-900/50 transition"> |
| | <td class="p-4">Specialist Knowledge</td> |
| | <td class="p-4 text-center text-green-400"> |
| | <i data-feather="check-circle"></i> |
| | </td> |
| | <td class="p-4 text-center text-red-400"> |
| | <i data-feather="x-circle"></i> |
| | </td> |
| | <td class="p-4 text-center text-green-400"> |
| | <i data-feather="check-circle"></i> |
| | </td> |
| | </tr> |
| | </tbody> |
| | </table> |
| | <p class="text-sm text-gray-500 mt-4">* Industrial farms have dedicated grant departments</p> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <section class="py-32 relative overflow-hidden"> |
| | <div class="absolute inset-0 bg-gradient-to-r from-blue-900/10 to-green-900/10 -skew-y-6"></div> |
| | <div class="container mx-auto px-6 relative"> |
| | <div class="max-w-3xl mx-auto text-center space-y-8"> |
| | <h2 class="text-3xl md:text-5xl font-bold font-['Orbitron'] fund-text"> |
| | Ready to Access |
| | <span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-green-500"> |
| | Millions in Funding? |
| | </span> |
| | </h2> |
| | <p class="text-xl text-gray-300"> |
| | Stop leaving money on the table. Let FundFinder AI help you navigate the complex world of agricultural grants and loans. |
| | </p> |
| | <button |
| | class="grant-pulse px-10 py-4 bg-gradient-to-r from-blue-500 to-green-600 rounded-md font-bold text-lg hover:from-blue-600 hover:to-green-700 hover:shadow-lg hover:shadow-blue-500/30 transition-all" |
| | > |
| | Find Your Grants Now |
| | <i data-feather="arrow-right" class="inline ml-2"></i> |
| | </button> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <section class="py-16 border-t border-blue-500/30"> |
| | <div class="container mx-auto px-6"> |
| | <h2 class="text-3xl md:text-4xl font-bold font-['Orbitron'] fund-text mb-8 text-center"> |
| | <span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-green-500"> |
| | Your Personal Grant Assistant |
| | </span> |
| | </h2> |
| |
|
| | <div class="grid md:grid-cols-3 gap-8"> |
| | |
| | <div class="md:col-span-2 bg-black/70 backdrop-blur-sm border border-blue-500/30 rounded-lg overflow-hidden"> |
| | <div class="flex items-center bg-gray-900 px-4 py-2 border-b border-blue-500/30"> |
| | <div class="flex space-x-2 mr-4"> |
| | <div class="w-3 h-3 rounded-full bg-red-500"></div> |
| | <div class="w-3 h-3 rounded-full bg-yellow-500"></div> |
| | <div class="w-3 h-3 rounded-full bg-green-500"></div> |
| | </div> |
| | <div class="text-sm text-blue-400">Grant Finder</div> |
| | </div> |
| | <div class="p-4"> |
| | <div class="bg-gray-800/50 p-4 rounded mb-4"> |
| | <div class="flex mb-2"> |
| | <div class="w-2 h-2 rounded-full bg-green-500 mt-1 mr-2"></div> |
| | <div>Farm Size: <span class="font-bold">50 acres</span></div> |
| | </div> |
| | <div class="flex mb-2"> |
| | <div class="w-2 h-2 rounded-full bg-green-500 mt-1 mr-2"></div> |
| | <div>Location: <span class="font-bold">Rural Iowa</span></div> |
| | </div> |
| | <div class="flex mb-2"> |
| | <div class="w-2 h-2 rounded-full bg-green-500 mt-1 mr-2"></div> |
| | <div>Operation: <span class="font-bold">Organic Vegetables</span></div> |
| | </div> |
| | <div class="flex"> |
| | <div class="w-2 h-2 rounded-full bg-green-500 mt-1 mr-2"></div> |
| | <div>Goals: <span class="font-bold">Equipment, Conservation</span></div> |
| | </div> |
| | </div> |
| | <div class="space-y-3"> |
| | <div class="flex items-center p-3 bg-blue-900/30 rounded"> |
| | <i data-feather="check-circle" class="text-green-400 mr-2"></i> |
| | <span>USDA EQIP - Conservation Practices ($35k max)</span> |
| | </div> |
| | <div class="flex items-center p-3 bg-green-900/30 rounded"> |
| | <i data-feather="check-circle" class="text-green-400 mr-2"></i> |
| | <span>SARE Farmer/Rancher Grant ($25k)</span> |
| | </div> |
| | <div class="flex items-center p-3 bg-purple-900/30 rounded"> |
| | <i data-feather="alert-circle" class="text-yellow-400 mr-2"></i> |
| | <span>FSA Microloan - Partial Match (Docs Needed)</span> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="bg-gray-900 px-4 py-3 border-t border-blue-500/30 flex justify-between items-center"> |
| | <div class="text-xs text-gray-400"> |
| | FUNDFINDER AI v2.1 |
| | </div> |
| | <button class="grant-pulse px-4 py-1 bg-gradient-to-r from-blue-500 to-green-500 rounded text-sm font-bold"> |
| | Find More Grants |
| | <i data-feather="search" class="inline ml-1 w-3 h-3"></i> |
| | </button> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="bg-black/70 backdrop-blur-sm border border-green-500/30 rounded-lg overflow-hidden"> |
| | <div class="bg-gray-900 px-4 py-2 border-b border-green-500/30 flex items-center"> |
| | <div class="w-8 h-8 rounded-full bg-gradient-to-r from-green-500 to-blue-500 flex items-center justify-center mr-2"> |
| | <i data-feather="dollar-sign" class="w-4 h-4 text-white"></i> |
| | </div> |
| | <div class="font-bold text-green-400"> |
| | Grant Assistant |
| | </div> |
| | </div> |
| | <div class="p-4 h-64 overflow-y-auto"> |
| | <div class="chat-message mb-4"> |
| | <div class="text-xs text-green-400 mb-1"> |
| | GRANT ASSISTANT: |
| | </div> |
| | <div class="text-sm bg-gray-800/50 p-2 rounded"> |
| | Based on your 50-acre organic farm, I've identified 3 high-probability grants. The USDA EQIP program is especially promising - we can help with the conservation plan required for application. |
| | </div> |
| | </div> |
| | <div class="chat-message mb-4"> |
| | <div class="text-xs text-green-400 mb-1"> |
| | TIP: |
| | </div> |
| | <div class="text-sm bg-gray-800/50 p-2 rounded"> |
| | The SARE grant application deadline is in 45 days. Let's start drafting your project narrative - I have templates for similar successful applications. |
| | </div> |
| | </div> |
| | </div> |
| | <div class="bg-gray-900 px-4 py-3 border-t border-green-500/30"> |
| | <div class="flex"> |
| | <input |
| | type="text" |
| | placeholder="Ask about grant requirements..." |
| | class="flex-1 bg-gray-800 text-sm px-3 py-2 rounded-l focus:outline-none focus:ring-1 focus:ring-green-500" |
| | /> |
| | <button class="bg-green-600 hover:bg-green-700 px-3 rounded-r"> |
| | <i data-feather="send" class="w-4 h-4"></i> |
| | </button> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| | |
| | <footer class="py-12 border-t border-gray-800"> |
| | <div class="container mx-auto px-6"> |
| | <div class="grid md:grid-cols-4 gap-8"> |
| | <div> |
| | <h3 class="text-xl font-bold font-['Orbitron'] mb-4"> |
| | FundFinder AI |
| | </h3> |
| | <p class="text-gray-400"> |
| | Democratizing access to government funding for small farms and rural businesses. |
| | </p> |
| | </div> |
| | <div> |
| | <h4 class="font-bold mb-4">Agencies</h4> |
| | <ul class="space-y-2"> |
| | <li> |
| | <a href="#" class="text-gray-400 hover:text-blue-400 transition">USDA Programs</a> |
| | </li> |
| | <li> |
| | <a href="#" class="text-gray-400 hover:text-blue-400 transition">FSA Loans</a> |
| | </li> |
| | <li> |
| | <a href="#" class="text-gray-400 hover:text-blue-400 transition">SBA Grants</a> |
| | </li> |
| | </ul> |
| | </div> |
| | <div> |
| | <h4 class="font-bold mb-4">Resources</h4> |
| | <ul class="space-y-2"> |
| | <li> |
| | <a href="#" class="text-gray-400 hover:text-green-400 transition">Success Stories</a> |
| | </li> |
| | <li> |
| | <a href="#" class="text-gray-400 hover:text-green-400 transition">Application Guide</a> |
| | </li> |
| | <li> |
| | <a href="#" class="text-gray-400 hover:text-green-400 transition">Deadlines</a> |
| | </li> |
| | </ul> |
| | </div> |
| | <div> |
| | <h4 class="font-bold mb-4">Connect</h4> |
| | <div class="flex space-x-4"> |
| | <a href="#" class="text-gray-400 hover:text-blue-400 transition"><i data-feather="twitter"></i></a> |
| | <a href="#" class="text-gray-400 hover:text-green-400 transition"><i data-feather="facebook"></i></a> |
| | <a href="#" class="text-gray-400 hover:text-red-400 transition"><i data-feather="youtube"></i></a> |
| | <a href="#" class="text-gray-400 hover:text-orange-400 transition"><i data-feather="rss"></i></a> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500"> |
| | <p>© 2023 FundFinder AI - Making Government Funding Accessible</p> |
| | </div> |
| | </div> |
| | </footer> |
| | <script> |
| | |
| | VANTA.NET({ |
| | el: "#vanta-bg", |
| | mouseControls: true, |
| | touchControls: true, |
| | gyroControls: false, |
| | minHeight: 200.0, |
| | minWidth: 200.0, |
| | scale: 1.0, |
| | scaleMobile: 1.0, |
| | color: 0x3b82f6, |
| | backgroundColor: 0x0, |
| | points: 12.0, |
| | maxDistance: 22.0, |
| | spacing: 18.0, |
| | }); |
| | |
| | feather.replace(); |
| | |
| | |
| | const grantTips = [ |
| | "Did you know? 78% of USDA funding goes to just 10% of farms - let's change that.", |
| | "Pro Tip: Apply for multiple smaller grants rather than one big one for better success rates.", |
| | "Farmers who use our system see 3x more funding in their first year.", |
| | ]; |
| | |
| | let currentTip = 0; |
| | setInterval(() => { |
| | const chat = document.querySelector('.chat-message:last-child .rounded'); |
| | if (chat && currentTip < grantTips.length) { |
| | chat.textContent = grantTips[currentTip]; |
| | currentTip = (currentTip + 1) % grantTips.length; |
| | } |
| | }, 5000); |
| | </script> |
| | </body> |
| | </html> |
| |
|
