blob: f166e242eb2b079c0ccf34013f1194fae6ae3ac8 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
import getPostMetadata from "@/components/updates/getPostMetadata";
import PostPreview from "@/components/updates/PostPreview";
import Link from "next/link";
export const metadata = {
title: 'Home - Government of Southeastern Islands',
description: 'The official website of the Government of Southeastern Islands',
}
export default function Home() {
const postMetadata = getPostMetadata();
const postPreviews = postMetadata.slice(0,3).map((post) => (
<PostPreview key={post.slug} {...post} />
));
return (
<main className="flex flex-col">
<div className="bg-center bg-no-repeat bg-[url('/jumbotron.webp')] 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-bold md:text-5xl text-4xl">Welcome to Southeastern Islands</h1>
<h2 className="font-light md:text-3xl text-xl">The official website of the Government of Southeastern Islands</h2>
</div>
</div>
<ul>
<li>
<div className="bg-center bg-no-repeat bg-[url('/cantons/swampisland.webp')] bg-gray-600 bg-blend-multiply">
<div className="sm:px-40 px-10 py-14 space-y-2">
<h1 className="font-light sm:text-5xl text-3xl">Swamp Island</h1>
<span>Leader: Alee</span>
<h2 className="text-lg">Capital of Southeastern Islands and the original home of MinePot</h2>
</div>
</div>
</li>
<li>
<div className="bg-center bg-no-repeat bg-[url('/cantons/nexusunderground.webp')] bg-gray-600 bg-blend-multiply">
<div className="sm:px-40 px-10 py-14 space-y-2">
<h1 className="font-light sm:text-5xl text-3xl">Nexus Underground</h1>
<span>Vacant</span>
<h2 className="text-lg">Home to MinePot Barton Centre and athletics</h2>
</div>
</div>
</li>
<li>
<div className="bg-center bg-no-repeat bg-[url('/cantons/longhornhills.webp')] bg-gray-600 bg-blend-multiply">
<div className="sm:px-40 px-10 py-14 space-y-2">
<h1 className="font-light sm:text-5xl text-3xl">Longhorn Hills</h1>
<span>Leader: Raina</span>
<h2 className="text-lg">A city that floats in the sky</h2>
</div>
</div>
</li>
<li>
<div className="bg-center bg-no-repeat bg-[url('/cantons/foretquebec.webp')] bg-gray-600 bg-blend-multiply">
<div className="sm:px-40 px-10 py-14 space-y-2">
<h1 className="font-light sm:text-5xl text-3xl">Foret Quebec</h1>
<span>Leader: Idk837384</span>
<h2 className="text-lg">Where all things tech-related lie</h2>
</div>
</div>
</li>
</ul>
<div className="sm:px-40 px-10 py-3 space-y-3">
<h1 className="text-2xl font-medium" id="about">About Southeastern Islands</h1>
<p>Southeastern Islands 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>
<p>We are committed to continuous improvement and growth as small regions.</p>
<h1 className="text-2xl font-medium">Latest Updates</h1>
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">{postPreviews}</div>
<Link href="/updates"><p className="text-blue-500 hover:text-blue-300 pt-2">View more</p></Link>
</div>
</main>
)
}
|
