├── .github
    ├── FUNDING.yml
    └── ISSUE_TEMPLATE
    │   └── custom.md
├── LICENSE
├── README.md
├── components
    ├── ErrorPage.jsx
    └── Static
    │   ├── Footer.jsx
    │   └── Header.jsx
├── data
    └── categories.js
├── next.config.js
├── package-lock.json
├── package.json
├── pages
    ├── 404.jsx
    ├── 500.jsx
    ├── _app.jsx
    ├── _document.jsx
    ├── commands.jsx
    ├── developers.jsx
    ├── index.jsx
    ├── invite.jsx
    ├── maintainance.txt
    ├── partners.jsx
    ├── privacy.jsx
    ├── support.jsx
    ├── tos.jsx
    └── vote.jsx
├── postcss.config.js
├── public
    ├── css
    │   ├── customColors.css
    │   ├── global.css
    │   ├── nprogress.css
    │   └── tippy.css
    ├── img
    │   ├── bck.png
    │   ├── bck2.png
    │   ├── bck3.png
    │   ├── bck4.png
    │   ├── devansh.jpeg
    │   ├── logo.jpg
    │   └── logo2.png
    ├── js
    │   └── main.js
    └── sw.js
└── tailwind.config.js


/.github/FUNDING.yml:
--------------------------------------------------------------------------------
 1 | # These are supported funding model platforms
 2 | 
 3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
 4 | patreon: # Replace with a single Patreon username
 5 | open_collective: # Replace with a single Open Collective username
 6 | ko_fi: # Replace with a single Ko-fi username
 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
 9 | liberapay: # Replace with a single Liberapay username
10 | issuehunt: # Replace with a single IssueHunt username
11 | otechie: # Replace with a single Otechie username
12 | lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
13 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
14 | upi : 9648807875@fam
15 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/custom.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: Custom issue template
 3 | about: Describe this issue template's purpose here.
 4 | title: ''
 5 | labels: ''
 6 | assignees: ''
 7 | 
 8 | ---
 9 | 
10 | 
11 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2023 Devansh Yadav
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Website
2 | ### [treobot.tk](https://treobot.tk)
3 | # License
4 | ## [MIT License](LICENSE)
5 | 


--------------------------------------------------------------------------------
/components/ErrorPage.jsx:
--------------------------------------------------------------------------------
 1 | import Head from "next/head";
 2 | import { useRouter } from "next/router";
 3 | import { useState } from "react";
 4 | 
 5 | const ErrorPage = ({ code, message }) => {
 6 |     const [clicked, setClicked] = useState(false);
 7 |     const router = useRouter();
 8 |     
 9 |     return <>
10 |         <Head>
11 |             <title>{code} | Treo Bot</title>
12 |         </Head>
13 | 
14 |         <div className="max-w-7xl text-center py-20 mx-auto">
15 |         <div className="flex w-full justify-center">
16 |       <img width="400" src="/img/bck3.png" />
17 |       </div>
18 |             <h1 className="text-4xl font-extrabold text-white">{code}</h1>
19 |             <p className="text-xl font-thin text-white text-opacity-75">{message}</p>
20 |             <button
21 |                 className="w-42 shadow-lg mt-2 shadow-amber-600/20 rounded-xl py-2 font-medium px-7 text-zinc-900 bg-amber-400 hover:bg-opacity-50 transition duration-200"
22 |                 onClick={() => {
23 |                     setClicked(true);
24 |                     router.back();
25 |                 }}
26 |             >
27 |                 {clicked ? <i className="fad fa-spinner-third fa-spin text-white" /> : <><i className='fa fa-arrow-left mr-2' />Go Back</>}
28 |             </button>
29 |         </div>
30 |     </>
31 | }
32 | 
33 | export default ErrorPage;
34 | 


--------------------------------------------------------------------------------
/components/Static/Footer.jsx:
--------------------------------------------------------------------------------
  1 | import Link from "next/link";
  2 | import { Menu } from '@headlessui/react';
  3 | import { ChevronDownIcon } from '@heroicons/react/solid';
  4 | 
  5 | export default function Footer() {
  6 | 
  7 |     return (
  8 |         <>
  9 |             <footer className="py-10">
 10 |                 <div className="pt-10 mx-auto">
 11 |                     <div className="lg:grid lg:grid-cols-6 gap-20">
 12 |                         <div className="col-span-3">
 13 |                             <div className="flex items-center space-x-5">
 14 |                                 <img src="/img/logo2.png" className="rounded-full w-12" />
 15 |                                 <p className="font-semibold text-xl text-white">Treo Bot</p>
 16 |                             </div>
 17 |                             <Menu as="div" className="relative mt-3 inline-block text-left">
 18 |                                 <div>
 19 |                                     <Menu.Button className="flex z-1 items-center w-full px-4 py-2 text-sm font-medium text-white bg-black rounded-md bg-opacity-20 hover:bg-opacity-30 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75">
 20 |                                         <img
 21 |                                             src={`https://flagcdn.com/w80/gb.png`}
 22 |                                             width="24"
 23 |                                             height="18"
 24 |                                             className="mr-2 h-4 rounded-sm"
 25 |                                         />
 26 |                                         English
 27 |                                         <ChevronDownIcon
 28 |                                             className="w-5 h-5 ml-2 -mr-1 transform rotate-180 text-violet-200 hover:text-violet-100"
 29 |                                             aria-hidden="true"
 30 |                                         />
 31 |                                     </Menu.Button>
 32 | <div className="py-1"></div>
 33 | <a href="https://top.gg/bot/1016392200516550736">
 34 |   <img src={"https://top.gg/api/widget/servers/1016392200516550736.svg"}/>
 35 | </a>
 36 | <div className="py-1"></div>
 37 | <a href="https://top.gg/bot/1016392200516550736">
 38 |   <img src={"https://top.gg/api/widget/upvotes/1016392200516550736.svg"}/>
 39 | </a>
 40 | <div className="py-1"></div>
 41 | <a href="https://top.gg/bot/1016392200516550736">
 42 |   <img src={"https://top.gg/api/widget/owner/1016392200516550736.svg"}/>
 43 | </a>
 44 |                                 </div>
 45 |                             </Menu>
 46 |                         
 47 |                         </div>
 48 |                         <div className="col-span-1">
 49 |                             <p className="text-white font-medium mt-3 sm:mt-0 sm:mb-3">Links</p>
 50 |                             <div>
 51 |                                 <Link href="https://top.gg/bot/1016392200516550736/vote">
 52 |                                     <a className="text-white/50 hover:text-white hover:underline transform duration-200">
 53 |                                         Vote Bot
 54 |                                     </a>
 55 |                                 </Link>
 56 |                             </div>
 57 |                             <div>
 58 |                                 <a href="https://discord.gg/JaNCZvPxMQ" target="_blank" className="text-white/50 hover:text-white hover:underline transform duration-200">
 59 |                                     Support Server
 60 |                                 </a>
 61 |                             </div>
 62 |                             <div>
 63 |                                 <a href="https://discord.com/api/oauth2/authorize?client_id=1016392200516550736&permissions=2146958591&scope=bot%20applications.commands" target="_blank" className="text-white/50 hover:text-white hover:underline transform duration-200">
 64 |                                     Invite Bot
 65 |                                 </a>
 66 |                             </div>
 67 |                         </div>
 68 |                         <div className="col-span-1">
 69 |                             <p className="text-white font-medium mt-3 sm:mt-0 sm:mb-3">Social</p>
 70 |                             <div>
 71 |                                 <Link href="https://discord.gg/JaNCZvPxMQ">
 72 |                                     <a className="text-white/50 hover:text-white hover:underline transform duration-200">
 73 |                                     <i className={`fa-brands fa-discord`} /> Disocrd 
 74 |                                     </a>
 75 |                                 </Link>
 76 |                             </div>
 77 |                             <div>
 78 |                                 <Link href="https://github.com/devanshyadav2010">
 79 |                                     <a className="text-white/50 hover:text-white hover:underline transform duration-200">
 80 |                                     <i className={`fa-brands fa-github`} /> GitHub 
 81 |                                     </a>
 82 |                                 </Link>
 83 |                             </div>
 84 |                             <div>
 85 |                                 <Link href="https://youtube.com/deviladamgaming">
 86 |                                     <a className="text-white/50 hover:text-white hover:underline transform duration-200">
 87 |                                     <i className={`fa-brands fa-youtube`} /> YouTube 
 88 |                                     </a>
 89 |                                 </Link>
 90 |                             </div>
 91 |                         </div>
 92 |                         <div className="col-span-1">
 93 |                             <p className="text-white font-medium mt-3 sm:mt-0 sm:mb-3">Important</p>
 94 |                             <div>
 95 |                                 <Link href="/tos">
 96 |                                     <a className="text-white/50 hover:text-white hover:underline transform duration-200">
 97 |                                         Terms Of Service
 98 |                                     </a>
 99 |                                 </Link>
100 |                             </div>
101 |                             <div>
102 |                                 <Link href="/privacy">
103 |                                     <a className="text-white/50 hover:text-white hover:underline transform duration-200">
104 |                                         Privacy Policy
105 |                                     </a>
106 |                                 </Link>
107 |                             </div>
108 |                         </div>
109 |                     </div>
110 |                     <div className="mt-10 grid content-center grid-cols-1 sm:grid-cols-2 md:grid-cols-3">
111 |                         <p className="text-white text-center sm:text-left text-opacity-50">
112 |                             {new Date().getFullYear()} &copy; Treo
113 |                         </p>
114 |                         <div className="hidden md:flex items-center justify-center">
115 |                                 <p className={"text-xs text-green-400"}>
116 |                                     Bot Online
117 |                                 </p>
118 |                         </div>
119 |                         <p className="text-white text-center sm:text-right text-opacity-50">
120 |                             {"Treo ❤️"}
121 |                         </p>
122 |                     </div>
123 |                 </div>
124 |             </footer>
125 |         </>
126 |     );
127 | };
128 | 


--------------------------------------------------------------------------------
/components/Static/Header.jsx:
--------------------------------------------------------------------------------
  1 | import Link from "next/link";
  2 | import { useEffect, useState, Fragment, useRef } from "react";
  3 | import { useRouter } from "next/router";
  4 | import { Menu, Transition } from '@headlessui/react';
  5 | import { useTheme } from 'next-themes';
  6 | 
  7 | const MobileNavbar = ({ open, setOpen, NavItems }) => {
  8 |     const router = useRouter();
  9 |     return <>
 10 |         <div onClick={() => setOpen(false)} className={`${open ? '' : 'hidden'} w-full h-full z-50 fixed overflow-none top-0 backdrop-blur-sm lg:hidden`} />
 11 |         <div className={`transform ${open ? '' : 'translate-x-full'} transition-all duration-300 bg-black bg-opacity-90 text-white w-80 fixed rounded-l-xl z-60 right-0 top-0 h-full lg:translate-x-full`}>
 12 |             <div className="relative w-full h-full">
 13 | 
 14 |                 <div className="flex justify-between border-b border-white/20 items-center px-5 py-4">
 15 |                     <div className="flex items-center">
 16 |                         <img width="32" className="rounded-full icon-glow" src="/img/logo.jpg" />
 17 |                         <p className=" font-extrabold ml-1 text-2xl">Treo</p>
 18 |                     </div>
 19 |                     <button onClick={() => setOpen(!open)}><i className="cursor-pointer fa fa-times text-xl mr-2" /></button>
 20 |                 </div>
 21 |                 {NavItems.filter(a => a.link).map((item, itemIndex) => (
 22 |                     <Link href={item.href} key={itemIndex}>
 23 |                         <div key={itemIndex} className={`${router.asPath === item.href ? 'bg-white bg-opacity-5' : ''} my-2 cursor-pointer p-4 opacity-75 hover:opacity-100 hover:underline transition-all duration-150 block`}>
 24 |                             <i className={`${router.asPath === item.href ? item.activeIcon : item.icon} mr-2`} />{item.name}
 25 |                         </div>
 26 |                     </Link>
 27 |                 ))}
 28 |                 {NavItems.filter(a => !a.link).map((item, itemIndex) => (
 29 |                     <a href={item.href} key={itemIndex}>
 30 |                         <div key={itemIndex} className={`my-2 cursor-pointer p-4 opacity-75 hover:opacity-100 hover:underline transition-all duration-150 block`}>
 31 |                             <i className={`${router.asPath === item.href ? item.activeIcon : item.icon} mr-2`} />{item.name}
 32 |                         </div>
 33 |                     </a>
 34 |                 ))}
 35 |             </div>
 36 |         </div>
 37 |     </>
 38 | }
 39 | const Header = ({ $, NavItems }) => {
 40 |     const [open, setOpen] = useState(false);
 41 |     const [colors, setColors] = useState(false);
 42 |     const [isDiscovered, setIsDiscovered] = useState(false);
 43 |     const router = useRouter();
 44 |     const { theme, setTheme } = useTheme();
 45 | 
 46 |     const colorsThemes = [
 47 |         { id: 'violet', color: 'violet', label: 'Violet' },
 48 |         { id: 'blue', color: 'blue', label: 'Sky' },
 49 |         { id: 'emerald', color: 'emerald', label: 'Emerald' },
 50 |         { id: 'rose', color: 'rose', label: 'Rose' },
 51 |         { id: 'amber', color: 'amber', label: 'Amber' },
 52 |     ];
 53 |    
 54 |     const ChangeColor = id => {
 55 |         setTheme(id);
 56 |         setIsDiscovered(true);
 57 |     }
 58 |     
 59 |     const [hue, setHue] = useState("");
 60 |     const [banner, setBanner] = useState(false);
 61 |     useEffect(() => {
 62 |         if (typeof localStorage == "undefined") return;
 63 |         const banner = localStorage.getItem("$Award_close_banner");
 64 |         if (!banner) setBanner(true);
 65 |         const theme = localStorage.getItem("theme");
 66 |         if (theme === "violet") setHue("hue-rotate-[230deg]");
 67 |         if (theme === "blue") setHue("hue-rotate-[180deg]");
 68 |         if (theme === "emerald") setHue("hue-rotate-[70deg]");
 69 |         if (theme === "rose") setHue("hue-rotate-[330deg]");
 70 |         if (theme === "amber") setHue("");
 71 |     }, []);
 72 |     
 73 |     return (
 74 |         <>
 75 |             <header>
 76 |                 <div className="max-w-7xl px-5 mx-auto py-5 flex items-center justify-between">
 77 |                     <div className="flex items-center space-x-6">
 78 |                         <div className="flex items-center space-x-3">
 79 |                             <img src="/img/logo2.png" 
 80 |                                 className={`
 81 |                                     rounded-full 
 82 |                                 `}
 83 |                                 width="48" height="48"
 84 |                             />
 85 |                             <p className="invisible md:visible text-xl text-white font-semibold">
 86 |                               <a href="/"><span className="text-amber-400">TR</span>EO</a>
 87 |                             </p>
 88 |                         </div>
 89 |                         <ul className="hidden lg:flex items-center space-x-4">
 90 |                             {NavItems.filter(a => a.link).map((item, itemIndex) => (
 91 |                                 <li key={itemIndex}>
 92 |                                     <Link href={item.href} >
 93 |                                         <a className={`border-b-2 ${router.asPath === item.href ? 'text-amber-500 border-amber-500' : 'border-black/0 text-white/75 hover:text-white'} transition-all duration-200 font-medium pb-3`}>
 94 |                                             {item.name}
 95 |                                         </a>
 96 |                                     </Link>
 97 |                                 </li>
 98 |                             ))}
 99 |                             {NavItems.filter(a => !a.link).map((item, itemIndex) => (
100 |                                 <li key={itemIndex}>
101 |                                     <a target="_blank" href={item.href} >
102 |                                         <div className={`border-b-2 ${router.asPath === item.href ? 'text-amber-500 border-amber-500' : 'border-black/0 text-white/75 hover:text-white'} transition-all duration-200 font-medium`}>
103 |                                             {item.name}
104 |                                         </div>
105 |                                     </a>
106 |                                 </li>
107 |                             ))}
108 | 
109 |                         </ul>
110 |                     </div>
111 |                     <div className="flex items-center space-x-2 relative">
112 |                         <button
113 |                             onClick={() => setOpen(!open)}
114 |                             className="
115 |                                 bg-transparent
116 |                                 py-2
117 |                                 px-3
118 |                                 text-white
119 |                                 rounded-md
120 |                                 text-center
121 |                                 lg:hidden
122 |                                 hover:bg-amber-400 hover:bg-opacity-20
123 |                         ">
124 |                             <i className={`fa ${open ? 'fa-times' : 'fa-bars'} text-lg`} />
125 |                         </button>
126 |                         <Menu as="div" className="relative text-left">
127 |                             <div>
128 |                                 <Menu.Button>
129 |                                     <div onClick={() => setColors(!colors)} className="bg-gradient-to-tl from-amber-500 to-amber-700 text-white w-11 h-11 rounded-xl hover:opacity-80 transition-all duration-200 relative">
130 |                                         <div className="flex w-full h-full items-center justify-center">
131 |                                             <i className="far fa-swatchbook text-zin-900" />
132 |                                             {!isDiscovered && <>
133 |                                                 <div className="absolute animate-ping -top-0.5 -right-0.5 w-3 h-3 bg-gradient-to-br from-red-600 to-red-700 rounded-full" />
134 |                                                 <div className="absolute -top-0.5 -right-0.5 w-3 h-3 bg-gradient-to-br from-red-600 to-red-700 rounded-full" />
135 |                                             </>}
136 |                                         </div>
137 |                                     </div>
138 |                                 </Menu.Button>
139 |                             </div>
140 |                             <Transition
141 |                                 show={colors}
142 |                                 as={Fragment}
143 |                                 enter="transition ease-out duration-100"
144 |                                 enterFrom="transform opacity-0 scale-95"
145 |                                 enterTo="transform opacity-100 scale-100"
146 |                                 leave="transition ease-in duration-75"
147 |                                 leaveFrom="transform opacity-100 scale-100"
148 |                                 leaveTo="transform opacity-0 scale-95"
149 |                             >
150 |                                 <Menu.Items className="absolute z-50 text-base right-0 p-1 w-56 mt-2 origin-top-right border bg-white border-black/10 dark:border-white/10 dark:bg-black rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" static>
151 |                                     <div className="px-1 py-2 space-y-1">
152 |                                     {colorsThemes.map((th, thIdx) => (
153 |                                     <Menu.Item key={thIdx}>
154 |                                             <button
155 |                                             onClick={() => ChangeColor(th.id)}
156 |                                             className={`group flex rounded-md items-center w-full px-3 py-2 transition-all duration-150 ${theme === th.id ? `text-white bg-500 shadow-md shadow-violet-500/10` : 'text-black/75 dark:text-white/75 hover:text-black/100 dark:hover:text-white/100 hover:bg-gray-100/50 dark:hover:bg-gray-800/20'} `}
157 |                                             >
158 |                                             <div className="w-full flex items-center justify-between">
159 |                                                 <span>{th.label} </span>
160 |                                                 <i className={`${theme === th.id ? 'border-white dark:border-black' : 'border-black/0'} border-2 rounded-full fad fa-circle text-500-${String(th.color)} mr-1`}/>
161 |                                             </div>
162 |                                             </button>
163 |                                     </Menu.Item>
164 |                                     ))}
165 |                                     </div>
166 |                                 </Menu.Items>
167 |                             </Transition>
168 |                         </Menu>
169 |                         <Link href="https://discord.com/api/oauth2/authorize?client_id=1016392200516550736&permissions=2146958591&scope=bot%20applications.commands">
170 |                             <a className="w-auto flex items-center justify-center shadow-lg gap-x-2 shadow-amber-600/20 rounded-xl py-2.5 font-medium px-7 bg-gradient-to-tl from-amber-500 to-amber-700 text-white  hover:opacity-80 transition duration-200">
171 |                                Invite
172 |                             </a>
173 |                </Link>
174 |                     </div>
175 |                 </div>
176 |             </header>
177 |             
178 |             <MobileNavbar open={open} setOpen={setOpen} NavItems={NavItems} Menu={() => setOpen(!open)} />
179 |         </>
180 |     );
181 | };
182 | 
183 | export default Header;
184 | 


