Download index.html from odellus/undefined: direct link, hf CLI and curl.
- Browser
- Download file 33.4 kB
-
https://huggingface.co/spaces/odellus/undefined/resolve/main/index.html
- Command line
-
hf download hf://spaces/odellus/undefined/index.html
-
curl -L -o index.html https://huggingface.co/spaces/odellus/undefined/resolve/main/index.html
33.4 kB
| <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> | |
| <!-- Navigation --> | |
| <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> | |
| <!-- Hero Section --> | |
| <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> | |
| <!-- Mission 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> | |
| <!-- Grant Showcase --> | |
| <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> | |
| <!-- Comparison 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> | |
| <!-- CTA 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> | |
| <!-- Grant Assistant 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"> | |
| <!-- Grant Finder --> | |
| <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> | |
| <!-- Grant Assistant --> | |
| <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 --> | |
| <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> | |
| // Initialize Vanta.js background | |
| 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, | |
| }); | |
| // Initialize Feather Icons | |
| feather.replace(); | |
| // Grant assistant message cycling | |
| 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> | |