diff options
| author | Andrew Lee <andrew@alee14.me> | 2025-05-31 20:26:37 -0400 |
|---|---|---|
| committer | Andrew Lee <andrew@alee14.me> | 2025-05-31 20:26:37 -0400 |
| commit | 1ea35f5ec0a43fbf8331ef8afa9dc2266e91eed6 (patch) | |
| tree | 4280c894c383b5fc88deb0fc351b560feb4e028c /src/app/components | |
| parent | 73e957caaf661900f1712c4217a73bb4fcfaa34b (diff) | |
| download | alure-post-1ea35f5ec0a43fbf8331ef8afa9dc2266e91eed6.tar.gz alure-post-1ea35f5ec0a43fbf8331ef8afa9dc2266e91eed6.tar.bz2 alure-post-1ea35f5ec0a43fbf8331ef8afa9dc2266e91eed6.zip | |
Add tracking page
Diffstat (limited to 'src/app/components')
| -rw-r--r-- | src/app/components/Header.tsx | 17 | ||||
| -rw-r--r-- | src/app/components/Navbar.tsx | 6 |
2 files changed, 20 insertions, 3 deletions
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}> |