--------------------------------------------------------------------------------
/data/categories.js:
--------------------------------------------------------------------------------
  1 | const categories = [  
  2 |   {
  3 |     name: "Economy",
  4 |     commands: [
  5 |       {
  6 |         name: "Balance",
  7 |         description: "",
  8 |         usage: ""
  9 |       },
 10 |       {
 11 |         name: "Beg",
 12 |         description: "",
 13 |         usage: ""
 14 |       },
 15 |       {
 16 |         name: "Yearly",
 17 |         description: "",
 18 |         usage: ""
 19 |       },
 20 |       {
 21 |         name: "Daily",
 22 |         description: "",
 23 |         usage: ""
 24 |       },
 25 |       {
 26 |         name: "Weekly",
 27 |         description: "",
 28 |         usage: ""
 29 |       },
 30 |       {
 31 |         name: "Dig",
 32 |         description: "",
 33 |         usage: ""
 34 |       },
 35 |       {
 36 |         name: "Deposit",
 37 |         description: "",
 38 |         usage: ""
 39 |       },
 40 |       {
 41 |         name: "Economy Search",
 42 |         description: "",
 43 |         usage: ""
 44 |       },
 45 |       {
 46 |         name: "Withdraw",
 47 |         description: "",
 48 |         usage: ""
 49 |       },
 50 |       {
 51 |         name: "Hunt",
 52 |         description: "",
 53 |         usage: ""
 54 |       },
 55 |       {
 56 |         name: "Fish",
 57 |         description: "",
 58 |         usage: ""
 59 |       },
 60 |       {
 61 |         name: "Balance",
 62 |         description: "",
 63 |         usage: ""
 64 |       },
 65 |       {
 66 |         name: "Chopwood",
 67 |         description: "",
 68 |         usage: ""
 69 |       }
 70 |     ]
 71 |   },
 72 |   {
 73 |     name: "Fun",
 74 |     commands: [
 75 |       {
 76 |         name: "Anime",
 77 |         description: "",
 78 |         usage: ""
 79 |       },
 80 |       {
 81 |         name: "Clever Rate",
 82 |         description: "",
 83 |         usage: ""
 84 |       },
 85 |       {
 86 |         name: "Gif",
 87 |         description: "",
 88 |         usage: ""
 89 |       },
 90 |       {
 91 |         name: "Hack",
 92 |         description: "",
 93 |         usage: ""
 94 |       },
 95 |       {
 96 |         name: "Image",
 97 |         description: "",
 98 |         usage: ""
 99 |       },
100 |       {
101 |         name: "Nitro",
102 |         description: "",
103 |         usage: ""
104 |       }
105 |     ]
106 |   },
107 |   {
108 |     name: "Games",
109 |     commands: [
110 |       {
111 |         name: "Connect4",
112 |         description: "",
113 |         usage: ""
114 |       },
115 |       {
116 |         name: "Tic Tac Toe",
117 |         description: "",
118 |         usage: ""
119 |       },
120 |       {
121 |         name: "Rock Paper Scissors",
122 |         description: "",
123 |         usage: ""
124 |       }
125 |     ]
126 |   },
127 |   {
128 |     name: "Giveaway",
129 |     commands: [
130 |       {
131 |         name: "Soon",
132 |         description: "",
133 |         usage: ""
134 |       }
135 |     ]
136 |   },
137 |   {
138 |   name: "Info",
139 |   commands: [
140 |     {
141 |       name: "help",
142 |       description: "Displays a list of all available commands.",
143 |       usage: ""
144 |     },
145 |     {
146 |       name: "serverinfo",
147 |       description: "Displays information about the server.",
148 |       usage: ""
149 |     },
150 |     {
151 |       name: "userinfo",
152 |       description: "Displays information about a user.",
153 |       usage: ""
154 |     },
155 |     {
156 |       name: "useravatar",
157 |       description: "Displays the avatar of a user.",
158 |       usage: ""
159 |     },
160 |     {
161 |       name: "userbanner",
162 |       description: "Displays the banner of a user (if they have one).",
163 |       usage: ""
164 |     },
165 |     {
166 |       name: "servericon",
167 |       description: "Displays the icon of the server.",
168 |       usage: ""
169 |     },
170 |     {
171 |       name: "serverbanner",
172 |       description: "Displays the banner of the server (if it has one).",
173 |       usage: ""
174 |     },
175 |     {
176 |       name: "userroles",
177 |       description: "Displays the roles of a user.",
178 |       usage: ""
179 |     },
180 |     {
181 |       name: "serveroldestmember",
182 |       description: "Displays the oldest member in the server.",
183 |       usage: ""
184 |     }
185 |   ]
186 | },
187 | 
188 |   {
189 |     name: "Moderation",
190 |     commands: [
191 |       {
192 |         name: "Kick",
193 |         description: "",
194 |         usage: ""
195 |       },
196 |       {
197 |         name: "Ban",
198 |         description: "",
199 |         usage: ""
200 |       },
201 |       {
202 |         name: "Timeout",
203 |         description: "",
204 |         usage: ""
205 |       },
206 |       {
207 |         name: "Nuke",
208 |         description: "",
209 |         usage: ""
210 |       },
211 |       {
212 |         name: "Slow",
213 |         description: "",
214 |         usage: ""
215 |       },
216 |       {
217 |         name: "Unslow",
218 |         description: "",
219 |         usage: ""
220 |       },
221 |       {
222 |         name: "Unban",
223 |         description: "",
224 |         usage: ""
225 |       },
226 |       {
227 |         name: "Untimeout",
228 |         description: "",
229 |         usage: ""
230 |       },
231 |       {
232 |         name: "Unlock",
233 |         description: "",
234 |         usage: ""
235 |       }
236 |     ]
237 |   },
238 |   {
239 |     name: "Ticket",
240 |     commands: [
241 |       {
242 |         name: "Soon",
243 |         description: "",
244 |         usage: "Soon"
245 |       }
246 |     ]
247 |   },
248 |   {
249 |     name: "Utility",
250 |     commands: [
251 |       {
252 |         name: "Autorole",
253 |         description: "",
254 |         usage: ""
255 |       },
256 |       {
257 |         name: "Calculator",
258 |         description: "",
259 |         usage: ""
260 |       },
261 |       {
262 |         name: "Embed",
263 |         description: "",
264 |         usage: ""
265 |       },
266 |       {
267 |         name: "Poll",
268 |         description: "",
269 |         usage: ""
270 |       },
271 |       {
272 |         name: "Say",
273 |         description: "",
274 |         usage: ""
275 |       },
276 |       {
277 |         name: "Screenshot",
278 |         description: "",
279 |         usage: ""
280 |       },
281 |       {
282 |         name: "Sort",
283 |         description: "",
284 |         usage: ""
285 |       },
286 |       {
287 |         name: "Sticky Embed",
288 |         description: "",
289 |         usage: ""
290 |       },
291 |       {
292 |         name: "Sticky Messages",
293 |         description: "",
294 |         usage: ""
295 |       },
296 |       {
297 |         name: "Thanks",
298 |         description: "",
299 |         usage: ""
300 |       },
301 |       {
302 |         name: "Translate",
303 |         description: "",
304 |         usage: ""
305 |       }
306 |     ]
307 |   },
308 |   {
309 |     name: "Welcome",
310 |     commands: [
311 |       {
312 |         name: "Soon",
313 |         description: "",
314 |         usage: "Soon"
315 |       }
316 |     ]
317 |   }
318 | ];
319 | 
320 | export default categories;
321 | 


--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
 1 |   const withPWA = require("next-pwa");
 2 | 
 3 | module.exports = withPWA({
 4 |     images: {
 5 |         domains: [ "cdn.discordapp.com" ]
 6 |     },
 7 |     pwa: {
 8 |         dest: "public",
 9 |         register: true,
10 |         skipWaiting: true,
11 |         disable: process.env.NODE_ENV == "development"
12 |     }
13 | });


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "TreoBot",
 3 |     "version": "5.0.0",
 4 |     "scripts": {
 5 |         "dev": "next dev",
 6 |         "build": "next build",
 7 |         "start": "next start"
 8 |     },
 9 |     "dependencies": {
10 |         "@headlessui/react": "^1.4.2",
11 |         "@heroicons/react": "^1.0.5",
12 |         "@tailwindcss/line-clamp": "^0.3.1",
13 |         "@tippyjs/react": "^4.2.6",
14 |         "@windui/snackbar": "^1.2.0",
15 |         "@windui/window": "^1.0.0",
16 |         "animate.css": "^4.1.1",
17 |         "autoprefixer": "^10.2.6",
18 |         "axios": "^0.24.0",
19 |         "cookie-cutter": "^0.2.0",
20 |         "cookies": "^0.8.0",
21 |         "js-confetti": "^0.10.2",
22 |         "moment": "^2.29.1",
23 |         "moment-timezone": "^0.5.34",
24 |         "next": "^12.0.7",
25 |         "next-pwa": "^5.4.4",
26 |         "next-themes": "^0.1.1",
27 |         "nprogress": "^0.2.0",
28 |         "postcss": "^8.2.13",
29 |         "react": "17.0.2",
30 |         "react-auth-code-input": "^3.0.0",
31 |         "react-countdown": "^2.3.2",
32 |         "react-dom": "17.0.2",
33 |         "react-icons": "^4.2.1",
34 |         "react-moment": "^1.1.1",
35 |         "react-modal": "^3.16.1",
36 |         "react-snake-game": "^1.0.9",
37 |         "snake-game-react": "^1.0.6",
38 |         "swr": "^1.1.1",
39 |         "tailwindcss": "^3.0.7"
40 |     }
41 | }
42 | 


--------------------------------------------------------------------------------
/pages/404.jsx:
--------------------------------------------------------------------------------
 1 | import ErrorPage from '../components/ErrorPage';
 2 | const UnkownPage = () => {
 3 |     let messages = [
 4 |         'Have you lost your way, kiddo?',
 5 |         'Damn it! This dead-end road.',
 6 |         'The Aurors blocked this road, Harry!'
 7 |     ];
 8 | 
 9 |     return <ErrorPage code={404} message={messages[Math.floor(Math.random()*messages.length)] || "Page not found."} />
10 | }
11 | 
12 | export default UnkownPage;
13 | 
14 | 


--------------------------------------------------------------------------------
/pages/500.jsx:
--------------------------------------------------------------------------------
1 | import ErrorPage from '../components/ErrorPage';
2 | const UnkownPage = () => {
3 |     return <ErrorPage code={500} message={"Oh. It seems there is a 500 Internal Server Error. Please try again later!"} />
4 | }
5 | 
6 | export default UnkownPage;


