`cypressaward/frontend/app/resources/page.tsx`

62 lines
'use client'

import { Card } from '@/components/ui/card'
import { Button } from '@/components/ui/button'
import { BookOpen, Download, Video, FileText, HelpCircle, Award } from 'lucide-react'

export default function ResourcesPage() {
  return (
    <div className="min-h-screen bg-gray-50 py-12">
      <div className="max-w-6xl mx-auto px-4">
        <div className="text-center mb-12">
          <h1 className="text-4xl font-bold mb-4">Resources & Guides</h1>
          <p className="text-xl text-gray-600">Everything you need to know about cy pres awards</p>
        </div>

        <div className="grid md:grid-cols-3 gap-6">
          <Card className="p-6">
            <BookOpen className="h-8 w-8 text-blue-600 mb-3" />
            <h3 className="font-bold text-lg mb-2">Nonprofit Guide</h3>
            <p className="text-gray-600 mb-4">Complete guide to applying for cy pres awards</p>
            <Button variant="outline" className="w-full">Download PDF</Button>
          </Card>

          <Card className="p-6">
            <FileText className="h-8 w-8 text-green-600 mb-3" />
            <h3 className="font-bold text-lg mb-2">Application Templates</h3>
            <p className="text-gray-600 mb-4">Sample applications and supporting documents</p>
            <Button variant="outline" className="w-full">Access Templates</Button>
          </Card>

          <Card className="p-6">
            <Video className="h-8 w-8 text-purple-600 mb-3" />
            <h3 className="font-bold text-lg mb-2">Video Tutorials</h3>
            <p className="text-gray-600 mb-4">Step-by-step application walkthroughs</p>
            <Button variant="outline" className="w-full">Watch Videos</Button>
          </Card>

          <Card className="p-6">
            <Award className="h-8 w-8 text-orange-600 mb-3" />
            <h3 className="font-bold text-lg mb-2">Best Practices</h3>
            <p className="text-gray-600 mb-4">Tips from successful cy pres recipients</p>
            <Button variant="outline" className="w-full">Learn More</Button>
          </Card>

          <Card className="p-6">
            <HelpCircle className="h-8 w-8 text-red-600 mb-3" />
            <h3 className="font-bold text-lg mb-2">FAQ Database</h3>
            <p className="text-gray-600 mb-4">Answers to common questions</p>
            <Button variant="outline" className="w-full">Browse FAQs</Button>
          </Card>

          <Card className="p-6">
            <Download className="h-8 w-8 text-indigo-600 mb-3" />
            <h3 className="font-bold text-lg mb-2">Legal Forms</h3>
            <p className="text-gray-600 mb-4">Required forms and documentation</p>
            <Button variant="outline" className="w-full">Download Forms</Button>
          </Card>
        </div>
      </div>
    </div>
  )
}