From b12ffd27f3f2a4c4f8fac80667357002ad274ecc Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Thu, 18 May 2023 16:40:46 -0400
Subject: A couple of fixes

---
 pages/index.js | 83 +++++++++++++++++++++++++++++-----------------------------
 1 file changed, 42 insertions(+), 41 deletions(-)

(limited to 'pages/index.js')

diff --git a/pages/index.js b/pages/index.js
index 817cdf6..9b26eb7 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,78 +1,79 @@
 import Layout from '../components/layout.js';
+import Link from 'next/link'
 export default function Home() {
   return (
     <Layout>
-    <div class="bg-green-700">
-    <div class="container px-6 py-24 mx-auto font-sans">
-      <section class="text-white text-left">
-        <div class="flex justify-left">
-          <div class="max-w-[800px]">
-            <h2 class="text-5xl md:text-6xl xl:text-7xl font-bold tracking-tight mb-2">
-              Welcome to the Southeastern Islands.
+    <div className="bg-green-700">
+    <div className="container px-6 py-24 mx-auto font-sans">
+      <section className="text-white text-left">
+        <div className="flex justify-left">
+          <div className="max-w-[800px]">
+            <h2 className="text-5xl md:text-6xl xl:text-7xl font-bold tracking-tight mb-2">
+              Welcome to the Southeastern Island.
             </h2>
-            <h5 class="text-white text-2xl">
-              The Southeastern Islands are a prosperous nation made up of island-based cantons.
+            <h5 className="text-white text-2xl">
+              The Southeastern Islands are a prosperous nation made up of cantons.
             </h5>
           </div>
         </div>
       </section>      
     </div>
     </div>
-    <section class="m-12 font-sans">
-      <div class="mb-5">
-        <h3 class="text-3xl font-bold">A presidential notice...</h3>
+    <section className="m-12 font-sans">
+      <div className="mb-5">
+        <h3 className="text-3xl font-bold">A presidential notice...</h3>
         <p>This section highlights news from the presidential office, speaking across for the entirety of the SEI.</p>
         </div>
-        <div class="p-8 bg-slate-950 rounded-lg mb-4">
-          <i class="fa fa-quote-left absolute z-m10 text-slate-800 text-7xl"></i>
+        <div className="p-8 bg-slate-950 rounded-lg mb-4">
+          <i className="fa fa-quote-left absolute z-m10 text-slate-800 text-7xl"></i>
         <div>
           <p>
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ligula diam, sodales vel nisi at, porta commodo mi. Fusce at interdum sapien. Fusce ac magna ultrices, feugiat tellus in, elementum arcu. In aliquet ante id gravida finibus. Aenean lacus risus, fringilla eu iaculis eu, egestas id nisi. Nullam faucibus commodo sem, sed condimentum quam congue id. Phasellus augue libero, posuere eu nulla vitae, dignissim dapibus risus. Donec est magna, luctus ut augue non, aliquam venenatis ligula. Sed pharetra faucibus augue. Aliquam erat volutpat. Pellentesque in est tortor.
   </p><br></br><p>
   Duis in sapien a eros malesuada sollicitudin. Sed ac orci luctus, tristique lorem eu, maximus sem. Quisque tincidunt pulvinar enim, sed ultricies massa tincidunt ut. Nullam quis leo risus. Nullam sed mi eu velit placerat cursus. Donec eget cursus justo. Nullam bibendum, mi ut ullamcorper ultrices, purus dui porttitor lectus, a mattis nisl diam ut tellus. Ut dui quam, scelerisque id laoreet ut, iaculis at risus.
   </p><br></br><p>
-  Quisque condimentum tincidunt viverra. Quisque eget tincidunt massa. Morbi accumsan augue et diam dignissim blandit. Morbi tincidunt dolor est, id varius velit pharetra et. Cras varius risus volutpat neque pulvinar, sed facilisis mi congue. Suspendisse posuere faucibus suscipit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc eget volutpat odio. Etiam rhoncus turpis nec ex consectetur, a elementum massa feugiat. Pellentesque tincidunt hendrerit commodo. Ut imperdiet blandit augue, et posuere risus dapibus vitae. Maecenas malesuada in mi eu sagittis. 
+  Quisque condimentum tincidunt viverra. Quisque eget tincidunt massa. Morbi accumsan augue et diam dignissim blandit. Morbi tincidunt dolor est, id varius velit pharetra et. Cras varius risus volutpat neque pulvinar, sed facilisis mi congue. Suspendisse posuere faucibus suscipit. className aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc eget volutpat odio. Etiam rhoncus turpis nec ex consectetur, a elementum massa feugiat. Pellentesque tincidunt hendrerit commodo. Ut imperdiet blandit augue, et posuere risus dapibus vitae. Maecenas malesuada in mi eu sagittis. 
           </p>
         </div>
         </div>
-        <span class="font-bold text-2xl text-white">Andrew Lee</span>
-        <p class="text-slate-400">President of the Southeastern Islands</p>
+        <span className="font-bold text-2xl text-white">Andrew Lee</span>
+        <p className="text-slate-400">President of the Southeastern Islands</p>
       </section>
-      <section class="m-12">
-        <div class="mb-6">
-          <h1 class="text-3xl font-bold">Learn more about the Southeastern Islands...</h1>
+      <section className="m-12">
+        <div className="mb-6">
+          <h1 className="text-3xl font-bold">Learn more about the Southeastern Islands...</h1>
           <p>Use the cards below to discover more about local amenities, services and about the nation.</p>
         </div>
-        <div class="px-2">
-  <div class="flex -mx-2">
-    <div class="w-1/3 px-2">
-      <div class="h-12">
-        <a href="/life" class="no-underline text-white ">
-        <div class="transition duration-150 ease-out relative bg-slate-950 h-100 w-100 p-6 rounded-lg hover:bg-slate-900 hover:ease-in">
-          <i class="fa-solid fa-person text-slate-800 text-6xl"></i>
-          <h3 class="mt-3 text-2xl font-bold">Life in SEI</h3>
+        <div className="px-2">
+  <div className="flex -mx-2">
+    <div className="w-1/3 px-2">
+      <div className="h-12">
+        <Link href="/life" className="no-underline text-white ">
+        <div className="transition duration-150 ease-out relative bg-slate-950 h-100 w-100 p-6 rounded-lg hover:bg-slate-900 hover:ease-in">
+          <i className="fa-solid fa-person text-slate-800 text-6xl"></i>
+          <h3 className="mt-3 text-2xl font-bold">Life in SEI</h3>
           <p>Learn more about life in SEI, learn about housing, amenities, local services and attractions that are based around the Southeastern Islands.</p>
           </div>
-          </a>
+          </Link>
       </div>
     </div>
-    <div class="w-1/3 px-2">
-      <div class="h-12">
-      <a href="/cabinet" class="no-underline text-white ">
-        <div class="transition duration-150 ease-out relative bg-slate-950 h-100 w-100 p-6 rounded-lg hover:bg-slate-900 hover:ease-in">
-          <i class="fa-solid fa-door-open text-slate-800 text-6xl"></i>
-          <h3 class="mt-3 text-2xl text-white font-bold">Governmental Cabinet</h3>
+    <div className="w-1/3 px-2">
+      <div className="h-12">
+      <a href="/cabinet" className="no-underline text-white ">
+        <div className="transition duration-150 ease-out relative bg-slate-950 h-100 w-100 p-6 rounded-lg hover:bg-slate-900 hover:ease-in">
+          <i className="fa-solid fa-door-open text-slate-800 text-6xl"></i>
+          <h3 className="mt-3 text-2xl text-white font-bold">Governmental Cabinet</h3>
           <p>Learn more about the government, canton control and how we manage and create decisions within the Southeastern Islands and individual cantons.</p>
           </div>
           </a>
       </div>
     </div>
-    <div class="w-1/3 px-2">
-      <div class="h-12">
-      <a href="/services" class="no-underline text-white ">
-        <div class="transition duration-150 ease-out relative bg-slate-950 h-100 w-100 p-6 rounded-lg hover:bg-slate-900 hover:ease-in">
-          <i class="fa-solid fa-handshake text-slate-800 text-6xl"></i>
-          <h3 class="mt-3 text-2xl text-white font-bold">Amenities and Services</h3>
+    <div className="w-1/3 px-2">
+      <div className="h-12">
+      <a href="/services" className="no-underline text-white ">
+        <div className="transition duration-150 ease-out relative bg-slate-950 h-100 w-100 p-6 rounded-lg hover:bg-slate-900 hover:ease-in">
+          <i className="fa-solid fa-handshake text-slate-800 text-6xl"></i>
+          <h3 className="mt-3 text-2xl text-white font-bold">Amenities and Services</h3>
           <p>Learn more about amentities and services that are offered to citizens by the government cabinets. This includes telecommunications & travel services.</p>
           </div>
           </a>
-- 
cgit v1.2.3