From 561046aac669fa04014b40b4b0e78169f3d6e94f Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Fri, 8 Dec 2023 13:50:45 -0500
Subject: New page; Travel advisory update; New post

---
 app/components/Navbar.js           |  1 +
 app/immigration/page.js            | 41 ++++++++++++++++++++++++++++++++++++++
 app/page.js                        |  2 +-
 app/travel-advisory/countries.json | 32 +++++++++++++++++------------
 4 files changed, 62 insertions(+), 14 deletions(-)
 create mode 100644 app/immigration/page.js

(limited to 'app')

diff --git a/app/components/Navbar.js b/app/components/Navbar.js
index 1555eb9..da99375 100644
--- a/app/components/Navbar.js
+++ b/app/components/Navbar.js
@@ -29,6 +29,7 @@ const Navbar = () => {
                           ['Updates', '/updates'],
                           ['Services', '/services'],
                           ['Travel Advisory', '/travel-advisory'],
+                          ['Immigration', '/immigration'],
                       ].map(([title, url]) => (
                           <li key="links">
                               <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" onClick={() => setNavbar(!navbar)}>
diff --git a/app/immigration/page.js b/app/immigration/page.js
new file mode 100644
index 0000000..55b4cc3
--- /dev/null
+++ b/app/immigration/page.js
@@ -0,0 +1,41 @@
+import Header from "@/app/components/Header";
+
+export const metadata = {
+    title: 'Immigration',
+    description: 'Planning on immigrating to the Alure Regions? Follow the instructions in this page to get started.',
+}
+
+export default function Immigration() {
+    return (
+        <main className="flex flex-col">
+            <Header title={metadata.title} description={metadata.description}/>
+            <div className="sm:px-40 px-10 py-3 space-y-3 bg-zinc-800">
+                <h1 className="text-2xl font-medium">Getting Started on Immigration</h1>
+                <p>Thinking about making Alure Regions your new home? We are here to guide you through the immigration
+                    process.</p>
+                <p>To get started, simply fill in the form below.</p>
+                <button
+                    className="transition duration-200 ease-in-out px-4 py-2 font-medium rounded-full bg-blue-600 hover:bg-blue-700 active:bg-blue-800">
+                    <a href="https://forms.gle/nUPsqPgTYZ3CcKmk7">
+                        Go to Google Form
+                    </a>
+                </button>
+                <h1 className="text-2xl font-medium">Sections of the Application</h1>
+                <ul>
+                    <li>Personal Information: Provide your Family Name, First Given Name, and Date of Birth.</li>
+                    <li>Compliance Affirmation: Check the corresponding boxes for the activities you have undertaken.
+                    </li>
+                    <li>The Oath of Citizenship: Upload an audio clip of yourself reciting the entire oath.</li>
+                    <li>Final Section: Upload your signature.</li>
+                </ul>
+                <h1 className="text-2xl font-medium">What happens upon acceptance?</h1>
+                <p>Upon acceptance, you will receive a letter by mail confirming your acceptance along with a
+                    verification code.</p>
+                <p>Next, proceed to the Regional Hall in Alee Isle to submit a valid identification document (such as a
+                    Passport or Driver&apos;s License) along with the verification code.</p>
+                <p>Following this, you will be required to visit a passport office to obtain an official
+                    government-issued passport.</p>
+            </div>
+        </main>
+    )
+}
diff --git a/app/page.js b/app/page.js
index 5fb22db..442dfab 100644
--- a/app/page.js
+++ b/app/page.js
@@ -57,7 +57,7 @@ export default function Home() {
                     </div>
                 </li>
             </ul>
-        <div className="sm:px-40 px-10 py-3 space-y-3">
+        <div className="sm:px-40 px-10 py-3 space-y-3 bg-zinc-800">
             <h1 className="text-2xl font-medium" id="about">About Alure Regions</h1>
             <p>Alure Regions was founded in July 2023 with the goal of achieving greater autonomy in our regions.</p>
             <p>Originally known as Alee Isle Regions, we later became Southeastern Islands before branching out on our own.</p>
diff --git a/app/travel-advisory/countries.json b/app/travel-advisory/countries.json
index 4bd3f42..cf8c1fb 100644
--- a/app/travel-advisory/countries.json
+++ b/app/travel-advisory/countries.json
@@ -17,7 +17,7 @@
             "history": []
         },
         {
-            "name": "Aura Regions",
+            "name": "The Aura Regions",
             "url": "auraregions",
             "danger": 0,
             "image": "/countries/auraregions.webp",
@@ -33,10 +33,10 @@
             "history": []
         },
         {
-            "name": "Birch Lodges Community Town",
-            "url": "birchlodges",
+            "name": "Banatown",
+            "url": "banatown",
             "danger": 0,
-            "image": "/countries/birchlodges.webp",
+            "image": "/countries/banatown.webp",
             "settlements": [],
             "history": []
         },
@@ -174,16 +174,14 @@
             "danger": 1,
             "image": "/countries/quebec.webp",
             "settlements": [
-		    {
-		       "name": "Forêt Québec",
-		       "danger": 3
-		    
-		    }
-	    
-	    ],
+                {
+                    "name": "Forêt Québec",
+                    "danger": 3
+                }
+            ],
             "history": [
-	    "December 6th, 2023: Massive fire at a FroviliInc in Forêt Québec."
-	    ]
+                "December 6th, 2023: Massive fire at a FroviliInc in Forêt Québec."
+            ]
         },
         {
             "name": "The Solstice Federation",
@@ -201,6 +199,14 @@
             "settlements": [],
             "history": []
         },
+        {
+            "name": "Summasol",
+            "url": "summasol",
+            "danger": 0,
+            "image": "/countries/summasol.webp",
+            "settlements": [],
+            "history": []
+        },
         {
             "name": "TAY",
             "url": "tay",
-- 
cgit v1.2.3