--------------------------------------------------------------------------------
/pages/_app.jsx:
--------------------------------------------------------------------------------
  1 | import "../public/css/global.css";
  2 | import "../public/css/tippy.css";
  3 | import "../public/css/customColors.css";
  4 | import "tailwindcss/tailwind.css";
  5 | import NProgress from "nprogress";
  6 | import Router, { useRouter } from "next/router";
  7 | import Head from "next/head";
  8 | 
  9 | import Header from "../components/Static/Header.jsx";
 10 | import Footer from "../components/Static/Footer.jsx";
 11 | 
 12 | Router.onRouteChangeStart = () => NProgress.start();
 13 | Router.onRouteChangeComplete = () => NProgress.done();
 14 | Router.onRouteChangeError = () => NProgress.done();
 15 | 
 16 | import { ThemeProvider } from 'next-themes'
 17 | 
 18 | export default function AwardApp({ Component, pageProps }) {
 19 |  
 20 |   const NavItems = [
 21 |     {
 22 |       link: true,
 23 |       name: "Home",
 24 |       icon: "fal fa-home",
 25 |       activeIcon: "fa fa-home",
 26 |       href: "/",
 27 |     },
 28 |     {
 29 |       link: true,
 30 |       name: "Commands",
 31 |       icon: "fa fa-list-alt",
 32 |       activeIcon: "fa fa-list-alt",
 33 |       href: "/commands",
 34 |     },
 35 |     {
 36 |       link: true,
 37 |       name: "Support",
 38 |       icon: "fab fa-discord",
 39 |       activeIcon: "fab fa-discord",
 40 |       href: "/support",
 41 |     },
 42 |     {
 43 |       link: true,
 44 |       name: "Add Bot",
 45 |       icon: "fal fa-robot",
 46 |       activeIcon: "fab fa-robot",
 47 |       href: "/invite",
 48 |     },
 49 |        {
 50 |       link: true,
 51 |       name: "Vote",
 52 |       icon: "fa fa-plus",
 53 |       activeIcon: "fa fa-plus",
 54 |       href: "/vote",
 55 |     },
 56 |     {
 57 |       link: true,
 58 |       name: "Partners",
 59 |       icon: "fal fa-handshake",
 60 |       activeIcon: "fa fa-handshake",
 61 |       href: "/partners",
 62 |     },
 63 |     {
 64 |       link: true,
 65 |       name: "Developers",
 66 |       icon: "fal fa-developers",
 67 |       activeIcon: "fa fa-developers",
 68 |       href: "/developers",
 69 |     }
 70 |   ]
 71 | 
 72 |   return (
 73 |     <ThemeProvider defaultTheme='violet'>
 74 |     <div className="h-screen relative border-t-4 border-amber-600">
 75 |       <div
 76 |         className="bg-gradient-to-b z-10 opacity-[25%] absolute top-0 w-full from-amber-600 to-transparent"
 77 |         style={{ height: "500px" }}
 78 |       />
 79 |       <Head>
 80 |         <title>
 81 |           Treo
 82 |         </title>
 83 |       </Head>
 84 |       <main className="transition-all duration-200 z-10 absolute inset-0 px-5 h-screen max-w-7xl w-full mx-auto">
 85 |         <Header NavItems={NavItems} />
 86 |         <div className="block px-5 md:px-0">
 87 |           <Component {...pageProps} />
 88 |         </div>
 89 |         <Footer />
 90 |       </main>
 91 |       <div>
 92 |         <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js" />
 93 |         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" />
 94 |         <script src="/js/main.js?i=2" />
 95 |       </div>
 96 |     </div>
 97 |     </ThemeProvider>
 98 |   );
 99 | }
100 | 


--------------------------------------------------------------------------------
/pages/_document.jsx:
--------------------------------------------------------------------------------
 1 | import Document, { Html, Head, Main, NextScript } from "next/document";
 2 | 
 3 | class MyDocument extends Document {
 4 | 
 5 |   render() {
 6 |     return (
 7 |       <Html>
 8 |         <Head>
 9 |           <link rel="apple-touch-icon" href="/logo.jpg" />
10 |           <meta name="robots" content="index,follow" />
11 |           <meta name="googlebot" content="index,follow" />
12 |           <meta
13 |             name="description"
14 |             content="Treo is a multipurpose bot for your discord server with Moderation, Fun, Giveaway, Economy, Utility etc... features."
15 |           />
16 |           <meta name="twitter:card" content="summary" />
17 |           <meta name="twitter:site" content="@TreoDiscordBot" />
18 |           <meta name="twitter:creator" content="@TreoDiscordBot" />
19 |           <meta property="og:url" content="https://treoweb.vercel.app" />
20 |           <meta property="og:type" content="website" />
21 |           <meta property="og:title" content="Treo" />
22 |           <link
23 |             rel="icon"
24 |             href="/img/logo2.png"
25 |             type="image/x-icon"
26 |           />
27 |           <meta
28 |             property="og:description"
29 |             content="Treo is a multipurpose bot for your discord server with Moderation, Fun, Giveaway, Economy, Utility etc... features."
30 |           />
31 |           <meta property="og:image" content="/img/logo.jpg" />
32 |           <meta property="og:image:alt" content="Treo" />
33 |           <meta property="og:locale" content="en_GB" />
34 |           <meta
35 |             property="og:site_name"
36 |             content="Treo"
37 |           />
38 |           <meta name="theme-color" content="#6108dd" />
39 |           <link rel="icon" href="/img/logo.jpg" type="image/x-icon" />
40 |           <link
41 |             href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap"
42 |             rel="stylesheet"
43 |           />
44 |           <link
45 |             href="https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css"
46 |             rel="stylesheet"
47 |           />
48 |           <link rel="stylesheet" href="/css/nprogress.css" />
49 |     
50 |         </Head>
51 |         <body>
52 |           <Main />
53 |           <NextScript />
54 |         </body>
55 |       </Html>
56 |     );
57 |   }
58 | }
59 | 
60 | export default MyDocument;
61 | 


--------------------------------------------------------------------------------
/pages/commands.jsx:
--------------------------------------------------------------------------------
 1 | import { useState } from 'react';
 2 | import { AiOutlineSearch } from 'react-icons/ai';
 3 | import categories from '../data/categories';
 4 | import Modal from 'react-modal';
 5 | 
 6 | 
 7 | export default function Commands() {
 8 |   const [selectedCategory, setSelectedCategory] = useState(categories[0]);
 9 |   const [searchText, setSearchText] = useState('');
10 | 
11 |   const handleCategoryClick = (category) => {
12 |     setSelectedCategory(category);
13 |   };
14 | 
15 |   const handleSearchTextChange = (event) => {
16 |     setSearchText(event.target.value);
17 |   };
18 | 
19 |   const filteredCommands = selectedCategory.commands.filter((command) =>
20 |     command.name.toLowerCase().includes(searchText.toLowerCase())
21 |   );
22 | 
23 |   const [selectedCommand, setSelectedCommand] = useState(null);
24 | 
25 |   const handleCommandClick = (command) => {
26 |     setSelectedCommand(command);
27 |   };
28 | 
29 |   return (
30 |     <div className="container mx-auto mt-10">
31 |       <div className="flex flex-col md:flex-row md:justify-between items-center">
32 |         <h1 className="text-4xl font-bold text-gray-900 mb-4">Commands</h1>
33 |         <div className="w-full md:w-1/3 mb-4 md:mb-0">
34 |           <div className="relative rounded-md shadow-sm">
35 |             <input
36 |               type="search"
37 |               name="search"
38 |               id="search"
39 |               value={searchText}
40 |               onChange={handleSearchTextChange}
41 |               className="focus:ring-amber-500 focus:border-amber-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md"
42 |               placeholder="Search commands"
43 |             />
44 |             <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
45 |               <AiOutlineSearch className="h-5 w-5 text-gray-400" />
46 |             </div>
47 |           </div>
48 |         </div>
49 |       </div>
50 |       <div className="flex flex-wrap">
51 |         {categories.map((category) => (
52 |           <div key={category.name} className="md:w-1/3 md:px-2 mb-4" style={{marginRight: '10px'}}>
53 |             <button
54 |               className={`w-full md:w-auto h-10 shadow-md rounded-md py-1 px-1 font-medium bg-gradient-to-bl from-amber-700 to-amber-500 hover:opacity-80 transition duration-200 text-white ${selectedCategory.name === category.name ? 'bg-amber-600' : ''}`}
55 |               onClick={() => handleCategoryClick(category)}
56 |             >
57 |               {category.name}
58 |             </button>
59 |           </div>
60 |         ))}
61 |       </div>
62 | 
63 |       <div className="flex flex-wrap mt-10">
64 |         {filteredCommands.map((command) => (
65 |           <div key={command.name} className="w-full md:w-1/2 lg:w-1/3 px-2 mb-4">
66 |             <div className="h-full bg-white shadow-md rounded-md px-4 py-6 hover:shadow-lg transition duration-200">
67 |               <h2 className="text-lg font-bold mb-2 cursor-pointer" onClick={() => handleCommandClick(command)}>{command.name}</h2>
68 |               <p className="text-gray-600">{command.description}</p>
69 |             </div>
70 |           </div>
71 |         ))}
72 |       </div>
73 | 
74 |       {selectedCommand && (
75 |         <div className="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center">
76 |           <div className="max-w-3xl w-full mx-4 my-6 bg-white shadow-md rounded-md p-8">
77 |             <h2 className="text-2xl font-bold mb-4">{selectedCommand.name}</h2>
78 |             <p className="text-gray-600">{selectedCommand.description}</p>
79 | 
80 | <button className="absolute right-4 top-4 text-gray-400 hover:text-gray-800 transition duration-200" onClick={() => setSelectedCommand(null)}>
81 |                 <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6" viewBox="0 0 20 20" fill="currentColor">
82 |                   <path fillRule="evenodd" d="M10 1C5.038 1 1 5.037 1 10s4.038 9 9 9 9-4.037 9-9-4.038-9-9-9zm4.243 13.536a.75.75 0 01-1.06 1.061L10 11.06l-3.182 3.536a.75.75 0 11-1.06-1.06L8.938 10 5.757 6.464a.75.75 0 111.06-1.06L10 8.94l3.182-3.536a.75.75 0 111.06 1.06L11.062 10l3.182 3.536z" clipRule="evenodd" />
83 |                 </svg>
84 |               </button>
85 |               <p className="text-gray-600 mt-4">{selectedCommand.description}</p>
86 |             </div>
87 |           </div>
88 |        
89 |       )}
90 |     </div>
91 |   );
92 | }
93 | 


--------------------------------------------------------------------------------
/pages/developers.jsx:
--------------------------------------------------------------------------------
 1 | export default function Developers() {
 2 |   return (
 3 |     <div className="container mx-auto mt-10">
 4 |       <div className="flex justify-center">
 5 |         <img className="w-64" src="/img/bck4.png" alt="Background" />
 6 |       </div>
 7 |       <h1 className="py-7 text-4xl font-extrabold text-center text-white">
 8 |         <i className="fal fa-stars text-amber-400 mr-2" />
 9 |           Developers
10 |         </h1>
11 | 
12 |       <div className="flex justify-center">
13 |         <DiscordWidget imageUrl="https://discord.c99.nl/widget/theme-2/980069165459198022.png" />
14 |       </div>
15 |       <div className="flex justify-center">
16 |         <DiscordWidget imageUrl="https://discord.c99.nl/widget/theme-2/903237169722834954.png" />
17 |       </div>
18 |     </div>
19 |   );
20 | }
21 | 
22 | function DiscordWidget({ imageUrl }) {
23 |   return (
24 |     <img className="w-96 shadow-lg rounded-lg" src={imageUrl} alt="Discord Widget" />
25 |   );
26 | }
27 | 
28 | 


--------------------------------------------------------------------------------
/pages/index.jsx:
--------------------------------------------------------------------------------
  1 | import Link from "next/link";
  2 | import Image from "next/image";
  3 | import Head from 'next/head';
  4 | export default function Index() {
  5 | 	
  6 |   return (
  7 |     <>
  8 | 	    <Head>
  9 |         <script
 10 |           type="text/javascript"
 11 |           dangerouslySetInnerHTML={{
 12 |             __html: `
 13 |               // Crisp chat script
 14 |               window.$crisp=[];
 15 |               window.CRISP_WEBSITE_ID="7a304ca3-7233-4d40-9f72-4b86192c2b72";
 16 |               (function(){
 17 |                 var d=document;
 18 |                 var s=d.createElement("script");
 19 |                 s.src="https://client.crisp.chat/l.js";
 20 |                 s.async=1;
 21 |                 d.head.appendChild(s);
 22 |               })();
 23 |             `,
 24 |           }}
 25 |         />
 26 |       </Head>
 27 |       <div className="py-20 mb-30 max-w-3xl mx-auto">
 28 |         <div className="flex w-full justify-center">
 29 |       <img width="500" src="/img/bck.png" />
 30 |       </div>
 31 |         <p className="animateHeader text-4xl font-extrabold text-center text-white">
 32 |           Treo
 33 |         </p>
 34 |         <p className="animateHeader text-white text-opacity-50 text-center mt-5">
 35 |       Treo is a multipurpose bot for your discord server with Moderation, Fun, Giveaway, Economy, Utility etc... features. 
 36 | 	  </p>
 37 |         <div className="animateHeader mt-10 flex flex-wrap items-center justify-center gap-x-4">
 38 |   
 39 |             <Link href={"https://discord.com/api/oauth2/authorize?client_id=1016392200516550736&permissions=2146958591&scope=bot%20applications.commands"}>
 40 |               <a
 41 |                 className={
 42 |                   "flex items-center px-6 justify-center gap-x-2 shadow-lg shadow-amber-600/20 rounded-xl py-4 font-medium bg-gradient-to-bl from-amber-700 to-amber-500 hover:opacity-80 transition duration-200 text-white " 
 43 |                 }
 44 |               >
 45 |           Invite Treo
 46 |               </a>
 47 |             </Link>
 48 |   <div className="py-10"></div>
 49 |   <Link href={"https://top.gg/bot/1016392200516550736/vote"}>
 50 |   <a className={" px-6 justify-center gap-x-2 shadow-lg shadow-amber-600/20 rounded-xl py-4 font-medium bg-gradient-to-bl from-amber-700 to-amber-500 hover:opacity-80 transition duration-200 text-white " }>
 51 | Vote Treo</a>
 52 |   </Link>
 53 |         </div>
 54 | 
 55 |         <div style={{ zIndex: '-1' }} className="hidden xl:block undrag pointer-events-none opacity-10 -left-[10vw] absolute top-[8vw] h-[35vw] flex-shrink-0 grayscale rotate-[1deg]">
 56 |         <Image width="600" height="600" src="/img/gift-left.png"  />
 57 |         </div>
 58 |         <div style={{ zIndex: '-1' }} className="hidden xl:block undrag opacity-10 pointer-events-none -right-[15vw] absolute top-[13vw] h-[90vw] grayscale -rotate-9">
 59 |         <Image  width="600" height="600" src="/img/gift-right.png"  />
 60 |         </div>
 61 |       </div>
 62 | 
 63 | 
 64 | 
 65 |       <div className="grid grid-cols-1 lg:grid-cols-12 gap-y-12 lg:gap-y-0 lg:gap-x-12 py-24">
 66 |           <div className="col-span-4">
 67 |             <p className="text-white text-4xl font-bold" dangerouslySetInnerHTML={{ __html:"Treo Bot" }} />
 68 |             <p className="text-white text-md font-medium text-gray-500/75" dangerouslySetInnerHTML={{ __html: "How about creating the best environment to relax yourself with your own emotions?" }}/>
 69 |             <a href="https://discord.com/oauth2/authorize?client_id=1004699301982773259&permissions=8&scope=bot%20applications.commands" className={"mt-10 flex items-center px-4 justify-center gap-x-2 shadow-lg shadow-amber-600/20 cursor-pointer rounded-xl py-4 font-medium bg-gradient-to-r from-amber-700 to-amber-500 hover:opacity-80 transition duration-200 text-white"}>
 70 |               <i className="fab fa-discord mr-2" />Invite Treo
 71 |             </a>
 72 |           </div>
 73 | 
 74 |           <div className="col-span-8 grid grid-cols-1 lg:grid-cols-2 gap-6">
 75 |            
 76 |               <div>
 77 |                 <div className="text-white">
 78 |                   <p className="text-xl font-semibold mt-5"><i className={`fa fa-cogs text-2xl text-amber-500`} /> Optimisation</p>
 79 |                   <p className="text-gray-500 line-clamp-4">With fast and customizable settings specific to your server, A gives you a musical pleasure to the fullest.</p>
 80 |                 </div>
 81 |               </div>
 82 |               <div>
 83 |                 <div className="text-white">
 84 |                   <p className="text-xl font-semibold mt-5"><i className={`fa fa-universal-access text-2xl text-amber-500`} /> Universal</p>
 85 |                   <p className="text-gray-500 line-clamp-4">Treo is a multipurpose bot for your discord server with Moderation, Fun, Giveaway, Economy, Utility etc... features.</p>
 86 |                 </div>
 87 |               </div>
 88 |               <div>
 89 |                 <div className="text-white">
 90 |                   <p className="text-xl font-semibold mt-5"><i className={`fa fa-shield text-2xl text-amber-500`} /> Security</p>
 91 |                   <p className="text-gray-500 line-clamp-4">An open source safe bot that you can browse and help us develop(Source code soon).</p>
 92 |                 </div>
 93 |               </div>
 94 |               <div>
 95 |                 <div className="text-white">
 96 |                   <p className="text-xl font-semibold mt-5"><i className={`fa fa-ticket text-2xl text-amber-500`} /> Support</p>
 97 |                   <p className="text-gray-500 line-clamp-4">With our best teammates, we provide the fastest response to anyone who needs help.</p>
 98 |                 </div>
 99 |               </div>
100 |           </div>
101 |       </div>
102 | 
103 | 
104 | 
105 |       <div className="flex flex-row w-full h-auto lg:h-56 my-14 lg:my-40 bg-gradient-to-br lg:px-30 from-neutral-900/90 flex items-center justify-start to-neutral-900/50 rounded-lg p-1 shadow-md">
106 |               <>
107 |                 <div className="lg:mx-4 lg:p-8 py-4 lg:py-16 flex items-center justify-center flex-col text-center w-full lg:w-auto lg:text-left lg:flex-none">
108 |                   <img src="https://www.linkpicture.com/q/Capture_449.png"  width="256" className="lg:hidden rounded-xl mb-5 shadow-xl shadow-black" />
109 |                   <p className="text-3xl text-white font-semibold">Best Your Bot</p>
110 |                   <p className="text-md text-white font-medium text-gray-500 line-clamp-5">Are you ready to throw the best parties with Treo, the best and most up-to-date bot?</p>
111 |                 </div>
112 |                 <img src="https://www.linkpicture.com/q/Capture_449.png" className="hidden lg:block rounded-xl perspective-right shadow-xl shadow-black" />
113 |               </>
114 |       
115 |         </div>
116 | 
117 |       </>
118 |   )
119 | }
120 | 


