diff options
| author | Tomas <27066503+creatort@users.noreply.github.com> | 2023-05-18 20:01:21 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-18 20:01:21 +0100 |
| commit | 1f44ee7eb172f7f17891325db24c685adcfa16a3 (patch) | |
| tree | 9a4d287b1ab05416e0a2b0cde4ab11dc3929572d /pages | |
| parent | 09f5813252335f44c8dbd52e02902c9958a09ae5 (diff) | |
| download | sei-website-1f44ee7eb172f7f17891325db24c685adcfa16a3.tar.gz sei-website-1f44ee7eb172f7f17891325db24c685adcfa16a3.tar.bz2 sei-website-1f44ee7eb172f7f17891325db24c685adcfa16a3.zip | |
Add files via upload
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/_app.js | 4 | ||||
| -rw-r--r-- | pages/index.js | 141 | ||||
| -rw-r--r-- | pages/life.js | 23 |
3 files changed, 104 insertions, 64 deletions
diff --git a/pages/_app.js b/pages/_app.js index 1e1cec9..8f795f9 100644 --- a/pages/_app.js +++ b/pages/_app.js @@ -1,7 +1,7 @@ import '../styles/globals.css' -function MyApp({ Component, pageProps }) { +function SEIWeb({ Component, pageProps }) { return <Component {...pageProps} /> } -export default MyApp +export default SEIWeb diff --git a/pages/index.js b/pages/index.js index dc4b640..817cdf6 100644 --- a/pages/index.js +++ b/pages/index.js @@ -1,69 +1,86 @@ -import Head from 'next/head' -import Image from 'next/image' -import styles from '../styles/Home.module.css' - +import Layout from '../components/layout.js'; export default function Home() { return ( - <div className={styles.container}> - <Head> - <title>Create Next App</title> - <meta name="description" content="Generated by create next app" /> - <link rel="icon" href="/favicon.ico" /> - </Head> - - <main className={styles.main}> - <h1 className={styles.title}> - Welcome to <a href="https://nextjs.org">Next.js!</a> - </h1> - - <p className={styles.description}> - Get started by editing{' '} - <code className={styles.code}>pages/index.js</code> - </p> - - <div className={styles.grid}> - <a href="https://nextjs.org/docs" className={styles.card}> - <h2>Documentation →</h2> - <p>Find in-depth information about Next.js features and API.</p> - </a> - - <a href="https://nextjs.org/learn" className={styles.card}> - <h2>Learn →</h2> - <p>Learn about Next.js in an interactive course with quizzes!</p> + <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. + </h2> + <h5 class="text-white text-2xl"> + The Southeastern Islands are a prosperous nation made up of island-based 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> + <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> + <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. + </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> + </section> + <section class="m-12"> + <div class="mb-6"> + <h1 class="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> + <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> - - <a - href="https://github.com/vercel/next.js/tree/canary/examples" - className={styles.card} - > - <h2>Examples →</h2> - <p>Discover and deploy boilerplate example Next.js projects.</p> + </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> + <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> - - <a - href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app" - className={styles.card} - > - <h2>Deploy →</h2> - <p> - Instantly deploy your Next.js site to a public URL with Vercel. - </p> + </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> + <p>Learn more about amentities and services that are offered to citizens by the government cabinets. This includes telecommunications & travel services.</p> + </div> </a> - </div> - </main> - - <footer className={styles.footer}> - <a - href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app" - target="_blank" - rel="noopener noreferrer" - > - Powered by{' '} - <span className={styles.logo}> - <Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} /> - </span> - </a> - </footer> + </div> </div> + </div> +</div> + </section> + </Layout> ) -} +}
\ No newline at end of file diff --git a/pages/life.js b/pages/life.js new file mode 100644 index 0000000..1bad1f3 --- /dev/null +++ b/pages/life.js @@ -0,0 +1,23 @@ +import Layout from '../components/layout.js';
+export default function Life() {
+ return (
+ <Layout>
+ <div class="bg-green-700">
+ <div class="container px-6 py-12 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">
+ Life in the Southeastern Islands.
+ </h2>
+ <h5 class="text-white text-2xl">
+ Learn about local culture, services and experiences you can have within the Southeastern Islands.
+ </h5>
+ </div>
+ </div>
+ </section>
+ </div>
+ </div>
+ </Layout>
+ )
+}
\ No newline at end of file |