403 lines
17 KiB
TypeScript
403 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import Link from "next/link";
|
|
import { BookOpen, Feather, Sparkles, Crown, Zap, Compass, BookMarked, Award, Calendar, TrendingUp, Users, Star, HelpCircle, Clock } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "#hero" },
|
|
{ name: "Eras", id: "/eras" },
|
|
{ name: "Poets", id: "/poets" },
|
|
{ name: "Poems", id: "/poems" },
|
|
{ name: "Resources", id: "/contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav" className="sticky top-0 z-50">
|
|
<NavbarStyleApple
|
|
brandName="Arabic Poetry"
|
|
navItems={navItems}
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="The Timeless Voice of Arabic Poetry"
|
|
description="Journey through five magnificent eras of Arabic literature, from pre-Islamic tribal verse to the refined courts of the Ottoman Empire. Discover the greatest poets and their immortal works."
|
|
tag="Literary Heritage"
|
|
tagIcon={BookOpen}
|
|
background={{ variant: "noise" }}
|
|
buttons={[
|
|
{ text: "Explore Eras", href: "/eras" },
|
|
{ text: "Featured Poets", href: "/poets" },
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/decorative-brick-wall-texture-background_23-2147960164.jpg",
|
|
imageAlt: "Quranic and Early Islamic Poetry",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-shot-arabian-male-traveling-horse-desert_181624-45408.jpg?_wi=1",
|
|
imageAlt: "Pre-Islamic Era Poetry",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/gothic-vaults-with-bas-reliefs-stone-church-decor-historic-cathedral-art_169016-68761.jpg?_wi=1",
|
|
imageAlt: "Umayyad Dynasty Period",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-paper-scroll-writing-documenting_23-2151751744.jpg?_wi=1",
|
|
imageAlt: "Abbasid Golden Age",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/courtyard-myrtles-alhambra_1139-25.jpg?_wi=1",
|
|
imageAlt: "Andalusian Islamic Spain",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/drawings-roof-church_1122-1166.jpg?_wi=1",
|
|
imageAlt: "Ottoman Empire Era",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Eras Feature Section */}
|
|
<div id="eras" data-section="eras">
|
|
<FeatureBento
|
|
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}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Pre-Islamic Era (Jahiliyyah)",
|
|
description: "The age of tribal poets and oral tradition, celebrating courage, honor, and desert life.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Feather,
|
|
},
|
|
{
|
|
title: "Quranic and Early Islamic",
|
|
description: "Poetry transformed by Islamic values, emphasizing spiritual themes and divine guidance.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Sparkles,
|
|
},
|
|
{
|
|
title: "Umayyad Period (661-750 CE)",
|
|
description: "Court poetry flourished with sophisticated rhetoric and refined love themes.",
|
|
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.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Zap,
|
|
},
|
|
{
|
|
title: "Andalusian Period (711-1492 CE)",
|
|
description: "Islamic Spain's unique poetic tradition blending Arabic, Berber, and European influences.",
|
|
bentoComponent: "reveal-icon",
|
|
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",
|
|
icon: BookMarked,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Poets Section */}
|
|
<div id="poets" data-section="poets">
|
|
<TeamCardOne
|
|
title="The Greatest Arabic Poets"
|
|
description="Meet the legendary voices who shaped the Arabic literary tradition across centuries and left an indelible mark on world literature."
|
|
tag="Master Poets"
|
|
tagIcon={Award}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
gridVariant="three-columns-all-equal-width"
|
|
members={[
|
|
{
|
|
id: "1",
|
|
name: "Imru' al-Qais",
|
|
role: "Pre-Islamic Era",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medieval-historical-rendering-turkish-man_23-2151060340.jpg?_wi=1",
|
|
imageAlt: "Imru' al-Qais, King of Poets",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Al-Mutanabbi",
|
|
role: "Abbasid Era",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-religious-pilgrimage-church_23-2150582318.jpg?_wi=1",
|
|
imageAlt: "Al-Mutanabbi, Master of Verse",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Ibn Arabi",
|
|
role: "Andalusian-Mamluk Era",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pirate-artifacts-arrangement-still-life_23-2150426415.jpg?_wi=1",
|
|
imageAlt: "Ibn Arabi, Sufi Poet",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Hassan ibn Thabit",
|
|
role: "Islamic Era",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-paper-scroll-writing-documenting_23-2151751756.jpg?_wi=1",
|
|
imageAlt: "Hassan ibn Thabit, Poet of the Prophet",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Abu Nuwas",
|
|
role: "Abbasid Era",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pirate-artifacts-arrangement-still-life_23-2150426415.jpg?_wi=2",
|
|
imageAlt: "Abu Nuwas, Innovative Poet",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Ibn Quzman",
|
|
role: "Andalusian Era",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/gothic-vaults-with-bas-reliefs-stone-church-decor-historic-cathedral-art_169016-68761.jpg?_wi=2",
|
|
imageAlt: "Ibn Quzman, Zajal Pioneer",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Metrics/Timeline Section */}
|
|
<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={true}
|
|
gridVariant="uniform-all-items-equal"
|
|
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,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Blog/Resources Section */}
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardThree
|
|
title="Poetry Insights & Resources"
|
|
description="Deep dives into specific eras, poets, and poems with scholarly analysis and cultural context."
|
|
tag="Educational Resources"
|
|
tagIcon={BookMarked}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
blogs={[
|
|
{
|
|
id: "1",
|
|
category: "Historical Analysis",
|
|
title: "The Mu'allaqat: Understanding Arabic Poetry's Greatest Works",
|
|
excerpt: "Explore the seven hanging poems and their significance in pre-Islamic Arabian culture and poetry.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pirate-artifacts-arrangement-still-life_23-2150426415.jpg?_wi=3",
|
|
imageAlt: "Mu'allaqat 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 10, 2025",
|
|
},
|
|
{
|
|
id: "2",
|
|
category: "Cultural Studies",
|
|
title: "Al-Mutanabbi: The Self-Proclaimed Prophet of Poetry",
|
|
excerpt: "Discover the life, works, and controversial reputation of one of Arabic literature's most celebrated poets.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pirate-artifacts-arrangement-still-life_23-2150426415.jpg?_wi=4",
|
|
imageAlt: "Al-Mutanabbi's era",
|
|
authorName: "Prof. Layla Hassan",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/ancient-books-library-table_23-2147711433.jpg",
|
|
date: "Jan 8, 2025",
|
|
},
|
|
{
|
|
id: "3",
|
|
category: "Literary Tradition",
|
|
title: "Andalusian Poetry: The Unique Voice of Islamic Spain",
|
|
excerpt: "Learn how Andalusian poets blended Arabic, Berber, and European influences into a distinctive poetic tradition.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/courtyard-myrtles-alhambra_1139-25.jpg?_wi=2",
|
|
imageAlt: "Andalusian architecture",
|
|
authorName: "Dr. Fatima Al-Cordobi",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/travelling-iran_8327-271.jpg",
|
|
date: "Jan 5, 2025",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Testimonials Section */}
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Trusted by Scholars & Institutions"
|
|
description="Hear from leading academics, cultural institutions, and poetry enthusiasts about the value of our platform."
|
|
tag="Expert Voices"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Dr. Muhammad Al-Qadi",
|
|
handle: "Professor of Arabic Literature",
|
|
testimonial: "This platform beautifully preserves and celebrates the richness of Arabic poetry across centuries. An invaluable resource for students and scholars alike.",
|
|
imageSrc: "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",
|
|
imageAlt: "Dr. Muhammad Al-Qadi",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Aisha Al-Rashid",
|
|
handle: "University Librarian",
|
|
testimonial: "A comprehensive digital archive that makes classical Arabic poetry accessible to new generations. Simply outstanding scholarship and presentation.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ancient-books-library-table_23-2147711433.jpg",
|
|
imageAlt: "Aisha Al-Rashid",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Hassan Abu Bakr",
|
|
handle: "Cultural Heritage Director",
|
|
testimonial: "The depth of historical context and the elegant design create an immersive experience. This is how cultural heritage should be shared.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/travelling-iran_8327-271.jpg",
|
|
imageAlt: "Hassan Abu Bakr",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Dr. Layla Mansour",
|
|
handle: "Poetry Critic & Author",
|
|
testimonial: "The curated selections and scholarly annotations demonstrate a profound understanding of Arabic literary traditions. Highly recommended.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pirate-artifacts-arrangement-still-life_23-2150426415.jpg?_wi=5",
|
|
imageAlt: "Dr. Layla Mansour",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Omar Al-Aziz",
|
|
handle: "Literary Researcher",
|
|
testimonial: "Finally, a platform that honors the complexity and beauty of classical Arabic verse. A must-visit for anyone passionate about literature.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-paper-scroll-writing-documenting_23-2151751756.jpg?_wi=2",
|
|
imageAlt: "Omar Al-Aziz",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Dr. Noor Al-Hayyan",
|
|
handle: "Islamic Studies Professor",
|
|
testimonial: "The historical accuracy combined with aesthetic presentation makes this an essential educational tool. Bravo to the entire team.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medieval-historical-rendering-turkish-man_23-2151060340.jpg?_wi=2",
|
|
imageAlt: "Dr. Noor Al-Hayyan",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact Section */}
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Join our community of poets, scholars, and enthusiasts dedicated to preserving and celebrating Arabic literary heritage. Share your insights, contribute research, or simply deepen your appreciation for this timeless art form."
|
|
animationType="reveal-blur"
|
|
background={{ variant: "noise" }}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Get In Touch", href: "/contact" },
|
|
{ text: "Subscribe to Updates", href: "#" },
|
|
]}
|
|
/>
|
|
</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: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |