import Link from 'next/link'
import { Button } from '@/components/ui/button'
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
import { PublicLayout } from '@/components/layout/public-layout'
import { Shield, Lock, Globe, CheckCircle } from 'lucide-react'

export default function EnterprisePage() {
  return (
    <PublicLayout>
      <div className="min-h-screen bg-studio-black">
        {/* Hero Section */}
        <section className="relative flex min-h-[60vh] flex-col items-center justify-center overflow-hidden px-4">
          <div className="absolute inset-0 bg-gradient-to-br from-phoenix-fire/20 via-transparent to-sankofa-gold/20" />
          
          <div className="relative z-10 max-w-4xl text-center">
            <h1 className="mb-6 text-5xl font-bold tracking-tight text-white md:text-7xl">
              Enterprise & Government
            </h1>
            
            <p className="mb-8 text-xl text-gray-300 md:text-2xl">
              Sovereign cloud infrastructure built for enterprise scale and government compliance
            </p>
            
            <p className="mb-12 text-lg text-gray-400">
              Trust, security, and compliance at the core of every deployment
            </p>
            
            <div className="flex flex-col gap-4 sm:flex-row sm:justify-center">
              <Button variant="phoenix" size="lg" asChild>
                <Link href="/portal">Contact Sales</Link>
              </Button>
              <Button variant="outline" size="lg" asChild>
                <Link href="/company/trust">Learn About Trust</Link>
              </Button>
            </div>
          </div>
        </section>

        {/* Trust & Compliance Section */}
        <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">
              Trust & Compliance
            </h2>
            
            <div className="grid gap-8 md:grid-cols-3">
              <Card>
                <CardHeader>
                  <Shield className="mb-4 h-12 w-12 text-phoenix-fire" />
                  <CardTitle className="text-phoenix-fire">Security</CardTitle>
                  <CardDescription>
                    Enterprise-grade security
                  </CardDescription>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2 text-sm text-gray-300">
                    <li className="flex items-center gap-2">
                      <CheckCircle className="h-4 w-4 text-green-500" />
                      SOC 2 Type II certified
                    </li>
                    <li className="flex items-center gap-2">
                      <CheckCircle className="h-4 w-4 text-green-500" />
                      ISO 27001 compliant
                    </li>
                    <li className="flex items-center gap-2">
                      <CheckCircle className="h-4 w-4 text-green-500" />
                      Zero Trust architecture
                    </li>
                    <li className="flex items-center gap-2">
                      <CheckCircle className="h-4 w-4 text-green-500" />
                      End-to-end encryption
                    </li>
                  </ul>
                </CardContent>
              </Card>
              
              <Card>
                <CardHeader>
                  <Lock className="mb-4 h-12 w-12 text-sankofa-gold" />
                  <CardTitle className="text-sankofa-gold">Privacy</CardTitle>
                  <CardDescription>
                    Data sovereignty and privacy
                  </CardDescription>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2 text-sm text-gray-300">
                    <li className="flex items-center gap-2">
                      <CheckCircle className="h-4 w-4 text-green-500" />
                      GDPR compliant
                    </li>
                    <li className="flex items-center gap-2">
                      <CheckCircle className="h-4 w-4 text-green-500" />
                      Data residency controls
                    </li>
                    <li className="flex items-center gap-2">
                      <CheckCircle className="h-4 w-4 text-green-500" />
                      Right to deletion
                    </li>
                    <li className="flex items-center gap-2">
                      <CheckCircle className="h-4 w-4 text-green-500" />
                      Privacy by design
                    </li>
                  </ul>
                </CardContent>
              </Card>
              
              <Card>
                <CardHeader>
                  <Globe className="mb-4 h-12 w-12 text-neon-cyan" />
                  <CardTitle className="text-neon-cyan">Compliance</CardTitle>
                  <CardDescription>
                    Regulatory compliance
                  </CardDescription>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2 text-sm text-gray-300">
                    <li className="flex items-center gap-2">
                      <CheckCircle className="h-4 w-4 text-green-500" />
                      HIPAA ready
                    </li>
                    <li className="flex items-center gap-2">
                      <CheckCircle className="h-4 w-4 text-green-500" />
                      PCI-DSS compliant
                    </li>
                    <li className="flex items-center gap-2">
                      <CheckCircle className="h-4 w-4 text-green-500" />
                      FedRAMP in progress
                    </li>
                    <li className="flex items-center gap-2">
                      <CheckCircle className="h-4 w-4 text-green-500" />
                      Regional compliance
                    </li>
                  </ul>
                </CardContent>
              </Card>
            </div>
          </div>
        </section>

        {/* Sovereignty Messaging */}
        <section className="py-24 px-4 bg-studio-dark">
          <div className="mx-auto max-w-4xl text-center">
            <h2 className="mb-6 text-4xl font-bold text-white">
              True Technological Sovereignty
            </h2>
            <p className="mb-8 text-xl text-gray-300">
              Sankofa Phoenix delivers complete control over infrastructure, data, and destiny. 
              No vendor lock-in. No dependencies on foreign cloud providers. 
              Sovereign identity and self-determined policy frameworks.
            </p>
            <p className="text-lg text-gray-400">
              Built for organizations that require true sovereignty, cultural alignment, 
              and infrastructure that honors identity while delivering world-class performance.
            </p>
          </div>
        </section>

        {/* Case Studies / Use Cases */}
        <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">
              Enterprise Use Cases
            </h2>
            
            <div className="grid gap-8 md:grid-cols-2">
              <Card>
                <CardHeader>
                  <CardTitle>Government & Public Sector</CardTitle>
                  <CardDescription>
                    Sovereign infrastructure for government agencies
                  </CardDescription>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2 text-sm text-gray-300">
                    <li>• Data residency and sovereignty requirements</li>
                    <li>• Compliance with government regulations</li>
                    <li>• Secure multi-agency collaboration</li>
                    <li>• Disaster recovery and business continuity</li>
                  </ul>
                </CardContent>
              </Card>
              
              <Card>
                <CardHeader>
                  <CardTitle>Financial Services</CardTitle>
                  <CardDescription>
                    Secure, compliant infrastructure for financial institutions
                  </CardDescription>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2 text-sm text-gray-300">
                    <li>• PCI-DSS compliant infrastructure</li>
                    <li>• Real-time transaction processing</li>
                    <li>• Regulatory reporting and compliance</li>
                    <li>• High-availability and fault tolerance</li>
                  </ul>
                </CardContent>
              </Card>
              
              <Card>
                <CardHeader>
                  <CardTitle>Healthcare & Life Sciences</CardTitle>
                  <CardDescription>
                    HIPAA-compliant infrastructure for healthcare organizations
                  </CardDescription>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2 text-gray-300">
                    <li>• Protected health information (PHI) handling</li>
                    <li>• HIPAA compliance and audit trails</li>
                    <li>• Research data management</li>
                    <li>• Interoperability and data exchange</li>
                  </ul>
                </CardContent>
              </Card>
              
              <Card>
                <CardHeader>
                  <CardTitle>Global Enterprises</CardTitle>
                  <CardDescription>
                    Multi-region infrastructure for global operations
                  </CardDescription>
                </CardHeader>
                <CardContent>
                  <ul className="space-y-2 text-sm text-gray-300">
                    <li>• 325-region global deployment</li>
                    <li>• Cultural intelligence and localization</li>
                    <li>• Multi-tenant isolation</li>
                    <li>• Enterprise-scale resource management</li>
                  </ul>
                </CardContent>
              </Card>
            </div>
          </div>
        </section>

        {/* CTA Section */}
        <section className="py-24 px-4 bg-studio-dark">
          <div className="mx-auto max-w-4xl text-center">
            <h2 className="mb-6 text-4xl font-bold text-white">
              Ready to Get Started?
            </h2>
            <p className="mb-8 text-xl text-gray-400">
              Contact our enterprise sales team to discuss your requirements
            </p>
            <div className="flex flex-col gap-4 sm:flex-row sm:justify-center">
              <Button variant="phoenix" size="lg" asChild>
                <Link href="/portal">Contact Sales</Link>
              </Button>
              <Button variant="outline" size="lg" asChild>
                <Link href="/company/trust">View Trust Center</Link>
              </Button>
            </div>
          </div>
        </section>
      </div>
    </PublicLayout>
  )
}

