diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2023-07-14 18:36:04 -0400 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2023-07-14 18:36:04 -0400 |
| commit | 189edd99b92244e342a3a7af1d7699525d72d965 (patch) | |
| tree | e0aec0a977fea387fd0034ed23bbad10b64429df /app/layout.js | |
| parent | 3a684e3505b5fb5482961ab63f1590f872b9a9fe (diff) | |
| download | alure-website-189edd99b92244e342a3a7af1d7699525d72d965.tar.gz alure-website-189edd99b92244e342a3a7af1d7699525d72d965.tar.bz2 alure-website-189edd99b92244e342a3a7af1d7699525d72d965.zip | |
New homepage and added exploreralure
Diffstat (limited to 'app/layout.js')
| -rw-r--r-- | app/layout.js | 21 |
1 files changed, 14 insertions, 7 deletions
diff --git a/app/layout.js b/app/layout.js index 15b8fcd..e28fca1 100644 --- a/app/layout.js +++ b/app/layout.js @@ -14,12 +14,15 @@ export default function RootLayout({ children }) { return ( <html lang="en"> <body className={exo.className}> + <div className="px-2 mx-10 text-right font-medium"> + <a href="https://aircs.racing" className="transition duration-150 ease-out hover:ease-in md:hover:text-blue-500">aircs.racing</a> + </div> <nav className="border-gray-200"> <div className="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4"> - <Link href="/" className="flex items-center"> + <div className="flex items-center"> <Image src="/alure_flag.svg" className="mr-5" alt="Alure Flag" width={70} height={70}/> - <span className="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Alure Regions</span> - </Link> + <span className="self-center text-2xl font-semibold whitespace-nowrap dark:text-white"><p>Government of</p><p>Alure Regions</p></span> + </div> <button data-collapse-toggle="navbar-default" type="button" className="transition duration-150 ease-out hover:ease-in inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-default" aria-expanded="false"> @@ -34,14 +37,14 @@ export default function RootLayout({ children }) { <ul className="font-medium flex flex-col p-4 md:p-0 mt-4 rounded-lg md:flex-row md:space-x-8 md:mt-0"> {[ ['Home', '/'], - ['About', '#'], + ['Updates', '#'], ['Services', '#'], - ['ExploreAlure', '#'], + ['ExploreAlure', 'explorealure'], ].map(([title, url]) => ( // eslint-disable-next-line react/jsx-key <li> - <Link href={url} - className="transition duration-150 ease-out hover:ease-in block py-2 pl-3 pr-4 rounded md:border-0 md:p-0 text-white md:hover:text-blue-500 hover:bg-gray-700 hover:text-white md:hover:bg-transparent">{title} + <Link href={url} className="transition duration-150 ease-out hover:ease-in block py-2 pl-3 pr-4 rounded md:border-0 md:p-0 text-white md:hover:text-blue-500 hover:bg-gray-700 hover:text-white md:hover:bg-transparent"> + {title} </Link> </li> ))} @@ -56,6 +59,10 @@ export default function RootLayout({ children }) { </div> </nav> {children} + <footer className="flex flex-col text-center py-3 space-y-2 bg-red-950 text-light"> + <p>Alure Regions is a fictional country made for the bits & Bytes Minecraft Server</p> + <p>Website is proudly written in Next.JS and Tailwind CSS</p> + </footer> </body> </html> ) |