--------------------------------------------------------------------------------
/pages/invite.jsx:
--------------------------------------------------------------------------------
 1 | import { useRouter } from 'next/router';
 2 | 
 3 | export default async function invite() {
 4 |   // function body
 5 | 
 6 |   const router = useRouter();
 7 | 
 8 |   return null;
 9 | }
10 | 
11 | export async function getServerSideProps({ res }) {
12 |   res.writeHead(302, { Location: 'https://discord.com/oauth2/authorize?client_id=1016392200516550736&permissions=2146958591&scope=bot%20applications.commands' });
13 |   res.end();
14 | 
15 |   return {
16 |     props: {},
17 |   };
18 | }
19 | 


--------------------------------------------------------------------------------
/pages/maintainance.txt:
--------------------------------------------------------------------------------
 1 | export default function maintainance() {
 2 | 
 3 |     return (
 4 |         <div>
 5 |             <center><h1 className="font-semibold text-3xl text-white/75">This Page Is Under Maintenance</h1>
 6 |             </center>
 7 |   <div className="animateHeader text-white text-opacity-40 mt-5">
 8 |      
 9 |         </div>
10 |             </div>
11 |     );
12 | };
13 | 


--------------------------------------------------------------------------------
/pages/partners.jsx:
--------------------------------------------------------------------------------
 1 | 
 2 | export default function Partners() {
 3 | 
 4 |     return (
 5 |         <>
 6 |             <div className="w-full my-10">
 7 |             <div className="flex w-full justify-center">
 8 |       <img width="400" src="/img/bck4.png" />
 9 |       </div>
10 |                 <h1 className="py-7 animateHeader text-4xl font-extrabold text-center text-white">
11 |                     <i className="fal fa-stars text-amber-400 mr-2" />
12 |                     Partners
13 |                 </h1>
14 |             </div>
15 | 
16 |             <div className="lg:max-w-screen-lg mt-10 mx-auto grid grid-cols-1 md:grid-cols-2 gap-4">
17 | 
18 |             <div className="flex flex-col justify-center text-white rounded">
19 |             <a href="https://discord.gg/JaNCZvPxMQ">
20 |                         <div className="flex-1 gap-x-4 flex items-center bg-gradient-to-b from-neutral-900/80 to-neutral-900/20 p-3 rounded-full">
21 |                             <img className="rounded-full h-32 w-32" src="" />
22 |                             <div>
23 |                                 <h1 className="leading-none text-3xl font-bold text-white">None</h1>        
24 |                                 <div className="flex items-center mt-1">
25 |                                     <p className="font-normal font-sm">
26 |                                         None!
27 |                                     </p>
28 |                                 </div>     
29 |                             </div>
30 |                         </div>
31 |                     </a>
32 |                     </div>
33 | 
34 |                     <div className="flex flex-col justify-center text-white rounded">
35 |                         <a href="https://discord.gg/JaNCZvPxMQ">
36 |                             <div className="flex-1 gap-x-4 flex items-center bg-gradient-to-b from-neutral-900/80 to-neutral-900/20 p-3 rounded-full">
37 |                             <img className="rounded-full h-32 w-32" src="" />
38 |                             <div>
39 |                                 <h1 className="leading-none text-3xl font-bold text-white">None</h1>        
40 |                                 <div className="flex items-center mt-1">
41 |                                     <p className="font-normal font-sm">
42 |                                     None!
43 |                                     </p>
44 |                                 </div>     
45 |                             </div>
46 |                         </div>
47 |                         </a>
48 |                         </div>
49 | 
50 |                 </div>
51 |                 <div className="py-10"></div>
52 |         </>
53 |     );
54 | };
55 | 


--------------------------------------------------------------------------------
/pages/privacy.jsx:
--------------------------------------------------------------------------------
 1 | export default function Privacy() {
 2 | 
 3 |     return (
 4 |         <div>
 5 |             <h1 className="font-semibold text-3xl text-white/75">Privacy Policy for Treo</h1>
 6 |             <p className="text-sm text-white/30 mb-4">Last Update: 20/05/2022  🆕️</p>
 7 |   <div className="animateHeader text-white text-opacity-40 mt-5">
 8 |         <h2 className="font-semibold text-3xl text-white/75">Usage Of Data</h2>
 9 |         <p>⊳ The bot may use stored data for different purposes, including but not limited to:
10 | 
11 | Storing the guild-specific settings of the bot (Corresponding commands)
12 | Providing the command handling of the bot
13 | Feature usage
14 | No usage of data outside the aforementioned cases will happen and under no circumstances will the data be shared with third parties</p>
15 |         <div className="py-3"></div>
16 |     <h2 className="font-semibold text-3xl text-white/75">Stored Information</h2>
17 |         <p>⊳ The bot may store the following information upon a User using Certain Commands:
18 | 
19 | -Their Database is stored within mongodb and kept privately in my files
20 | 
21 | No other information outside the above-mentioned one will be stored AUTOMATICALLY.</p>
22 |         <div className="py-3"></div>
23 |     <h2 className="font-semibold text-3xl text-white/75">Updating Data</h2>
24 |         <p>⊳ The data may be updated when using specific commands. Updating data will require the input of an end user, and data that can be seen as sensitive, such as content of a message, may need to be stored when using certain commands.
25 | 
26 | No other actions may update the stored information at any given time.</p>
27 |         <div className="py-3"></div>
28 |     <h2 className="font-semibold text-3xl text-white/75">Removal Of Data</h2>
29 |         <h1 className="font-semibold text-3xl text-white/75">Automatic Removal</h1>
30 |         <p>⊳ Stored Data can be removed automatically through means of removing the bot from a Server. This can be achieved by either kicking or banning the bot from the server. Re-inviting the bot will add the same default values, as mentioned above, back to the bot's' database..</p>   
31 |         <div className="py-3"></div>
32 |     <h1 className="font-semibold text-3xl text-white/75">Manual Removal</h1>
33 |         <p>⊳ Manual removal of the data can be requested by contacting the developer DEVANSH#4075 with the subject 'Removal of Yuzu Data'. For security reasons will we ask you to provide us with proof of ownership of the server, that you wish the data to be removed of. Only a server owner may request manual removal of data and requesting it will result in the bot being removed from the server, if still present on it.</p>
34 |        
35 |     
36 |         </div>
37 |             </div>
38 |     );
39 | };
40 | 


--------------------------------------------------------------------------------
/pages/support.jsx:
--------------------------------------------------------------------------------
 1 | import { useRouter } from 'next/router';
 2 | 
 3 | export default function support() {
 4 |   const router = useRouter();
 5 | 
 6 |   return null;
 7 | }
 8 | 
 9 | export async function getServerSideProps({ res }) {
10 |   res.writeHead(302, { Location: 'https://discord.com/invite/JaNCZvPxMQ' });
11 |   res.end();
12 | 
13 |   return {
14 |     props: {},
15 |   };
16 | }
17 | 


--------------------------------------------------------------------------------
/pages/tos.jsx:
--------------------------------------------------------------------------------
 1 | import { useEffect } from "react";
 2 | 
 3 | export default function Tos() {
 4 |   useEffect(() => {
 5 |     // Scroll to the top of the page when component mounts
 6 |     window.scrollTo(0, 0);
 7 |   }, []);
 8 | 
 9 |   return (
10 |     <div>
11 |       <h2 className="mt-4 text-white font-bold text-3xl">Terms of Services</h2>
12 |       <p className="text-sm text-white/30 mb-1">Last Update: 20/05/2022 🆕️</p>
13 |       <div className="animateHeader text-white text-opacity-40 mt-5">
14 |         <h2 className="mt-4 text-white font-bold text-3xl">User Agreement</h2>
15 |         <p>
16 |           ⊳ By inviting the bot and using its features (commands) you are agreeing to the below-mentioned Terms and Privacy Policy (Policy) of the bot.
17 |         </p>
18 |         <p>
19 |           You acknowledge that you have the privilege to use the bot freely on any Discord Server (Server) you share with it, that you can invite it to any Server that you have "Manage Server" rights for and that this privilege might get revoked for you if you're subject to breaking the terms and/or policy of this bot or the Terms of Service, Privacy Policy, and/or Community Guidelines of Discord Inc.
20 |         </p>
21 |         <p>
22 |           Through inviting the bot, it may collect specific data as described in its Policy. The intended usage of this data is for core functionalities of the bot, such as command handling, guild-specific settings, and the Welcoming System.
23 |         </p>
24 |         <div className="py-3"></div>
25 |         <h2 className="mt-4 text-white font-bold text-3xl">Intended Age</h2>
26 |         <p>⊳ The bot may not be used by individuals under the minimal age described in Discord's Terms of Service</p>
27 |         <div className="py-3"></div>
28 |         <h2 className="mt-4 text-white font-bold text-3xl">Affiliation</h2>
29 |         <p>
30 |           ⊳ The Bot is not affiliated with, supported, or made by Discord Inc. Any direct connection to Discord or any of its Trademark objects is purely coincidental. We do not claim to have the copyright ownership of Discord's assets, trademarks, or other intellectual property.
31 |         </p>
32 |         <div className="py-3"></div>
33 |         <h2 className="mt-4 text-white font-bold text-3xl">Liability</h2>
34 |         <p>
35 |           ⊳ The owner of the bot may not be made liable for individuals breaking these Terms at any given time. He has faith in the end users being truthful about their information and not misusing this bot or The Services of Discord Inc in a malicious way.
36 |         </p>
37 |         <p>
38 |           We reserve the right to update these terms at our own discretion, giving you a 1-Week (7 days) period to opt out of these terms if you're not agreeing with the new changes. You may opt out by removing the bot from any Server you have the rights for.
39 |         </p>
40 |         <div className="py-3"></div>
41 |         <h2 className="mt-4 text-white font-bold text-3xl">Contact</h2>
42 |         <p>
43 |           ⊳ If you have any questions or concerns about these Terms, please contact us at{" "}
44 |           <a className="text-white" href="https://top.gg/bot/924325576095973426/vote">
45 |             official Support Discord
46 |           </a>{" "}
47 |           of the Bot. If the above-mentioned Discord Support Server
48 | 
49 |  is not available, please DM DEVANSH#4075 on Discord.
50 |         </p>
51 |       </div>
52 |     </div>
53 |   );
54 | }
55 | 


--------------------------------------------------------------------------------
/pages/vote.jsx:
--------------------------------------------------------------------------------
 1 | import { useRouter } from 'next/router';
 2 | 
 3 | export default function vote() {
 4 |   const router = useRouter();
 5 | 
 6 |   return null;
 7 | }
 8 | 
 9 | export async function getServerSideProps({ res }) {
10 |   res.writeHead(302, { Location: 'https://top.gg/bot/1016392200516550736/vote' });
11 |   res.end();
12 | 
13 |   return {
14 |     props: {},
15 |   };
16 | }
17 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |     plugins: {
3 |         tailwindcss: {},
4 |         autoprefixer: {}
5 |     }
6 | };


