link on Hazyna slider changed

api/queries.ts

@@ -231,4 +231,19 @@ export class Queries {
       },
     ).then((res) => res.json().then((res) => res as MessagesByTvAdmin));
   }
+
+  // Lottery ================================================================================
+  public static async getLottery(): Promise<IAllVotes> {
+    return await fetch(`${baseUrl.QUIZ_SRC}${routes.lotteryActive}`, {
+      next: { revalidate: 3600 },
+    }).then((res) => res.json().then((res) => res as IAllVotes));
+  }
+
+  public static async getLotteryById(lottery_id: string): Promise<IVote> {
+    return await fetch(`${baseUrl.QUIZ_SRC}${routes.lotteryId(lottery_id)}`, {
+      next: { revalidate: 3600 },
+    }).then((res) => res.json().then((res) => res as IVote));
+  }
+
+  // ============================================================================================
 }

app/(main)/lottery/[lottery_id]/page.tsx

@@ -0,0 +1,71 @@
+import LotteryWinnersSection from '@/components/lottery/LotteryWinnersSection';
+import LotteryCountDown from '@/components/lottery/countDown/LotteryCountDown';
+import Image from 'next/image';
+
+interface IParams {
+  params: {
+    lottery_id: string;
+  };
+}
+
+const page = ({ params }: IParams) => {
+  return (
+    <div className="flex flex-col gap-[128px] font-roboto pt-[64px] pb-[128px] text-lightOnSurface">
+      <section className="">
+        <div className="container">
+          <div className="flex flex-col gap-[32px]">
+            <h1 className="font-display-1-regular text-center">Bije</h1>
+            <div className="mb-8">
+              <Image
+                src="/banner-lottery.jpg"
+                width={1416}
+                height={177}
+                alt="banner"
+                className="rounded-[12px]"
+              />
+            </div>
+
+            <LotteryCountDown startDate="2024-11-25" />
+          </div>
+        </div>
+      </section>
+
+      <LotteryWinnersSection />
+
+      <section>
+        <div className="container">
+          <div className="flex flex-col gap-8">
+            <h2 className="font-heading-1-regular">Lotereýanyň duzgunleri:</h2>
+            <div className="flex gap-6">
+              <div className="flex flex-col gap-4 bg-lightSurfaceContainer py-4 px-8 rounded-[12px] w-full">
+                <h3 className="font-heading-5-regular">Umumy düzgünler:</h3>
+                <ul className="list-disc flex flex-col gap-4 pl-[16px]">
+                  {Array(5)
+                    .fill(' ')
+                    .map((item, i) => (
+                      <li className="font-small-regular" key={i}>
+                        Ilkinji we dogry jogap beren sanawda ilkinji ýeri eýelýär
+                      </li>
+                    ))}
+                </ul>
+              </div>
+
+              <div className="flex flex-col gap-4 bg-lightSurfaceContainer py-4 px-8 rounded-[12px] w-full">
+                <h3 className="font-heading-5-regular">Üns beriň:</h3>
+                <ul className="list-disc flex flex-col gap-4 pl-[16px]">
+                  {Array(1)
+                    .fill(' ')
+                    .map((item) => (
+                      <li className="font-small-regular">SMS = 1 manat</li>
+                    ))}
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+};
+
+export default page;

components/home/SmallSwiperVideos.tsx

@@ -36,7 +36,7 @@ const SmallSwiperVideos = () => {
   }
 
   return (
-    <div className="small-swiper ">
+    <div className="small-swiper">
       <Swiper
         className="h-full"
         modules={[Navigation, Pagination, Scrollbar, A11y, Autoplay]}
@@ -51,7 +51,7 @@ const SmallSwiperVideos = () => {
         }}>
         {/* PAY ATTENTION [data] is wrapped in an array */}
         <SwiperSlide>
-          <LinkBlock href="/treasury" content="Hazyna" color="#c56540" />
+          <LinkBlock href="/vote/36" content="Hazyna" color="#c56540" />
         </SwiperSlide>
         {data?.data
           ? chooseRandomItems(data.data).map((item, index) => (

routes.ts

@@ -19,6 +19,11 @@ export default {
   vote: (vote_id: string) => `/voting/${vote_id}`,
   // ======================================================================
 
+  // Lottery ================================================================
+  lotteryActive: '/lottery/active',
+  lotteryId: (lottery_id: string) => `/lottery/${lottery_id}`,
+  // ======================================================================
+
   addPost: '/mahabat/order',
   news: '/pagination/new/posts',
   lastVideos: '/materials?per_page=30',