import Link from 'next/link'
import { Button } from '@/components/ui/button'
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
import { Header } from '@/components/layout/header'
import { Handshake, TrendingUp, FileText, Users, Award, Settings } from 'lucide-react'

export default function PartnerPortalPage() {
  return (
    <>
      <Header />
      <main className="min-h-screen bg-studio-black">
        {/* Hero */}
        <section className="relative border-b border-studio-medium bg-gradient-to-br from-phoenix-fire/10 via-transparent to-sankofa-gold/10 py-24 px-4">
          <div className="mx-auto max-w-4xl text-center">
            <h1 className="mb-6 text-5xl font-bold text-white md:text-6xl">
              Partner Portal
            </h1>
            <p className="mb-8 text-xl text-gray-300">
              Manage deals, solutions, and partner resources
            </p>
          </div>
        </section>

        {/* Partner Tools */}
        <section className="py-24 px-4">
          <div className="mx-auto max-w-6xl">
            <h2 className="mb-12 text-center text-4xl font-bold text-white">
              Partner Resources
            </h2>
            <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
              <Card className="hover:border-phoenix-fire transition-colors cursor-pointer" asChild>
                <Link href="/portal/partners/deals">
                  <CardHeader>
                    <TrendingUp className="mb-2 h-10 w-10 text-phoenix-fire" />
                    <CardTitle>Deal Registration</CardTitle>
                    <CardDescription>
                      Register and track co-sell opportunities
                    </CardDescription>
                  </CardHeader>
                  <CardContent>
                    <p className="text-sm text-gray-400">
                      Submit deals, track status, and manage opportunities
                    </p>
                  </CardContent>
                </Link>
              </Card>

              <Card className="hover:border-phoenix-fire transition-colors cursor-pointer" asChild>
                <Link href="/portal/partners/solutions">
                  <CardHeader>
                    <FileText className="mb-2 h-10 w-10 text-sankofa-gold" />
                    <CardTitle>Solution Marketplace</CardTitle>
                    <CardDescription>
                      List and manage your solutions
                    </CardDescription>
                  </CardHeader>
                  <CardContent>
                    <p className="text-sm text-gray-400">
                      Submit solutions for marketplace listing
                    </p>
                  </CardContent>
                </Link>
              </Card>

              <Card className="hover:border-phoenix-fire transition-colors cursor-pointer" asChild>
                <Link href="/portal/partners/onboarding">
                  <CardHeader>
                    <Users className="mb-2 h-10 w-10 text-neon-cyan" />
                    <CardTitle>Technical Onboarding</CardTitle>
                    <CardDescription>
                      Access onboarding resources and training
                    </CardDescription>
                  </CardHeader>
                  <CardContent>
                    <p className="text-sm text-gray-400">
                      Technical enablement and certification
                    </p>
                  </CardContent>
                </Link>
              </Card>

              <Card className="hover:border-phoenix-fire transition-colors cursor-pointer" asChild>
                <Link href="/portal/partners/resources">
                  <CardHeader>
                    <Award className="mb-2 h-10 w-10 text-phoenix-fire" />
                    <CardTitle>Marketing Resources</CardTitle>
                    <CardDescription>
                      Co-marketing materials and assets
                    </CardDescription>
                  </CardHeader>
                  <CardContent>
                    <p className="text-sm text-gray-400">
                      Logos, templates, and campaign materials
                    </p>
                  </CardContent>
                </Link>
              </Card>

              <Card className="hover:border-phoenix-fire transition-colors cursor-pointer" asChild>
                <Link href="/portal/partners/analytics">
                  <CardHeader>
                    <TrendingUp className="mb-2 h-10 w-10 text-sankofa-gold" />
                    <CardTitle>Partner Analytics</CardTitle>
                    <CardDescription>
                      Track performance and revenue
                    </CardDescription>
                  </CardHeader>
                  <CardContent>
                    <p className="text-sm text-gray-400">
                      View deal pipeline and performance metrics
                    </p>
                  </CardContent>
                </Link>
              </Card>

              <Card className="hover:border-phoenix-fire transition-colors cursor-pointer" asChild>
                <Link href="/portal/partners/settings">
                  <CardHeader>
                    <Settings className="mb-2 h-10 w-10 text-neon-cyan" />
                    <CardTitle>Partner Settings</CardTitle>
                    <CardDescription>
                      Manage partner account and preferences
                    </CardDescription>
                  </CardHeader>
                  <CardContent>
                    <p className="text-sm text-gray-400">
                      Update profile and notification preferences
                    </p>
                  </CardContent>
                </Link>
              </Card>
            </div>
          </div>
        </section>
      </main>
    </>
  )
}

