import { Link } from 'react-router-dom'
import { ArrowLeft, BookOpen } from 'lucide-react'
import LandingNavigation from '@/components/landing/LandingNavigation'
import LandingFooter from '@/components/landing/LandingFooter'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'

const TyndalePage = () => {
  return (
    <div className="min-h-screen flex flex-col">
      <LandingNavigation />

      <main className="flex-1 bg-gradient-to-br from-brand-navy via-brand-navy/95 to-brand-navy grain-overlay pt-24 pb-16">
        <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
          <Link
            to="/"
            className="inline-flex items-center text-brand-grey/70 hover:text-white transition-colors mb-8 animate-fade-up"
          >
            <ArrowLeft className="h-4 w-4 mr-2" />
            Back to Home
          </Link>

          <div className="text-center mb-12 animate-fade-up" style={{ animationDelay: '0.1s' }}>
            <h1 className="text-4xl md:text-5xl font-display font-bold text-white mb-4">
              William{' '}
              <span className="bg-gradient-to-r from-brand-grey via-brand-slate to-brand-coral bg-clip-text text-transparent">
                Tyndale
              </span>
            </h1>
            <p className="text-xl text-brand-grey/80">
              c. 1494 &ndash; October 6, 1536
            </p>
          </div>

          <Card className="bg-white/5 backdrop-blur-md border-white/10 animate-fade-up" style={{ animationDelay: '0.2s' }}>
            <CardHeader>
              <CardTitle className="text-2xl text-white flex items-center gap-3">
                <div className="p-2 rounded-lg bg-gradient-to-br from-brand-navy to-brand-coral">
                  <BookOpen className="h-6 w-6 text-white" />
                </div>
                The Father of the English Bible
              </CardTitle>
            </CardHeader>
            <CardContent className="space-y-6 text-brand-grey/80 leading-relaxed">
              <p>
                Born near Gloucestershire, England, William Tyndale was a scholar and theologian
                who dedicated his life to a singular mission: making the Bible accessible to
                every English-speaking person. After studying at Oxford and Cambridge, he became
                convinced that Scripture should be available in the common tongue, famously
                declaring that even a plowboy should be able to read God's Word.
              </p>

              <p>
                In 1525, Tyndale completed the first English translation of the New Testament
                directly from the original Greek&mdash;a revolutionary achievement. Despite fierce
                opposition from church authorities who suppressed his work, over 18,000 copies
                were printed by the time of his death. He also translated the Pentateuch and
                other portions of the Old Testament from Hebrew.
              </p>

              <p>
                Tyndale was captured in Antwerp in 1535 and executed for heresy in October 1536.
                Yet his legacy endures: his elegant prose and faithful scholarship shaped English
                Bible translations for nearly 400 years, forming the foundation of the beloved
                King James Version of 1611. His courage and conviction transformed how millions
                would encounter Scripture for generations to come.
              </p>
            </CardContent>
          </Card>
        </div>
      </main>

      <LandingFooter />
    </div>
  )
}

export default TyndalePage
