Add TimeLine

Author: MoeeinAali

Diff for: frontend/public/timeline1.webp

@@ -0,0 +1,59 @@
+import React from 'react';
+import Footer from '../../ui/components/Footer';
+import Navbar, { NavbarPlaceholder } from '../../ui/components/Navbar';
+import Timer from '../../ui/components/Timer';
+import { isAuthenticated } from '../../lib/auth';
+import path from 'path';
+import fs from 'fs';
+
+export default async function TimeLine() {
+  const authenticated = await isAuthenticated();
+
+  const markdownContent = fs.readFileSync(
+    path.join(process.cwd(), 'public', 'posterSessionDescription.md'),
+    'utf-8',
+  );
+
+  return (
+    <>
+      <Navbar isAuthenticated={authenticated} />
+      <NavbarPlaceholder />
+      <div
+        style={{ backgroundImage: 'url(/source/Rectangle.png)' }}
+        className="absolute left-0 right-0 top-0 -z-10 h-[400px] w-full bg-cover bg-center bg-no-repeat"
+      ></div>
+      <div className="mx-auto max-w-[1200px] rounded-2xl bg-white shadow-[0px_30px_60px_0px_rgba(189,192,199,0.10)]">
+        <div className="flex max-w-[1199px] flex-col items-start justify-center gap-0 px-[72px] py-[60px] shadow-2xl">
+          <div className="ml-18 flex h-fit flex-col items-start justify-between self-stretch lg:max-w-[1055px]">
+            <p className="text-[20px] font-medium uppercase not-italic leading-[normal] tracking-[0.8px] text-[#8A8998]">
+              April 10th, 2025 - April 11th, 2025
+            </p>
+            <p className="text-[64px] font-bold not-italic leading-[76px] tracking-[-1.52px] text-[#1F2B3D]">
+              TimeLine
+            </p>
+          </div>
+
+          <div className="flex w-full items-center justify-center ">
+            <hr className="mr-6 flex-grow border-neutral-300" />
+            <span className="text-[40px] font-bold text-slate-600 ">
+              First Day
+            </span>
+            <hr className="ml-6 flex-grow border-neutral-300 " />
+          </div>
+          <img src={'timeline1.webp'} className={' mt-4'} />
+
+          <div className="mt-8 flex w-full items-center justify-center">
+            <hr className="mr-6 flex-grow border-neutral-300" />
+            <span className="text-[40px] font-bold text-slate-600 ">
+              Second Day
+            </span>
+            <hr className="ml-6 flex-grow border-neutral-300 " />
+          </div>
+          <img src={'timeline2.webp'} className={' mt-4'} />
+        </div>
+      </div>
+      <Timer />
+      <Footer />
+    </>
+  );
+}

Diff for: frontend/public/timeline2.webp

@@ -0,0 +1,5 @@
+import TimeLine from './TimeLine';
+
+export default function TimeLinePage() {
+  return <TimeLine />;
+}

Diff for: frontend/src/app/timeline/TimeLine.tsx

@@ -9,6 +9,8 @@ const links = [
   { href: '/', label: 'Home' },
   { href: '/seminars', label: 'Seminars' },
   { href: '/round-tables', label: 'Round Tables' },
+  { href: '/poster-session', label: 'Poster Session' },
+  { href: '/timeline', label: 'TimeLine' },
   { href: '/about', label: 'About Us' },
 ];
 
@@ -51,23 +53,29 @@ export default function Navbar({ fixed = true, isAuthenticated = false }) {
             </Link>
           </div>
           <div className="hidden items-center justify-center gap-8 max-lg:gap-4 md:flex">
-            <Link href="/" className="block px-4 py-3">
-              Home
-            </Link>
+            {/*<Link href="/" className="block px-4 py-3">*/}
+            {/*  Home*/}
+            {/*</Link>*/}
             <Link href="/seminars" className="block px-4 py-3">
               Seminars
             </Link>
             <Link href="/round-tables" className="block px-4 py-3">
               Round Tables
             </Link>
-            <Link href="/about" className="block px-4 py-3">
-              About Us
-            </Link>
             <Link href="/poster-session" className="relative block px-4 py-3">
               Poster Session
-              <span className="absolute -right-2 -top-1 animate-pulse rounded-full border-2 bg-secondary px-1.5 py-0.5 text-[10px] font-bold text-white">
-                NEW
-              </span>
+              {/*<span className="absolute -right-2 -top-1 animate-pulse rounded-full border-2 bg-secondary px-1.5 py-0.5 text-[10px] font-bold text-white">*/}
+              {/*  NEW*/}
+              {/*</span>*/}
+            </Link>
+            <Link href="/timeline" className="relative block px-4 py-3">
+              TimeLine
+              {/*<span className="absolute -right-2 -top-1 animate-pulse rounded-full border-2 bg-secondary px-1.5 py-0.5 text-[10px] font-bold text-white">*/}
+              {/*  NEW*/}
+              {/*</span>*/}
+            </Link>
+            <Link href="/about" className="block px-4 py-3">
+              About Us
             </Link>
           </div>
           {isAuthenticated ? (