shi.gg / mellow-web
The weeb for the next gen discord boat - Wamellow wamellow.com
bot discord
3
fork

Configure Feed

Select the types of activity you want to include in your feed.

update home page

Luna 352454ca 8d8f3496

+50 -80
+50 -80
app/(home)/page.tsx
··· 43 43 44 44 export const revalidate = 43200; 45 45 46 + const styles = { 47 + 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-300 font-bold mb-4"), 48 + 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") 49 + }; 50 + 51 + const messageProps = (command?: string) => ({ 52 + mode: "DARK" as const, 53 + commandUsed: command 54 + ? { 55 + name: command, 56 + username: "@mwlica", 57 + avatar: "/luna.webp", 58 + bot: false 59 + } 60 + : undefined, 61 + user: { 62 + username: "Wamellow", 63 + avatar: "/waya-v3.webp", 64 + bot: true 65 + } 66 + }); 67 + 46 68 export default async function Home() { 47 69 const topGuilds = await fetch(`${process.env.NEXT_PUBLIC_API}/top-guilds`, defaultFetchOptions) 48 70 .then((res) => res.json()) 49 71 .catch(() => null) as ApiV1TopguildsGetResponse[] | null; 50 - 51 - const styles = { 52 - 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-300 font-bold"), 53 - 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") 54 - }; 55 - 56 - const messageProps = (command?: string) => ({ 57 - mode: "DARK" as const, 58 - commandUsed: command 59 - ? { 60 - name: command, 61 - username: "@mwlica", 62 - avatar: "/luna.webp", 63 - bot: false 64 - } 65 - : undefined, 66 - user: { 67 - username: "Wamellow", 68 - avatar: "/waya-v3.webp", 69 - bot: true 70 - } 71 - }); 72 - 73 - const Invite = () => ( 74 - <ClientButton 75 - as={Link} 76 - color="secondary" 77 - href="/login?invite=true" 78 - prefetch={false} 79 - startContent={<HiUserAdd />} 80 - > 81 - <span className="block sm:hidden">Invite</span> 82 - <span className="hidden sm:block">Invite Wamellow</span> 83 - </ClientButton> 84 - ); 85 72 86 73 // eslint-disable-next-line 87 74 async function renderCount() { ··· 224 211 225 212 <div> 226 213 <h2 className={styles.h2}>Next-Level text to speech 🔊</h2> 227 - <div className="my-6 max-w-md font-medium"> 228 - It{"'"}s crucial for people with speech impairments. 229 - It ensures inclusivity and allows everyone to participate fully, promoting accessibility and community engagement. ❤️ 230 - <span className="sr-only">One of the msot important Accessibility feature you need.</span> 231 - </div> 232 214 233 215 <Box className="flex flex-col md:flex-row gap-10 items-center"> 234 216 <div className="md:w-1/2 flex flex-col items-start"> ··· 290 272 291 273 <div 292 274 className="bg-discord-gray px-8 py-6 md:py-12 rounded-lg flex flex-col sm:flex-row sm:items-center md:flex-col md:items-start lg:flex-row lg:items-center gap-4 min-h-56" 293 - 294 275 > 295 276 <DiscordChannelCategory name="#/voice/dev/null"> 296 277 <DiscordChannel ··· 320 301 </div> 321 302 322 303 <div> 323 - <h2 className={styles.h2}>Stylish YouTube Notifications 📢</h2> 324 - <div className="my-6 max-w-md font-medium"> 325 - Notify your community about freshly released videos in style with free custom messages & embeds for up to 30 channels. 326 - </div> 304 + <h2 className={styles.h2}>Stylish Social Notifications 📢</h2> 327 305 328 306 <Box className="flex flex-col md:flex-row-reverse gap-10 items-center"> 329 307 <div className="md:w-1/2"> ··· 334 312 size="sm" 335 313 startContent={<HiCash className="mx-1" />} 336 314 > 337 - <span className="font-semibold">Styling & 30 Channels free</span> 315 + <span className="font-semibold">Free styling, 30 Channels</span> 338 316 </ClientChip> 339 - <h3 className={styles.h3}>Stay up-to-date on YouTube</h3> 317 + <h3 className={styles.h3}>Stay up-to-date on YouTube & Twitch</h3> 340 318 <div className="pt-6"> 341 319 Set up notifications with free custom messages and embeds for up to 30 channels and get notified in less than a minute. 342 320 343 321 <ol className="mt-4"> 344 322 {[ 323 + "Youtube and Twitch", 345 324 "Up to 30 channels", 346 325 "Custom message & embed", 347 - "Sub 30 second delay", 348 - "99.9% uptime" 326 + "Insanely fast" 349 327 ].map((name) => ( 350 328 <li key={name} className="flex gap-1 items-center"> 351 329 <HiCheck className="text-violet-400" /> ··· 399 377 400 378 <div> 401 379 <h2 className={styles.h2}>Create unique images with Ai 🏳️‍⚧️</h2> 402 - <div className="my-6 max-w-md font-medium"> 403 - Unlock complimentary access to a variety of image generation models directly within your Discord server. Without paying a shit ton to MEE6. 404 - </div> 405 380 406 381 <Box className="flex flex-col md:flex-row gap-10 items-center"> 407 382 <div className="md:w-1/2"> ··· 465 440 466 441 <div> 467 442 <h2 className={styles.h2}>Watchin{"'"} Anime ❤️</h2> 468 - <div className="my-6 max-w-md font-medium"> 469 - They{"'"}re like windows to stories that provide the perfect distraction, letting you take a breather before diving back into the real world. 470 - </div> 471 443 472 444 <Box className="flex flex-col md:flex-row-reverse gap-10 items-center"> 473 445 <div className="md:w-1/2"> ··· 523 495 524 496 <div> 525 497 <h2 className={styles.h2}>Fun leveling and leaderboards 🦄</h2> 526 - <div className="my-6 max-w-md font-medium"> 527 - 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! 👀 528 - </div> 529 498 530 499 <Box className="flex flex-col md:flex-row gap-10 items-center"> 531 500 <div className="md:w-1/2"> ··· 573 542 574 543 <div> 575 544 <h2 className={styles.h2}>Fun with Starboards ⭐</h2> 576 - <div className="my-6 max-w-md font-medium"> 577 - Join us in celebrating the best of your community by using Starboards to highlight and share messages that shine! 578 - </div> 579 545 580 546 <Box className="flex flex-col md:flex-row gap-10 items-center"> 581 547 <div className="md:w-1/2"> ··· 590 556 </ClientChip> 591 557 <h3 className={styles.h3}>POGBOARD DEEZ NUTS</h3> 592 558 <div className="pt-6"> 593 - With Starboards, you have the power to elevate remarkable messages within our server. 594 - When you come across a post that deserves recognition, simply vote it up, and watch as it takes center stage for everyone to see. 595 - This feature ensures that exceptional content gets the attention it deserves, fostering a lively and engaging atmosphere. 559 + With Starboards, you have the power to highlight remarkable messages in your server. 560 + When you come across a message that is either funny or hilarious, simply react with a star, and if enough people star the message, it will be posted to the set starboard channel. 596 561 </div> 597 562 <div className="flex gap-2 mt-6"> 598 563 <Invite /> ··· 620 585 I DONT EVEN HAVE A CAR 621 586 622 587 <div className="flex gap-1 mt-4 mb-1"> 623 - <span className="font-bold flex gap-1 items-center">⭐ 3</span> 588 + <span className="font-bold flex gap-1 items-center">⭐ 38</span> 624 589 • 625 590 <span className="text-blue-500 hover:underline cursor-pointer">#lounge</span> 626 591 </div> ··· 634 599 </div> 635 600 636 601 <div> 637 - <h2 className={styles.h2}>Heyho and bye @user 👋</h2> 638 - <div className="my-6 max-w-md font-medium"> 639 - Make newcomers feel valued, enabling them to actively contribute to your vibrant channels. 640 - </div> 602 + <h2 className={styles.h2}>Heyho and farewell @user 👋</h2> 641 603 642 604 <Box className="flex flex-col md:flex-row-reverse gap-10 items-center"> 643 605 <div className="md:w-1/2"> ··· 648 610 size="sm" 649 611 startContent={<HiCash className="mx-1" />} 650 612 > 651 - <span className="font-semibold">w/ free image background</span> 613 + <span className="font-semibold">w/ free image card backgrounds</span> 652 614 </ClientChip> 653 615 <h3 className={styles.h3}>Greetings</h3> 654 616 <div className="pt-6"> 655 617 Give a warm welcome to new members, introducing them to rules, topics, and ongoing events. 656 - Ensure a positive, inclusive experience from the start, fostering community and engagement. 657 618 Whether gaming, joining a guild, or casual chat, every member should sense a strong community bond. 658 619 </div> 659 620 <div className="flex gap-2 mt-6"> ··· 687 648 688 649 <div> 689 650 <h2 className={styles.h2}>Verify members w/ Passport</h2> 690 - <div className="my-6 max-w-md font-medium"> 691 - Secure your server from raider attacks and ensure that only verified members can access your channels. 692 - </div> 693 651 694 652 <Box className="flex flex-col md:flex-row gap-10 items-center"> 695 653 <div className="md:w-1/2"> ··· 704 662 </ClientChip> 705 663 <h3 className={styles.h3}>Captcha verification</h3> 706 664 <div className="pt-6"> 707 - Protect your server from unwanted attacks such as bot-raids with our captcha verification system. 708 - Ensure that only verified members can access your channels, safeguarding your server from raider attacks and ensuring a safe and secure environment for all your members. 665 + Protect your server from unwanted attacks, such as bot-raids, with our captcha verification system. 666 + Ensure that only human members can access your channels, safeguarding your server from raider attacks and ensuring a safe and secure environment for all your members. 709 667 </div> 710 668 <div className="flex gap-2 mt-6"> 711 669 <Invite /> ··· 744 702 745 703 <div> 746 704 <h2 className={styles.h2}>Create Custom Responses 🖊️</h2> 747 - <div className="my-6 max-w-md font-medium"> 748 - Level up your Discord support game with Wamellow{"'"}s custom respones, called tags! 749 - </div> 750 705 751 706 <Box className="flex flex-col md:flex-row-reverse gap-10 items-center"> 752 707 <div className="md:w-1/2"> ··· 762 717 <h3 className={styles.h3}>Wamellow tags</h3> 763 718 <div className="pt-6"> 764 719 Easily handle frequently asked questions, common queries, and repetitive tasks in a snap. 765 - Empower your server with quick access to essential info, making support a breeze. 720 + Empower your server with quick access to custom commands. 766 721 Boost engagement and create a knowledgeable community for free! 767 722 </div> 768 723 <div className="flex gap-2 mt-6"> ··· 825 780 </Suspense> 826 781 827 782 </div> 783 + ); 784 + } 785 + 786 + function Invite() { 787 + return ( 788 + <ClientButton 789 + as={Link} 790 + color="secondary" 791 + href="/login?invite=true" 792 + prefetch={false} 793 + startContent={<HiUserAdd />} 794 + > 795 + <span className="block sm:hidden">Invite</span> 796 + <span className="hidden sm:block">Invite Wamellow</span> 797 + </ClientButton> 828 798 ); 829 799 }