Skip to content

Commit

Permalink
update rule
Browse files Browse the repository at this point in the history
  • Loading branch information
@imhson
imhson committed Aug 26, 2024
1 parent 31528d6 commit c6351fc
Show file tree
Hide file tree
Showing 14 changed files with 390 additions and 303 deletions.
1 change: 1 addition & 0 deletions public/locales/vn/common.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -365,6 +365,7 @@
"Processing": "Đang xử lý",
"You will receive a random item from the collection": "Bạn sẽ nhận được một NFT ngẫu nhiên từ bộ sưu tập",
"View NFT": "Xem NFT",
"Go to Discord": "Tham gia Discord",
".": "",
"": ""
}
Binary file added src/components/pages/event/assets/allEvents/Pudgy.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/components/pages/event/assets/allEvents/hero-banner-mobile.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/components/pages/event/assets/allEvents/hero-banner.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
38 changes: 20 additions & 18 deletions src/components/pages/event/pudgy-asia-tour/TimeLine.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,26 +8,28 @@ import R2 from './assets/r2.png'
import R3 from './assets/r3.png'
import Line from './assets/line.svg'
import TimeLineImage from './assets/timeline.png'
import { useTranslation } from 'react-i18next'
export default function TimeLine() {
const { t } = useTranslation()
return (
<>
<div className='hidden xl:block pt-16 pk-container'>
<div className='uppercase text-white text-center w-full drop-shadow-[2px_2px_0px_#000] trailer-font text-[64px] leading-[84px] font-black text-stroke'>
IT’s Time TO TRAVEL
{t('IT’s Time TO TRAVEL')}
</div>
<div className='relative mt-28 font-semibold'>
<Image src={TimeLineImage} alt='' className='w-full' />
<div className='absolute flex flex-col items-center top-[-12%] left-[9.5%]'>
<div className='text-sm text-[#009640]'>11/8/2024</div>
<div className='text-lg'>Register</div>
<div className='text-sm text-[#009640]'>01/08/2024</div>
<div className='text-lg'>{t('Register')}</div>
</div>
<div className='absolute flex flex-col items-center top-[21%] left-[37.2%]'>
<div className='text-sm text-[#009640]'>20/8/2024</div>
<div className='text-lg'>Receive Pudgy</div>
<div className='text-sm text-[#009640]'>01/09/2024</div>
<div className='text-lg'>{t('Submit your artwork')}</div>
</div>
<div className='absolute flex flex-col items-center top-[0%] right-[27.4%]'>
<div className='text-sm text-[#009640]'>2/9/2024</div>
<div className='text-lg'>Receive Pudgy</div>
<div className='text-sm text-[#009640]'>04/09/2024</div>
<div className='text-lg'>{t('Grading & Awards')}</div>
</div>
<div className='absolute cursor-pointer right-[9.8%] top-[-18%]'>
<svg xmlns='http://www.w3.org/2000/svg' width='147' height='85' viewBox='0 0 147 85' fill='none'>
Expand All @@ -40,18 +42,18 @@ export default function TimeLine() {
</svg>
<div className='absolute inset-x-2.5 top-2.5 flex flex-col items-center'>
<div className='uppercase text-stroke font-black text-2xl drop-shadow-[1px_1px_0px_#000] trailer-font text-[#FFDC48]'>
upto 2.000 USD
{t('upto 2.000 USD')}
</div>
<div className='-mt-1 uppercase text-stroke font-black text-base drop-shadow-[1px_1px_0px_#000] trailer-font text-[#16CC64]'>
Click Me
{t('Click Me')}
</div>
</div>
</div>
</div>
</div>
<div className='mt-[22px] lg:mt-16 xl:hidden'>
<div className='uppercase text-white text-center w-full drop-shadow-[2px_2px_0px_#000] trailer-font text-[36px] lg:text-[64px] leading-[48px] font-black text-stroke'>
IT’s Time TO TRAVEL
{t('IT’s Time TO TRAVEL')}
</div>
<div className='mt-8 flex items-center w-full flex-col'>
<div className='relative cursor-pointer -translate-x-11'>
Expand All @@ -65,10 +67,10 @@ export default function TimeLine() {
</svg>
<div className='absolute inset-x-2.5 top-2.5 flex flex-col items-center'>
<div className='uppercase text-stroke font-black text-2xl drop-shadow-[1px_1px_0px_#000] trailer-font text-[#FFDC48]'>
upto 2.000 USD
{t('upto 2.000 USD')}
</div>
<div className='-mt-1 uppercase text-stroke font-black text-base drop-shadow-[1px_1px_0px_#000] trailer-font text-[#16CC64]'>
Click Me
{t('Click Me')}
</div>
</div>
</div>
Expand All @@ -80,8 +82,8 @@ export default function TimeLine() {
<Image src={R1} alt='' className='w-[131px]' />
</div>
<div className='w-[200px] pt-7'>
<div className='text-sm text-[#009640]'>11/8/2024</div>
<div className='text-lg'>Register</div>
<div className='text-sm text-[#009640]'>01/08/2024</div>
<div className='text-lg'>{t('Register')}</div>
<Image src={Bamboo} alt='' className='w-20 mt-7' />
</div>
</div>
Expand All @@ -90,8 +92,8 @@ export default function TimeLine() {
<Image src={R2} alt='' className='w-[131px]' />
</div>
<div className='w-[200px] pt-7'>
<div className='text-sm text-[#009640]'>20/8/2024</div>
<div className='text-lg'>Receive Pudgy</div>
<div className='text-sm text-[#009640]'>01/09/2024</div>
<div className='text-lg'>{t('Submit your artwork')}</div>
<Image src={Image1} alt='' className='w-[167px] mt-7' />
</div>
</div>
Expand All @@ -103,8 +105,8 @@ export default function TimeLine() {
<Image src={Line} alt='' className='w-screen h-3 object-cover' />
</div>
<div className='w-[200px] pt-11 relative'>
<div className='text-sm text-[#009640]'>2/9/2024</div>
<div className='text-lg'>Receive Pudgy</div>
<div className='text-sm text-[#009640]'>04/09/2024</div>
<div className='text-lg'>{t('Grading & Awards')}</div>
<Image src={Image2} alt='' className='w-[173px] mt-7' />
</div>
</div>
Expand Down
Binary file added src/components/pages/event/pudgy-asia-tour/assets/desktop-banner-vn.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/components/pages/event/pudgy-asia-tour/assets/desktop-banner.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/components/pages/event/pudgy-asia-tour/assets/mobile-banner-vn.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/components/pages/event/pudgy-asia-tour/assets/rule1.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/components/pages/event/pudgy-asia-tour/assets/rule1vn.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/components/pages/event/pudgy-asia-tour/assets/rule2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/components/pages/event/pudgy-asia-tour/assets/rule3.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
33 changes: 24 additions & 9 deletions src/pages/events/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,33 @@
import HeroBanner from 'components/pages/event/assets/hero-banner.png'
import HeroBannerVN from 'components/pages/event/assets/hero-banner-vn.png'
import HeroBannerMobile from 'components/pages/event/assets/hero-banner-mobile.png'
import HeroBannerMobileVN from 'components/pages/event/assets/hero-banner-mobile-vn.png'
import HeroBanner from 'components/pages/event/assets/allEvents/hero-banner.png'
import HeroBannerVN from 'components/pages/event/assets/allEvents/hero-banner.png'
import HeroBannerMobile from 'components/pages/event/assets/allEvents/hero-banner-mobile.png'
import HeroBannerMobileVN from 'components/pages/event/assets/allEvents/hero-banner-mobile.png'
import WowYourselfImage from 'components/pages/event/assets/allEvents/wow-yourself.png'
import KaiaEventImage from 'components/pages/event/assets/allEvents/Kaia.png'
import KaiaEventImageVN from 'components/pages/event/assets/allEvents/Kaia-vn.png'
import PudgyEventImage from 'components/pages/event/assets/allEvents/Pudgy.png'
import Image from 'next/image'
import { useRouter } from 'next/router'
import Link from 'next/link'
import { useTranslation } from 'react-i18next'
const events = [
{
url: '/events/kaia-island',
url: '/events/pudgy-asia-tour',
isLive: true,
en: {
image: PudgyEventImage,
title: `Pudgy Asia Tour`,
subtitle: `01 Aug 2024 - 4 Sep 2024`,
},
vn: {
image: PudgyEventImage,
title: `Pudgy Asia Tour`,
subtitle: `01/08/2024 - 04/09/2024`,
},
},
{
url: '/events/kaia-island',
isLive: false,
en: {
image: KaiaEventImage,
title: `Kaia's Island Mythology Record`,
Expand All @@ -30,12 +45,12 @@ const events = [
en: {
image: WowYourselfImage,
title: `WOW yourself`,
subtitle: `03 Jun 2024 - 31 Jun 2024`,
subtitle: `03 Jun 2024 - 30 Jun 2024`,
},
vn: {
image: WowYourselfImage,
title: `WOW yourself`,
subtitle: `03/06/2024 - 31/06/2024`,
subtitle: `03/06/2024 - 30/06/2024`,
},
},
]
Expand All @@ -48,12 +63,12 @@ export default function EventPage() {
<Image
src={locale == 'vn' ? HeroBannerMobileVN : HeroBannerMobile}
alt=''
className='w-full aspect-[343/156] object-cover rounded-mlg overflow-hidden md:hidden'
className='w-full h-auto object-cover rounded-mlg overflow-hidden md:hidden'
/>
<Image
src={locale == 'vn' ? HeroBannerVN : HeroBanner}
alt=''
className='w-full aspect-[128/22] object-cover overflow-hidden hidden md:block'
className='w-full h-auto object-cover overflow-hidden hidden md:block'
/>
</div>
<div>
Expand Down
Loading

0 comments on commit c6351fc

Please sign in to comment.