Merge version_2 into main #4

Merged
bender merged 3 commits from version_2 into main 2026-03-03 12:45:21 +00:00
3 changed files with 74 additions and 94 deletions

View File

@@ -24,22 +24,22 @@ export default function ErasPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Eras", id: "/eras" },
{ name: "Poets", id: "/poets" },
{ name: "Poems", id: "/poems" },
{ name: "Collections", id: "/collections" }
{ name: "Головна", id: "/" },
{ name: "Ери", id: "/eras" },
{ name: "Поети", id: "/poets" },
{ name: "Вірші", id: "/poems" },
{ name: "Колекції", id: "/collections" }
]}
button={{ text: "Explore Archive", href: "/collections" }}
brandName="Arabic Poetry"
button={{ text: "Дослідити архів", href: "/collections" }}
brandName="Арабська поезія"
/>
</div>
<div id="eras" data-section="eras">
<FeatureCardSix
title="Six Golden Eras of Arabic Poetry"
description="Journey through the magnificent periods that defined Arabic literary tradition. Each era brought unique voices, themes, and innovations that shaped the course of Arabic literature and cultural identity across centuries."
tag="Historical Timeline"
title="Шість золотих ер арабської поезії"
description="Подорож через величні періоди, які визначили арабську літературну традицію. Кожна ера принесла унікальні голоси, теми та новаторства, які формували хід арабської літератури та культурної ідентичності впродовж століть."
tag="Історична шкала часу"
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -47,27 +47,27 @@ export default function ErasPage() {
features={[
{
id: 1,
title: "Pre-Islamic Era (Jahiliyyah)", description: "The Age of Ignorance witnessed the birth of Arabic poetry with tribal bards composing verses of extraordinary beauty. Imru' al-Qais emerged as the prince of poets, establishing conventions that would define the art for centuries to come.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-people-walking-with-their-camels-desert-erg-lihoudi-morocco_181624-7871.jpg", imageAlt: "Pre-Islamic Arabian desert landscape"
title: "Доісламська ера (Джахилія)", description: "Вік незнання став свідком зародження арабської поезії з піснями племінних бардів надзвичайної краси. Імру аль-Кайс виник як князь поетів, встановлюючи норми, які визначали мистецтво на століття.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-people-walking-with-their-camels-desert-erg-lihoudi-morocco_181624-7871.jpg", imageAlt: "Доісламський пейзаж аравійської пустелі"
},
{
id: 2,
title: "Umayyad Era (661-750 CE)", description: "The first Islamic dynasty fostered a flourishing of Arabic verse. Al-Akhtal and Al-Farazdaq dominated the age with their sophisticated court poetry, while new themes of Islam and love enriched the tradition.", imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-paper-scroll-writing-documenting_23-2151751744.jpg?_wi=1", imageAlt: "Umayyad dynasty period architecture"
title: "Омейядська ера (661-750 н.е.)", description: "Перша ісламська династія сприяла розквітанню арабського віршу. Аль-Ахталь та Аль-Фараздак домінували в цей час своєю витонченою дворцевою поезією, тоді як нові теми ісламу та кохання збагатили традицію.", imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-paper-scroll-writing-documenting_23-2151751744.jpg?_wi=1", imageAlt: "Період Омейядської династії архітектура"
},
{
id: 3,
title: "Abbasid Era (750-1258 CE)", description: "The greatest flowering of Arabic poetry. Al-Mutanabbi reigned supreme with his panegyrics, while scholars like Al-Jahiz revolutionized literary criticism. Baghdad became the beacon of poetic genius.", imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-paper-scroll-writing-documenting_23-2151751744.jpg?_wi=2", imageAlt: "Abbasid caliphate golden age manuscript"
title: "Абасидна ера (750-1258 н.е.)", description: "Найвеличніший розквіт арабської поезії. Аль-Мутанаббі панував з його панегіриками, тоді як вчені, як аль-Джахіз революціонізували літературну критику. Багдад став маяком поетичного геніусу.", imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-paper-scroll-writing-documenting_23-2151751744.jpg?_wi=2", imageAlt: "Золотий вік Абасидського халіфату рукопис"
},
{
id: 4,
title: "Andalusian Era (711-1492 CE)", description: "In Al-Andalus, Islamic Spain produced uniquely refined poetry. Walladah bint al-Mustakfi broke boundaries as a female poet of supreme talent, her verses blending passion with philosophical depth.", imageSrc: "http://img.b2bpic.net/free-photo/columns-palace-alhambra-granada-spain-with-view-court-lions_181624-21717.jpg", imageAlt: "Islamic Spain Andalusian architecture"
title: "Андалузька ера (711-1492 н.е.)", description: "В Аль-Андалусі, ісламській Іспанії, сформувалась унікально витончена поезія. Валлада бінт аль-Мустакфі розширила межі як поетеса верховної таланту, її вірші поєднували пристрість із філософською глибиною.", imageSrc: "http://img.b2bpic.net/free-photo/columns-palace-alhambra-granada-spain-with-view-court-lions_181624-21717.jpg", imageAlt: "Архітектура ісламської Іспанії Андалусія"
},
{
id: 5,
title: "Mamluk Era (1250-1517 CE)", description: "Cairo became the custodian of Arabic literary arts. Poets like Al-Mudhaffar continued the grand traditions, crafting verses that honored both the classical heritage and contemporary sensibilities.", imageSrc: "http://img.b2bpic.net/free-photo/old-carved-stone-with-ancient-signs-hittite-findings-anatolia-turkey_181624-44188.jpg", imageAlt: "Mamluk empire Cairo period"
title: "Мамлюцька ера (1250-1517 н.е.)", description: "Каїр став опікуном арабського літературного мистецтва. Поети, як аль-Мудаффар, продовжили велику традицію, створюючи вірші, які дотримувалися як класичної спадщини, так і сучасних чутливостей.", imageSrc: "http://img.b2bpic.net/free-photo/old-carved-stone-with-ancient-signs-hittite-findings-anatolia-turkey_181624-44188.jpg", imageAlt: "Період Мамлюцької імперії Каїр"
},
{
id: 6,
title: "Ottoman Era (1453-1923 CE)", description: "The Ottoman Empire preserved and transformed Arabic poetry. Fuzuli synthesized Persian, Turkish, and Arabic traditions, creating a cosmopolitan poetic voice that captivated the region for centuries.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186787.jpg", imageAlt: "Ottoman empire classical period"
title: "Османська ера (1453-1923 н.е.)", description: "Османська імперія зберегла та трансформувала арабську поезію. Фузулі синтезував перську, турецьку та арабську традиції, створюючи космополітичний поетичний голос, який полонив регіон протягом століть.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186787.jpg", imageAlt: "Класичний період Османської імперії"
}
]}
/>
@@ -75,39 +75,39 @@ export default function ErasPage() {
<div id="historical-context" data-section="historical-context">
<MediaAbout
title="The Historical Context"
description="Understanding the socio-political landscapes that shaped each era of Arabic poetry. From the tribal societies of pre-Islamic Arabia to the cosmopolitan empires of the Ottoman period, discover how historical forces influenced poetic expression and literary innovation."
tag="Historical Background"
title="Історичний контекст"
description="Розуміння соціально-політичних ландшафтів, які формували кожну еру арабської поезії. Від племінних суспільств доісламської Аравії до космополітичних імперій Османського періоду, відкрийте, як історичні сили впливали на поетичне вираження та літературні новаторства."
tag="Історичне минуле"
tagAnimation="slide-up"
buttons={[
{ text: "Explore Timeline", href: "#" }
{ text: "Дослідити шкалу часу", href: "#" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-vector/gradient-hajj-infographic-template_23-2149427358.jpg?_wi=1"
imageAlt="Historical timeline Arabic history"
imageAlt="Історична шкала часу арабської історії"
useInvertedBackground={false}
/>
</div>
<div id="cultural-impact" data-section="cultural-impact">
<MediaAbout
title="Cultural Legacy"
description="The enduring influence of these six eras continues to shape Arabic literature and Islamic culture today. Their themes, forms, and innovations established a literary tradition that transcends time and geography."
tag="Cultural Impact"
title="Культурна спадщина"
description="Тривала вплив цих шести ер продовжує формувати арабську літературу та ісламську культуру сьогодні. Їхні теми, форми та новаторства встановили літературну традицію, яка виходить за межі часу та географії."
tag="Культурний вплив"
tagAnimation="slide-up"
buttons={[
{ text: "Learn More", href: "/poets" }
{ text: "Дізнатись більше", href: "/poets" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/antique-book-shelf-vintage-background_53876-160404.jpg?_wi=1"
imageAlt="Cultural heritage manuscripts"
imageAlt="Культурна спадщина рукописи"
useInvertedBackground={false}
/>
</div>
<FooterCard
logoText="Arabic Poetry"
copyrightText="© 2025 Arabic Poetry Archive. Preserving the literary heritage of the Islamic world."
logoText="Арабська поезія"
copyrightText="© 2025 Архів арабської поезії. Збереження літературної спадщини ісламського світу."
socialLinks={[
{ icon: Github, href: "https://github.com", ariaLabel: "GitHub" },
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
@@ -116,4 +116,4 @@ export default function ErasPage() {
/>
</ThemeProvider>
);
}
}

View File

@@ -1,42 +1,23 @@
import type { Metadata } from "next";
import { DM_Sans } from "next/font/google";
import { Inter } from "next/font/google";
import "./styles/variables.css";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Arabic Poetry Archive - Greatest Poets & Poems Across Six Eras",
description: "Explore the finest Arabic poetry from pre-Islamic times to the Ottoman era. Discover the greatest poets and their masterworks across six golden periods of Islamic literature.",
keywords: ["Arabic poetry", "classical Arabic literature", "Islamic poetry", "Imru al-Qais", "Al-Mutanabbi", "Walladah", "Fuzuli", "poetry archive", "Abbasid poetry", "Umayyad poetry", "Andalusian poetry"],
openGraph: {
title: "Arabic Poetry Archive - Six Eras of Literary Brilliance",
description: "Discover masterworks from the greatest Arabic poets across pre-Islamic, Umayyad, Abbasid, Andalusian, Mamluk, and Ottoman eras.",
siteName: "Arabic Poetry Archive"
},
twitter: {
card: "summary_large_image",
title: "Arabic Poetry Archive",
description: "Explore classical Arabic poetry from six golden eras of Islamic literature"
}
};
title: "Arabic Poetry Archive", description: "Explore the rich heritage of Arabic poetry across six golden eras"};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${dmSans.variable} antialiased`}>
<Tag />
{children}
<html lang="uk">
<body className={inter.variable}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1404,7 +1385,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

View File

@@ -24,66 +24,66 @@ export default function PoetsPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Eras", id: "/eras" },
{ name: "Poets", id: "/poets" },
{ name: "Poems", id: "/poems" },
{ name: "Collections", id: "/collections" }
{ name: "Головна", id: "/" },
{ name: "Ери", id: "/eras" },
{ name: "Поети", id: "/poets" },
{ name: "Вірші", id: "/poems" },
{ name: "Колекції", id: "/collections" }
]}
button={{ text: "Explore Archive", href: "/collections" }}
brandName="Arabic Poetry"
button={{ text: "Дослідити архів", href: "/collections" }}
brandName="Арабська поезія"
/>
</div>
<div id="poets" data-section="poets">
<TeamCardEleven
title="The Greatest Poets of Each Era"
description="Meet the masters whose verses defined Arabic literature and inspired generations across centuries. Each poet represents the pinnacle of their era's artistic achievement and cultural expression."
tag="Legendary Voices"
title="Найвеликіші поети кожної ери"
description="Познайомтесь із майстрами, чиї вірші визначили арабську літературу та надихали покоління протягом століть. Кожен поет представляє вершину досягнення мистецтва свою еру та культурного вираження."
tag="Легендарні голоси"
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
groups={[
{
id: "pre-islamic", groupTitle: "Pre-Islamic Era", members: [
id: "pre-islamic", groupTitle: "Доісламська ера", members: [
{
id: "imrulqais", title: "Imru' al-Qais", subtitle: "The Prince of Poets (500-540 CE)", detail: "Founder of the qasidah tradition; master of love poetry and desert imagery", imageSrc: "http://img.b2bpic.net/free-photo/woman-religious-pilgrimage-church_23-2150582318.jpg?_wi=1", imageAlt: "Imru' al-Qais portrait"
id: "imrulqais", title: "Імру аль-Кайс", subtitle: "Князь поетів (500-540 н.е.)", detail: "Засновник традиції касиди; майстер поезії кохання та образів пустелі", imageSrc: "http://img.b2bpic.net/free-photo/woman-religious-pilgrimage-church_23-2150582318.jpg?_wi=1", imageAlt: "Портрет Імру аль-Кайса"
}
]
},
{
id: "umayyad", groupTitle: "Umayyad Era", members: [
id: "umayyad", groupTitle: "Омейядська ера", members: [
{
id: "alabab", title: "Al-Akhtal", subtitle: "The Christian Poet (640-710 CE)", detail: "Master of satire and panegyric; bridged pre-Islamic and Islamic poetic traditions", imageSrc: "http://img.b2bpic.net/free-photo/portrait-medieval-queen-with-book-candle_23-2150306094.jpg", imageAlt: "Al-Akhtal portrait"
id: "alabab", title: "Аль-Ахталь", subtitle: "Христианський поет (640-710 н.е.)", detail: "Майстер сатири та панегірику; мостив доісламські та ісламські поетичні традиції", imageSrc: "http://img.b2bpic.net/free-photo/portrait-medieval-queen-with-book-candle_23-2150306094.jpg", imageAlt: "Портрет аль-Ахталя"
}
]
},
{
id: "abbasid", groupTitle: "Abbasid Era", members: [
id: "abbasid", groupTitle: "Абасидна ера", members: [
{
id: "almutanabbi", title: "Al-Mutanabbi", subtitle: "The Unparalleled Poet (915-965 CE)", detail: "Greatest panegyricist of the age; celebrated for philosophical depth and linguistic brilliance", imageSrc: "http://img.b2bpic.net/free-photo/old-man-reading-indoors-side-view_23-2149833694.jpg", imageAlt: "Al-Mutanabbi portrait"
id: "almutanabbi", title: "Аль-Мутанаббі", subtitle: "Неповторний поет (915-965 н.е.)", detail: "Найвеличніший панегірист часу; славився філософською глибиною та мовною бриллієнтністю", imageSrc: "http://img.b2bpic.net/free-photo/old-man-reading-indoors-side-view_23-2149833694.jpg", imageAlt: "Портрет аль-Мутанаббі"
}
]
},
{
id: "andalusian", groupTitle: "Andalusian Era", members: [
id: "andalusian", groupTitle: "Андалузька ера", members: [
{
id: "walladah", title: "Walladah bint al-Mustakfi", subtitle: "The Poetess of Cordoba (1001-1091 CE)", detail: "Pioneering female poet; composed verses of exquisite passion and philosophical refinement", imageSrc: "http://img.b2bpic.net/free-photo/woman-religious-pilgrimage-church_23-2150582318.jpg?_wi=2", imageAlt: "Walladah bint al-Mustakfi portrait"
id: "walladah", title: "Валлада бінт аль-Мустакфі", subtitle: "Поетеса Кордови (1001-1091 н.е.)", detail: "Піонерська жінка-поет; складала вірші неповторної пристрасті та філософської витонченості", imageSrc: "http://img.b2bpic.net/free-photo/woman-religious-pilgrimage-church_23-2150582318.jpg?_wi=2", imageAlt: "Портрет Валлади бінт аль-Мустакфі"
}
]
},
{
id: "mamluk", groupTitle: "Mamluk Era", members: [
id: "mamluk", groupTitle: "Мамлюцька ера", members: [
{
id: "mudhaffar", title: "Al-Mudhaffar al-Qasim al-Murini", subtitle: "Mamluk Era Virtuoso (1365-1423 CE)", detail: "Master of ornamental verse; preserved classical traditions during tumultuous times", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ramadan-celebration_23-2151358189.jpg", imageAlt: "Al-Mudhaffar al-Qasim portrait"
id: "mudhaffar", title: "Аль-Мудаффар аль-Касим аль-Мурині", subtitle: "Мамлюцький віртуоз (1365-1423 н.е.)", detail: "Майстер орнаментованого віршу; зберіг класичні традиції під час бурхливих часів", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ramadan-celebration_23-2151358189.jpg", imageAlt: "Портрет аль-Мудаффара аль-Касима"
}
]
},
{
id: "ottoman", groupTitle: "Ottoman Era", members: [
id: "ottoman", groupTitle: "Османська ера", members: [
{
id: "fuzuli", title: "Mehmed Fuzuli", subtitle: "The Ottoman Master (1494-1556 CE)", detail: "Synthesized Persian, Turkish, and Arabic traditions; creator of the Divan genre", imageSrc: "http://img.b2bpic.net/free-photo/15st-century-vintage-book_1398-805.jpg", imageAlt: "Mehmed Fuzuli portrait"
id: "fuzuli", title: "Мехмед Фузулі", subtitle: "Османський майстер (1494-1556 н.е.)", detail: "Синтезував перську, турецьку та арабську традиції; творець жанру Диван", imageSrc: "http://img.b2bpic.net/free-photo/15st-century-vintage-book_1398-805.jpg", imageAlt: "Портрет Мехмеда Фузулі"
}
]
}
@@ -93,39 +93,39 @@ export default function PoetsPage() {
<div id="poet-legacy" data-section="poet-legacy">
<MediaAbout
title="Poetic Innovation & Legacy"
description="These master poets didn't just write verses—they revolutionized literary expression, established enduring forms, and created works that continue to inspire contemporary Arabic literature and culture worldwide."
tag="Literary Innovation"
title="Поетичні новаторства та спадщина"
description="Ці майстер-поети не просто писали вірші—вони революціонізували літературне вираження, встановили довговічні форми та створили твори, які продовжують надихати сучасну арабську літературу та культуру у всьому світі."
tag="Літературні новаторства"
tagAnimation="slide-up"
buttons={[
{ text: "Read Their Poems", href: "/poems" }
{ text: "Прочитайте їх вірші", href: "/poems" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/antique-book-shelf-vintage-background_53876-160404.jpg?_wi=2"
imageAlt="Literary legacy manuscripts"
imageAlt="Літературна спадщина рукописи"
useInvertedBackground={false}
/>
</div>
<div id="scholarly-impact" data-section="scholarly-impact">
<MediaAbout
title="Scholarly Recognition"
description="Modern scholarship continues to celebrate these poets, with their works translated into dozens of languages and studied in universities worldwide as foundational texts of world literature."
tag="Academic Impact"
title="Визнання науковцями"
description="Сучасна стипендія продовжує святкувати цих поетів, їхні твори перекладені десятками мов та вивчаються в університетах у всьому світі як основні тексти світової літератури."
tag="Академічний вплив"
tagAnimation="slide-up"
buttons={[
{ text: "Explore Collections", href: "/collections" }
{ text: "Дослідити колекції", href: "/collections" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-vector/gradient-hajj-infographic-template_23-2149427358.jpg?_wi=2"
imageAlt="Academic scholarly work"
imageAlt: "Академічна наукова робота"
useInvertedBackground={false}
/>
</div>
<FooterCard
logoText="Arabic Poetry"
copyrightText="© 2025 Arabic Poetry Archive. Preserving the literary heritage of the Islamic world."
logoText="Арабська поезія"
copyrightText="© 2025 Архів арабської поезії. Збереження літературної спадщини ісламського світу."
socialLinks={[
{ icon: Github, href: "https://github.com", ariaLabel: "GitHub" },
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
@@ -134,4 +134,4 @@ export default function PoetsPage() {
/>
</ThemeProvider>
);
}
}