--------------------------------------------------------------------------------
/public/css/customColors.css:
--------------------------------------------------------------------------------
  1 | [data-theme="violet"]{
  2 |     --gradient: rgba(146, 51, 234, 0.2);
  3 |     --900: rgba(76, 29, 149);
  4 |     --800: rgba(91, 33, 182);
  5 |     --700: rgba(109, 40, 217);
  6 |     --600: rgba(124, 58, 237);
  7 |     --500: rgba(139, 92, 246);
  8 |     --400: rgba(167, 139, 250);
  9 |     --300: rgba(196, 181, 253);
 10 |     --200: rgba(221, 214, 254);
 11 |     --100: rgba(237, 233, 254);
 12 |     --50: rgba(245, 243, 255);
 13 |     --50-0: rgba(245, 243, 255, .0);
 14 |     --50-10: rgba(245, 243, 255, .10);
 15 |     --50-20: rgba(245, 243, 255, .20);
 16 |     --50-30: rgba(245, 243, 255, .30);
 17 |     --50-40: rgba(245, 243, 255, .40);
 18 |     --50-50: rgba(245, 243, 255, .50);
 19 |     --50-60: rgba(245, 243, 255, .60);
 20 |     --50-70: rgba(245, 243, 255, .70);
 21 |     --50-80: rgba(245, 243, 255, .80);
 22 |     --50-90: rgba(245, 243, 255, .90);
 23 |     --100-0: rgba(237, 233, 254, .0);
 24 |     --100-10: rgba(237, 233, 254, .10);
 25 |     --100-20: rgba(237, 233, 254, .20);
 26 |     --100-30: rgba(237, 233, 254, .30);
 27 |     --100-40: rgba(237, 233, 254, .40);
 28 |     --100-50: rgba(237, 233, 254, .50);
 29 |     --100-60: rgba(237, 233, 254, .60);
 30 |     --100-70: rgba(237, 233, 254, .70);
 31 |     --100-80: rgba(237, 233, 254, .80);
 32 |     --100-90: rgba(237, 233, 254, .90);
 33 |     --200-0: rgba(221, 214, 254, .0);
 34 |     --200-10: rgba(221, 214, 254, .10);
 35 |     --200-20: rgba(221, 214, 254, .20);
 36 |     --200-30: rgba(221, 214, 254, .30);
 37 |     --200-40: rgba(221, 214, 254, .40);
 38 |     --200-50: rgba(221, 214, 254, .50);
 39 |     --200-60: rgba(221, 214, 254, .60);
 40 |     --200-70: rgba(221, 214, 254, .70);
 41 |     --200-80: rgba(221, 214, 254, .80);
 42 |     --200-90: rgba(221, 214, 254, .90);
 43 |     --300-0: rgba(196, 181, 253, .0);
 44 |     --300-10: rgba(196, 181, 253, .10);
 45 |     --300-20: rgba(196, 181, 253, .20);
 46 |     --300-30: rgba(196, 181, 253, .30);
 47 |     --300-40: rgba(196, 181, 253, .40);
 48 |     --300-50: rgba(196, 181, 253, .50);
 49 |     --300-60: rgba(196, 181, 253, .60);
 50 |     --300-70: rgba(196, 181, 253, .70);
 51 |     --300-80: rgba(196, 181, 253, .80);
 52 |     --300-90: rgba(196, 181, 253, .90);
 53 |     --400-0: rgba(167, 139, 250, .0);
 54 |     --400-10: rgba(167, 139, 250, .10);
 55 |     --400-20: rgba(167, 139, 250, .20);
 56 |     --400-30: rgba(167, 139, 250, .30);
 57 |     --400-40: rgba(167, 139, 250, .40);
 58 |     --400-50: rgba(167, 139, 250, .50);
 59 |     --400-60: rgba(167, 139, 250, .60);
 60 |     --400-70: rgba(167, 139, 250, .70);
 61 |     --400-80: rgba(167, 139, 250, .80);
 62 |     --400-90: rgba(167, 139, 250, .90);
 63 |     --500-0: rgba(139, 92, 246, .0);
 64 |     --500-10: rgba(139, 92, 246, .10);
 65 |     --500-20: rgba(139, 92, 246, .20);
 66 |     --500-30: rgba(139, 92, 246, .30);
 67 |     --500-40: rgba(139, 92, 246, .40);
 68 |     --500-50: rgba(139, 92, 246, .50);
 69 |     --500-60: rgba(139, 92, 246, .60);
 70 |     --500-70: rgba(139, 92, 246, .70);
 71 |     --500-80: rgba(139, 92, 246, .80);
 72 |     --500-90: rgba(139, 92, 246, .90);
 73 |     --600-0: rgba(124, 58, 237, .0);
 74 |     --600-10: rgba(124, 58, 237, .10);
 75 |     --600-20: rgba(124, 58, 237, .20);
 76 |     --600-30: rgba(124, 58, 237, .30);
 77 |     --600-40: rgba(124, 58, 237, .40);
 78 |     --600-50: rgba(124, 58, 237, .50);
 79 |     --600-60: rgba(124, 58, 237, .60);
 80 |     --600-70: rgba(124, 58, 237, .70);
 81 |     --600-80: rgba(124, 58, 237, .80);
 82 |     --600-90: rgba(124, 58, 237, .90);
 83 |     --700-0: rgba(109, 40, 217, .0);
 84 |     --700-10: rgba(109, 40, 217, .10);
 85 |     --700-20: rgba(109, 40, 217, .20);
 86 |     --700-30: rgba(109, 40, 217, .30);
 87 |     --700-40: rgba(109, 40, 217, .40);
 88 |     --700-50: rgba(109, 40, 217, .50);
 89 |     --700-60: rgba(109, 40, 217, .60);
 90 |     --700-70: rgba(109, 40, 217, .70);
 91 |     --700-80: rgba(109, 40, 217, .80);
 92 |     --700-90: rgba(109, 40, 217, .90);
 93 |     --800-0: rgba(91, 33, 182, .0);
 94 |     --800-10: rgba(91, 33, 182, .10);
 95 |     --800-20: rgba(91, 33, 182, .20);
 96 |     --800-30: rgba(91, 33, 182, .30);
 97 |     --800-40: rgba(91, 33, 182, .40);
 98 |     --800-50: rgba(91, 33, 182, .50);
 99 |     --800-60: rgba(91, 33, 182, .60);
100 |     --800-70: rgba(91, 33, 182, .70);
101 |     --800-80: rgba(91, 33, 182, .80);
102 |     --800-90: rgba(91, 33, 182, .90);
103 |     --900-0: rgba(76, 29, 149, .0);
104 |     --900-10: rgba(76, 29, 149, .10);
105 |     --900-20: rgba(76, 29, 149, .20);
106 |     --900-30: rgba(76, 29, 149, .30);
107 |     --900-40: rgba(76, 29, 149, .40);
108 |     --900-50: rgba(76, 29, 149, .50);
109 |     --900-60: rgba(76, 29, 149, .60);
110 |     --900-70: rgba(76, 29, 149, .70);
111 |     --900-80: rgba(76, 29, 149, .80);
112 |     --900-90: rgba(76, 29, 149, .90);
113 |     
114 | }
115 | [data-theme="blue"] {
116 |     --gradient: rgba(51, 136, 234, 0.2);
117 |     --900: rgba(30, 58, 138);
118 |     --800: rgba(30, 64, 175);
119 |     --700: rgba(29, 78, 216);
120 |     --600: rgba(37, 99, 235);
121 |     --500: rgba(59, 130, 246);
122 |     --400: rgba(96, 165, 250);
123 |     --300: rgba(147, 197, 253);
124 |     --200: rgba(191, 219, 254);
125 |     --100: rgba(219, 234, 254);
126 |     --50: rgba(239, 246, 255);
127 |     --900-90: rgba(30, 58, 138, .90);
128 |     --900-80: rgba(30, 58, 138, .80);
129 |     --900-70: rgba(30, 58, 138, .70);
130 |     --900-60: rgba(30, 58, 138, .60);
131 |     --900-50: rgba(30, 58, 138, .50);
132 |     --900-40: rgba(30, 58, 138, .40);
133 |     --900-30: rgba(30, 58, 138, .30);
134 |     --900-20: rgba(30, 58, 138, .20);
135 |     --900-10: rgba(30, 58, 138, .10);
136 |     --900-0: rgba(30, 58, 138, .0);
137 |     --800-90: rgba(30, 64, 175, .90);
138 |     --800-80: rgba(30, 64, 175, .80);
139 |     --800-70: rgba(30, 64, 175, .70);
140 |     --800-60: rgba(30, 64, 175, .60);
141 |     --800-50: rgba(30, 64, 175, .50);
142 |     --800-40: rgba(30, 64, 175, .40);
143 |     --800-30: rgba(30, 64, 175, .30);
144 |     --800-20: rgba(30, 64, 175, .20);
145 |     --800-10: rgba(30, 64, 175, .10);
146 |     --800-0: rgba(30, 64, 175, .0);
147 |     --700-90: rgba(29, 78, 216, .90);
148 |     --700-80: rgba(29, 78, 216, .80);
149 |     --700-70: rgba(29, 78, 216, .70);
150 |     --700-60: rgba(29, 78, 216, .60);
151 |     --700-50: rgba(29, 78, 216, .50);
152 |     --700-40: rgba(29, 78, 216, .40);
153 |     --700-30: rgba(29, 78, 216, .30);
154 |     --700-20: rgba(29, 78, 216, .20);
155 |     --700-10: rgba(29, 78, 216, .10);
156 |     --700-0: rgba(29, 78, 216, .0);
157 |     --600-90: rgba(37, 99, 235, .90);
158 |     --600-80: rgba(37, 99, 235, .80);
159 |     --600-70: rgba(37, 99, 235, .70);
160 |     --600-60: rgba(37, 99, 235, .60);
161 |     --600-50: rgba(37, 99, 235, .50);
162 |     --600-40: rgba(37, 99, 235, .40);
163 |     --600-30: rgba(37, 99, 235, .30);
164 |     --600-20: rgba(37, 99, 235, .20);
165 |     --600-10: rgba(37, 99, 235, .10);
166 |     --600-0: rgba(37, 99, 235, .0);
167 |     --500-90: rgba(59, 130, 246, .90);
168 |     --500-80: rgba(59, 130, 246, .80);
169 |     --500-70: rgba(59, 130, 246, .70);
170 |     --500-60: rgba(59, 130, 246, .60);
171 |     --500-50: rgba(59, 130, 246, .50);
172 |     --500-40: rgba(59, 130, 246, .40);
173 |     --500-30: rgba(59, 130, 246, .30);
174 |     --500-20: rgba(59, 130, 246, .20);
175 |     --500-10: rgba(59, 130, 246, .10);
176 |     --500-0: rgba(59, 130, 246, .0);
177 |     --400-90: rgba(96, 165, 250, .90);
178 |     --400-80: rgba(96, 165, 250, .80);
179 |     --400-70: rgba(96, 165, 250, .70);
180 |     --400-60: rgba(96, 165, 250, .60);
181 |     --400-50: rgba(96, 165, 250, .50);
182 |     --400-40: rgba(96, 165, 250, .40);
183 |     --400-30: rgba(96, 165, 250, .30);
184 |     --400-20: rgba(96, 165, 250, .20);
185 |     --400-10: rgba(96, 165, 250, .10);
186 |     --400-0: rgba(96, 165, 250, .0);
187 |     --300-90: rgba(147, 197, 253, .90);
188 |     --300-80: rgba(147, 197, 253, .80);
189 |     --300-70: rgba(147, 197, 253, .70);
190 |     --300-60: rgba(147, 197, 253, .60);
191 |     --300-50: rgba(147, 197, 253, .50);
192 |     --300-40: rgba(147, 197, 253, .40);
193 |     --300-30: rgba(147, 197, 253, .30);
194 |     --300-20: rgba(147, 197, 253, .20);
195 |     --300-10: rgba(147, 197, 253, .10);
196 |     --300-0: rgba(147, 197, 253, .0);
197 |     --200-90: rgba(219, 234, 254, .90);
198 |     --200-80: rgba(219, 234, 254, .80);
199 |     --200-70: rgba(219, 234, 254, .70);
200 |     --200-60: rgba(219, 234, 254, .60);
201 |     --200-50: rgba(219, 234, 254, .50);
202 |     --200-40: rgba(219, 234, 254, .40);
203 |     --200-30: rgba(219, 234, 254, .30);
204 |     --200-20: rgba(219, 234, 254, .20);
205 |     --200-10: rgba(219, 234, 254, .10);
206 |     --200-0: rgba(219, 234, 254, .0);
207 |     --100-90: rgba(219, 234, 254, .90);
208 |     --100-80: rgba(219, 234, 254, .80);
209 |     --100-70: rgba(219, 234, 254, .70);
210 |     --100-60: rgba(219, 234, 254, .60);
211 |     --100-50: rgba(219, 234, 254, .50);
212 |     --100-40: rgba(219, 234, 254, .40);
213 |     --100-30: rgba(219, 234, 254, .30);
214 |     --100-20: rgba(219, 234, 254, .20);
215 |     --100-10: rgba(219, 234, 254, .10);
216 |     --100-0: rgba(219, 234, 254, .0);
217 |     --50-90: rgba(239, 246, 255, .90);
218 |     --50-80: rgba(239, 246, 255, .80);
219 |     --50-70: rgba(239, 246, 255, .70);
220 |     --50-60: rgba(239, 246, 255, .60);
221 |     --50-50: rgba(239, 246, 255, .50);
222 |     --50-40: rgba(239, 246, 255, .40);
223 |     --50-30: rgba(239, 246, 255, .30);
224 |     --50-20: rgba(239, 246, 255, .20);
225 |     --50-10: rgba(239, 246, 255, .10);
226 |     --50-0: rgba(239, 246, 255, .0);
227 | }
228 | [data-theme="rose"] {
229 |     --gradient: rgba(239, 68, 68, 0.2);
230 |     --50: rgba(254, 242, 242);
231 | 	--50-0: rgba(254, 242, 242, .0);
232 | 	--50-10: rgba(254, 242, 242, .10);
233 | 	--50-20: rgba(254, 242, 242, .20);
234 | 	--50-30: rgba(254, 242, 242, .30);
235 | 	--50-40: rgba(254, 242, 242, .40);
236 | 	--50-50: rgba(254, 242, 242, .50);
237 | 	--50-60: rgba(254, 242, 242, .60);
238 | 	--50-70: rgba(254, 242, 242, .70);
239 | 	--50-80: rgba(254, 242, 242, .80);
240 | 	--50-90: rgba(254, 242, 242, .90);
241 | 	--100: rgba(254, 226, 226);
242 | 	--100-0: rgba(254, 226, 226, .0);
243 | 	--100-10: rgba(254, 226, 226, .10);
244 | 	--100-20: rgba(254, 226, 226, .20);
245 | 	--100-30: rgba(254, 226, 226, .30);
246 | 	--100-40: rgba(254, 226, 226, .40);
247 | 	--100-50: rgba(254, 226, 226, .50);
248 | 	--100-60: rgba(254, 226, 226, .60);
249 | 	--100-70: rgba(254, 226, 226, .70);
250 | 	--100-80: rgba(254, 226, 226, .80);
251 | 	--100-90: rgba(254, 226, 226, .90);
252 | 	--200: rgba(254, 202, 202);
253 | 	--200-0: rgba(254, 202, 202, .0);
254 | 	--200-10: rgba(254, 202, 202, .10);
255 | 	--200-20: rgba(254, 202, 202, .20);
256 | 	--200-30: rgba(254, 202, 202, .30);
257 | 	--200-40: rgba(254, 202, 202, .40);
258 | 	--200-50: rgba(254, 202, 202, .50);
259 | 	--200-60: rgba(254, 202, 202, .60);
260 | 	--200-70: rgba(254, 202, 202, .70);
261 | 	--200-80: rgba(254, 202, 202, .80);
262 | 	--200-90: rgba(254, 202, 202, .90);
263 | 	--300: rgba(252, 165, 165);
264 | 	--300-0: rgba(252, 165, 165, .0);
265 | 	--300-10: rgba(252, 165, 165, .10);
266 | 	--300-20: rgba(252, 165, 165, .20);
267 | 	--300-30: rgba(252, 165, 165, .30);
268 | 	--300-40: rgba(252, 165, 165, .40);
269 | 	--300-50: rgba(252, 165, 165, .50);
270 | 	--300-60: rgba(252, 165, 165, .60);
271 | 	--300-70: rgba(252, 165, 165, .70);
272 | 	--300-80: rgba(252, 165, 165, .80);
273 | 	--300-90: rgba(252, 165, 165, .90);
274 | 	--400: rgba(248, 113, 113);
275 | 	--400-0: rgba(248, 113, 113, .0);
276 | 	--400-10: rgba(248, 113, 113, .10);
277 | 	--400-20: rgba(248, 113, 113, .20);
278 | 	--400-30: rgba(248, 113, 113, .30);
279 | 	--400-40: rgba(248, 113, 113, .40);
280 | 	--400-50: rgba(248, 113, 113, .50);
281 | 	--400-60: rgba(248, 113, 113, .60);
282 | 	--400-70: rgba(248, 113, 113, .70);
283 | 	--400-80: rgba(248, 113, 113, .80);
284 | 	--400-90: rgba(248, 113, 113, .90);
285 | 	--500: rgba(239, 68, 68);
286 | 	--500-0: rgba(239, 68, 68, .0);
287 | 	--500-10: rgba(239, 68, 68, .10);
288 | 	--500-20: rgba(239, 68, 68, .20);
289 | 	--500-30: rgba(239, 68, 68, .30);
290 | 	--500-40: rgba(239, 68, 68, .40);
291 | 	--500-50: rgba(239, 68, 68, .50);
292 | 	--500-60: rgba(239, 68, 68, .60);
293 | 	--500-70: rgba(239, 68, 68, .70);
294 | 	--500-80: rgba(239, 68, 68, .80);
295 | 	--500-90: rgba(239, 68, 68, .90);
296 | 	--600: rgba(220, 38, 38);
297 | 	--600-0: rgba(220, 38, 38, .0);
298 | 	--600-10: rgba(220, 38, 38, .10);
299 | 	--600-20: rgba(220, 38, 38, .20);
300 | 	--600-30: rgba(220, 38, 38, .30);
301 | 	--600-40: rgba(220, 38, 38, .40);
302 | 	--600-50: rgba(220, 38, 38, .50);
303 | 	--600-60: rgba(220, 38, 38, .60);
304 | 	--600-70: rgba(220, 38, 38, .70);
305 | 	--600-80: rgba(220, 38, 38, .80);
306 | 	--600-90: rgba(220, 38, 38, .90);
307 | 	--700: rgba(185, 28, 28);
308 | 	--700-0: rgba(185, 28, 28, .0);
309 | 	--700-10: rgba(185, 28, 28, .10);
310 | 	--700-20: rgba(185, 28, 28, .20);
311 | 	--700-30: rgba(185, 28, 28, .30);
312 | 	--700-40: rgba(185, 28, 28, .40);
313 | 	--700-50: rgba(185, 28, 28, .50);
314 | 	--700-60: rgba(185, 28, 28, .60);
315 | 	--700-70: rgba(185, 28, 28, .70);
316 | 	--700-80: rgba(185, 28, 28, .80);
317 | 	--700-90: rgba(185, 28, 28, .90);
318 | 	--800: rgba(153, 27, 27);
319 | 	--800-0: rgba(153, 27, 27, .0);
320 | 	--800-10: rgba(153, 27, 27, .10);
321 | 	--800-20: rgba(153, 27, 27, .20);
322 | 	--800-30: rgba(153, 27, 27, .30);
323 | 	--800-40: rgba(153, 27, 27, .40);
324 | 	--800-50: rgba(153, 27, 27, .50);
325 | 	--800-60: rgba(153, 27, 27, .60);
326 | 	--800-70: rgba(153, 27, 27, .70);
327 | 	--800-80: rgba(153, 27, 27, .80);
328 | 	--800-90: rgba(153, 27, 27, .90);
329 | 	--900: rgba(127, 29, 29);
330 | 	--900-0: rgba(127, 29, 29, .0);
331 | 	--900-10: rgba(127, 29, 29, .10);
332 | 	--900-20: rgba(127, 29, 29, .20);
333 | 	--900-30: rgba(127, 29, 29, .30);
334 | 	--900-40: rgba(127, 29, 29, .40);
335 | 	--900-50: rgba(127, 29, 29, .50);
336 | 	--900-60: rgba(127, 29, 29, .60);
337 | 	--900-70: rgba(127, 29, 29, .70);
338 | 	--900-80: rgba(127, 29, 29, .80);
339 | 	--900-90: rgba(127, 29, 29, .90);
340 | }
341 | [data-theme=amber] {
342 |     --gradient: rgba(245, 158, 11, .2);
343 | 	--50: rgba(255, 251, 235);
344 | 	--50-0: rgba(255, 251, 235, .0);
345 | 	--50-10: rgba(255, 251, 235, .10);
346 | 	--50-20: rgba(255, 251, 235, .20);
347 | 	--50-30: rgba(255, 251, 235, .30);
348 | 	--50-40: rgba(255, 251, 235, .40);
349 | 	--50-50: rgba(255, 251, 235, .50);
350 | 	--50-60: rgba(255, 251, 235, .60);
351 | 	--50-70: rgba(255, 251, 235, .70);
352 | 	--50-80: rgba(255, 251, 235, .80);
353 | 	--50-90: rgba(255, 251, 235, .90);
354 | 	--100: rgba(254, 243, 199);
355 | 	--100-0: rgba(254, 243, 199, .0);
356 | 	--100-10: rgba(254, 243, 199, .10);
357 | 	--100-20: rgba(254, 243, 199, .20);
358 | 	--100-30: rgba(254, 243, 199, .30);
359 | 	--100-40: rgba(254, 243, 199, .40);
360 | 	--100-50: rgba(254, 243, 199, .50);
361 | 	--100-60: rgba(254, 243, 199, .60);
362 | 	--100-70: rgba(254, 243, 199, .70);
363 | 	--100-80: rgba(254, 243, 199, .80);
364 | 	--100-90: rgba(254, 243, 199, .90);
365 | 	--200: rgba(253, 230, 138);
366 | 	--200-0: rgba(253, 230, 138, .0);
367 | 	--200-10: rgba(253, 230, 138, .10);
368 | 	--200-20: rgba(253, 230, 138, .20);
369 | 	--200-30: rgba(253, 230, 138, .30);
370 | 	--200-40: rgba(253, 230, 138, .40);
371 | 	--200-50: rgba(253, 230, 138, .50);
372 | 	--200-60: rgba(253, 230, 138, .60);
373 | 	--200-70: rgba(253, 230, 138, .70);
374 | 	--200-80: rgba(253, 230, 138, .80);
375 | 	--200-90: rgba(253, 230, 138, .90);
376 | 	--300: rgba(252, 211, 77);
377 | 	--300-0: rgba(252, 211, 77, .0);
378 | 	--300-10: rgba(252, 211, 77, .10);
379 | 	--300-20: rgba(252, 211, 77, .20);
380 | 	--300-30: rgba(252, 211, 77, .30);
381 | 	--300-40: rgba(252, 211, 77, .40);
382 | 	--300-50: rgba(252, 211, 77, .50);
383 | 	--300-60: rgba(252, 211, 77, .60);
384 | 	--300-70: rgba(252, 211, 77, .70);
385 | 	--300-80: rgba(252, 211, 77, .80);
386 | 	--300-90: rgba(252, 211, 77, .90);
387 | 	--400: rgba(251, 191, 36);
388 | 	--400-0: rgba(251, 191, 36, .0);
389 | 	--400-10: rgba(251, 191, 36, .10);
390 | 	--400-20: rgba(251, 191, 36, .20);
391 | 	--400-30: rgba(251, 191, 36, .30);
392 | 	--400-40: rgba(251, 191, 36, .40);
393 | 	--400-50: rgba(251, 191, 36, .50);
394 | 	--400-60: rgba(251, 191, 36, .60);
395 | 	--400-70: rgba(251, 191, 36, .70);
396 | 	--400-80: rgba(251, 191, 36, .80);
397 | 	--400-90: rgba(251, 191, 36, .90);
398 | 	--500: rgba(245, 158, 11);
399 | 	--500-0: rgba(245, 158, 11, .0);
400 | 	--500-10: rgba(245, 158, 11, .10);
401 | 	--500-20: rgba(245, 158, 11, .20);
402 | 	--500-30: rgba(245, 158, 11, .30);
403 | 	--500-40: rgba(245, 158, 11, .40);
404 | 	--500-50: rgba(245, 158, 11, .50);
405 | 	--500-60: rgba(245, 158, 11, .60);
406 | 	--500-70: rgba(245, 158, 11, .70);
407 | 	--500-80: rgba(245, 158, 11, .80);
408 | 	--500-90: rgba(245, 158, 11, .90);
409 | 	--600: rgba(217, 119, 6);
410 | 	--600-0: rgba(217, 119, 6, .0);
411 | 	--600-10: rgba(217, 119, 6, .10);
412 | 	--600-20: rgba(217, 119, 6, .20);
413 | 	--600-30: rgba(217, 119, 6, .30);
414 | 	--600-40: rgba(217, 119, 6, .40);
415 | 	--600-50: rgba(217, 119, 6, .50);
416 | 	--600-60: rgba(217, 119, 6, .60);
417 | 	--600-70: rgba(217, 119, 6, .70);
418 | 	--600-80: rgba(217, 119, 6, .80);
419 | 	--600-90: rgba(217, 119, 6, .90);
420 | 	--700: rgba(180, 83, 9);
421 | 	--700-0: rgba(180, 83, 9, .0);
422 | 	--700-10: rgba(180, 83, 9, .10);
423 | 	--700-20: rgba(180, 83, 9, .20);
424 | 	--700-30: rgba(180, 83, 9, .30);
425 | 	--700-40: rgba(180, 83, 9, .40);
426 | 	--700-50: rgba(180, 83, 9, .50);
427 | 	--700-60: rgba(180, 83, 9, .60);
428 | 	--700-70: rgba(180, 83, 9, .70);
429 | 	--700-80: rgba(180, 83, 9, .80);
430 | 	--700-90: rgba(180, 83, 9, .90);
431 | 	--800: rgba(146, 64, 14);
432 | 	--800-0: rgba(146, 64, 14, .0);
433 | 	--800-10: rgba(146, 64, 14, .10);
434 | 	--800-20: rgba(146, 64, 14, .20);
435 | 	--800-30: rgba(146, 64, 14, .30);
436 | 	--800-40: rgba(146, 64, 14, .40);
437 | 	--800-50: rgba(146, 64, 14, .50);
438 | 	--800-60: rgba(146, 64, 14, .60);
439 | 	--800-70: rgba(146, 64, 14, .70);
440 | 	--800-80: rgba(146, 64, 14, .80);
441 | 	--800-90: rgba(146, 64, 14, .90);
442 | 	--900: rgba(120, 53, 15);
443 | 	--900-0: rgba(120, 53, 15, .0);
444 | 	--900-10: rgba(120, 53, 15, .10);
445 | 	--900-20: rgba(120, 53, 15, .20);
446 | 	--900-30: rgba(120, 53, 15, .30);
447 | 	--900-40: rgba(120, 53, 15, .40);
448 | 	--900-50: rgba(120, 53, 15, .50);
449 | 	--900-60: rgba(120, 53, 15, .60);
450 | 	--900-70: rgba(120, 53, 15, .70);
451 | 	--900-80: rgba(120, 53, 15, .80);
452 | 	--900-90: rgba(120, 53, 15, .90);
453 | }
454 | [data-theme=emerald] {
455 |     --gradient: rgba(16, 185, 129, .2);
456 | 	--50: rgba(236, 253, 245);
457 | 	--50-0: rgba(236, 253, 245, .0);
458 | 	--50-10: rgba(236, 253, 245, .10);
459 | 	--50-20: rgba(236, 253, 245, .20);
460 | 	--50-30: rgba(236, 253, 245, .30);
461 | 	--50-40: rgba(236, 253, 245, .40);
462 | 	--50-50: rgba(236, 253, 245, .50);
463 | 	--50-60: rgba(236, 253, 245, .60);
464 | 	--50-70: rgba(236, 253, 245, .70);
465 | 	--50-80: rgba(236, 253, 245, .80);
466 | 	--50-90: rgba(236, 253, 245, .90);
467 | 	--100: rgba(209, 250, 229);
468 | 	--100-0: rgba(209, 250, 229, .0);
469 | 	--100-10: rgba(209, 250, 229, .10);
470 | 	--100-20: rgba(209, 250, 229, .20);
471 | 	--100-30: rgba(209, 250, 229, .30);
472 | 	--100-40: rgba(209, 250, 229, .40);
473 | 	--100-50: rgba(209, 250, 229, .50);
474 | 	--100-60: rgba(209, 250, 229, .60);
475 | 	--100-70: rgba(209, 250, 229, .70);
476 | 	--100-80: rgba(209, 250, 229, .80);
477 | 	--100-90: rgba(209, 250, 229, .90);
478 | 	--200: rgba(167, 243, 208);
479 | 	--200-0: rgba(167, 243, 208, .0);
480 | 	--200-10: rgba(167, 243, 208, .10);
481 | 	--200-20: rgba(167, 243, 208, .20);
482 | 	--200-30: rgba(167, 243, 208, .30);
483 | 	--200-40: rgba(167, 243, 208, .40);
484 | 	--200-50: rgba(167, 243, 208, .50);
485 | 	--200-60: rgba(167, 243, 208, .60);
486 | 	--200-70: rgba(167, 243, 208, .70);
487 | 	--200-80: rgba(167, 243, 208, .80);
488 | 	--200-90: rgba(167, 243, 208, .90);
489 | 	--300: rgba(110, 231, 183);
490 | 	--300-0: rgba(110, 231, 183, .0);
491 | 	--300-10: rgba(110, 231, 183, .10);
492 | 	--300-20: rgba(110, 231, 183, .20);
493 | 	--300-30: rgba(110, 231, 183, .30);
494 | 	--300-40: rgba(110, 231, 183, .40);
495 | 	--300-50: rgba(110, 231, 183, .50);
496 | 	--300-60: rgba(110, 231, 183, .60);
497 | 	--300-70: rgba(110, 231, 183, .70);
498 | 	--300-80: rgba(110, 231, 183, .80);
499 | 	--300-90: rgba(110, 231, 183, .90);
500 | 	--400: rgba(52, 211, 153);
501 | 	--400-0: rgba(52, 211, 153, .0);
502 | 	--400-10: rgba(52, 211, 153, .10);
503 | 	--400-20: rgba(52, 211, 153, .20);
504 | 	--400-30: rgba(52, 211, 153, .30);
505 | 	--400-40: rgba(52, 211, 153, .40);
506 | 	--400-50: rgba(52, 211, 153, .50);
507 | 	--400-60: rgba(52, 211, 153, .60);
508 | 	--400-70: rgba(52, 211, 153, .70);
509 | 	--400-80: rgba(52, 211, 153, .80);
510 | 	--400-90: rgba(52, 211, 153, .90);
511 | 	--500: rgba(16, 185, 129);
512 | 	--500-0: rgba(16, 185, 129, .0);
513 | 	--500-10: rgba(16, 185, 129, .10);
514 | 	--500-20: rgba(16, 185, 129, .20);
515 | 	--500-30: rgba(16, 185, 129, .30);
516 | 	--500-40: rgba(16, 185, 129, .40);
517 | 	--500-50: rgba(16, 185, 129, .50);
518 | 	--500-60: rgba(16, 185, 129, .60);
519 | 	--500-70: rgba(16, 185, 129, .70);
520 | 	--500-80: rgba(16, 185, 129, .80);
521 | 	--500-90: rgba(16, 185, 129, .90);
522 | 	--600: rgba(5, 150, 105);
523 | 	--600-0: rgba(5, 150, 105, .0);
524 | 	--600-10: rgba(5, 150, 105, .10);
525 | 	--600-20: rgba(5, 150, 105, .20);
526 | 	--600-30: rgba(5, 150, 105, .30);
527 | 	--600-40: rgba(5, 150, 105, .40);
528 | 	--600-50: rgba(5, 150, 105, .50);
529 | 	--600-60: rgba(5, 150, 105, .60);
530 | 	--600-70: rgba(5, 150, 105, .70);
531 | 	--600-80: rgba(5, 150, 105, .80);
532 | 	--600-90: rgba(5, 150, 105, .90);
533 | 	--700: rgba(4, 120, 87);
534 | 	--700-0: rgba(4, 120, 87, .0);
535 | 	--700-10: rgba(4, 120, 87, .10);
536 | 	--700-20: rgba(4, 120, 87, .20);
537 | 	--700-30: rgba(4, 120, 87, .30);
538 | 	--700-40: rgba(4, 120, 87, .40);
539 | 	--700-50: rgba(4, 120, 87, .50);
540 | 	--700-60: rgba(4, 120, 87, .60);
541 | 	--700-70: rgba(4, 120, 87, .70);
542 | 	--700-80: rgba(4, 120, 87, .80);
543 | 	--700-90: rgba(4, 120, 87, .90);
544 | 	--800: rgba(6, 95, 70);
545 | 	--800-0: rgba(6, 95, 70, .0);
546 | 	--800-10: rgba(6, 95, 70, .10);
547 | 	--800-20: rgba(6, 95, 70, .20);
548 | 	--800-30: rgba(6, 95, 70, .30);
549 | 	--800-40: rgba(6, 95, 70, .40);
550 | 	--800-50: rgba(6, 95, 70, .50);
551 | 	--800-60: rgba(6, 95, 70, .60);
552 | 	--800-70: rgba(6, 95, 70, .70);
553 | 	--800-80: rgba(6, 95, 70, .80);
554 | 	--800-90: rgba(6, 95, 70, .90);
555 | 	--900: rgba(6, 78, 59);
556 | 	--900-0: rgba(6, 78, 59, .0);
557 | 	--900-10: rgba(6, 78, 59, .10);
558 | 	--900-20: rgba(6, 78, 59, .20);
559 | 	--900-30: rgba(6, 78, 59, .30);
560 | 	--900-40: rgba(6, 78, 59, .40);
561 | 	--900-50: rgba(6, 78, 59, .50);
562 | 	--900-60: rgba(6, 78, 59, .60);
563 | 	--900-70: rgba(6, 78, 59, .70);
564 | 	--900-80: rgba(6, 78, 59, .80);
565 | 	--900-90: rgba(6, 78, 59, .90);
566 | }
567 | .bg-500 { background: var(--500); }
568 | .text-500-violet { color: rgba(139, 92, 246); }
569 | .text-500-blue { color: rgba(59, 130, 246); }
570 | .text-500-emerald { color: rgb(16, 185, 129); }
571 | .text-500-rose { color: rgb(239, 68, 68); }
572 | .text-500-amber { color: rgb(245, 158, 11); }


