-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
StoreEvents.tsx
33 lines (31 loc) · 1.13 KB
/
StoreEvents.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
import type React from 'react'
import EventItem from '~/components/molecules/EventItem'
/**
* Represents the component for displaying exclusive events in the store.
*/
const StoreEvents: React.FC = () => {
return (
<section className="bg-opacity/50 my-12 mb-16 bg-black py-12">
<div className="container mx-auto px-4">
<h2 className="mb-8 text-center text-3xl font-bold text-white/90">
<span className="bg-opacity/50 inline-block rounded-full bg-black p-2 transition duration-500 hover:scale-110">
Exclusive Events
</span>
</h2>
<div className="grid grid-cols-1 gap-8 md:grid-cols-2">
<EventItem
title="Premium Surfing and Rap Battle Tournaments"
description="Join our monthly Premium-only surfing and rap battle tournaments with big prizes and bragging rights."
link="https://imperfectgamers.org/login"
/>
<EventItem
title="Members-Only Livestream"
description="Get exclusive access to our members-only livestreams with special guests and Q&A sessions."
link="https://imperfectgamers.org/login"
/>
</div>
</div>
</section>
)
}
export default StoreEvents