The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
move footer into component
+138
-133
+2
-133
app/(home)/layout.tsx
+2
-133
app/(home)/layout.tsx
···
1
-
import Image from "next/image";
2
-
import Link from "next/link";
3
-
import { BiCopyright, BiLogoGithub, BiLogoGmail, BiLogoTiktok, BiLogoTwitter, BiLogoYoutube } from "react-icons/bi";
4
-
import { BsDiscord } from "react-icons/bs";
5
-
import { HiCube, HiHand, HiLibrary } from "react-icons/hi";
6
-
import { SiKofi } from "react-icons/si";
7
-
8
-
import TopggIcon from "@/components/icons/topgg";
9
-
import { ServerButton } from "@/components/server-button";
10
-
import BlahajPic from "@/public/blahaj.webp";
11
-
import LunaPic from "@/public/luna.webp";
12
-
import PronounsPic from "@/public/pronouns-bot.webp";
1
+
import Footer from "@/components/footer";
13
2
14
3
export default async function RootLayout({
15
4
children
16
5
}: {
17
6
children: React.ReactNode
18
7
}) {
19
-
20
-
// const version = (await readFile(".git/FETCH_HEAD")).toString();
21
-
22
8
return (
23
9
<div className="w-full">
24
10
{children}
25
11
26
-
<div className="text-neutral-500 w-full mt-10 mb-6 text-left">
27
-
28
-
<div className="flex items-center dark:text-neutral-100 text-neutral-900 gap-2 font-medium">
29
-
<BsDiscord className="relative top-[1px] text-[#f8746e]" />
30
-
<span className="text-xl bg-gradient-to-r from-red-400 to-yellow-400 bg-clip-text text-transparent">Wamellow</span>
31
-
<span className="text-xl bg-gradient-to-r from-yellow-400 to-blue-400 bg-clip-text text-transparent">for</span>
32
-
<span className="text-xl bg-gradient-to-r from-blue-400 to-violet-400 bg-clip-text text-transparent">discord</span>
33
-
</div>
34
-
35
-
<div className="md:flex mb-3 text-sm items-start">
36
-
37
-
<div>
38
-
<span className="flex gap-1 items-center">
39
-
<BiCopyright />
40
-
<span>
41
-
<Link href="/" className="hover:underline">Wamellow {new Date(1635609600000).getFullYear()} - {new Date().getFullYear()}</Link>,
42
-
not affiliated with Discord Inc.
43
-
</span>
44
-
</span>
45
-
<span className="flex gap-1 items-center">
46
-
<HiCube />
47
-
<span className="flex gap-0.5 items-center">
48
-
{/* Version {version.toString().slice(0, 7)} by */}
49
-
<span>
50
-
Made by <Link className="hover:underline" href="/support" aria-label="lunish.nl developer">Luna</Link>
51
-
</span>
52
-
<Image src={LunaPic} alt="mwlica" width={16} height={16} className="h-4 w-4 rounded-full ml-0.5" />
53
-
</span>
54
-
</span>
55
-
</div>
56
-
57
-
<div className="ml-auto svg-max flex flex-wrap items-center gap-2 mt-2 md:mt-0">
58
-
<Link href="https://tiktok.com/@wamellow.com" className="text-neutral-400 hover:dark:text-neutral-300 hover:text-neutral-700 duration-200 h-6 w-6" aria-label="Wamellow on TikTok">
59
-
<BiLogoTiktok />
60
-
<span className="sr-only">Wamellow on TikTok</span>
61
-
</Link>
62
-
<Link href="https://youtube.com/@wayabot" className="text-neutral-400 hover:dark:text-neutral-300 hover:text-neutral-700 duration-200 h-6 w-6" aria-label="Wamellow on YouTube">
63
-
<BiLogoYoutube />
64
-
<span className="sr-only">Wamellow on YouTube</span>
65
-
</Link>
66
-
<Link href="https://twitter.com/licamw" className="text-neutral-400 hover:dark:text-neutral-300 hover:text-neutral-700 duration-200 h-6 w-6" aria-label="Wamellow on Twitter (X.com)">
67
-
<BiLogoTwitter />
68
-
<span className="sr-only">Wamellow on Twitter</span>
69
-
</Link>
70
-
<Link href="https://github.com/Luna-devv" className="text-neutral-400 hover:dark:text-neutral-300 hover:text-neutral-700 duration-200 h-6 w-6" aria-label="Wamellow's developers on GitHub">
71
-
<BiLogoGithub />
72
-
<span className="sr-only">Wamellow{"'"}s developers on GitHub</span>
73
-
</Link>
74
-
<Link href="mailto:support@waya.one" className="text-neutral-400 hover:dark:text-neutral-300 hover:text-neutral-700 duration-200 h-6 w-6" aria-label="Contact Wamellow via email">
75
-
<BiLogoGmail />
76
-
<span className="sr-only">Contact Wamellow via email</span>
77
-
</Link>
78
-
<Link href="https://lunish.nl/kofi" className="text-neutral-400 hover:dark:text-neutral-300 hover:text-neutral-700 duration-200 h-[22px] w-[22px]" aria-label="Support Wamellow's developers monetarily on Kofi">
79
-
<SiKofi />
80
-
<span className="sr-only">Support Wamellow{"'"}s developers monetarily on Kofi</span>
81
-
</Link>
82
-
<Link href="/vote" className="text-[#ff3366] duration-200 h-6 w-6" aria-label="Wamellow on top.gg">
83
-
<TopggIcon />
84
-
<span className="sr-only">Wamellow on top.gg</span>
85
-
</Link>
86
-
<Link href="/wumpus" className="text-neutral-400 hover:text-[#b6a5e3] duration-200 h-6 w-6 -ml-0.5" aria-label="Wamellow on wumpus.store">
87
-
<Image
88
-
alt="Wumpus.store"
89
-
height={24}
90
-
src="https://cdn.discordapp.com/emojis/1184215185964146728.webp?size=96&quality=lossless"
91
-
width={24}
92
-
/>
93
-
<span className="sr-only">Wamellow on wumpus.store</span>
94
-
</Link>
95
-
</div>
96
-
97
-
</div>
98
-
99
-
<div className="flex flex-wrap gap-2 mt-2 dark:text-neutral-400 text-neutral-600 select-none">
100
-
<ServerButton
101
-
as={Link}
102
-
className="dark:text-neutral-400 text-neutral-400"
103
-
href="/terms"
104
-
startContent={<HiLibrary />}
105
-
size="sm"
106
-
>
107
-
Terms of Service
108
-
</ServerButton>
109
-
<ServerButton
110
-
as={Link}
111
-
className="dark:text-neutral-400 text-neutral-400"
112
-
href="/privacy"
113
-
startContent={<HiHand />}
114
-
size="sm"
115
-
>
116
-
Privacy Policy
117
-
</ServerButton>
118
-
<ServerButton
119
-
as={Link}
120
-
className="dark:text-neutral-400 text-neutral-400"
121
-
href="/support"
122
-
startContent={<BsDiscord />}
123
-
size="sm"
124
-
>
125
-
Support
126
-
</ServerButton>
127
-
<ServerButton
128
-
as={Link}
129
-
className="dark:text-neutral-400 text-neutral-400"
130
-
href="/bot/pronouns"
131
-
startContent={<Image src={PronounsPic} alt="" width={16} height={16} className="rounded" />}
132
-
size="sm"
133
-
>
134
-
Pronouns
135
-
</ServerButton>
136
-
</div>
137
-
138
-
</div>
139
-
140
-
<div className="w-full flex justify-center mt-20 mb-4 hover:rotate-2 duration-500">
141
-
<Image src={BlahajPic} alt="Blahaj" width={1500 / 2} height={775 / 2} className="h-42" />
142
-
</div>
143
-
12
+
<Footer />
144
13
</div>
145
14
);
146
15
}