Updated travel advisory, added leaders of regions

4 files changed, 50 insertions, 12 deletions

diff --git a/app/explorealure/page.js b/app/explorealure/page.js
deleted file mode 100644
index d377674..0000000
--- a/app/explorealure/page.js
+++ /dev/null
@@ -1,7 +0,0 @@
-export default function ExploreAlure(){
-    return (
-        <main>
-            <p>Hello world</p>
-        </main>
-    )
-}
diff --git a/app/layout.js b/app/layout.js
index e28fca1..3401bea 100644
--- a/app/layout.js
+++ b/app/layout.js
@@ -7,7 +7,7 @@ const exo = Exo({ subsets: ['latin'] })
 
 export const metadata = {
   title: 'Government of Alure Regions',
-  description: 'Information about Alure Regions',
+  description: 'The official website of the Government of Alure Regions',
 }
 
 export default function RootLayout({ children }) {
@@ -21,7 +21,7 @@ export default function RootLayout({ children }) {
           <div className="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
               <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"><p>Government of</p><p>Alure Regions</p></span>
+                  <span className="self-center text-2xl font-medium whitespace-nowrap dark:text-white"><p>Government</p><p>of 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"
@@ -39,7 +39,7 @@ export default function RootLayout({ children }) {
                           ['Home', '/'],
                           ['Updates', '#'],
                           ['Services', '#'],
-                          ['ExploreAlure', 'explorealure'],
+                          ['Travel Advisory', 'travel-advisory'],
                       ].map(([title, url]) => (
                           // eslint-disable-next-line react/jsx-key
                           <li>
@@ -61,7 +61,7 @@ export default function RootLayout({ children }) {
       {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>
+          <p>This website is proudly written using Next.JS and Tailwind CSS</p>
       </footer>
       </body>
     </html>
diff --git a/app/page.js b/app/page.js
index f57a332..ff1c141 100644
--- a/app/page.js
+++ b/app/page.js
@@ -1,6 +1,6 @@
 export default function Home() {
   return (
-    <main className="flex flex-col justify-between">
+    <main className="flex flex-col">
         <div className="bg-center bg-no-repeat bg-[url('/jumbotron.png')] bg-gray-500 bg-blend-multiply">
             <div className="px-4 mx-auto max-w-screen-xl text-center py-24 lg:py-56 space-y-3">
                 <h1 className="font-medium text-5xl">Welcome to the Alure Regions</h1>
@@ -12,6 +12,7 @@ export default function Home() {
                     <div className="bg-center bg-no-repeat bg-[url('/regions/alee-isle.png')] bg-gray-600 bg-blend-multiply">
                         <div className="px-4 mx-3 max-w-screen-xl text-left py-10 space-y-2">
                             <h1 className="font-medium text-5xl">Alee Isle</h1>
+                            <span>Est. 2017 - Premier: Alee</span>
                             <h2 className="text-lg">Capital of Alure Regions and the original home of MinePot</h2>
                         </div>
                     </div>
@@ -20,6 +21,7 @@ export default function Home() {
                     <div className="bg-center bg-no-repeat bg-[url('/regions/breadcroust.png')] bg-gray-600 bg-blend-multiply">
                         <div className="px-4 mx-3 max-w-screen-xl text-left py-10 space-y-2">
                             <h1 className="font-medium text-5xl">BreadCroust</h1>
+                            <span>Est. 2018 - Premier: Croust</span>
                             <h2 className="text-lg">Home to MinePot Barton Centre</h2>
                         </div>
                 </div>
@@ -28,6 +30,7 @@ export default function Home() {
                     <div className="bg-center bg-no-repeat bg-[url('/regions/skycity.png')] bg-gray-600 bg-blend-multiply">
                         <div className="px-4 mx-3 max-w-screen-xl text-left py-10 space-y-2">
                             <h1 className="font-medium text-5xl">SkyCity</h1>
+                            <span>Est. 2018 - Premier: Rahilu</span>
                          <h2 className="text-lg">A city that floats in the sky</h2>
                         </div>
                     </div>
@@ -36,11 +39,16 @@ export default function Home() {
                     <div className="bg-center bg-no-repeat bg-[url('/regions/silicon-valley.png')] bg-gray-600 bg-blend-multiply">
                         <div className="px-4 mx-3 max-w-screen-xl text-left py-10 space-y-2">
                             <h1 className="font-medium text-5xl">Silicon Valley</h1>
+                            <span>Est. 2018 - Premier: Inkydink</span>
                             <h2 className="text-lg">Where all tech-related things goes here</h2>
                         </div>
                     </div>
                 </li>
             </ul>
+        <div className="px-3 py-3">
+            <h1 className="text-2xl font-medium">About Alure Regions</h1>
+            <p>Founded in July 2023, the goal of Alure Regions is to have more freedom on our regions.</p>
+        </div>
     </main>
   )
 }
diff --git a/app/travel-advisory/page.js b/app/travel-advisory/page.js
new file mode 100644
index 0000000..2e4c852
--- /dev/null
+++ b/app/travel-advisory/page.js
@@ -0,0 +1,37 @@
+export default function TravelAdvisory(){
+    return (
+        <main className="flex flex-col">
+            <div className="bg-center bg-no-repeat bg-[url('/jumbotron.png')] bg-gray-700 bg-blend-multiply">
+                <div className="px-4 mx-auto max-w-screen-xl text-left py-24 lg:py-10 space-y-3">
+                    <h1 className="font-medium text-2xl">Travel Advisory</h1>
+                    <h2 className="font-light text-lg">Information whether its safe to travel to other countries</h2>
+                    <h2 className="font-light text-lg">This page may be inaccurate at times, please refer to the discord for latest updates</h2>
+                </div>
+            </div>
+            <div>
+                <h1 className="text-3xl p-5">Legend</h1>
+                <ul>
+                    <li className="p-4 bg-green-900">
+                        <p className="text-center">Take normal security precautions</p>
+                    </li>
+                    <li className="p-4 bg-yellow-700">
+                        <p className="text-center">Exercise a high degree of caution</p>
+                    </li>
+                    <li className="p-4 bg-orange-700">
+                        <p className="text-center">Avoid non-essential travel</p>
+                    </li>
+                    <li className="p-4 bg-red-700">
+                        <p className="text-center">Avoid all travel</p>
+                    </li>
+                </ul>
+            </div>
+            <div className="bg-center bg-no-repeat bg-[url('/regions/silicon-valley.png')] bg-gray-600 bg-blend-multiply">
+                <div className="px-4 mx-3 max-w-screen-xl text-left py-10 space-y-3">
+                    <h1 className="font-medium text-5xl">Country name</h1>
+                    <h2 className="text-lg">Take normal security precautions</h2>
+                    <button className="bg-blue-600 px-4 py-2">Information</button>
+                </div>
+            </div>
+        </main>
+    )
+}