--------------------------------------------------------------------------------
/public/css/global.css:
--------------------------------------------------------------------------------
  1 | @import url("https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic");
  2 | @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
  3 | @import url("https://fonts.googleapis.com/css?family=Karla:200,300,regular,500,600,700,800,200italic,300italic,italic,500italic,600italic,700italic,800italic");
  4 | @import url("https://fonts.googleapis.com/css?family=Rubik:300,regular,500,600,700,800,900,300italic,italic,500italic,600italic,700italic,800italic,900italic");
  5 | @import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
  6 | 
  7 | main {
  8 |   font-family: "Poppins", sans-serif;
  9 | }
 10 | 
 11 | .handwriting {
 12 |     font-family: 'Gloria Hallelujah', cursive;
 13 | }
 14 | 
 15 | body {
 16 |   background-color: #0f0f0f;
 17 |     overflow-x: hidden;
 18 | }
 19 | 
 20 | .windui-window-header {
 21 |     height: 1.6rem !important;
 22 | }
 23 | 
 24 | .z-1 {
 25 |   z-index: 1;
 26 | }
 27 | .z-50 {
 28 |   z-index: 50;
 29 | }
 30 | .z-60 {
 31 |   z-index: 60;
 32 | }
 33 | .custom-scroll::-webkit-scrollbar {
 34 |   width: 5px;
 35 | }
 36 | .custom-scroll::-webkit-scrollbar-track {
 37 |   background: rgb(0, 0, 0);
 38 |   border-top-right-radius: 0.375rem !important;
 39 |   border-bottom-right-radius: 0.375rem !important;
 40 |   margin-right: 5px !important;
 41 | }
 42 | .custom-scroll::-webkit-scrollbar-thumb {
 43 |   background: var(--500);
 44 |   border-radius: 0.375rem;
 45 | }
 46 | 
 47 | .dropdown::-webkit-scrollbar {
 48 |   width: 5px;
 49 | }
 50 | .dropdown::-webkit-scrollbar-track {
 51 |   background: rgb(0, 0, 0);
 52 |   border-top-right-radius: 0.375rem !important;
 53 |   border-bottom-right-radius: 0.375rem !important;
 54 |   margin-right: 5px !important;
 55 | }
 56 | 
 57 | .dropdown::-webkit-scrollbar-thumb {
 58 |   background: var(--500);
 59 |   border-radius: 0.375rem;
 60 | }
 61 | 
 62 | .keyboard-key.light {
 63 |   margin: 0 1px;
 64 |   font-size: 10px;
 65 |   color: #969faf;
 66 |   background: #e6e9ed;
 67 |   font-weight: bold;
 68 |   padding: 1px 3px 2px;
 69 |   border-radius: 3px;
 70 |   box-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 3px #fff,
 71 |     0 1px 2px 1px rgba(30, 35, 90, 0.4);
 72 | }
 73 | 
 74 | .keyboard-key.dark {
 75 |   margin: 0 1px;
 76 |   font-size: 10px;
 77 |   color: #d4d4d8;
 78 |   background: #27272a;
 79 |   font-weight: bold;
 80 |   padding: 1px 3px 2px;
 81 |   border-radius: 3px;
 82 |   box-shadow: inset 0 -2px 0 0 #3f3f46, inset 0 0 1px 3px #18181b,
 83 |     0 1px 2px 1px rgba(30, 35, 90, 0.4);
 84 | }
 85 | 
 86 | .discord-bot {
 87 |   background: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%);
 88 |   color: #fff;
 89 |   font-size: 0.625rem;
 90 |   text-transform: uppercase;
 91 |   vertical-align: top;
 92 |   display: -webkit-inline-box;
 93 |   display: -ms-inline-flexbox;
 94 |   display: inline-flex;
 95 |   -webkit-box-align: center;
 96 |   -ms-flex-align: center;
 97 |   align-items: center;
 98 |   -ms-flex-negative: 0;
 99 |   flex-shrink: 0;
