diff --git a/src/assets/fonts/Estedad/Estedad-Black.ttf b/src/assets/fonts/Estedad/Estedad-Black.ttf new file mode 100644 index 00000000..d48f8656 Binary files /dev/null and b/src/assets/fonts/Estedad/Estedad-Black.ttf differ diff --git a/src/assets/fonts/Estedad/Estedad-Bold.ttf b/src/assets/fonts/Estedad/Estedad-Bold.ttf new file mode 100644 index 00000000..60b75cb7 Binary files /dev/null and b/src/assets/fonts/Estedad/Estedad-Bold.ttf differ diff --git a/src/assets/fonts/Estedad/Estedad-ExtraBold.ttf b/src/assets/fonts/Estedad/Estedad-ExtraBold.ttf new file mode 100644 index 00000000..a830f3d8 Binary files /dev/null and b/src/assets/fonts/Estedad/Estedad-ExtraBold.ttf differ diff --git a/src/assets/fonts/Estedad/Estedad-ExtraLight.ttf b/src/assets/fonts/Estedad/Estedad-ExtraLight.ttf new file mode 100644 index 00000000..7c3ca318 Binary files /dev/null and b/src/assets/fonts/Estedad/Estedad-ExtraLight.ttf differ diff --git a/src/assets/fonts/Estedad/Estedad-Light.ttf b/src/assets/fonts/Estedad/Estedad-Light.ttf new file mode 100644 index 00000000..54447bc3 Binary files /dev/null and b/src/assets/fonts/Estedad/Estedad-Light.ttf differ diff --git a/src/assets/fonts/Estedad/Estedad-Medium.ttf b/src/assets/fonts/Estedad/Estedad-Medium.ttf new file mode 100644 index 00000000..112666ad Binary files /dev/null and b/src/assets/fonts/Estedad/Estedad-Medium.ttf differ diff --git a/src/assets/fonts/Estedad/Estedad-Regular.ttf b/src/assets/fonts/Estedad/Estedad-Regular.ttf new file mode 100644 index 00000000..a96d0f7e Binary files /dev/null and b/src/assets/fonts/Estedad/Estedad-Regular.ttf differ diff --git a/src/assets/fonts/Estedad/Estedad-SemiBold.ttf b/src/assets/fonts/Estedad/Estedad-SemiBold.ttf new file mode 100644 index 00000000..3b2636e1 Binary files /dev/null and b/src/assets/fonts/Estedad/Estedad-SemiBold.ttf differ diff --git a/src/assets/fonts/Estedad/Estedad-Thin.ttf b/src/assets/fonts/Estedad/Estedad-Thin.ttf new file mode 100644 index 00000000..1823e63b Binary files /dev/null and b/src/assets/fonts/Estedad/Estedad-Thin.ttf differ diff --git a/src/assets/fonts/tt-trailers/LICENSE.md b/src/assets/fonts/tt-trailers/LICENSE.md new file mode 100644 index 00000000..6cd51868 --- /dev/null +++ b/src/assets/fonts/tt-trailers/LICENSE.md @@ -0,0 +1,16 @@ +***Note of the author*** + +THIS IS A TRIAL FONT FOR PERSONAL USE ONLY. + If you want to use the font in published or commercial projects you will have to buy it: + + + --- + + More TypeType fonts and trials: + More about licensing: + Contact us: + + We're on social media: + instagram.com/typetype.foundry + behance.net/typetype + twitter.com/_TYPETYPE_ \ No newline at end of file diff --git a/src/assets/fonts/tt-trailers/README.md b/src/assets/fonts/tt-trailers/README.md new file mode 100644 index 00000000..92ee7021 --- /dev/null +++ b/src/assets/fonts/tt-trailers/README.md @@ -0,0 +1,6 @@ +# Downloaded From FontGet.com +This font was downloaded for free from [FontGet.com](https://www.fontget.com/?utm_source=download&utm_medium=zip). To download more free fonts please visit [https://www.fontget.com](https://www.fontget.com/?utm_source=download&utm_medium=zip). + +If you would like instructions on how to install this font for your PC or Mac you can visit our helpful installation guide located at [https://www.fontget.com/help/](https://www.fontget.com/help/?utm_source=download&utm_medium=zip). + +**Please note:** FontGet.com is a website where users can upload and share fonts. We do not own the fonts in this package. Please check the `license.md` file to see what the licensing requirements are for this font. Some fonts require a commerical license directly from the author. \ No newline at end of file diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial Black Italic.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial Black Italic.ttf new file mode 100644 index 00000000..e81af59c Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial Black Italic.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial Black.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial Black.ttf new file mode 100644 index 00000000..cec12265 Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial Black.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial Bold Italic.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial Bold Italic.ttf new file mode 100644 index 00000000..1eeda141 Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial Bold Italic.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial Bold.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial Bold.ttf new file mode 100644 index 00000000..d811c45a Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial Bold.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial DemiBold Italic.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial DemiBold Italic.ttf new file mode 100644 index 00000000..c685f13f Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial DemiBold Italic.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial DemiBold.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial DemiBold.ttf new file mode 100644 index 00000000..b89d43fb Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial DemiBold.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial ExtraBold Italic.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial ExtraBold Italic.ttf new file mode 100644 index 00000000..f73498a4 Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial ExtraBold Italic.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial ExtraBold.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial ExtraBold.ttf new file mode 100644 index 00000000..7d1d6253 Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial ExtraBold.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial ExtraLight Italic.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial ExtraLight Italic.ttf new file mode 100644 index 00000000..7f3c846d Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial ExtraLight Italic.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial ExtraLight.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial ExtraLight.ttf new file mode 100644 index 00000000..89cfdc06 Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial ExtraLight.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial Italic.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial Italic.ttf new file mode 100644 index 00000000..5c437de1 Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial Italic.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial Light Italic.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial Light Italic.ttf new file mode 100644 index 00000000..f5a424f1 Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial Light Italic.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial Light.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial Light.ttf new file mode 100644 index 00000000..d65804e1 Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial Light.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial Medium Italic.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial Medium Italic.ttf new file mode 100644 index 00000000..a8a168e9 Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial Medium Italic.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial Medium.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial Medium.ttf new file mode 100644 index 00000000..cee33738 Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial Medium.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial Regular.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial Regular.ttf new file mode 100644 index 00000000..28e5ee53 Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial Regular.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial Thin Italic.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial Thin Italic.ttf new file mode 100644 index 00000000..b2c95fae Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial Thin Italic.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial Thin.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial Thin.ttf new file mode 100644 index 00000000..5d9f3904 Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial Thin.ttf differ diff --git a/src/assets/fonts/tt-trailers/TT Trailers Trial Variable.ttf b/src/assets/fonts/tt-trailers/TT Trailers Trial Variable.ttf new file mode 100644 index 00000000..ad81ff5e Binary files /dev/null and b/src/assets/fonts/tt-trailers/TT Trailers Trial Variable.ttf differ diff --git a/src/components/pages/event/pudgy-asia-tour/Pudgy.tsx b/src/components/pages/event/pudgy-asia-tour/Pudgy.tsx new file mode 100644 index 00000000..d034fc2e --- /dev/null +++ b/src/components/pages/event/pudgy-asia-tour/Pudgy.tsx @@ -0,0 +1,9 @@ +export default function Pudgy () { + return ( +
+
+ Pudgy friends +
+
+ ) +} \ No newline at end of file diff --git a/src/components/pages/event/pudgy-asia-tour/TimeLine.tsx b/src/components/pages/event/pudgy-asia-tour/TimeLine.tsx new file mode 100644 index 00000000..7d8fd0da --- /dev/null +++ b/src/components/pages/event/pudgy-asia-tour/TimeLine.tsx @@ -0,0 +1,97 @@ +import Image from 'next/image' +import PudgyWithCup from './assets/pudgy-with-cup.svg' +import Bamboo from './assets/bamboo.svg' +import Image1 from './assets/i1.png' +import Image2 from './assets/i2.png' +import R1 from './assets/r1.png' +import R2 from './assets/r2.png' +import R3 from './assets/r3.png' +import Line from './assets/line.svg' +import TimeLineImage from './assets/timeline.png' +export default function TimeLine() { + return ( + <> +
+
+ IT’s Time TO TRAVEL +
+
+ +
+
11/8/2024
+
Register
+
+
+
20/8/2024
+
Receive Pudgy
+
+
+
2/9/2024
+
Receive Pudgy
+
+
+
+
+
+ IT’s Time TO TRAVEL +
+
+
+ + + + +
+
+ upto 2.000 USD +
+
+ Click Me +
+
+
+ +
+
+
+
+ +
+
+
11/8/2024
+
Register
+ +
+
+
+
+ +
+
+
20/8/2024
+
Receive Pudgy
+ +
+
+
+
+ +
+
+ +
+
+
2/9/2024
+
Receive Pudgy
+ +
+
+
+
+ + ) +} diff --git a/src/components/pages/event/pudgy-asia-tour/assets/bamboo.svg b/src/components/pages/event/pudgy-asia-tour/assets/bamboo.svg new file mode 100644 index 00000000..e97f6a2e --- /dev/null +++ b/src/components/pages/event/pudgy-asia-tour/assets/bamboo.svg @@ -0,0 +1,342 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/pages/event/pudgy-asia-tour/assets/i1.png b/src/components/pages/event/pudgy-asia-tour/assets/i1.png new file mode 100644 index 00000000..8f2ac766 Binary files /dev/null and b/src/components/pages/event/pudgy-asia-tour/assets/i1.png differ diff --git a/src/components/pages/event/pudgy-asia-tour/assets/i2.png b/src/components/pages/event/pudgy-asia-tour/assets/i2.png new file mode 100644 index 00000000..a6c37529 Binary files /dev/null and b/src/components/pages/event/pudgy-asia-tour/assets/i2.png differ diff --git a/src/components/pages/event/pudgy-asia-tour/assets/line.svg b/src/components/pages/event/pudgy-asia-tour/assets/line.svg new file mode 100644 index 00000000..806d90fb --- /dev/null +++ b/src/components/pages/event/pudgy-asia-tour/assets/line.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/pages/event/pudgy-asia-tour/assets/mobile-banner.png b/src/components/pages/event/pudgy-asia-tour/assets/mobile-banner.png new file mode 100644 index 00000000..6e1efeec Binary files /dev/null and b/src/components/pages/event/pudgy-asia-tour/assets/mobile-banner.png differ diff --git a/src/components/pages/event/pudgy-asia-tour/assets/pudgy-with-cup.svg b/src/components/pages/event/pudgy-asia-tour/assets/pudgy-with-cup.svg new file mode 100644 index 00000000..15292bec --- /dev/null +++ b/src/components/pages/event/pudgy-asia-tour/assets/pudgy-with-cup.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/pages/event/pudgy-asia-tour/assets/r1.png b/src/components/pages/event/pudgy-asia-tour/assets/r1.png new file mode 100644 index 00000000..35258ed9 Binary files /dev/null and b/src/components/pages/event/pudgy-asia-tour/assets/r1.png differ diff --git a/src/components/pages/event/pudgy-asia-tour/assets/r1.svg b/src/components/pages/event/pudgy-asia-tour/assets/r1.svg new file mode 100644 index 00000000..41bfd3ee --- /dev/null +++ b/src/components/pages/event/pudgy-asia-tour/assets/r1.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/pages/event/pudgy-asia-tour/assets/r2.png b/src/components/pages/event/pudgy-asia-tour/assets/r2.png new file mode 100644 index 00000000..88c55404 Binary files /dev/null and b/src/components/pages/event/pudgy-asia-tour/assets/r2.png differ diff --git a/src/components/pages/event/pudgy-asia-tour/assets/r2.svg b/src/components/pages/event/pudgy-asia-tour/assets/r2.svg new file mode 100644 index 00000000..1f347b0e --- /dev/null +++ b/src/components/pages/event/pudgy-asia-tour/assets/r2.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/pages/event/pudgy-asia-tour/assets/r3.png b/src/components/pages/event/pudgy-asia-tour/assets/r3.png new file mode 100644 index 00000000..a448f444 Binary files /dev/null and b/src/components/pages/event/pudgy-asia-tour/assets/r3.png differ diff --git a/src/components/pages/event/pudgy-asia-tour/assets/r3.svg b/src/components/pages/event/pudgy-asia-tour/assets/r3.svg new file mode 100644 index 00000000..dd55dccf --- /dev/null +++ b/src/components/pages/event/pudgy-asia-tour/assets/r3.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/pages/event/pudgy-asia-tour/assets/road.svg b/src/components/pages/event/pudgy-asia-tour/assets/road.svg new file mode 100644 index 00000000..f6511d7b --- /dev/null +++ b/src/components/pages/event/pudgy-asia-tour/assets/road.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/components/pages/event/pudgy-asia-tour/assets/timeline.png b/src/components/pages/event/pudgy-asia-tour/assets/timeline.png new file mode 100644 index 00000000..305c1df2 Binary files /dev/null and b/src/components/pages/event/pudgy-asia-tour/assets/timeline.png differ diff --git a/src/components/pages/event/pudgy-asia-tour/assets/timeline.svg b/src/components/pages/event/pudgy-asia-tour/assets/timeline.svg new file mode 100644 index 00000000..1a486f5c --- /dev/null +++ b/src/components/pages/event/pudgy-asia-tour/assets/timeline.svg @@ -0,0 +1,369 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/pages/events/pudgy-asia-tour/index.tsx b/src/pages/events/pudgy-asia-tour/index.tsx index 3cf6b81e..6d1420ec 100644 --- a/src/pages/events/pudgy-asia-tour/index.tsx +++ b/src/pages/events/pudgy-asia-tour/index.tsx @@ -2,12 +2,90 @@ import HeadComponent from 'components/Head' import { serverSideTranslations } from 'next-i18next/serverSideTranslations' import Layout from 'components/Layout' import Pubgy from './page' +import localFont from 'next/font/local' + +const estedadFont = localFont({ + src: [ + { + path: '../../../assets/fonts/Estedad/Estedad-Regular.ttf', + weight: '400', + style: 'normal', + }, + { + path: '../../../assets/fonts/Estedad/Estedad-Medium.ttf', + weight: '500', + style: 'normal', + }, + { + path: '../../../assets/fonts/Estedad/Estedad-SemiBold.ttf', + weight: '600', + style: 'normal', + }, + { + path: '../../../assets/fonts/Estedad/Estedad-Bold.ttf', + weight: '700', + style: 'normal', + }, + { + path: '../../../assets/fonts/Estedad/Estedad-ExtraBold.ttf', + weight: '800', + style: 'normal', + }, + { + path: '../../../assets/fonts/Estedad/Estedad-Black.ttf', + weight: '900', + style: 'normal', + }, + ], +}) +const trailerFont = localFont({ + src: [ + { + path: '../../../assets/fonts/tt-trailers/TT Trailers Trial Regular.ttf', + weight: '400', + style: 'normal', + }, + { + path: '../../../assets/fonts/tt-trailers/TT Trailers Trial Medium.ttf', + weight: '500', + style: 'normal', + }, + { + path: '../../../assets/fonts/tt-trailers/TT Trailers Trial DemiBold.ttf', + weight: '600', + style: 'normal', + }, + { + path: '../../../assets/fonts/tt-trailers/TT Trailers Trial Bold.ttf', + weight: '700', + style: 'normal', + }, + { + path: '../../../assets/fonts/tt-trailers/TT Trailers Trial ExtraBold.ttf', + weight: '800', + style: 'normal', + }, + { + path: '../../../assets/fonts/tt-trailers/TT Trailers Trial Black.ttf', + weight: '900', + style: 'normal', + }, + ], +}) export default function Page(props) { if (props.justHead || props.pageProps?.justHead) { return } return ( <> + diff --git a/src/pages/events/pudgy-asia-tour/page.tsx b/src/pages/events/pudgy-asia-tour/page.tsx index 572ce9ef..da9d51e0 100644 --- a/src/pages/events/pudgy-asia-tour/page.tsx +++ b/src/pages/events/pudgy-asia-tour/page.tsx @@ -1,12 +1,10 @@ import Modal from 'components/Modal' import Tooltip from 'components/Tooltip' import Button from 'components/core/Button/Button' -import BannerDesktop from 'components/pages/event/kaia-island/assets/desktop-banner.png' import BannerDesktopVN from 'components/pages/event/kaia-island/assets/desktop-banner-vn.png' -import Artworks from 'components/pages/event/kaia-island/Artwork' -import TimeLine from 'components/pages/event/kaia-island/TimeLine' -import BannerMobile from 'components/pages/event/kaia-island/assets/mobile-banner.png' +import BannerDesktop from 'components/pages/event/kaia-island/assets/desktop-banner.png' import BannerMobileVN from 'components/pages/event/kaia-island/assets/mobile-banner-vn.png' +import BannerMobile from 'components/pages/event/pudgy-asia-tour/assets/mobile-banner.png' import moment from 'moment' import Image from 'next/image' import Link from 'next/link' @@ -15,236 +13,163 @@ import { useState } from 'react' import { useTranslation } from 'react-i18next' import useSWR from 'swr' -import WaveFooter from 'components/pages/event/kaia-island/assets/wave.svg' import FooterAnimationSection from 'components/pages/event/pudgy-asia-tour/FooterAnimationSection' +import TimeLine from 'components/pages/event/pudgy-asia-tour/TimeLine' +import PudgyList from 'components/pages/event/pudgy-asia-tour/Pudgy' export default function Pudgy() { const { locale } = useRouter() const { t } = useTranslation() const [seeMore, setSeeMore] = useState(false) - const { data, isLoading } = useSWR( - 'https://script.google.com/macros/s/AKfycbyrIAyXFFkHVMzvV3Ku4syqak92g6-oPWuro6f-eVSWqYallYP4Fg9X5p_b5Zb894XDyg/exec', - (url) => fetch(url).then((res) => res.json()) - ) return ( -
- -
- -
-
-
-
-

- {moment().isAfter(moment('2024-07-31')) - ? t(`Kaia's Island Mythology Record - Round 3: Golden Treasure!`) - : moment().isAfter(moment('2024-07-24')) - ? t(`Kaia's Island Mythology Record - Round 2: Adventure Time!`) - : t(`Kaia's Island Mythology Record - Round 1: To the Island!`)} - + <> + +
+ +
+ +
+
+
+
+
+

+ {t(`Pudgy Asia Art Contest`)} +

+ + + + + + + + + + + +
+
+
+ {t('Starts at')}: {locale == 'vn' ? '17 Tháng 7 2024' : '17 Jul 2024'} +
+ +
+ {t('Ends at')}: {locale == 'vn' ? '13 Tháng 8 2024' : '13 Aug 2024'} +
+
+
- + className='bg-[#0866FF] rounded-sm px-1 py-1 pr-2.5 flex items-center gap-1 text-xxs leading-4 font-semibold text-text-white'> + - - - + + {t('Go to Fanpage')} + + + + {t('Go to X')} - -

-
-
- {t('Starts at')}: {locale == 'vn' ? '17 Tháng 7 2024' : '17 Jul 2024'}
- -
- {t('Ends at')}: {locale == 'vn' ? '13 Tháng 8 2024' : '13 Aug 2024'} -
-
-
- - - - - {t('Go to Fanpage')} - - - - - - {t('Go to X')} - -
- {locale == 'vn' ? ( -

- - 📢 [THÔNG BÁO CHÍNH THỨC] Cuộc thi “Ghi chép về truyền thuyết đảo Kaia - Kaia's Island Mythology - Record” với tổng giải thưởng lên đến 50 triệu đồng! 📢 - -
-
-

- Bạn có phải là một họa sĩ đầy đam mê, luôn khao khát được khám phá những vùng đất mới và ghi lại những - câu chuyện kỳ bí? Vậy thì cuộc thi "Ghi chép về truyền thuyết đảo Kaia" chính là sân chơi dành cho - bạn! 🏝️ -
-
- 👥 Đối tượng tham gia: Tất cả các họa sĩ không giới hạn độ tuổi. -
-
- 💰 Tổng giá trị giải tưởng: Lên đến 50.000.000 VNĐ -
-
- 💎 Thể lệ cuộc thi: -
-
    -
  • Vòng 1 (17/7 - 23/7): To the Island! (Cá nhân)
    • -
  • Vòng 2 (24/7 - 30/7): Adventure Time! (Cá nhân)
    • -
  • Vòng 3 (31/7 - 13/8): Golden Treasure! (Nhóm)
    • -
-
- Giải thưởng chung cuộc - Dựa vào lượt bình chọn của Ban Giám Khảo: -
-
    -
  • 1 Giải Đặc Biệt (Huyền thoại sống): 8.000.000 VNĐ
    • -
  • 1 Giải Nhất (Người dệt giai thoại): 6.000.000 VNĐ
    • -
  • 1 Giải Nhì (Nhà thực địa): 4.000.000 VNĐ
    • -
  • 1 Giải Ba (Nghiên cứu sinh xuất sắc): 2.000.000 VNĐ
    • -
  • 1 Giải MVP cá nhân xuất sắc: In 3D nhân vật chính của người đạt giải
    • -
-
- - Hàng ngàn giải thưởng hấp dẫn khác từ nhà tài trợ dành cho các bạn hoạ sĩ, độc giả theo dõi cuộc thi - Ghi chép về truyền thuyết đảo Kaia. - -
-
-
- Hãy để trí tưởng tượng của bạn bay cao, bay xa và cùng PunkgaMe khám phá những điều kỳ diệu trên đảo - Kaia! -
-

- ) : ( -

- 📢 [OFFICIAL ANNOUNCEMENT] "Kaia's Island Mythology Record" Contest! 📢 -
-
-

- Are you a passionate artist, always eager to explore new lands and capture mysterious stories? Then - the "Kaia's Island Mythology Record" contest by @PunkgaMeManga, @klaytn_official, @Klaytn_VN, and - @AuraNetworkHQ is the perfect playground for you! 🏝️ -
-
- 👥 Eligibility: Open to all artists -
-
- 💰 Total Prize Pool: Up to $2000 -
-
- 💎 Contest Rules: -
-
    -
  • Round 1 (July 17th - 23rd): To the Island! (Individual)
    • -
  • Round 2 (July 24th - 30th): Adventure Time! (Individual)
    • -
  • Round 3 (July 31st - August 13th): Golden Treasure! (Group)
    • -
-
- Grand Prize - Based on Jury Votes: -
-
    -
  • 1 Special Prize (Living Legend)
    • -
  • 1 First Prize (Story Weaver)
    • -
  • 1 Second Prize (Field Explorer)
    • -
  • 1 Third Prize (Outstanding Researcher)
    • -
  • 1 MVP Individual Prize: 3D print of the winner's main character
    • -
-
- - Thousands of other attractive prizes from our sponsors for artists, and readers who follow the "Kaia's - Island Mythology Record" contest. - -
-
-
Let your imagination soar and join PunkgaMe in discovering the wonders of Kaia Island!
-

- )} -
setSeeMore(!seeMore)}> - {seeMore ? t('See less') : t('See more')} -
-
-
-
- - {moment().isAfter(moment('2024-07-31')) && ( - + {locale == 'vn' ? ( +

+ 🔥The hottest comic drawing contest of the summer only at Punkga MeDo you have a passion for drawing + comics? Do you want to showcase your personality and talent? Then don't miss the chance to shine in + the WoW YOURSELF contest organized by Punkga Me! +

+ ) : ( +

+ 🔥The hottest comic drawing contest of the summer only at Punkga MeDo you have a passion for drawing + comics? Do you want to showcase your personality and talent? Then don't miss the chance to shine in + the WoW YOURSELF contest organized by Punkga Me! +

)} +
setSeeMore(!seeMore)}> + {seeMore ? t('See less') : t('See more')} +
-
-
-
-
{t('Participants')}
-
- {+data?.generalData?.find((value) => value.key == 'Participants')?.value || '---'} +
+
+ + {moment().isAfter(moment('2024-07-31')) && ( +
+ window.open( + 'https://docs.google.com/forms/d/e/1FAIpQLScQbHPR9S5E623IItgHutKouzZ2CYhcEDf5e3iAU44pe9ON-A/viewform', + '_blank' + ) + } + className='w-full bg-[#4A7CF9] rounded-mlg text-center text-lg font-semibold text-white h-10 grid place-items-center'> + {t('Submit my artwork')}
-
-
-
-
{t('Submitted artworks')}
-
- {+data?.generalData?.find((value) => value.key == 'Submitted artworks')?.value || '---'} + )} +
+
+
+
+
{t('Participants')}
+
200
+
+
+
+
{t('Submitted artworks')}
+
400
+ + +
+ +
- -
- -
-
+ ) } function ViewRule() { @@ -253,9 +178,11 @@ function ViewRule() { const { locale } = useRouter() return ( <> - +
{locale == 'vn' ? (