feat: add William Tyndale biography page

Implement a new biography page accessible via /tyndale route that provides
visitors with information about William Tyndale and his historic contribution
to Bible translation. The page features a card-based layout with a brief
summary of his life and work.

Changes:
- Create TyndalePage component with responsive card design
- Add /tyndale route to application routing
- Add "About Tyndale" link to landing page navigation
This commit is contained in:
Danny 2026-01-07 14:26:11 -06:00
parent 461a989bb2
commit c8f10cb7f0
3 changed files with 85 additions and 0 deletions

View File

@ -3,6 +3,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import { Toaster } from 'sonner' import { Toaster } from 'sonner'
import LandingPage from './pages/LandingPage' import LandingPage from './pages/LandingPage'
import ChatPage from './pages/ChatPage' import ChatPage from './pages/ChatPage'
import TyndalePage from './pages/TyndalePage'
const queryClient = new QueryClient() const queryClient = new QueryClient()
@ -13,6 +14,7 @@ const App = () => (
<Routes> <Routes>
<Route path="/" element={<LandingPage />} /> <Route path="/" element={<LandingPage />} />
<Route path="/chat" element={<ChatPage />} /> <Route path="/chat" element={<ChatPage />} />
<Route path="/tyndale" element={<TyndalePage />} />
</Routes> </Routes>
</Router> </Router>
</QueryClientProvider> </QueryClientProvider>

View File

@ -13,6 +13,12 @@ const LandingNavigation = () => {
</Link> </Link>
<div className="flex items-center space-x-6"> <div className="flex items-center space-x-6">
<Link
to="/tyndale"
className="text-gray-600 hover:text-gray-900 transition-colors font-medium"
>
About Tyndale
</Link>
<Link to="/chat"> <Link to="/chat">
<Button className="bg-violet-500 hover:bg-violet-600 text-white rounded-xl"> <Button className="bg-violet-500 hover:bg-violet-600 text-white rounded-xl">
Start Start

77
src/pages/TyndalePage.tsx Normal file
View File

@ -0,0 +1,77 @@
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-trading-dark via-trading-blue to-trading-dark 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-gray-400 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-blue-400 via-purple-400 to-pink-400 bg-clip-text text-transparent">
Tyndale
</span>
</h1>
<p className="text-xl text-gray-300">
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-violet-500 to-purple-600">
<BookOpen className="h-6 w-6 text-white" />
</div>
The Father of the English Bible
</CardTitle>
</CardHeader>
<CardContent className="space-y-6 text-gray-300 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