From 1ea35f5ec0a43fbf8331ef8afa9dc2266e91eed6 Mon Sep 17 00:00:00 2001
From: Andrew Lee <andrew@alee14.me>
Date: Sat, 31 May 2025 20:26:37 -0400
Subject: Add tracking page

---
 src/app/components/Header.tsx | 17 +++++++++++++++++
 src/app/components/Navbar.tsx |  6 +++---
 2 files changed, 20 insertions(+), 3 deletions(-)
 create mode 100644 src/app/components/Header.tsx

(limited to 'src/app/components')

diff --git a/src/app/components/Header.tsx b/src/app/components/Header.tsx
new file mode 100644
index 0000000..56bf984
--- /dev/null
+++ b/src/app/components/Header.tsx
@@ -0,0 +1,17 @@
+interface HeaderProps {
+    title: string;
+    description: string;
+}
+
+const Header = ({title, description}: HeaderProps) => {
+    return (
+        <div className="bg-center bg-no-repeat bg-[url('/jumbotron.webp')] bg-gray-700 bg-blend-multiply">
+            <div className="md:px-40 px-10 max-w-screen-xl text-left py-24 lg:py-10 space-y-3">
+                <h1 className="font-medium text-4xl">{title}</h1>
+                <h2 className="font-light text-lg">{description}</h2>
+            </div>
+        </div>
+    )
+}
+
+export default Header;
\ No newline at end of file
diff --git a/src/app/components/Navbar.tsx b/src/app/components/Navbar.tsx
index ca9591e..f8a5f99 100644
--- a/src/app/components/Navbar.tsx
+++ b/src/app/components/Navbar.tsx
@@ -9,7 +9,7 @@ const Navbar = () => {
       <nav className="border-gray-200 bg-neutral-900">
           <div className="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-3">
               <div className="flex items-center">
-                  <Image src="/alure-post.svg" className="mr-5" alt="Alure Flag" width={50} height={50}/>
+                  <Image src="/alure-post.svg" className="mr-4" alt="Alure Flag" width={50} height={50}/>
                   <span className="self-center text-2xl font-medium whitespace-nowrap dark:text-white"><p>Alure Post</p></span>
               </div>
               <button data-collapse-toggle="navbar-default" type="button"
@@ -26,8 +26,8 @@ const Navbar = () => {
                   <ul className="font-medium text-lg flex flex-col p-4 md:p-0 mt-4 rounded-lg md:flex-row md:space-x-8 md:mt-0">
                       {[
                           ['Home', '/'],
-                          ['Track', '/updates'],
-                          ['Send', '/enterprises'],
+                          ['Track', '/track'],
+                          ['Send', '/send'],
 
                       ].map(([title, url]) => (
                           <li key={title}>
-- 
cgit v1.2.3