From 84ddf2b7712ba2619bd0ec5ce4db8356f995f2ef Mon Sep 17 00:00:00 2001 From: Hafid Nur Date: Sun, 16 Mar 2025 20:40:18 +0700 Subject: [PATCH] feat: draft roulette page --- apps/gacha/public/gacha/certificate.png | Bin 0 -> 13347 bytes apps/gacha/src/app/page.tsx | 51 +++++++++++++++++++----- libs/ui/src/organisms/navbar/navbar.tsx | 2 +- 3 files changed, 42 insertions(+), 11 deletions(-) create mode 100644 apps/gacha/public/gacha/certificate.png diff --git a/apps/gacha/public/gacha/certificate.png b/apps/gacha/public/gacha/certificate.png new file mode 100644 index 0000000000000000000000000000000000000000..09975781a639985aa6a6291f132ed1e2ba9113b6 GIT binary patch literal 13347 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
*0_l;TY~m5bEaS*Ij^jGW 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 { {/* Roulette Page */}
-
Card
-
-
Here Take Your Prize
-
Rolling Merch
-
-
Sertifikat + Laminating
- +
+
+

Gacha Roulette

+
+

+ How to participate +

+

+ Kamu harus melakukan pembelian merch batch 2 di shopee IMPHNEN +

+

+ How to gacha +

+
    +
  1. First, press the "Spin Now" button
  2. +
  3. + If the merch does not match you can reroll by paying IDR5,000 +
  4. +
  5. If it is appropriate you can submit
  6. +
  7. Then fill in the data for your merch delivery process
  8. +
+
+ +
+
+ Here Take Your Prize
+
+
+
Rolling Merch
+

+ Sertifikat + Laminating +

+
+
+
diff --git a/libs/ui/src/organisms/navbar/navbar.tsx b/libs/ui/src/organisms/navbar/navbar.tsx index 9720f8c..e6822e7 100644 --- a/libs/ui/src/organisms/navbar/navbar.tsx +++ b/libs/ui/src/organisms/navbar/navbar.tsx @@ -7,7 +7,7 @@ export const Navbar: FC = (): ReactElement => { const [isDropdownOpen, setDropdownOpen] = useState(false); return ( -
+