lottery page started

app/(main)/(lottery)/lottery/page.tsx

@@ -0,0 +1,33 @@
+import Image from 'next/image';
+import React from 'react';
+
+const page = () => {
+  return (
+    <div className="flex flex-col gap-[128px]">
+      <section className="py-[64px]">
+        <div className="container">
+          <div className="flex flex-col gap-[32px]">
+            <h1 className="font-display-1-regular text-center">Bije</h1>
+            <div>
+              <Image
+                src="/banner-lottery.jpg"
+                width={1416}
+                height={177}
+                alt="banner"
+                className="rounded-[12px]"
+              />
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section>
+        <div className="container">
+          <div></div>
+        </div>
+      </section>
+    </div>
+  );
+};
+
+export default page;

app/globals.css

@@ -210,4 +210,8 @@ big {
   .pagination-current {
     @apply px-3 py-1 rounded-md border bg-fillButtonAccentDefault text-white text-[12px];
   }
+
+  .font-display-1-regular {
+    @apply font-roboto text-[56px] leading-[64px] -tracking-[1%] font-normal;
+  }
 }