100 |   text-indent: 0;
101 |   position: relative;
102 |   font-weight: 500;
103 |   height: 0.9375rem;
104 |   padding: 0 0.275rem;
105 |   border-radius: 0.1875rem;
106 |   margin-left: 0.25rem;
107 | }
108 | .separator {
109 |   position: absolute;
110 |   opacity: 0;
111 |   width: 0;
112 |   display: inline-block;
113 |   font-style: normal;
114 | }
115 | .timestamp {
116 |   font-size: 0.75rem;
117 |   line-height: 1.375rem;
118 |   color: #72767d;
119 |   vertical-align: baseline;
120 |   margin-left: 0.25rem;
121 | }
122 | 
123 | .embed {
124 |   border-left: 4px solid
125 |     hsl(27, calc(var(--saturation-factor, 1) * 81.8%), 54.7%);
126 |   background: #2f3136;
127 |   position: relative;
128 |   display: grid;
129 |   max-width: 520px;
130 |   -webkit-box-sizing: border-box;
131 |   box-sizing: border-box;
132 |   border-radius: 4px;
133 | }
134 | .embed-grid {
135 |   overflow: hidden;
136 |   padding: 0.5rem 1rem 1rem 0.75rem;
137 |   display: inline-grid;
138 |   grid-template-columns: auto;
139 |   grid-template-rows: auto;
140 | }
141 | .embed-fields {
142 |   display: grid;
143 |   grid-column: 1/1;
144 |   margin-top: 8px;
145 |   grid-gap: 8px;
146 | }
147 | .embed-field13 {
148 |   font-size: 0.875rem;
149 |   line-height: 1.125rem;
150 |   min-width: 0;
151 |   grid-column: 1 / 13;
152 | }
153 | .embed-title {
154 |   font-size: 1rem;
155 |   font-weight: 600;
156 |   margin-top: 8px;
157 |   display: inline-block;
158 |   grid-column: 1/1;
159 | }
160 | .embed-bold {
161 |   font-size: 0.875rem;
162 |   line-height: 1.125rem;
163 |   min-width: 0;
164 | }
165 | .embed-text {
166 |   font-size: 0.875rem;
167 |   line-height: 1.125rem;
168 |   font-weight: 400;
169 |   color: #dcddde;
170 |   white-space: pre-line;
171 |   min-width: 0;
172 |   unicode-bidi: plaintext;
173 |   text-align: left;
174 | }
175 | code.embed-code {
176 |   font-size: 0.875rem;
177 |   line-height: 1.125rem;
178 |   text-indent: 0;
179 |   white-space: pre-wrap;
180 |   scrollbar-width: thin;
181 |   scrollbar-color: #202225 #2f3136;
182 |   background: #2f3136;
183 |   border: 1px solid #202225;
184 |   border: none;
185 |   background: #202225;
186 |   scrollbar-color: #2f3136 #202225;
187 | }
188 | .mention {
189 |   border-radius: 3px;
190 |   padding: 0 2px;
191 |   font-weight: 500;
192 |   unicode-bidi: -moz-plaintext;
193 |   unicode-bidi: plaintext;
194 |   position: relative;
195 |   color: hsl(236, calc(var(--saturation-factor, 1) * 83.3%), 92.9%);
196 |   background: hsla(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%, 0.3);
197 | }
198 | .mention:hover {
199 |   color: #fff;
200 |   background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%);
201 | }
202 | .embed-inline {
203 |   width: auto;
204 |   height: auto;
205 |   padding: 0.2em;
206 |   margin: -0.2em 0;
207 |   border-radius: 3px;
208 |   font-size: 85%;
209 |   font-family: Consolas, Andale Mono WT, Andale Mono, Lucida Console,
210 |     Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono,
211 |     Liberation Mono, Nimbus Mono L, Monaco, Courier New, Courier, monospace;
212 |   text-indent: 0;
213 |   border: none;
214 |   white-space: pre-wrap;
215 | }
216 | .embed-timestamp {
217 |   background-color: hsla(0, 0%, 100%, 0.06);
218 |   border-radius: 3px;
219 |   padding: 0 2px;
220 | }
221 | .embed-description {
222 |   font-size: 0.875rem;
223 |   line-height: 1.125rem;
224 |   font-weight: 400;
225 |   white-space: pre-line;
226 |   grid-column: 1/1;
227 | }
228 | .embed-button {
229 |   color: #fff;
230 |   margin: 4px 8px 4px 0;
231 |   width: 60px;
232 |   height: 32px;
233 |   min-width: 60px;
234 |   min-height: 32px;
235 |   background-color: #4f545c;
236 |   position: relative;
237 |   display: -webkit-box;
238 |   display: -ms-flexbox;
239 |   display: flex;
240 |   -webkit-box-pack: center;
241 |   -ms-flex-pack: center;
242 |   justify-content: center;
243 |   -webkit-box-align: center;
244 |   -ms-flex-align: center;
245 |   align-items: center;
246 |   -webkit-box-sizing: border-box;
247 |   box-sizing: border-box;
248 |   border: none;
249 |   border-radius: 3px;
250 |   font-size: 14px;
251 |   font-weight: 500;
252 |   line-height: 16px;
253 |   padding: 2px 16px;
254 |   -webkit-user-select: none;
255 |   -moz-user-select: none;
256 |   -ms-user-select: none;
257 |   user-select: none;
258 |   width: auto;
259 |   -webkit-transition: background-color 0.17s ease, color 0.17s ease;
260 |   transition: background-color 0.17s ease, color 0.17s ease;
261 |   transition-property: background-color, color;
262 |   transition-duration: 0.17s, 0.17s;
263 |   transition-timing-function: ease, ease;
264 |   transition-delay: 0s, 0s;
265 | }
266 | .embed-button:hover {
267 |   background-color: #5d6269;
268 | }
269 | .embed-buttonContent {
270 |   margin: 0 auto;
271 |   white-space: nowrap;
272 |   text-overflow: ellipsis;
273 |   overflow: hidden;
274 | }
275 | .embed-buttonItems {
276 |   display: -webkit-box;
277 |   display: -ms-flexbox;
278 |   display: flex;
279 |   -webkit-box-orient: horizontal;
280 |   -webkit-box-direction: normal;
281 |   -ms-flex-direction: row;
282 |   flex-direction: row;
283 |   -webkit-box-align: center;
284 |   -ms-flex-align: center;
285 |   align-items: center;
286 |   -webkit-box-pack: center;
287 |   -ms-flex-pack: center;
288 |   justify-content: center;
289 |   margin: auto;
290 |   min-width: 32px;
291 | }
292 | .embed-buttonEmoji {
293 |   -o-object-fit: contain;
294 |   object-fit: contain;
295 |   width: 1.375em;
296 |   height: 1.375em;
297 |   vertical-align: bottom;
298 |   margin-right: 4px;
299 | }
300 | .embed-buttonLabel {
301 |   overflow: hidden;
302 |   text-overflow: ellipsis;
303 |   -ms-flex-negative: 1;
304 |   flex-shrink: 1;
305 | }
306 | .embed-launchIcon {
307 |   margin-left: 8px;
308 | }
309 | 
310 | .arrow {
311 |   height: 20px;
312 |   width: 20px;
313 |   background-color: #131316;
314 |   transform: rotate(45deg);
315 |   position: absolute;
316 |   left: -5px;
317 | }
318 | 
319 | .spinner {
320 |   animation: rotate 2s linear infinite;
321 |   z-index: 2;
322 |   margin: -25px 0 0 -25px;
323 |   width: 40px;
324 |   height: 40px;
325 | }
326 | .spinner .path {
327 |   stroke: #ffffff69;
328 |   stroke-linecap: round;
329 |   animation: dash 1.5s ease-in-out infinite;
330 | }
331 | @keyframes rotate {
332 |   100% {
333 |     transform: rotate(360deg);
334 |   }
335 | }
336 | @keyframes dash {
337 |   0% {
338 |     stroke-dasharray: 1, 150;
339 |     stroke-dashoffset: 0;
340 |   }
341 |   50% {
342 |     stroke-dasharray: 90, 150;
343 |     stroke-dashoffset: -35;
344 |   }
345 |   100% {
346 |     stroke-dasharray: 90, 150;
347 |     stroke-dashoffset: -124;
348 |   }
349 | }
350 | 
351 | @keyframes modalFadeIn {
352 |   0% {
353 |       opacity: 0;
354 |   }
355 |   100% {
356 |       opacity: 1;
357 |   }
358 | }
359 | 
360 | @keyframes modalFadeOut {
361 |   0% {
362 |       opacity: 1;
363 |   }
364 |   100% {
365 |       opacity: 0;
366 |   }
367 | }
368 | 
369 | .modal-fade-in { animation: modalFadeIn 0.3s ease-out; }
370 | .modal-fade-out { animation: modalFadeOut 0.3s ease-out; }
371 | 
372 | @keyframes boostWarning {
373 |   0% {
374 |       color: #f87171;
375 |   }
376 |   50% {
377 |     color: #dc2626;
378 |   }
379 |   100% {
380 |       color: #f87171;
381 |   }
382 | }
383 | 
384 | .boost-warning {
385 |   animation: boostWarning 1.6s infinite linear;
386 | }
387 | 
388 | .giveaway-box {
389 |   background: linear-gradient(to bottom, rgba(0, 0, 0, .75), #151515, #151515), var(--banner);
390 |   background-size: 100%;
391 |   background-repeat: no-repeat;
392 |   transition: .5s all;
393 | }
394 | 
395 | ::-webkit-scrollbar-track
396 | {
397 | 	background-color: rgba(0, 0, 0, .25);
398 | }
399 | 
400 | ::-webkit-scrollbar
401 | {
402 | 	width: 5px;
403 | 	background-color: rgba(0, 0, 0, .25);
404 | }
405 | 
406 | ::-webkit-scrollbar-thumb
407 | {
408 | 	background-color: var(--600);
409 | }
410 | 
411 | .partner-container {
412 |   background-size: cover;
413 |   background: linear-gradient(25deg, rgba(23, 23, 24), rgba(23, 23, 24, .95), rgba(23, 23, 24, .8)), var(--partner-banner);
414 | }
415 | 
416 | .dropdown-container {
417 |   background: linear-gradient(to top, var(--800-10) 50%, transparent), #000000;
418 | }
419 | 
420 | .perspective-left {
421 |   -webkit-perspective: 484px;
422 |   perspective: 484px;
423 |   transform: scale(1) perspective(1000px) rotateX(23deg) rotateY(23deg) rotate(-9.8deg) translateX(0);
424 | }
425 | .perspective-right {
426 |   -webkit-perspective: 484px;
427 |   perspective: 484px;
428 |   -webkit-transform: scale(1) perspective(1000px) rotateX(23deg) rotateY(-23deg) rotate(15deg) translateX(55px);
429 |   transform: scale(1) perspective(1000px) rotateX(23deg) rotateY(-23deg) rotate(15deg) translateX(55px);
430 | }
431 | 
432 | .undrag {
433 |     user-drag: none;
434 |     -webkit-user-drag: none;
435 |     user-select: none;
436 |     -moz-user-select: none;
437 |     -webkit-user-select: none;
438 |     -ms-user-select: none;
439 | }


--------------------------------------------------------------------------------
/public/css/nprogress.css:
--------------------------------------------------------------------------------
 1 | #nprogress {
 2 |     pointer-events: none;
 3 |     --color: var(--500);
 4 | }
 5 | 
 6 | #nprogress .bar {
 7 |     background: var(--color);
 8 |     position: fixed;
 9 |     z-index: 1031;
