+4 -4

app/(home)/bot/pronouns/layout.tsx

··· 65 65 <ServerGrid guilds={topGuilds} /> 66 66 67 67 <div className="md:text-xl text-lg lg:flex w-full mt-4"> 68 68 - <div className="tracking-wide w-full grid grid-cols-2 md:flex flex-wrap h-min gap-2"> 68 68 + <div className="font-medium w-full grid grid-cols-2 md:flex flex-wrap h-min gap-2"> 69 69 <ServerButton 70 70 as={Link} 71 71 href="/bot/pronouns" ··· 119 119 </div> 120 120 121 121 122 122 - <span className={`lg:ml-auto flex gap-2 text-neutral-500 tracking-wider ${handwritten.className} mt-3 opacity-80 pl-20 lg:pr-20 rotate-2`}> 122 122 + <span className={`lg:ml-auto flex gap-2 text-neutral-500 font-mediumr ${handwritten.className} mt-3 opacity-80 pl-20 lg:pr-20 rotate-2`}> 123 123 <Image src={ArrowPic} width={24} height={24} alt="arrow up" className="h-5 w-5 relative top-px" draggable={false} /> 124 124 Get started here in seconds 125 125 </span> ··· 136 136 <div className="w-full mt-6"> 137 137 <div className="flex gap-4 items-center mb-2"> 138 138 <span className="flex items-center gap-2"> 139 139 - <ImageReduceMotion url="/discord" size={64} alt="mwlica's profile picture" className="w-12 h-12 rounded-full" /> 139 139 + <ImageReduceMotion url="/discord" size={64} alt="users's profile picture" className="w-12 h-12 rounded-full" /> 140 140 <div> 141 141 <span className="text-xl font-medium dark:text-neutral-200 text-neutral-800">@deleted user</span> <br /> 142 142 <span className="dark:text-neutral-300 text-neutral-700">Pronouns user</span> ··· 144 144 </span> 145 145 <HiChevronRight className="w-8 h-8" /> 146 146 </div> 147 147 - <span className={`${handwritten.className} text-2xl break-words`}>„{"I have a lot of friends who have different preferred pronouns and identities and I think it's super sweet y'all have the feature that they can change their pronouns anytime so I put your not in my servers and a friend may put it in theirs too 🥰"}“</span> 147 147 + <span className={`${handwritten.className} text-2xl break-words`}>„{"I have a lot of friends who have different preferred pronouns and identities and I think it's super sweet y'all have the feature that they can change their pronouns anytime so I put your bot in my servers and a friend may put it in theirs too 🥰"}“</span> 148 148 </div> 149 149 150 150 </div>

+278 -249

app/(home)/page.tsx

