import Link from 'next/link'

import { PublicLayout } from '@/components/layout/public-layout'
import { Button } from '@/components/ui/button'
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
import { getPortalUrl } from '@/lib/platform-urls'
import { Award, BadgeDollarSign, BookOpen, Handshake } from 'lucide-react'

export default function PartnerBenefitsPage() {
  const partnerPortalUrl = getPortalUrl('/partner')

  return (
    <PublicLayout
      breadcrumbs={[
        { label: 'Partners', href: '/partners' },
        { label: 'Benefits', href: '/partners/benefits' },
      ]}
    >
      <div className="min-h-screen bg-studio-black px-4 py-20">
        <div className="mx-auto max-w-5xl">
          <div className="mb-12 text-center">
            <h1 className="mb-4 text-5xl font-bold text-white">Partner Benefits</h1>
            <p className="mx-auto max-w-3xl text-lg text-gray-300">
              Sankofa partner programs combine marketplace visibility, co-sell support, and
              guided technical onboarding for teams building around Phoenix services.
            </p>
          </div>

          <div className="grid gap-8 md:grid-cols-2">
            <Card>
              <CardHeader>
                <Handshake className="mb-3 h-8 w-8 text-phoenix-fire" />
                <CardTitle>Co-Sell Alignment</CardTitle>
                <CardDescription>Shared pipeline visibility and partner-led opportunity tracking.</CardDescription>
              </CardHeader>
              <CardContent className="space-y-2 text-sm text-gray-300">
                <p>Register opportunities and align support ownership early.</p>
                <p>Track which offers are native Phoenix services versus partner-led solutions.</p>
              </CardContent>
            </Card>

            <Card>
              <CardHeader>
                <BookOpen className="mb-3 h-8 w-8 text-sankofa-gold" />
                <CardTitle>Technical Enablement</CardTitle>
                <CardDescription>Onboarding materials, architecture guidance, and operational runbooks.</CardDescription>
              </CardHeader>
              <CardContent className="space-y-2 text-sm text-gray-300">
                <p>Access environment expectations, integration guardrails, and certification paths.</p>
                <p>Use the partner workspace to coordinate solution onboarding and release readiness.</p>
              </CardContent>
            </Card>

            <Card>
              <CardHeader>
                <BadgeDollarSign className="mb-3 h-8 w-8 text-neon-cyan" />
                <CardTitle>Commercial Clarity</CardTitle>
                <CardDescription>Commercial models stay explicit across native and partner offers.</CardDescription>
              </CardHeader>
              <CardContent className="space-y-2 text-sm text-gray-300">
                <p>IRU, SaaS, and managed-service terms remain offer-level commercial choices.</p>
                <p>Request-only programs are clearly separated from self-service activation flows.</p>
              </CardContent>
            </Card>

            <Card>
              <CardHeader>
                <Award className="mb-3 h-8 w-8 text-phoenix-fire" />
                <CardTitle>Marketplace Visibility</CardTitle>
                <CardDescription>Public discovery with downstream program handoff where needed.</CardDescription>
              </CardHeader>
              <CardContent className="space-y-2 text-sm text-gray-300">
                <p>Native services remain discoverable in Sankofa.</p>
                <p>Specialized partner programs can hand off into their dedicated downstream applications.</p>
              </CardContent>
            </Card>
          </div>

          <div className="mt-12 flex flex-col gap-4 text-center sm:flex-row sm:justify-center">
            <Button variant="phoenix" size="lg" asChild>
              <Link href={partnerPortalUrl}>Open Partner Workspace</Link>
            </Button>
            <Button variant="outline" size="lg" asChild>
              <Link href="/support">Talk to the Partner Team</Link>
            </Button>
          </div>
        </div>
      </div>
    </PublicLayout>
  )
}
