|
|
<!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> |
|
|
|