··· 1 1 import { Montserrat, Patrick_Hand } from "next/font/google"; 2 2 import Image from "next/image"; 3 3 import Link from "next/link"; 4 4 - import { Suspense } from "react"; 5 4 import { BsDiscord } from "react-icons/bs"; 6 6 - import { HiArrowRight, HiFire, HiInformationCircle, HiUserAdd } from "react-icons/hi"; 5 5 + import { HiArrowRight, HiBadgeCheck, HiCash, HiChevronRight, HiFingerPrint, HiFire, HiInformationCircle, HiUserAdd } from "react-icons/hi"; 7 6 8 7 import Badge from "@/components/badge"; 8 8 + import Box from "@/components/box"; 9 9 import { StatsBar } from "@/components/counter"; 10 10 import Highlight from "@/components/discord/markdown"; 11 11 import DiscordMessage from "@/components/discord/message"; 12 12 import DiscordMessageEmbed from "@/components/discord/message-embed"; 13 13 - import DiscordMessageFile from "@/components/discord/Message-file"; 13 13 + import DiscordMessageFile from "@/components/discord/message-file"; 14 14 import ServerGrid from "@/components/guild-grid"; 15 15 - import { ListTab } from "@/components/list"; 16 15 import { ServerButton } from "@/components/server-button"; 17 16 import ArrowPic from "@/public/arroww.webp"; 18 17 import LeaderboardPic from "@/public/leaderboard.webp"; 18 18 + import SpacePic from "@/public/space.webp"; 19 19 import WaifuPic from "@/public/waifu.webp"; 20 20 import WelcomePic from "@/public/welcome.webp"; 21 21 import { ApiV1StatisticsGetResponse, ApiV1TopguildsGetResponse } from "@/typings"; ··· 41 41 const uwus = ["UwU", "uwu", "OwO", "owo", "QwQ", "qwq", ">:(", "Femboys ❤️"]; 42 42 const intl = new Intl.NumberFormat("en", { notation: "standard" }); 43 43 44 44 + const styles = { 45 45 + h2: cn(montserrat.className, "lg:text-5xl text-4xl bg-gradient-to-b bg-clip-text text-transparent from-neutral-200 from-40% to-neutral-400 font-bold underline decoration-violet-400"), 46 46 + h3: cn(montserrat.className, "lg:text-2xl text-xl bg-gradient-to-b bg-clip-text text-transparent from-neutral-200 from-40% to-neutral-300 font-semibold") 47 47 + }; 48 48 + 49 49 + const messageProps = (command?: string) => { 50 50 + return { 51 51 + mode: "DARK" as const, 52 52 + commandUsed: command ? { 53 53 + name: command, 54 54 + username: "@mwlica", 55 55 + avatar: "/luna-small.webp", 56 56 + bot: false 57 57 + } : undefined, 58 58 + 59 59 + user: { 60 60 + username: "Wamellow", 61 61 + avatar: "/waya-v3-small.webp", 62 62 + bot: true 63 63 + } 64 64 + }; 65 65 + }; 66 66 + 44 67 const Invite = () => ( 45 68 <ServerButton 46 69 as={Link} ··· 73 96 {topGuilds && <ServerGrid guilds={topGuilds} />} 74 97 75 98 <div className="md:text-xl text-lg lg:flex w-full mt-4"> 76 76 - <span className="tracking-wide"> 99 99 + <span className="font-medium"> 77 100 Experience the next-gen revolution, offering a list of features and extensive customization, providing a superior alternative to popular bots. 78 101 </span> 79 102 ··· 103 126 </div> 104 127 105 128 106 106 - <span className={`lg:ml-auto flex gap-2 text-neutral-500 tracking-wider ${handwritten.className} mt-3 opacity-80 pl-20 lg:pr-20 rotate-2`}> 129 129 + <span className={`lg:ml-auto flex gap-2 text-neutral-500 font-mediumr ${handwritten.className} mt-3 opacity-80 pl-20 lg:pr-20 rotate-2`}> 107 130 <Image src={ArrowPic} width={24} height={24} alt="arrow up" className="h-5 w-5 relative top-px" draggable={false} /> 108 131 Get started here in seconds 109 132 </span> ··· 114 137 115 138 <div className="lg:mt-14 mt-10" /> 116 139 117 117 - <article itemScope itemType="http://schema.org/Article" className="flex flex-col gap-28 mb-16"> 140 140 + <article itemScope itemType="http://schema.org/Article" className="flex flex-col gap-28 mb-10"> 118 141 119 119 - <div className="flex flex-col md:flex-row gap-8 items-center"> 120 120 - 121 121 - <div className="md:w-1/2"> 122 122 - <h2 className={`${montserrat.className} lg:text-4xl text-3xl dark:text-neutral-100 text-neutral-900 font-semibold underline decoration-violet-400`}>Fun /ranks & /leaderboards 🦄</h2> 123 123 - <div className="text-lg pt-6"> 124 124 - Enhance your server{"’"}s engagement with our text-, voice- and invite based leaderboards, tailored to track and reward your most active members. 125 125 - Craft tailored access to channels and roles, granting exclusive permissions to dedicated members. 126 126 - By motivating your members to communicate, you{"’"}ll cultivate a more dynamic server community. 127 127 - Drive interaction and establish a feeling of accomplishment as users advance through our engaging framework. 128 128 - </div> 129 129 - 130 130 - <div className="flex gap-2 mt-4"> 131 131 - <Invite /> 132 132 - <ServerButton 133 133 - as={Link} 134 134 - startContent={<HiArrowRight />} 135 135 - href="/leaderboard/1055188344188973066" 136 136 - > 137 137 - View Leaderboard 138 138 - </ServerButton> 139 139 - </div> 140 140 - 142 142 + <div> 143 143 + <h2 className={styles.h2}>Fun leveling and leaderboards 🦄</h2> 144 144 + <div className="my-8 max-w-md font-medium"> 145 145 + Have you ever dreamed of not using <span className="line-through">MEE6&trade;</span>? Just use <span className="font-bold">Wamellow</span> instead and don{"'"}t pay premium to personalise your cards and webpages! 141 146 </div> 142 147 143 143 - <div className="md:ml-auto md:w-1/2 px-3 pb-3"> 144 144 - <Suspense> 145 145 - <ListTab 146 146 - tabs={[ 147 147 - { 148 148 - name: "Messages", 149 149 - value: "" 150 150 - }, 151 151 - { 152 152 - name: "Voicetime", 153 153 - value: "voiceminutes" 154 154 - }, 155 155 - { 156 156 - name: "Invites", 157 157 - value: "invites" 158 158 - } 159 159 - ]} 160 160 - url="/" 161 161 - searchParamName="type" 162 162 - disabled={true} 148 148 + <Box className="flex flex-col md:flex-row gap-10 items-center"> 149 149 + <div className="md:w-1/2"> 150 150 + <Badge 151 151 + before={<HiCash />} 152 152 + text="100% free forever" 153 153 + classname="mr-auto ml-0 mb-4" 163 154 /> 164 164 - </Suspense> 165 165 - <Image src={LeaderboardPic} itemProp="image" width={1224 / 1.8} height={768 / 1.8} alt="Example leaderboard webpage" /> 166 166 - </div> 155 155 + <h3 className={styles.h3}>/leaderboard & /rank</h3> 156 156 + <div className="pt-6"> 157 157 + Enhance your server{"’"}s engagement with our text-, voice- and invite based leaderboards, tailored to track and reward your most active members. 158 158 + By motivating your members to communicate, you{"’"}ll cultivate a more active server community. 159 159 + </div> 160 160 + <div className="flex gap-2 mt-6"> 161 161 + <Invite /> 162 162 + <ServerButton 163 163 + as={Link} 164 164 + className="bg-wamellow-light" 165 165 + startContent={<HiArrowRight />} 166 166 + href="/leaderboard/1055188344188973066" 167 167 + > 168 168 + View Leaderboard 169 169 + </ServerButton> 170 170 + </div> 171 171 + </div> 167 172 173 173 + <div className="w-full md:w-1/2 px-8 py-4 rounded-lg" style={{ backgroundColor: "rgb(43, 45, 49)" }}> 174 174 + <DiscordMessage {...messageProps("leaderboard")}> 175 175 + <Image src={LeaderboardPic} itemProp="image" alt="" height={1024 / 2} width={2048 / 2} loading="lazy" /> 176 176 + </DiscordMessage> 177 177 + </div> 178 178 + </Box> 168 179 </div> 169 180 170 170 - <div className="flex flex-col-reverse md:flex-row gap-8 items-center"> 171 171 - 172 172 - <div className="md:ml-auto md:w-1/2 w-full px-3 pb-3"> 173 173 - <DiscordMessage 174 174 - mode={"DARK"} 175 175 - user={{ 176 176 - username: "Wamellow", 177 177 - avatar: "/waya-v3-small.webp", 178 178 - bot: true 179 179 - }} 180 180 - > 181 181 - <Highlight 182 182 - mode={"DARK"} 183 183 - text="Welcome @mwlica to **Someone's x Waya** 👋" 184 184 - /> 185 185 - 186 186 - <Image src={WelcomePic} itemProp="image" alt="Example welcome card" width={1024 / 2} height={(256 + 16) / 2} loading="lazy" className="lg:w-[400px] md:w-[300px] lg:h-[106px] md:h-[80px]" /> 187 187 - 188 188 - </DiscordMessage> 181 181 + <div> 182 182 + <h2 className={styles.h2}>Next-Level text to speech, tts 🔊</h2> 183 183 + <div className="my-8 max-w-md font-medium"> 184 184 + Embrace the power of VoiceWave and let your messages speak everywhere you want! <span className="text-sm relative top-1 italic opacity-75">(Chat GPT called it VoiceWave)</span> 189 185 </div> 190 186 191 191 - <div className="text-left md:w-1/2"> 192 192 - <h2 className={`${montserrat.className} lg:text-4xl text-3xl dark:text-neutral-100 text-neutral-900 font-semibold underline decoration-violet-400`}>Heyho and bye 👋</h2> 193 193 - <div className="text-lg pt-6"> 194 194 - Give a warm welcome to new members, introducing them to rules, topics, and ongoing events. 195 195 - Ensure a positive, inclusive experience from the start, fostering community and engagement. 196 196 - Make newcomers feel valued, enabling them to actively contribute to your vibrant channels. 197 197 - Whether gaming, joining a guild, or casual chat, every member should sense a strong community bond. 187 187 + <Box className="flex flex-col md:flex-row-reverse gap-10 items-center"> 188 188 + <div className="md:w-1/2"> 189 189 + <Badge 190 190 + before={<HiCash />} 191 191 + text="100% free forever" 192 192 + classname="mr-auto ml-0 mb-4" 193 193 + /> 194 194 + <h3 className={styles.h3}>40 Voices in 5 Languages</h3> 195 195 + <div className="pt-6"> 196 196 + With Wamellow{"'"}s Text to Speech, you{"'"}re in control of transforming text into captivating speech across various languages and over 40 distinct voices. 197 197 + Whether you need standalone audio files or want to bring your text to life in a voice chat. Our TTS supports up to 4,000 characters! 198 198 + </div> 199 199 + <div className="flex gap-2 mt-6"> 200 200 + <Invite /> 201 201 + </div> 198 202 </div> 199 203 200 200 - <div className="flex gap-2 mt-4"> 201 201 - <Invite /> 202 202 - <ServerButton 203 203 - as={Link} 204 204 - startContent={<HiArrowRight />} 205 205 - href="/dashboard?to=greeting" 206 206 - > 207 207 - Setup 208 208 - </ServerButton> 204 204 + <div className="w-full md:w-1/2 px-8 py-4 rounded-lg" style={{ backgroundColor: "rgb(43, 45, 49)" }}> 205 205 + <DiscordMessage {...messageProps("tts file")}> 206 206 + <DiscordMessageFile 207 207 + mode={"DARK"} 208 208 + duration={18} 209 209 + /> 210 210 + </DiscordMessage> 209 211 </div> 212 212 + </Box> 213 213 + </div> 210 214 215 215 + <div> 216 216 + <h2 className={styles.h2}>Fun with Starboards ⭐</h2> 217 217 + <div className="my-8 max-w-md font-medium"> 218 218 + Join us in celebrating the best of your community by using Starboards to highlight and share messages that shine! 211 219 </div> 212 220 213 213 - </div> 221 221 + <Box className="flex flex-col md:flex-row gap-10 items-center"> 222 222 + <div className="md:w-1/2"> 223 223 + <Badge 224 224 + before={<HiBadgeCheck />} 225 225 + text="My lawyer said that title below" 226 226 + classname="mr-auto ml-0 mb-4" 227 227 + /> 228 228 + <h3 className={styles.h3}>POGBOARD DEEZ NUTS</h3> 229 229 + <div className="pt-6"> 230 230 + With Starboards, you have the power to elevate remarkable messages within our server. 231 231 + When you come across a post that deserves recognition, simply vote it up, and watch as it takes center stage for everyone to see. 232 232 + This feature ensures that exceptional content gets the attention it deserves, fostering a lively and engaging atmosphere. 233 233 + </div> 234 234 + <div className="flex gap-2 mt-6"> 235 235 + <Invite /> 236 236 + <ServerButton 237 237 + as={Link} 238 238 + className="bg-wamellow-light" 239 239 + startContent={<HiArrowRight />} 240 240 + href="/dashboard?to=starboard" 241 241 + > 242 242 + Setup 243 243 + </ServerButton> 244 244 + </div> 245 245 + </div> 214 246 215 215 - <div className="flex flex-col md:flex-row gap-8 items-center"> 247 247 + <div className="w-full md:w-1/2 px-8 py-4 rounded-lg" style={{ backgroundColor: "rgb(43, 45, 49)" }}> 248 248 + <DiscordMessage {...messageProps()}> 249 249 + <DiscordMessageEmbed 250 250 + mode={"DARK"} 251 251 + color={0xbd7fd6} 252 252 + author={{ 253 253 + text: "@mwlica", 254 254 + icon_url: "/luna-small.webp" 255 255 + }} 256 256 + > 257 257 + I DONT EVEN HAVE A CAR 216 258 217 217 - <div className="md:w-1/2"> 218 218 - <h2 className={`${montserrat.className} lg:text-4xl text-3xl dark:text-neutral-100 text-neutral-900 font-semibold underline decoration-violet-400`}>Fun with Starboards ⭐</h2> 219 219 - <div className="text-lg pt-6"> 220 220 - With Starboards, you have the power to elevate remarkable messages within our server. 221 221 - When you come across a post that deserves recognition, simply vote it up, and watch as it takes center stage for everyone to see. 222 222 - This feature ensures that exceptional content gets the attention it deserves, fostering a lively and engaging atmosphere. 223 223 - Join us in celebrating the best of our community by using Starboards to highlight and share messages that truly shine! 224 224 - </div> 259 259 + <div className="flex gap-1 mt-4 mb-1"> 260 260 + <span className="font-bold flex gap-1 items-center">⭐ 3</span> 261 261 + • 262 262 + <span className="text-blue-500 hover:underline cursor-pointer">#lounge</span> 263 263 + </div> 225 264 226 226 - <div className="flex gap-2 mt-4"> 227 227 - <Invite /> 228 228 - <ServerButton 229 229 - as={Link} 230 230 - startContent={<HiArrowRight />} 231 231 - href="/dashboard?to=starboard" 232 232 - > 233 233 - Setup 234 234 - </ServerButton> 265 265 + <Highlight mode={"DARK"} text="**Replied to @drijon**" /> 266 266 + <Highlight mode={"DARK"} text="As if someone creates a discord account being like: OH I NEED TO KNOW THE GAS PRICES. THERE IS A NICE WAY FOR IT. MEE6 PREMIUM!" /> 267 267 + </DiscordMessageEmbed> 268 268 + </DiscordMessage> 235 269 </div> 270 270 + </Box> 271 271 + </div> 236 272 273 273 + <div> 274 274 + <h2 className={styles.h2}>Heyho and bye @user 👋</h2> 275 275 + <div className="my-8 max-w-md font-medium"> 276 276 + Make newcomers feel valued, enabling them to actively contribute to your vibrant channels. 237 277 </div> 238 278 239 239 - <div className="md:ml-auto md:w-1/2 w-full px-3 pb-3"> 240 240 - <DiscordMessage 241 241 - mode={"DARK"} 242 242 - user={{ 243 243 - username: "Wamellow", 244 244 - avatar: "/waya-v3-small.webp", 245 245 - bot: true 246 246 - }} 247 247 - > 248 248 - 249 249 - <DiscordMessageEmbed 250 250 - mode={"DARK"} 251 251 - color={0xbc7ed4} 252 252 - author={{ 253 253 - text: "@mwlica", 254 254 - icon_url: "/luna-small.webp" 255 255 - }} 256 256 - > 257 257 - <Highlight mode={"DARK"} text="Like ok @sean I know you are gay but no I won’t date you" /> 258 258 - 259 259 - <div className="flex gap-1 mt-4"> 260 260 - <span className="font-bold flex gap-1 items-center">⭐ 9</span> 261 261 - • 262 262 - <span className="text-blue-500 hover:underline cursor-pointer">#lounge</span> 263 263 - </div> 264 264 - 265 265 - <Image src="/_next/image?url=https%3A%2F%2Fcdn.discordapp.com%2Fattachments%2F883817635081506886%2F1113058694347894865%2FIMG_6864.png&w=640&q=75" itemProp="image" alt="" width={640} height={205} loading="lazy" className="mt-2 rounded-md" /> 266 266 - </DiscordMessageEmbed> 267 267 - 268 268 - 269 269 - </DiscordMessage> 270 270 - </div> 271 271 - 272 272 - </div> 273 273 - 274 274 - <div className="flex flex-col-reverse md:flex-row gap-8 items-center"> 275 275 - 276 276 - <div className="md:ml-auto md:w-1/2 w-full px-3 pb-3"> 277 277 - <DiscordMessage 278 278 - mode={"DARK"} 279 279 - user={{ 280 280 - username: "Wamellow", 281 281 - avatar: "/waya-v3-small.webp", 282 282 - bot: true 283 283 - }} 284 284 - > 285 285 - <Highlight mode={"DARK"} text="[Change default voice & fileformat](/profile/text-to-speech)" /> 286 286 - 287 287 - <DiscordMessageFile 288 288 - mode={"DARK"} 289 289 - duration={18} 279 279 + <Box className="flex flex-col md:flex-row-reverse gap-10 items-center"> 280 280 + <div className="md:w-1/2"> 281 281 + <Badge 282 282 + before={<HiFingerPrint />} 283 283 + text="Captcha verification included" 284 284 + classname="mr-auto ml-0 mb-4" 290 285 /> 291 291 - 292 292 - </DiscordMessage> 293 293 - </div> 294 294 - 295 295 - <div className="md:w-1/2"> 296 296 - <h2 className={`${montserrat.className} lg:text-4xl text-3xl dark:text-neutral-100 text-neutral-900 font-semibold underline decoration-violet-400`}>Best Text to Speech, TTS 🔊</h2> 297 297 - <div className="text-lg pt-6"> 298 298 - With Text to Speech, you{"'"}re in control of transforming text into captivating speech across various languages and over 40 distinct voices. 299 299 - Whether you need standalone audio files or want to bring your text to life in a voice chat, Wamellow{"'"}s TTS offers versatility. 300 300 - Embrace the power of VoiceWave and let your messages resonate with impact! 286 286 + <h3 className={styles.h3}>Greetings</h3> 287 287 + <div className="pt-6"> 288 288 + Give a warm welcome to new members, introducing them to rules, topics, and ongoing events. 289 289 + Ensure a positive, inclusive experience from the start, fostering community and engagement. 290 290 + Whether gaming, joining a guild, or casual chat, every member should sense a strong community bond. 291 291 + </div> 292 292 + <div className="flex gap-2 mt-6"> 293 293 + <Invite /> 294 294 + <ServerButton 295 295 + as={Link} 296 296 + className="bg-wamellow-light" 297 297 + startContent={<HiArrowRight />} 298 298 + href="/dashboard?to=greeting" 299 299 + > 300 300 + Setup 301 301 + </ServerButton> 302 302 + </div> 301 303 </div> 302 304 303 303 - <div className="flex gap-2 mt-4"> 304 304 - <Invite /> 305 305 + <div className="w-full md:w-1/2 px-8 py-4 rounded-lg" style={{ backgroundColor: "rgb(43, 45, 49)" }}> 306 306 + <DiscordMessage {...messageProps()}> 307 307 + <Highlight mode={"DARK"} text="Welcome @mwlica to **Someone's** 👋" /> 308 308 + <Image src={WelcomePic} itemProp="image" alt="example welcome card" width={1024 / 2} height={(256 + 16) / 2} loading="lazy" /> 309 309 + </DiscordMessage> 305 310 </div> 311 311 + </Box> 312 312 + </div> 306 313 314 314 + <div> 315 315 + <h2 className={styles.h2}>Watchin{"'"} Anime ❤️</h2> 316 316 + <div className="my-8 max-w-md font-medium"> 317 317 + They{"'"}re like windows to stories that provide the perfect distraction, letting you take a breather before diving back into the real world. 307 318 </div> 308 319 309 309 - </div> 310 310 - 311 311 - <div className="flex flex-col md:flex-row gap-8 items-center"> 312 312 - 313 313 - <div className="md:w-1/2"> 314 314 - <h2 className={`${montserrat.className} lg:text-4xl text-3xl dark:text-neutral-100 text-neutral-900 font-semibold underline decoration-violet-400`}>Watchin{"'"} Anime 👀</h2> 315 315 - <div className="text-lg pt-6"> 316 316 - Unleash the magic of anime right within your Discord server with Wamellow{"'"}s /anime command. 317 317 - Dive into a world of adorable nekos, charming waifus, and much more, all at your fingertips. 318 318 - Whether it{"'"}s sharing the cutest characters or discovering stunning artwork, bring the joy of anime directly to your community, making your server a hub for all things anime-related. 319 319 - 320 320 - <div className="p-4 pb-3 border-2 dark:border-wamellow border-wamellow-100 rounded-lg mt-4"> 320 320 + <Box className="flex flex-col md:flex-row gap-10 items-center"> 321 321 + <div className="md:w-1/2"> 322 322 + <Badge 323 323 + before={<HiCash />} 324 324 + text="100% sexy forever" 325 325 + classname="mr-auto ml-0 mb-4" 326 326 + /> 327 327 + <h3 className={styles.h3}>/anime command</h3> 328 328 + <div className="pt-6"> 329 329 + Unleash the magic of anime right within your Discord server with Wamellow{"'"}s 25+ categories. 330 330 + Dive into a world of adorable nekos, charming waifus, and much more, all at your fingertips. 331 331 + Whether it{"'"}s sharing the cutest characters or discovering stunning artwork, bring the joy of anime directly to your community, making your server a hub for all things anime-related. 332 332 + </div> 333 333 + <div className="p-4 pb-3 border dark:border-wamellow-alpha border-wamellow-100 rounded-lg my-8"> 321 334 <Badge 322 335 before={<HiFire />} 323 336 text="NSFW Supported" ··· 327 340 Find spicy nekos, waifus, and more in nsfw marked channels. 328 341 </span> 329 342 </div> 343 343 + <div className="flex gap-2 mt-6"> 344 344 + <Invite /> 345 345 + </div> 346 346 + </div> 330 347 331 331 - </div> 348 348 + <div className="w-full md:w-1/2 px-8 py-4 rounded-lg" style={{ backgroundColor: "rgb(43, 45, 49)" }}> 349 349 + <DiscordMessage {...messageProps("anime")}> 350 350 + <Highlight mode={"DARK"} text="Please help us on [top.gg](https://top.gg/bot/1125449347451068437/vote), only takes a few seconds" /> 332 351 333 333 - <div className="flex gap-2 mt-4"> 334 334 - <Invite /> 352 352 + <DiscordMessageEmbed 353 353 + mode={"DARK"} 354 354 + color={0xbc7ed4} 355 355 + classname="max-w-min" 356 356 + > 357 357 + <Image src={WaifuPic} itemProp="example anime image" alt="" width={640} height={905} loading="lazy" className="mt-2 rounded-md w-56 sm:w-64 md:w-unset max-w-xs" /> 358 358 + </DiscordMessageEmbed> 359 359 + </DiscordMessage> 335 360 </div> 361 361 + </Box> 362 362 + </div> 336 363 364 364 + <div> 365 365 + <h2 className={styles.h2}>Create Custom Responses 🖊️</h2> 366 366 + <div className="my-8 max-w-md font-medium"> 367 367 + Level up your Discord support game with Wamellow{"'"}s custom respones, called tags! 337 368 </div> 338 369 339 339 - <div className="md:ml-auto md:w-1/2 w-full px-3 pb-3"> 340 340 - <DiscordMessage 341 341 - mode={"DARK"} 342 342 - user={{ 343 343 - username: "Wamellow", 344 344 - avatar: "/waya-v3-small.webp", 345 345 - bot: true 346 346 - }} 347 347 - > 348 348 - <Highlight mode={"DARK"} text="Please help us on [top.gg](https://top.gg/bot/1125449347451068437/vote), only takes a few seconds" /> 370 370 + <Box className="flex flex-col md:flex-row-reverse gap-10 items-center"> 371 371 + <div className="md:w-1/2"> 372 372 + <Badge 373 373 + before={<HiCash />} 374 374 + text="Free for 30 tags" 375 375 + classname="mr-auto ml-0 mb-4" 376 376 + /> 377 377 + <h3 className={styles.h3}>Wamellow tags</h3> 378 378 + <div className="pt-6"> 379 379 + Easily handle frequently asked questions, common queries, and repetitive tasks in a snap. 380 380 + Empower your server with quick access to essential info, making support a breeze. 381 381 + Boost engagement and create a knowledgeable community for free! 382 382 + </div> 383 383 + <div className="flex gap-2 mt-6"> 384 384 + <Invite /> 385 385 + <ServerButton 386 386 + as={Link} 387 387 + className="bg-wamellow-light" 388 388 + startContent={<HiArrowRight />} 389 389 + href="/dashboard?to=custom-commands" 390 390 + > 391 391 + Setup 392 392 + </ServerButton> 393 393 + </div> 394 394 + </div> 349 395 350 350 - <DiscordMessageEmbed 396 396 + <div className="w-full md:w-1/2 px-8 py-4 rounded-lg flex flex-col gap-4" style={{ backgroundColor: "rgb(43, 45, 49)" }}> 397 397 + <DiscordMessage 351 398 mode={"DARK"} 352 352 - color={0xbc7ed4} 353 353 - classname="max-w-min" 399 399 + user={{ 400 400 + username: "mwlica", 401 401 + avatar: "/luna-small.webp", 402 402 + bot: false 403 403 + }} 354 404 > 355 355 - <Image src={WaifuPic} itemProp="image" alt="" width={640} height={905} loading="lazy" className="mt-2 rounded-md max-w-xs" /> 356 356 - </DiscordMessageEmbed> 357 357 - 358 358 - 359 359 - </DiscordMessage> 360 360 - </div> 361 361 - 362 362 - </div> 405 405 + <Highlight mode={"DARK"} text="wm - howto" /> 406 406 + </DiscordMessage> 363 407 364 364 - <div className="flex flex-col-reverse md:flex-row gap-8 items-center"> 365 365 - 366 366 - <div className="md:mr-auto md:w-1/2 w-full px-3 pb-3 flex flex-col gap-4"> 367 367 - <DiscordMessage 368 368 - mode={"DARK"} 369 369 - user={{ 370 370 - username: "mwlica", 371 371 - avatar: "/luna-small.webp", 372 372 - bot: false 373 373 - }} 374 374 - > 375 375 - <Highlight mode={"DARK"} text="wm - howto" /> 376 376 - </DiscordMessage> 377 377 - 378 378 - <DiscordMessage 379 379 - mode={"DARK"} 380 380 - user={{ 381 381 - username: "Wamellow", 382 382 - avatar: "/waya-v3-small.webp", 383 383 - bot: true 384 384 - }} 385 385 - > 386 386 - <DiscordMessageEmbed 408 408 + <DiscordMessage 387 409 mode={"DARK"} 388 388 - color={0xbc7ed4} 410 410 + user={{ 411 411 + username: "Wamellow", 412 412 + avatar: "/waya-v3-small.webp", 413 413 + bot: true 414 414 + }} 389 415 > 390 390 - <Highlight mode={"DARK"} text="To create a custom command, go to [your server's dashboard](/dashboard?to=custom-commands), click on `Create`, fill in the response **content**, **embed title**, **embed description**, **embed color**, **embed images**, command **permissions** and more. When you're done you can start using the command 🎉" /> 391 391 - </DiscordMessageEmbed> 392 392 - </DiscordMessage> 393 393 - </div> 416 416 + <DiscordMessageEmbed 417 417 + mode={"DARK"} 418 418 + color={0xbc7ed4} 419 419 + > 420 420 + <Highlight mode={"DARK"} text="To create a custom command, go to [your server's dashboard](/dashboard?to=custom-commands), click on `Create`, fill in the response **content**, **embed title**, **embed description**, **embed color**, **embed images**, command **permissions** and more. When you're done you can start using the command 🎉" /> 421 421 + </DiscordMessageEmbed> 422 422 + </DiscordMessage> 423 423 + </div> 424 424 + </Box> 425 425 + </div> 394 426 395 395 - <div className="md:w-1/2"> 396 396 - <h2 className={`${montserrat.className} lg:text-4xl text-3xl dark:text-neutral-100 text-neutral-900 font-semibold underline decoration-violet-400`}>Custom Commands 🖊️</h2> 397 397 - <div className="text-lg pt-6"> 398 398 - Level up your Discord support game with Wamellow{"'"}s custom commands (tags)! 399 399 - Easily handle frequently asked questions, common queries, and repetitive tasks in a snap. 400 400 - Empower your server with quick access to essential info, making support a breeze. 401 401 - Boost engagement and create a knowledgeable community for free! 402 402 - </div> 427 427 + </article> 403 428 404 404 - <div className="flex gap-2 mt-4"> 405 405 - <Invite /> 429 429 + <div className="w-full my-6"> 430 430 + <div className="flex gap-4 items-center mb-2"> 431 431 + <span className="flex items-center gap-2"> 432 432 + <Image src={SpacePic} width={64} height={64} alt="users's profile picture" className="w-12 h-12 rounded-full" /> 433 433 + <div> 434 434 + <span className="text-xl font-medium dark:text-neutral-200 text-neutral-800">Luna’s Grandpa {"<3"}</span> <br /> 435 435 + <span className="dark:text-neutral-300 text-neutral-700">likes feta and wine</span> 406 436 </div> 407 407 - 408 408 - </div> 409 409 - 437 437 + </span> 438 438 + <HiChevronRight className="w-8 h-8" /> 410 439 </div> 411 411 - 412 412 - </article> 440 440 + <span className={`${handwritten.className} text-2xl break-words`}>„{"FUCK EVERYTHING! EXCEPT LUNA, LUNA MUST BE PROTECTED AT ALL COSTS"}“</span> 441 441 + </div> 413 442 414 443 <div className="p-5 pb-3 dark:bg-wamellow bg-wamellow-100 rounded-lg mt-4 w-full"> 415 444 <div className="flex"> ··· 444 473 } 445 474 </div> 446 475 447 447 - <div className="h-8" /> 476 476 + <div className="h-6" /> 448 477 449 478 <StatsBar 450 479 items={[

+26

components/box.tsx

··· 1 1 + import React, { type HTMLProps } from "react"; 2 2 + 3 3 + import cn from "@/utils/cn"; 4 4 + 5 5 + type Props = HTMLProps<HTMLDivElement> & { 6 6 + children: React.ReactNode; 7 7 + className?: string; 8 8 + small?: boolean; 9 9 + border?: boolean; 10 10 + } 11 11 + 12 12 + export default function Box({ 13 13 + children, 14 14 + className, 15 15 + border = true, 16 16 + ...props 17 17 + }: Props): JSX.Element { 18 18 + return ( 19 19 + <div 20 20 + className={cn("bg-wamellow rounded-lg py-6 px-8 md:py-10 md:px-16", border && "border-wamellow-alpha border", className)} 21 21 + {...props} 22 22 + > 23 23 + {children} 24 24 + </div> 25 25 + ); 26 26 + }

+5 -10

components/guild-grid.tsx

··· 1 1 - import { FunctionComponent } from "react"; 2 2 - 3 1 import { ApiV1TopguildsGetResponse } from "@/typings"; 4 2 5 3 import ImageReduceMotion from "./image-reduce-motion"; ··· 8 6 guilds: ApiV1TopguildsGetResponse[]; 9 7 } 10 8 11 11 - const ServerGrid: FunctionComponent<Props> = ({ guilds }) => { 9 9 + export default function ServerGrid({ guilds }: Props) { 12 10 return ( 13 11 <div className="w-full h-52 overflow-hidden rounded-xl"> 14 12 <div className="grid grid-flow-col grid-rows-3 w-full md:gap-4 gap-3 rotate-6 relative right-8 bottom-10 md:bottom-20"> 15 15 - 16 16 - {[...guilds, ...guilds, ...guilds, ...guilds, ...guilds, ...guilds].map((guild) => ( 17 17 - <div key={guild.name} className="md:h-32 h-24 md:w-32 w-24"> 18 18 - <ImageReduceMotion url={guild.icon?.split(".").slice(0, -1).join(".")} size={128} alt="Server" className="rounded-xl" /> 13 13 + {guilds.map((guild, i) => ( 14 14 + <div key={"gridGuild-" + guild.name + i} className="md:h-32 h-24 md:w-32 w-24"> 15 15 + <ImageReduceMotion url={guild.icon?.split(".").slice(0, -1).join(".")} size={128} alt="server" className="rounded-xl" /> 19 16 </div> 20 17 ))} 21 18 22 19 </div> 23 20 </div> 24 21 ); 25 25 - }; 26 26 - 27 27 - export default ServerGrid; 22 22 + }

public/leaderboard.webp

This is a binary file and will not be displayed.

public/space.webp

This is a binary file and will not be displayed.