| Server IP : 10.200.247.200 / Your IP : 216.73.217.19 Web Server : Apache System : Linux synergy-usa-sites 6.8.0-138-generic #138-Ubuntu SMP PREEMPT_DYNAMIC Fri Jul 31 22:41:49 UTC 2026 x86_64 User : jeremy ( 1001) PHP Version : 8.4.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/usa_sites/governmentgrants.us/vx/usa/members/ |
Upload File : |
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>givesback-glow-up</title>
<meta name="description" content="Lovable Generated Project">
<meta name="author" content="Lovable">
<meta property="og:title" content="givesback-glow-up">
<meta property="og:description" content="Lovable Generated Project">
<meta property="og:type" content="website">
<meta property="og:image" content="https://lovable.dev/opengraph-image-p98pqg.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@lovable_dev">
<meta name="twitter:image" content="https://lovable.dev/opengraph-image-p98pqg.png">
<link rel="stylesheet" crossorigin="" href="index-Pr3IhY4a.css">
<style type="text/css">:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
</style>
</head>
<body style="">
<div id="root">
<div id="real_members_home_container" class="container mx-auto px-4 py-8 space-y-12">
<section class="text-center space-y-6 px-2 sm:px-0">
<a href="/vx/usa/givesback/">
<div class="rounded-lg bg-card text-card-foreground max-w-5xl mx-auto border-2 border-primary/20 shadow-xl bg-gradient-to-br from-card to-primary/5 hover:shadow-2xl transition-all duration-300 cursor-pointer group">
<div class="p-4 sm:p-6 lg:p-8">
<div class="grid lg:grid-cols-3 gap-6 lg:gap-8 items-start">
<div class="lg:col-span-2 text-left space-y-4 sm:space-y-6">
<div>
<h1 class="text-3xl sm:text-4xl lg:text-5xl xl:text-6xl font-bold text-foreground mb-3 sm:mb-4 lg:mb-6 leading-tight break-words">🎉
<span class="text-green-600">Givesback Awards:</span>
<br>Win Up to
<span class="text-green-600 text-4xl sm:text-5xl lg:text-6xl xl:text-7xl">$1,000</span>
Weekly!</h1>
<p class="text-base sm:text-lg lg:text-xl xl:text-2xl text-muted-foreground mb-4 sm:mb-6 lg:mb-8 font-medium">Join thousands of members who've received cash awards. Simple steps, real rewards.</p>
</div>
<div class="grid grid-cols-3 gap-2 sm:gap-4 lg:gap-6 mb-4 sm:mb-6">
<div class="text-center">
<div class="w-8 h-8 sm:w-10 sm:h-10 lg:w-12 lg:h-12 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-1 sm:mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign w-4 h-4 sm:w-5 sm:h-5 lg:w-6 lg:h-6 text-green-600">
<line x1="12" x2="12" y1="2" y2="22"></line>
<path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path>
</svg>
</div>
<div class="text-lg sm:text-2xl lg:text-3xl font-bold text-green-600">$57,150</div>
<div class="text-xs sm:text-sm text-muted-foreground">Total Awarded</div>
</div>
<div class="text-center">
<div class="w-8 h-8 sm:w-10 sm:h-10 lg:w-12 lg:h-12 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-1 sm:mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-4 h-4 sm:w-5 sm:h-5 lg:w-6 lg:h-6 text-blue-600">
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg>
</div>
<div class="text-lg sm:text-2xl lg:text-3xl font-bold text-blue-600">200+</div>
<div class="text-xs sm:text-sm text-muted-foreground">Happy Winners</div>
</div>
<div class="text-center">
<div class="w-8 h-8 sm:w-10 sm:h-10 lg:w-12 lg:h-12 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-1 sm:mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4 sm:w-5 sm:h-5 lg:w-6 lg:h-6 text-orange-600">
<path d="M8 2v4"></path>
<path d="M16 2v4"></path>
<rect width="18" height="18" x="3" y="4" rx="2"></rect>
<path d="M3 10h18"></path>
</svg>
</div>
<div class="text-lg sm:text-2xl lg:text-3xl font-bold text-orange-600">Aug 26</div>
<div class="text-xs sm:text-sm text-muted-foreground">Next Award</div>
</div>
</div>
<div class="bg-red-500 text-white rounded-lg p-3 sm:p-4 ">
<div class="text-center space-y-2 sm:space-y-3">
<div class="flex items-center justify-center space-x-1 sm:space-x-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3 sm:w-4 sm:h-4">
<circle cx="12" cy="12" r="10"></circle>
<polyline points="12 6 12 12 16 14"></polyline>
</svg>
<span class="text-xs sm:text-sm font-medium">Next Weekly Award in:</span>
</div>
<div class="flex items-center justify-center space-x-1 sm:space-x-2 flex-wrap">
<div class="bg-white/20 rounded px-1.5 py-1 sm:px-2 sm:py-1 flex items-baseline space-x-0.5 sm:space-x-1">
<span class="text-sm sm:text-lg font-bold">0</span>
<span class="text-xs">D</span>
</div>
<span class="text-xs sm:text-sm">•</span>
<div class="bg-white/20 rounded px-1.5 py-1 sm:px-2 sm:py-1 flex items-baseline space-x-0.5 sm:space-x-1">
<span class="text-sm sm:text-lg font-bold">0</span>
<span class="text-xs">H</span>
</div>
<span class="text-xs sm:text-sm">•</span>
<div class="bg-white/20 rounded px-1.5 py-1 sm:px-2 sm:py-1 flex items-baseline space-x-0.5 sm:space-x-1">
<span class="text-sm sm:text-lg font-bold">0</span>
<span class="text-xs">M</span>
</div>
<span class="text-xs sm:text-sm">•</span>
<div class="bg-white/20 rounded px-1.5 py-1 sm:px-2 sm:py-1 flex items-baseline space-x-0.5 sm:space-x-1">
<span class="text-sm sm:text-lg font-bold">0</span>
<span class="text-xs">S</span>
</div>
</div>
<div class="text-xs sm:text-sm font-bold bg-white/20 px-2 sm:px-3 py-1 rounded inline-block">Don't miss out!</div>
</div>
</div>
<div class="text-center">
<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-10 bg-green-600 hover:bg-green-700 hover:scale-105 text-white px-4 sm:px-6 lg:px-8 py-2 sm:py-3 text-sm sm:text-base lg:text-lg font-medium group w-full sm:w-auto min-h-[44px] transition-all duration-300">
<span class="block sm:hidden">Get Started</span>
<span class="hidden sm:block">Get Started with Givesback Awards</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 sm:w-5 sm:h-5 ml-2 group-hover:translate-x-2 transition-transform duration-300">
<path d="M5 12h14"></path>
<path d="m12 5 7 7-7 7"></path>
</svg>
</button>
</div>
</div>
<div class="lg:col-span-1 flex justify-center mt-4 sm:mt-6 lg:mt-0">
<div class="relative max-w-[200px] sm:max-w-none">
<div class="absolute -top-1 -right-1 sm:-top-2 sm:-right-2 bg-blue-600 text-white px-2 sm:px-3 py-0.5 sm:py-1 rounded-full text-xs font-semibold">$1,000 Winner</div>
<img src="https://surfcrm.com/bin/ajax/load_file_from_amazon_open.php?file=givesback_winners%2Fwinner_171.jpg" alt="Natacha D - $1,000 Givesback Winner" class="w-full max-w-[180px] sm:max-w-[220px] lg:max-w-[260px] h-auto rounded-lg shadow-lg border-2 border-muted/20">
</div>
</div>
</div>
</div>
</div>
</a>
</section>
<div data-orientation="horizontal" role="none" class="shrink-0 bg-border h-[1px] w-full my-12"></div>
<section class="space-y-8">
<div class="text-center space-y-4">
<h2 class="text-3xl lg:text-4xl font-bold">🚀 Grant Seeker Tools</h2>
<p class="text-lg lg:text-xl text-muted-foreground max-w-2xl mx-auto">Essential tools to get you started with grant applications</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-xl hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[44px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="Learn more about Favorite Applications">
<div class="flex flex-col space-y-1.5 p-6 pb-4">
<div class="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-4 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-7 h-7 text-red-500 group-hover:scale-110 transition-transform duration-300">
<path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
</svg>
</div>
<h3 class="tracking-tight text-xl font-bold group-hover:text-primary transition-colors duration-300">Favorite Applications</h3>
</div>
<div class="p-6 pt-0">
<p class="text-muted-foreground text-base leading-relaxed">Click the heart to favorite applications. View yours—and others'—in the Favorites section.</p>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-xl hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[44px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="Learn more about Application Organizer">
<div class="flex flex-col space-y-1.5 p-6 pb-4">
<div class="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-4 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text w-7 h-7 text-blue-500 group-hover:scale-110 transition-transform duration-300">
<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path>
<path d="M14 2v4a2 2 0 0 0 2 2h4"></path>
<path d="M10 9H8"></path>
<path d="M16 13H8"></path>
<path d="M16 17H8"></path>
</svg>
</div>
<h3 class="tracking-tight text-xl font-bold group-hover:text-primary transition-colors duration-300">Application Organizer</h3>
</div>
<div class="p-6 pt-0">
<p class="text-muted-foreground text-base leading-relaxed">Keep your grants organized—update stages, track progress, and view all favorites anytime.</p>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-xl hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[44px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="Learn more about Deadline Calendar">
<div class="flex flex-col space-y-1.5 p-6 pb-4">
<div class="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-4 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-7 h-7 text-orange-500 group-hover:scale-110 transition-transform duration-300">
<path d="M8 2v4"></path>
<path d="M16 2v4"></path>
<rect width="18" height="18" x="3" y="4" rx="2"></rect>
<path d="M3 10h18"></path>
</svg>
</div>
<h3 class="tracking-tight text-xl font-bold group-hover:text-primary transition-colors duration-300">Deadline Calendar</h3>
</div>
<div class="p-6 pt-0">
<p class="text-muted-foreground text-base leading-relaxed">Never miss a deadline. Track all your grant application deadlines in one place.</p>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-xl hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[44px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="Learn more about Grant Writer Teleseminars">
<div class="flex flex-col space-y-1.5 p-6 pb-4">
<div class="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-4 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-7 h-7 text-purple-500 group-hover:scale-110 transition-transform duration-300">
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg>
</div>
<h3 class="tracking-tight text-xl font-bold group-hover:text-primary transition-colors duration-300">Grant Writer Teleseminars</h3>
</div>
<div class="p-6 pt-0">
<p class="text-muted-foreground text-base leading-relaxed">Weekly teleseminars with a grant writer plus around-the-clock email support.</p>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-xl hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[44px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="Learn more about Top Applications">
<div class="flex flex-col space-y-1.5 p-6 pb-4">
<div class="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-4 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trophy w-7 h-7 text-yellow-500 group-hover:scale-110 transition-transform duration-300">
<path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"></path>
<path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"></path>
<path d="M4 22h16"></path>
<path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"></path>
<path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"></path>
<path d="M18 2H6v7a6 6 0 0 0 12 0V2Z"></path>
</svg>
</div>
<h3 class="tracking-tight text-xl font-bold group-hover:text-primary transition-colors duration-300">Top Applications</h3>
</div>
<div class="p-6 pt-0">
<p class="text-muted-foreground text-base leading-relaxed">Apply first to these top sources. View tutorials or see all funding options for this category.</p>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-xl hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[44px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="Learn more about AI Application Questions Vault">
<div class="flex flex-col space-y-1.5 p-6 pb-4">
<div class="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center mb-4 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database w-7 h-7 text-indigo-500 group-hover:scale-110 transition-transform duration-300">
<ellipse cx="12" cy="5" rx="9" ry="3"></ellipse>
<path d="M3 5V19A9 3 0 0 0 21 19V5"></path>
<path d="M3 12A9 3 0 0 0 21 12"></path>
</svg>
</div>
<h3 class="tracking-tight text-xl font-bold group-hover:text-primary transition-colors duration-300">AI Application Questions Vault</h3>
</div>
<div class="p-6 pt-0">
<p class="text-muted-foreground text-base leading-relaxed">One vault, all your answers — ready for any funding application, anytime.</p>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm md:col-span-2 lg:col-span-3 hover:shadow-xl hover:scale-[1.02] transition-all duration-300 cursor-pointer group border-2 border-accent/20 hover:border-accent/40">
<div class="p-6">
<div class="grid md:grid-cols-2 gap-6 items-center">
<div class="relative group-hover:scale-105 transition-transform duration-300 cursor-pointer" role="button" tabindex="0" aria-label="Play professional services video">
<img src="https://surfcrm.com/training_calls/videos/usa_professional_services_thumb.png" alt="Professional Grant Writing Services Video" class="w-full h-auto rounded-lg shadow-lg">
<div class="absolute inset-0 flex items-center justify-center">
<div class="w-16 h-16 bg-accent/90 rounded-full flex items-center justify-center hover:bg-accent hover:scale-110 transition-all duration-300 cursor-pointer min-h-[44px] min-w-[44px]">
<div class="w-0 h-0 border-l-[20px] border-l-white border-t-[12px] border-t-transparent border-b-[12px] border-b-transparent ml-1"></div>
</div>
</div>
</div>
<div class="space-y-4">
<div class="flex items-center space-x-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-7 h-7 text-accent group-hover:scale-110 transition-transform duration-300">
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg>
<h3 class="tracking-tight text-2xl font-bold group-hover:text-accent transition-colors duration-300">Professional Services for Business Funding</h3>
</div>
<p class="text-muted-foreground text-lg leading-relaxed">Professional grant writing services for business, non-profit, and real estate projects.</p>
<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 w-full min-h-[44px] text-base hover:scale-105 transition-transform duration-300">Watch Video & Learn More</button>
</div>
</div>
</div>
</div>
</div>
</section>
<div data-orientation="horizontal" role="none" class="shrink-0 bg-border h-[1px] w-full my-12"></div>
<section class="space-y-8">
<div class="text-center space-y-4">
<h2 class="text-3xl lg:text-4xl font-bold">Browse Funding Categories</h2>
<p class="text-lg lg:text-xl text-muted-foreground max-w-2xl mx-auto">Over 26 billion dollars in funding opportunities</p>
<div class="max-w-md mx-auto">
<div class="relative">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4">
<circle cx="11" cy="11" r="8"></circle>
<path d="m21 21-4.3-4.3"></path>
</svg>
<input type="text" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm pl-10 min-h-[44px] text-base" placeholder="Search funding categories..." aria-label="Search funding categories" value="">
</div>
</div>
</div>
<div class="rounded-lg border bg-card text-card-foreground shadow-sm p-6">
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
<div class="text-center">
<div class="text-lg font-bold text-primary">345</div>
<div class="text-sm text-muted-foreground">Applications Added<br>Last 7 Days</div>
</div>
<div class="text-center">
<div class="text-lg font-bold text-accent">2,310</div>
<div class="text-sm text-muted-foreground">Applications Added<br>Last 30 Days</div>
</div>
<div class="text-center">
<div class="text-lg font-bold text-success">9,141</div>
<div class="text-sm text-muted-foreground">Applications Added<br>Last 90 Days</div>
</div>
<div class="text-center">
<div class="text-lg font-bold text-warning">$26B+</div>
<div class="text-sm text-muted-foreground">Total Database</div>
</div>
</div>
<div class="grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-4">
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Bills funding opportunities (511 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card w-10 h-10 text-purple-600 group-hover:scale-125 transition-all duration-300">
<rect width="20" height="14" x="2" y="5" rx="2"></rect>
<line x1="2" x2="22" y1="10" y2="10"></line>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Bills</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(511 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Business funding opportunities (12,302 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase w-10 h-10 text-blue-600 group-hover:scale-125 transition-all duration-300">
<path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
<rect width="20" height="14" x="2" y="6" rx="2"></rect>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Business</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(12,302 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Cars / Vehicles / Transportation funding opportunities (398 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-car w-10 h-10 text-green-600 group-hover:scale-125 transition-all duration-300">
<path d="M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2"></path>
<circle cx="7" cy="17" r="2"></circle>
<path d="M9 17h6"></path>
<circle cx="17" cy="17" r="2"></circle>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Cars / Vehicles / Transportation</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(398 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Community Assistance funding opportunities (13,181 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-handshake w-10 h-10 text-orange-600 group-hover:scale-125 transition-all duration-300">
<path d="m11 17 2 2a1 1 0 1 0 3-3"></path>
<path d="m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4"></path>
<path d="m21 3 1 11h-2"></path>
<path d="M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3"></path>
<path d="M3 4h8"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Community Assistance</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(13,181 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Dental funding opportunities (349 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-stethoscope w-10 h-10 text-yellow-600 group-hover:scale-125 transition-all duration-300">
<path d="M11 2v2"></path>
<path d="M5 2v2"></path>
<path d="M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1"></path>
<path d="M8 15a6 6 0 0 0 12 0v-3"></path>
<circle cx="20" cy="10" r="2"></circle>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Dental</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(349 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View EDU - Schools funding opportunities (1,453 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-school w-10 h-10 text-amber-600 group-hover:scale-125 transition-all duration-300">
<path d="M14 22v-4a2 2 0 1 0-4 0v4"></path>
<path d="m18 10 3.447 1.724a1 1 0 0 1 .553.894V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-7.382a1 1 0 0 1 .553-.894L6 10"></path>
<path d="M18 5v17"></path>
<path d="m4 6 7.106-3.553a2 2 0 0 1 1.788 0L20 6"></path>
<path d="M6 5v17"></path>
<circle cx="12" cy="9" r="2"></circle>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">EDU - Schools</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(1,453 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View EDU - Teachers funding opportunities (704 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap w-10 h-10 text-orange-500 group-hover:scale-125 transition-all duration-300">
<path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path>
<path d="M22 10v6"></path>
<path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">EDU - Teachers</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(704 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Education - Students funding opportunities (12,046 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap w-10 h-10 text-red-600 group-hover:scale-125 transition-all duration-300">
<path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path>
<path d="M22 10v6"></path>
<path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Education - Students</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(12,046 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Food funding opportunities (4,015 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-utensils w-10 h-10 text-pink-600 group-hover:scale-125 transition-all duration-300">
<path d="M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2"></path>
<path d="M7 2v20"></path>
<path d="M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Food</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(4,015 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Home Buyers funding opportunities (1,810 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building w-10 h-10 text-pink-500 group-hover:scale-125 transition-all duration-300">
<rect width="16" height="20" x="4" y="2" rx="2" ry="2"></rect>
<path d="M9 22v-4h6v4"></path>
<path d="M8 6h.01"></path>
<path d="M16 6h.01"></path>
<path d="M12 6h.01"></path>
<path d="M12 10h.01"></path>
<path d="M12 14h.01"></path>
<path d="M16 10h.01"></path>
<path d="M16 14h.01"></path>
<path d="M8 10h.01"></path>
<path d="M8 14h.01"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Home Buyers</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(1,810 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Home Repairs funding opportunities (3,125 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hammer w-10 h-10 text-blue-500 group-hover:scale-125 transition-all duration-300">
<path d="m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9"></path>
<path d="m18 15 4-4"></path>
<path d="m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172V7l-2.26-2.26a6 6 0 0 0-4.202-1.756L9 2.96l.92.82A6.18 6.18 0 0 1 12 8.4V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Home Repairs</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(3,125 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Housing funding opportunities (5,345 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house w-10 h-10 text-indigo-600 group-hover:scale-125 transition-all duration-300">
<path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path>
<path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Housing</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(5,345 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Inventions funding opportunities (284 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb w-10 h-10 text-cyan-600 group-hover:scale-125 transition-all duration-300">
<path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path>
<path d="M9 18h6"></path>
<path d="M10 22h4"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Inventions</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(284 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Medical funding opportunities (3,921 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-stethoscope w-10 h-10 text-pink-600 group-hover:scale-125 transition-all duration-300">
<path d="M11 2v2"></path>
<path d="M5 2v2"></path>
<path d="M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1"></path>
<path d="M8 15a6 6 0 0 0 12 0v-3"></path>
<circle cx="20" cy="10" r="2"></circle>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Medical</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(3,921 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Minorities / Demographic funding opportunities (11,414 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-10 h-10 text-yellow-500 group-hover:scale-125 transition-all duration-300">
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Minorities / Demographic</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(11,414 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Misc funding opportunities (13,696 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coins w-10 h-10 text-amber-500 group-hover:scale-125 transition-all duration-300">
<circle cx="8" cy="8" r="6"></circle>
<path d="M18.09 10.37A6 6 0 1 1 10.34 18"></path>
<path d="M7 6h1v4"></path>
<path d="m16.71 13.88.7.71-2.82 2.82"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Misc</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(13,696 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Non-Profit funding opportunities (14,536 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign w-10 h-10 text-orange-500 group-hover:scale-125 transition-all duration-300">
<line x1="12" x2="12" y1="2" y2="22"></line>
<path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Non-Profit</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(14,536 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Personal Assistance funding opportunities (16,169 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-check w-10 h-10 text-teal-600 group-hover:scale-125 transition-all duration-300">
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<polyline points="16 11 18 13 22 9"></polyline>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Personal Assistance</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(16,169 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Real Estate funding opportunities (1,290 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building w-10 h-10 text-pink-500 group-hover:scale-125 transition-all duration-300">
<rect width="16" height="20" x="4" y="2" rx="2" ry="2"></rect>
<path d="M9 22v-4h6v4"></path>
<path d="M8 6h.01"></path>
<path d="M16 6h.01"></path>
<path d="M12 6h.01"></path>
<path d="M12 10h.01"></path>
<path d="M12 14h.01"></path>
<path d="M16 10h.01"></path>
<path d="M16 14h.01"></path>
<path d="M8 10h.01"></path>
<path d="M8 14h.01"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Real Estate</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(1,290 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Rent funding opportunities (3,321 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house w-10 h-10 text-pink-600 group-hover:scale-125 transition-all duration-300">
<path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path>
<path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Rent</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(3,321 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Senior Citizens funding opportunities (6,464 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user w-10 h-10 text-blue-600 group-hover:scale-125 transition-all duration-300">
<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Senior Citizens</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(6,464 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Utilities funding opportunities (2,681 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-10 h-10 text-cyan-500 group-hover:scale-125 transition-all duration-300">
<path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Utilities</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(2,681 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Veterans funding opportunities (6,434 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-10 h-10 text-blue-500 group-hover:scale-125 transition-all duration-300">
<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Veterans</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(6,434 applications)</div>
</div>
</div>
</div>
<div class="rounded-lg bg-card text-card-foreground shadow-sm hover:shadow-lg hover:scale-105 transition-all duration-300 cursor-pointer group min-h-[120px] border-2 border-transparent hover:border-primary/20" role="button" tabindex="0" aria-label="View Women funding opportunities (7,210 applications)">
<div class="p-4 text-center space-y-3 min-h-[44px] flex flex-col justify-center">
<div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-round w-10 h-10 text-gray-600 group-hover:scale-125 transition-all duration-300">
<circle cx="12" cy="8" r="5"></circle>
<path d="M20 21a8 8 0 0 0-16 0"></path>
</svg>
</div>
<div>
<div class="font-semibold text-sm lg:text-base group-hover:text-primary transition-colors duration-300">Women</div>
<div class="text-xs lg:text-sm text-muted-foreground font-medium">(7,210 applications)</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div data-orientation="horizontal" role="none" class="shrink-0 bg-border h-[1px] w-full my-12"></div>
<section class="space-y-8">
<div class="max-w-2xl mx-auto">
<div class="cursor-pointer group hover:scale-[1.03] transition-all duration-300 min-h-[44px]" role="button" tabindex="0" aria-label="Rate our service - Your feedback matters">
<img src="survey-banner-Cqfpv5SK.jpg" alt="Rate Our Service - Your Feedback Matters" class="w-full h-auto rounded-xl shadow-lg border border-border group-hover:shadow-2xl group-hover:border-primary/30 transition-all duration-300">
</div>
</div>
</section>
</div>
</div>
</body>
</html>