Update src/app/eras/page.tsx
This commit is contained in:
@@ -1,22 +1,91 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import Link from "next/link";
|
||||
import { BookOpen, Feather, Sparkles, Crown, Zap, Compass, BookMarked, Clock } from "lucide-react";
|
||||
import { BookOpen, Feather, Sparkles, Crown, Zap, Compass, BookMarked, Award, Users, Calendar } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Eras", id: "/eras" },
|
||||
{ name: "Poets", id: "/poets" },
|
||||
{ name: "Poems", id: "/poems" },
|
||||
{ name: "Resources", id: "/contact" },
|
||||
];
|
||||
|
||||
const eraFeatures = [
|
||||
{
|
||||
title: "Pre-Islamic Era (Jahiliyyah)", description: "The age of tribal poets and oral tradition, celebrating courage, honor, and desert life.", bentoComponent: "reveal-icon" as const,
|
||||
icon: Feather,
|
||||
},
|
||||
{
|
||||
title: "Quranic and Early Islamic", description: "Poetry transformed by Islamic values, emphasizing spiritual themes and divine guidance.", bentoComponent: "reveal-icon" as const,
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Umayyad Period (661-750 CE)", description: "Court poetry flourished with sophisticated rhetoric and refined love themes.", bentoComponent: "reveal-icon" as const,
|
||||
icon: Crown,
|
||||
},
|
||||
{
|
||||
title: "Abbasid Golden Age (750-1258 CE)", description: "The peak of Arabic poetry with unprecedented innovation, intellectual freedom, and cultural synthesis.", bentoComponent: "reveal-icon" as const,
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Andalusian Period (711-1492 CE)", description: "Islamic Spain's unique poetic tradition blending Arabic, Berber, and European influences.", bentoComponent: "reveal-icon" as const,
|
||||
icon: Compass,
|
||||
},
|
||||
{
|
||||
title: "Mamluk and Ottoman Eras", description: "Poetry during the Mamluk Sultanate and Ottoman Empire, maintaining classical traditions with new forms.", bentoComponent: "reveal-icon" as const,
|
||||
icon: BookMarked,
|
||||
},
|
||||
];
|
||||
|
||||
const metrics = [
|
||||
{
|
||||
id: "1", value: "500", title: "Years", description: "Pre-Islamic Poetry Tradition", icon: Feather,
|
||||
},
|
||||
{
|
||||
id: "2", value: "1400", title: "Years", description: "Islamic Era Poetry Development", icon: BookOpen,
|
||||
},
|
||||
{
|
||||
id: "3", value: "7", title: "Masterpieces", description: "Mu'allaqat Hanging Poems", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "4", value: "400", title: "Poets", description: "Documented in Classical Records", icon: Users,
|
||||
},
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Historical Eras", href: "/eras" },
|
||||
{ label: "Greatest Poets", href: "/poets" },
|
||||
{ label: "Masterpiece Poems", href: "/poems" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Poetry Insights", href: "/contact" },
|
||||
{ label: "FAQ", href: "/" },
|
||||
{ label: "Scholarly Articles", href: "#" },
|
||||
{ label: "Research Tools", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Subscribe", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
export default function ErasPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Eras", id: "/eras" },
|
||||
{ name: "Poets", id: "/poets" },
|
||||
{ name: "Poems", id: "/poems" },
|
||||
{ name: "Resources", id: "/contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -30,149 +99,50 @@ export default function ErasPage() {
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav" className="sticky top-0 z-50">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Arabic Poetry"
|
||||
navItems={navItems}
|
||||
navItems={navItems.map(item => ({
|
||||
name: item.name,
|
||||
id: item.id.startsWith('/') ? item.id : `#${item.id}`,
|
||||
}))}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Era Details Section */}
|
||||
<div id="era-details" data-section="era-details">
|
||||
<div id="eras" data-section="eras">
|
||||
<FeatureBento
|
||||
title="Historical Eras of Arabic Poetry"
|
||||
description="Each era brought distinctive innovations, themes, and voices to Arabic literature. From tribal oral traditions to refined court poetry, explore the evolution of classical Arabic verse through time."
|
||||
title="Five Golden Eras of Arabic Poetry"
|
||||
description="Explore the distinct characteristics, themes, and innovations that defined each period of Arabic poetic tradition."
|
||||
tag="Historical Periods"
|
||||
tagIcon={Clock}
|
||||
tagIcon={Calendar}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Pre-Islamic Era (Jahiliyyah) - 6th Century BCE",
|
||||
description: "The age of tribal poets and oral tradition, celebrating courage, honor, and desert life. Mu'allaqat (hanging poems) represent the pinnacle of this era.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Feather,
|
||||
},
|
||||
{
|
||||
title: "Quranic and Early Islamic - 7th-8th Century",
|
||||
description: "Poetry transformed by Islamic values, emphasizing spiritual themes and divine guidance. New poetic forms emerged alongside religious devotion.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Umayyad Period - 661-750 CE",
|
||||
description: "Court poetry flourished with sophisticated rhetoric and refined love themes. Poets served rulers and developed elaborate courtly traditions.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Crown,
|
||||
},
|
||||
{
|
||||
title: "Abbasid Golden Age - 750-1258 CE",
|
||||
description: "The peak of Arabic poetry with unprecedented innovation, intellectual freedom, and cultural synthesis. Poets like Al-Mutanabbi achieved immortal fame.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Andalusian Period - 711-1492 CE",
|
||||
description: "Islamic Spain's unique poetic tradition blending Arabic, Berber, and European influences. Strophic poetry and new forms flourished.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Compass,
|
||||
},
|
||||
{
|
||||
title: "Mamluk and Ottoman Eras - 13th-19th Centuries",
|
||||
description: "Poetry during the Mamluk Sultanate and Ottoman Empire, maintaining classical traditions while introducing new forms influenced by Persian and Turkish poetry.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BookMarked,
|
||||
},
|
||||
]}
|
||||
features={eraFeatures}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Era-Specific Articles */}
|
||||
<div id="era-resources" data-section="era-resources">
|
||||
<BlogCardThree
|
||||
title="Deep Dives into Each Era"
|
||||
description="Explore scholarly articles on the characteristics, major poets, and literary innovations that defined each historical period."
|
||||
tag="Educational Resources"
|
||||
tagIcon={BookMarked}
|
||||
<div id="timeline" data-section="timeline">
|
||||
<MetricCardOne
|
||||
title="Poetry Through The Millennia"
|
||||
description="Key milestones and achievements in Arabic poetic history spanning nearly two thousand years of literary excellence."
|
||||
tag="Historical Timeline"
|
||||
tagIcon={Calendar}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Pre-Islamic Studies",
|
||||
title: "The Mu'allaqat: Hanging Poems of Arabia's Golden Age",
|
||||
excerpt: "Discover the seven celebrated pre-Islamic poems that represent the apex of desert poetry and oral tradition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pirate-artifacts-arrangement-still-life_23-2150426415.jpg?_wi=6",
|
||||
imageAlt: "Ancient Arabic manuscripts",
|
||||
authorName: "Dr. Ahmad Al-Mansuri",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/man-teacher-wearing-glasses-checking-class-register-looking-camera-happy-pleased-smiling-cheerfully-sitting-school-desk-front-blackboard-classroom_141793-131614.jpg",
|
||||
date: "Jan 12, 2025",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: "Abbasid Era",
|
||||
title: "The Abbasid Revolution: Poetry at the Peak of Islamic Civilization",
|
||||
excerpt: "Learn how Baghdad became the intellectual heart of the Arab world and how poets thrived under patronage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-paper-scroll-writing-documenting_23-2151751744.jpg?_wi=2",
|
||||
imageAlt: "Abbasid manuscripts",
|
||||
authorName: "Prof. Layla Hassan",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/ancient-books-library-table_23-2147711433.jpg",
|
||||
date: "Jan 9, 2025",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
category: "Andalusian Studies",
|
||||
title: "The Zajal Revolution: Colloquial Poetry in Islamic Spain",
|
||||
excerpt: "Explore how Andalusian poets pioneered new poetic forms that blended courtly traditions with everyday language.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/courtyard-myrtles-alhambra_1139-25.jpg?_wi=3",
|
||||
imageAlt: "Alhambra architectural details",
|
||||
authorName: "Dr. Fatima Al-Cordobi",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/travelling-iran_8327-271.jpg",
|
||||
date: "Jan 6, 2025",
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={metrics}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Arabic Poetry"
|
||||
copyrightText="© 2025 Arabic Poetry Heritage. Preserving literary traditions since antiquity."
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Historical Eras", href: "/eras" },
|
||||
{ label: "Greatest Poets", href: "/poets" },
|
||||
{ label: "Masterpiece Poems", href: "/poems" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{ label: "Poetry Insights", href: "#blog" },
|
||||
{ label: "FAQ", href: "/contact" },
|
||||
{ label: "Scholarly Articles", href: "#" },
|
||||
{ label: "Research Tools", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Subscribe", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={footerColumns}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user