10 |     top: 0;
11 |     left: 0;
12 |     width: 100%;
13 |     height: 2px;
14 | }
15 | 
16 | #nprogress .peg {
17 |     display: block;
18 |     position: absolute;
19 |     right: 0px;
20 |     width: 100px;
21 |     height: 100%;
22 |     box-shadow: 0 0 10px var(--color), 0 0 5px var(--color);
23 |     opacity: 1.0;
24 |     -webkit-transform: rotate(3deg) translate(0px, -4px);
25 |         -ms-transform: rotate(3deg) translate(0px, -4px);
26 |             transform: rotate(3deg) translate(0px, -4px);
27 | }
28 | 
29 | #nprogress .spinner {
30 |     display: block;
31 |     position: fixed;
32 |     z-index: 1031;
33 |     top: 15px;
34 |     right: 15px;
35 | }
36 | 
37 | #nprogress .spinner-icon {
38 |     width: 18px;
39 |     height: 18px;
40 |     box-sizing: border-box;
41 |     border: solid 2px transparent;
42 |     border-top-color: var(--color);
43 |     border-left-color: var(--color);
44 |     border-radius: 50%;
45 |     -webkit-animation: nprogress-spinner 400ms linear infinite;
46 |             animation: nprogress-spinner 400ms linear infinite;
47 | }
48 | 
49 | .nprogress-custom-parent {
50 |     overflow: hidden;
51 |     position: relative;
52 | }
53 | 
54 | .nprogress-custom-parent #nprogress .spinner,
55 | .nprogress-custom-parent #nprogress .bar {
56 |     position: absolute;
57 | }
58 | 
59 | @-webkit-keyframes nprogress-spinner {
60 |     0%   { -webkit-transform: rotate(0deg); }
61 |     100% { -webkit-transform: rotate(360deg); }
62 | }
63 | @keyframes nprogress-spinner {
64 |     0%   { transform: rotate(0deg); }
65 |     100% { transform: rotate(360deg); }
66 | }


--------------------------------------------------------------------------------
/public/css/tippy.css:
--------------------------------------------------------------------------------
 1 | @import url("https://fonts.googleapis.com/css?family=Karla:200,300,regular,500,600,700,800,200italic,300italic,italic,500italic,600italic,700italic,800italic");
 2 | 
 3 | .tippy-box{
 4 |     position:relative;
 5 |     font-family: 'Karla', sans-serif;
 6 |     background-color:#333;
 7 |     color:#fff;
 8 |     border-radius:4px;
 9 |     font-size:14px;
10 |     line-height:1.4;
11 |     outline:0;
12 |     transition-property:transform,visibility,opacity
13 | }
14 | .tippy-box[data-placement^=top]>.tippy-arrow{
15 |     bottom:0
16 | }
17 | .tippy-box[data-placement^=top]>.tippy-arrow:before{
18 |     bottom:-7px;
19 |     left:0;
20 |     border-width:8px 8px 0;
21 |     border-top-color:initial;
22 |     transform-origin:center top
23 | }
24 | .tippy-box[data-placement^=bottom]>.tippy-arrow{
25 |     top:0
26 | }
27 | .tippy-box[data-placement^=bottom]>.tippy-arrow:before{
28 |     top:-7px;
29 |     left:0;
30 |     border-width:0 8px 8px;
31 |     border-bottom-color:initial;
32 |     transform-origin:center bottom
33 | }
34 | .tippy-box[data-placement^=left]>.tippy-arrow{
35 |     right:0
36 | }
37 | .tippy-box[data-placement^=left]>.tippy-arrow:before{
38 |     border-width:8px 0 8px 8px;
39 |     border-left-color:initial;
40 |     right:-7px;
41 |     transform-origin:center left
42 | }
43 | .tippy-box[data-placement^=right]>.tippy-arrow{
44 |     left:0
45 | }
46 | .tippy-box[data-placement^=right]>.tippy-arrow:before{
47 |     left:-7px;
48 |     border-width:8px 8px 8px 0;
49 |     border-right-color:initial;
50 |     transform-origin:center right
51 | }
52 | .tippy-box[data-inertia][data-state=visible]{
53 |     transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)
54 | }
55 | .tippy-arrow{
56 |     width:16px;
57 |     height:16px;
58 |     color:#333
59 | }
60 | .tippy-arrow:before{
61 |     content:"";
62 |     position:absolute;
63 |     border-color:transparent;
64 |     border-style:solid
65 | }
66 | .tippy-content{
67 |     position:relative;
68 |     padding:5px 9px;
69 |     z-index:1
70 | }
71 | 
72 | .tippy-box {
73 |   background-color: #000;
74 |   color: #fff;
75 |   transition: all 0.1s;
76 |   box-shadow: 0px 0px 25px #000;
77 | }
78 | .tippy-arrow {
79 |   color: #000;
80 | }
81 | .tippy-box[data-placement^=top]{
82 |     transform-origin:bottom
83 | }
84 | .tippy-box[data-placement^=bottom]{
85 |     transform-origin:top
86 | }
87 | .tippy-box[data-placement^=left]{
88 |     transform-origin:right
89 | }
90 | .tippy-box[data-placement^=right]{
91 |     transform-origin:left
92 | }
93 | .tippy-box[data-state=hidden]{
94 |     transform:scale(.5);
95 |     opacity:0
96 | }


--------------------------------------------------------------------------------
/public/img/bck.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/devanshyadav2010/treo-bot-website/671b33e6517c88d518268e312938281ab12fa1bf/public/img/bck.png


--------------------------------------------------------------------------------
/public/img/bck2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/devanshyadav2010/treo-bot-website/671b33e6517c88d518268e312938281ab12fa1bf/public/img/bck2.png


--------------------------------------------------------------------------------
/public/img/bck3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/devanshyadav2010/treo-bot-website/671b33e6517c88d518268e312938281ab12fa1bf/public/img/bck3.png


--------------------------------------------------------------------------------
/public/img/bck4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/devanshyadav2010/treo-bot-website/671b33e6517c88d518268e312938281ab12fa1bf/public/img/bck4.png


--------------------------------------------------------------------------------
/public/img/devansh.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/devanshyadav2010/treo-bot-website/671b33e6517c88d518268e312938281ab12fa1bf/public/img/devansh.jpeg


--------------------------------------------------------------------------------
/public/img/logo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/devanshyadav2010/treo-bot-website/671b33e6517c88d518268e312938281ab12fa1bf/public/img/logo.jpg


--------------------------------------------------------------------------------
/public/img/logo2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/devanshyadav2010/treo-bot-website/671b33e6517c88d518268e312938281ab12fa1bf/public/img/logo2.png


--------------------------------------------------------------------------------
/public/js/main.js:
--------------------------------------------------------------------------------
1 | $(function(){
2 | console.log("Hello!")
3 | });


--------------------------------------------------------------------------------
/public/sw.js:
--------------------------------------------------------------------------------
1 | if(!self.define){let e,s={};const n=(n,a)=>(n=new URL(n+".js",a).href,s[n]||new Promise((s=>{if("document"in self){const e=document.createElement("script");e.src=n,e.onload=s,document.head.appendChild(e)}else e=n,importScripts(n),s()})).then((()=>{let e=s[n];if(!e)throw new Error(`Module ${n} didn’t register its module`);return e})));self.define=(a,i)=>{const c=e||("document"in self?document.currentScript.src:"")||location.href;if(s[c])return;let t={};const d=e=>n(e,c),r={module:{uri:c},exports:t,require:d};s[c]=Promise.all(a.map((e=>r[e]||d(e)))).then((e=>(i(...e),t)))}}define(["./workbox-1846d813"],(function(e){"use strict";importScripts(),self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"/_next/static/4KCZpxHKMhEnGqd5My7Ee/_buildManifest.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/4KCZpxHKMhEnGqd5My7Ee/_middlewareManifest.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/4KCZpxHKMhEnGqd5My7Ee/_ssgManifest.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/130-47e2d2c7b693262c.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/21-d67403e682d27362.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/2852872c-8365a197463ecf88.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/368-17110e4d98a4ed22.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/493-0d8af8fa3a06c403.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/675-70e004358e94a689.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/75fc9c18-4d2f0a9f494a9dad.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/813-400d57f8071852f8.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/860-d273b9c3c7aae34f.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/framework-91d7f78b5b4003c8.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/main-82171db39aaba2df.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/404-8243425cebf92c0d.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/500-6005979ddea3aafc.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/_app-e70d5b79c17ad89a.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/_error-2280fa386d040b66.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/account/connections-9f102f5c7aa3c62d.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/account/connections/%5Bid%5D-9d289378b51de0fe.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/account/redeem-96a6c060d879e0d2.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/boosts/%5Bid%5D-1af795f4d1d08cd3.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/dashboard-f0632e87e40aef17.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/dashboard/%5Bid%5D-460acaf3ee2742a4.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/dashboard/%5Bid%5D/giveaways-8bc9500525b1af42.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/dashboard/%5Bid%5D/giveaways/active-2824e91d25f75381.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/dashboard/%5Bid%5D/giveaways/create-c842e82115a5b99e.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/dashboard/%5Bid%5D/giveaways/ended-fc6911ebf106de44.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/dashboard/%5Bid%5D/settings-000c08913cea41ba.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/dashboard/added-b69d2651b5a29900.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/dashboard/callback-5fef67dee1187bea.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/discover-bd22583a8d38f412.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/g/%5Bid%5D-382122d5bb18a2bc.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/index-7d16ddd76dda5d22.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/panel-868fd17eec3845ea.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/panel/online-bbeb5836febf3eef.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/panel/partners-e07de631d3a5f3fc.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/panel/promocode-106cbda8cf5d1adc.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/partners-7428e5fa15c4b1b0.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/privacy-f5c7239100b42839.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/team-68df11c27d4dd9bc.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/tos-6786bb7f5aa1345a.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/pages/user/%5Bid%5D-d747b25e75062ef3.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/polyfills-5cd94c89d3acac5f.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/chunks/webpack-cb7634a8b6194820.js",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/_next/static/css/109f5b79aa288860.css",revision:"4KCZpxHKMhEnGqd5My7Ee"},{url:"/css/customColors.css",revision:"630745f9b6cde2a80c3a488c8230948f"},{url:"/css/global.css",revision:"42119ae0feecdbd14cd9ee320be721f3"},{url:"/css/nprogress.css",revision:"c6adaeb29c55a8cb19899f8f4a4d959d"},{url:"/css/tippy.css",revision:"f14e4e01f7aaa1ad5f549d2d45d5dfe4"},{url:"/icon-192x192.png",revision:"dfdd93d6f270feffe4b1c85feb1f6080"},{url:"/icon-256x256.png",revision:"a591fe0fd13a077875f5d028a425300a"},{url:"/icon-384x384.png",revision:"a405e7cec64cbb78e54ef85d32d964f1"},{url:"/icon-512x512.png",revision:"44c402b359f249b0214316510c0e9fcd"},{url:"/img/favicon.png",revision:"bf88d1ffed9d83e7aebc919a07ad0c8a"},{url:"/img/Awardiconheart.png",revision:"7ab96f8f1cf72b9c3e53c3b004e34517"},{url:"/img/globe.svg",revision:"516bf0fae97628e22a3a3ec810a8c4ba"},{url:"/img/logo.png",revision:"629fd0d9588c71ce39eb55d5d654a8e8"},{url:"/img/logo.webp",revision:"2aac3bd060ff29406d7cdd4fc173c009"},{url:"/img/logosmile.png",revision:"7c251aac0afabe52e1625c3c8f11e92c"},{url:"/img/tada.svg",revision:"b052a4bef57c1aa73cd7cff5bc4fb61d"},{url:"/js/main.js",revision:"a564387438ed5a2a3b61ebffbe9dfbf1"},{url:"/manifest.json",revision:"86ba994095041217e99f53aaf05bd3f5"}],{ignoreURLParametersMatching:[]}),e.cleanupOutdatedCaches(),e.registerRoute("/",new e.NetworkFirst({cacheName:"start-url",plugins:[{cacheWillUpdate:async({request:e,response:s,event:n,state:a})=>s&&"opaqueredirect"===s.type?new Response(s.body,{status:200,statusText:"OK",headers:s.headers}):s}]}),"GET"),e.registerRoute(/^https:\/\/fonts\.(?:gstatic)\.com\/.*/i,new e.CacheFirst({cacheName:"google-fonts-webfonts",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:31536e3})]}),"GET"),e.registerRoute(/^https:\/\/fonts\.(?:googleapis)\.com\/.*/i,new e.StaleWhileRevalidate({cacheName:"google-fonts-stylesheets",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:604800})]}),"GET"),e.registerRoute(/\.(?:eot|otf|ttc|ttf|woff|woff2|font.css)$/i,new e.StaleWhileRevalidate({cacheName:"static-font-assets",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:604800})]}),"GET"),e.registerRoute(/\.(?:jpg|jpeg|gif|png|svg|ico|webp)$/i,new e.StaleWhileRevalidate({cacheName:"static-image-assets",plugins:[new e.ExpirationPlugin({maxEntries:64,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\/_next\/image\?url=.+$/i,new e.StaleWhileRevalidate({cacheName:"next-image",plugins:[new e.ExpirationPlugin({maxEntries:64,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:mp3|wav|ogg)$/i,new e.CacheFirst({cacheName:"static-audio-assets",plugins:[new e.RangeRequestsPlugin,new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:mp4)$/i,new e.CacheFirst({cacheName:"static-video-assets",plugins:[new e.RangeRequestsPlugin,new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:js)$/i,new e.StaleWhileRevalidate({cacheName:"static-js-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:css|less)$/i,new e.StaleWhileRevalidate({cacheName:"static-style-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\/_next\/data\/.+\/.+\.json$/i,new e.StaleWhileRevalidate({cacheName:"next-data",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:json|xml|csv)$/i,new e.NetworkFirst({cacheName:"static-data-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>{if(!(self.origin===e.origin))return!1;const s=e.pathname;return!s.startsWith("/api/auth/")&&!!s.startsWith("/api/")}),new e.NetworkFirst({cacheName:"apis",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:16,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>{if(!(self.origin===e.origin))return!1;return!e.pathname.startsWith("/api/")}),new e.NetworkFirst({cacheName:"others",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>!(self.origin===e.origin)),new e.NetworkFirst({cacheName:"cross-origin",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:3600})]}),"GET")}));
2 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | const tones = Array.from({ length: 10 }).reduce((obj, val, index) => {
 2 |     const tone = index == 0 ? "50" : String(index * 100);
 3 |     const tones = Array.from({ length: 10 }).reduce((_obj, _val, _index) => {
 4 |       const _tone = String(_index) + (_index != 0 ? "0" : "");
 5 |       _obj[tone + "/" + _tone] = `var(--${tone}-${_tone})`;
 6 |       return _obj;
 7 |     }, {});
 8 |     obj = {
 9 |       ...tones,
10 |       ...obj
11 |     };
12 |     return obj;
13 | }, {});
14 | 
15 | module.exports = {
16 |     important: true,
17 |     mode: 'jit',
18 |     content: [
19 |         './pages/**/*.{js,ts,jsx,tsx}',
20 |         './components/**/*.{js,ts,jsx,tsx}'
21 |     ],
22 |     darkMode: 'media',
23 |     theme: {
24 |         extend: {
25 |             colors: {
26 |                 amber: {
27 |                     ...tones,
28 |                     900: 'var(--900)',
29 |                     800: 'var(--800)',
30 |                     700: 'var(--700)',
31 |                     600: 'var(--600)',
32 |                     500: 'var(--500)',
33 |                     400: 'var(--400)',
34 |                     300: 'var(--300)',
35 |                     200: 'var(--200)',
36 |                     100: 'var(--100)',
37 |                     50: 'var(--50)',
38 |                 }
39 |             },
40 |         }
41 |     },
42 |     variants: {
43 |         extend: {}
44 |     },
45 |     plugins: [
46 |         require('@tailwindcss/line-clamp')
47 |     ]
48 | };
49 | 


--------------------------------------------------------------------------------