diff --git a/src/app/eras/page.tsx b/src/app/eras/page.tsx
index 0e71ded..cf31413 100644
--- a/src/app/eras/page.tsx
+++ b/src/app/eras/page.tsx
@@ -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>
   );
-}
\ No newline at end of file
+}