console logs removed

app/(main)/layout.tsx

@@ -1,9 +1,9 @@
-import Buble from '@/components/Buble';
+import Buble from "@/components/Buble";
-import Footer from '@/components/Footer';
+import Footer from "@/components/Footer";
-import MobileMenu from '@/components/MobileMenu';
+import MobileMenu from "@/components/MobileMenu";
-import Nav from '@/components/Nav';
+import Nav from "@/components/Nav";
-import GlobalContext from '@/context/GlobalContext';
+import GlobalContext from "@/context/GlobalContext";
-import MainProvider from '@/providers/MainProvider';
+import MainProvider from "@/providers/MainProvider";
 
 interface IProps {
   children: React.ReactNode;
@@ -17,7 +17,7 @@ const RootLayout = ({ children }: IProps) => {
         <div className="bg-white dark:bg-black transition-all h-full">
           <h1 className="hidden">Turkmen TV</h1>
           <Nav />
-          <main>{children}</main>
+          <main className="min-h-[50vh]">{children}</main>
           <Footer />
           <MobileMenu />
         </div>

app/(main)/lottery/page.tsx

@@ -16,8 +16,6 @@ const LotteryPage = () => {
     "not-started"
   );
 
-  console.log(status);
-
   return (
     <ProtectedRoute>
       <div className="flex flex-col md:gap-[128px] gap-[80px] font-roboto md:pt-[64px] sm:pt-[48px] pt-[40px] ms:pb-[128px] pb-[80px] text-lightOnSurface">

app/(main)/news/343/page.tsx

@@ -1,86 +0,0 @@
-import { Queries } from '@/api/queries';
-import PageTitle from '@/components/PageTitle';
-import MainNews from '@/components/news/MainNews';
-import NewsGrid from '@/components/news/NewsGrid';
-import Item from '@/components/news/NewsItem';
-import Hydrate from '@/utils/HydrateClient';
-import getQueryClient from '@/utils/getQueryClient';
-import { dehydrate } from '@tanstack/react-query';
-import Image from 'next/image';
-import StaticImage from '@/public/staticPageImage.jpg';
-
-export async function generateStaticParams() {
-  const news = await Queries.getNews(1, { perPage: 20 });
-
-  return news.data.map((item) => ({
-    slug: item.id.toString(),
-  }));
-}
-
-interface IParams {
-  params: {
-    slug: string;
-  };
-}
-
-const NewsItemStatic = async ({ params }: IParams) => {
-  const queryClient = getQueryClient();
-
-  const dehydratedState = dehydrate(queryClient);
-
-  return (
-    <div className="news-item">
-      <div className="container">
-        <Hydrate state={{ dehydratedState }}>
-          <div className="news-body py-11">
-            <div className="flex flex-col gap-8">
-              {/* <NextSeo title={data!.data.title} description={data!.data.excerpt} /> */}
-              <div className="flex flex-col gap-2">
-                <PageTitle title={'MHB books'} />
-                {/* <p className="text-lg">{data?.data.published_at}</p> */}
-              </div>
-
-              <div className="main-news flex flex-col gap-6">
-                <div className="w-full lg:h-[600px] md:h-[400px] h-[250px] relative">
-                  <Image
-                    src={StaticImage}
-                    alt={'kitaplar'}
-                    unoptimized
-                    unselectable="off"
-                    fill
-                    priority
-                    className="w-full object-cover h-[600px]"
-                  />
-                </div>
-                <div className="flex flex-col gap-3 text-black text-lg">
-                  {/* <h2 className="font-mw_sans font-bold">{data!.data.title}</h2> */}
-                  <p className="font-roboto font-normal flex flex-col gap-4 md:text-xl text-lg">
-                    Mahabat müdirliginiň neşir önümleri:
-                    <br /> 1. 3+ we 5+ ýaşly çagalar üçin Zehin soraglary. Bahasy 23 manat;
-                    <br /> 2. Çagalar üçin reňkleme kitaplary. Bahasy: 13 manat;
-                    <br /> 3. Ulylar üçin "Sözýetim" güýmenjesi. Bahasy: 10 manat;
-                    <br /> 4. Çagalara kompýuter programirleme diline giriş "Başarjaň". Bahasy: 38
-                    manat;
-                    <br /> 5. Elwan depderim reňkleme kitaby. Bahasy: 28 manat;
-                    <br /> 6. 7 ýaşdan ýokary çagalar üçin niýetlenen erteki kitaplary. Bahasy: 8
-                    manat;
-                    <br />
-                    <br />{' '}
-                    <a
-                      href="https://forms.gle/g6qm76tZihd4conb8"
-                      target="_blank"
-                      className="text-[#337AB7] font-bold md:text-xl text-lg">
-                      Satyn almak üçin şu düwmä basyň!
-                    </a>
-                  </p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </Hydrate>
-      </div>
-    </div>
-  );
-};
-
-export default NewsItemStatic;

app/(main)/news/[slug]/page.tsx

@@ -1,53 +0,0 @@
-import { Queries } from '@/api/queries';
-import PageTitle from '@/components/PageTitle';
-import MainNews from '@/components/news/MainNews';
-import NewsGrid from '@/components/news/NewsGrid';
-import Item from '@/components/news/NewsItem';
-import Hydrate from '@/utils/HydrateClient';
-import getQueryClient from '@/utils/getQueryClient';
-import { dehydrate } from '@tanstack/react-query';
-
-export async function generateStaticParams() {
-  const news = await Queries.getNews(1, { perPage: 20 });
-
-  return news.data.map((item) => ({
-    slug: item.id.toString(),
-  }));
-}
-
-interface IParams {
-  params: {
-    slug: string;
-  };
-}
-
-const NewsItem = async ({ params }: IParams) => {
-  const queryClient = getQueryClient();
-  await queryClient.prefetchQuery({
-    queryKey: ['news_item', params.slug],
-    queryFn: () => Queries.getNewsItem(params.slug),
-  });
-  await queryClient.prefetchInfiniteQuery({
-    queryKey: ['news', 'infinite'],
-    queryFn: ({ pageParam = 1 }) => Queries.getNews(pageParam, {}),
-  });
-
-  const dehydratedState = dehydrate(queryClient);
-
-  return (
-    <div className="news-item">
-      <div className="container">
-        <Hydrate state={{ dehydratedState }}>
-          <div className="news-body py-11">
-            <Item id={params.slug} />
-            <div className="pt-8">
-              <NewsGrid isSlides perPage={20} title="Habarlar" />
-            </div>
-          </div>
-        </Hydrate>
-      </div>
-    </div>
-  );
-};
-
-export default NewsItem;

app/(main)/news/page.tsx

@@ -1,29 +0,0 @@
-import { Queries } from '@/api/queries';
-import NewsGrid from '@/components/news/NewsGrid';
-import Hydrate from '@/utils/HydrateClient';
-import getQueryClient from '@/utils/getQueryClient';
-import { dehydrate } from '@tanstack/react-query';
-
-const News = async () => {
-  const queryClient = getQueryClient();
-  await queryClient.prefetchInfiniteQuery({
-    queryKey: ['news', 'infinite'],
-    queryFn: ({ pageParam = 1 }) => Queries.getNews(pageParam, {}),
-  });
-
-  const dehydratedState = dehydrate(queryClient);
-
-  return (
-    <div className="">
-      <div className="container">
-        <div className="inner flex flex-col gap-14 py-11">
-          <Hydrate state={dehydratedState}>
-            <NewsGrid isExtendable />
-          </Hydrate>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default News;

components/lottery/LotteryWinnersSection.tsx

@@ -37,8 +37,6 @@ const LotteryWinnersSection = ({
   const pingIntervalRef = useRef<NodeJS.Timeout>();
   const mountedRef = useRef(false);
 
-  console.log(isConfettiActive, "isConfettiActive");
-
   // Initialize winners from lottery data
   useEffect(() => {
     if (lotteryData?.data.winners) {
@@ -196,13 +194,13 @@ const LotteryWinnersSection = ({
 
       <div className="container">
         <div className="flex flex-col items-center">
-          <div className="md:-mb-[90px] sm:-mb-[40px] -mb-[20px] z-10">
+          <div className="translate-y-1/2 z-10">
             <LotterySlotCounter
               numberString={currentNumber}
               isAnimating={isSlotCounterAnimating}
             />
           </div>
-          <div className="flex gap-6 bg-lightPrimaryContainer rounded-[12px] flex-1 w-full items-center justify-center md:pt-[122px] sm:pt-[90px] pt-[40px] sm:pb-[62px] pb-[32px] md:px-0 px-4">
+          <div className="flex gap-6 bg-lightPrimaryContainer rounded-[12px] flex-1 w-full items-center justify-center md:pt-[122px] sm:pt-[90px] pt-[40px] sm:pb-[62px] pb-[32px]  px-4">
             <LotteryWinnersList winners={winners} />
           </div>
         </div>

components/lottery/countDown/LotteryCountDown.tsx

@@ -56,8 +56,6 @@ const LotteryCountDown: React.FC<LotteryCountDownProps> = ({
     return () => clearInterval(timer); // Clean up interval on component unmount
   }, [startDate, endDate, lotteryStatus, setLotteryStatus]);
 
-  console.log(lotteryStatus);
-
   return (
     <div className="bg-lightPrimaryContainer sm:p-6 py-3 flex flex-col w-full md:gap-2 rounded-[12px] sm:gap-3 gap-0 text-lightOnPrimaryContainer">
       <h3 className="text-center md:font-heading-1-regular sm:text-[32px] sm:leading-[40px] text-[20px] leading-[28px] text-lightOnSurface">

components/lottery/slotCounter/LotterySlotCounter.tsx

@@ -62,7 +62,7 @@ const LotterySlotCounter = ({
       )}
 
       <div
-        className="flex items-center md:h-[180px] sm:h-[100px] h-[50px] md:max-w-[1132px] sm:max-w-[640px] max-w-[324px] w-full justify-center text-white md:py-4 md:px-6 rounded-full overflow-y-hidden overflow-x-visible relative border-4 border-lightPrimary"
+        className="flex items-center h-fit md:max-w-[1132px] sm:max-w-[640px] max-w-[324px] w-full justify-center text-white md:py-4 md:px-6 rounded-full overflow-y-hidden overflow-x-visible relative border-4 border-lightPrimary"
         style={{
           background:
             "linear-gradient(180deg, #454673 0%, #575992 10.5%, #575992 90%, #454673 100%)",

depricated/news/343/page.tsx

@@ -0,0 +1,86 @@
+// import { Queries } from '@/api/queries';
+// import PageTitle from '@/components/PageTitle';
+// import MainNews from '@/components/news/MainNews';
+// import NewsGrid from '@/components/news/NewsGrid';
+// import Item from '@/components/news/NewsItem';
+// import Hydrate from '@/utils/HydrateClient';
+// import getQueryClient from '@/utils/getQueryClient';
+// import { dehydrate } from '@tanstack/react-query';
+// import Image from 'next/image';
+// import StaticImage from '@/public/staticPageImage.jpg';
+
+// export async function generateStaticParams() {
+//   const news = await Queries.getNews(1, { perPage: 20 });
+
+//   return news.data.map((item) => ({
+//     slug: item.id.toString(),
+//   }));
+// }
+
+// interface IParams {
+//   params: {
+//     slug: string;
+//   };
+// }
+
+// const NewsItemStatic = async ({ params }: IParams) => {
+//   const queryClient = getQueryClient();
+
+//   const dehydratedState = dehydrate(queryClient);
+
+//   return (
+//     <div className="news-item">
+//       <div className="container">
+//         <Hydrate state={{ dehydratedState }}>
+//           <div className="news-body py-11">
+//             <div className="flex flex-col gap-8">
+//               {/* <NextSeo title={data!.data.title} description={data!.data.excerpt} /> */}
+//               <div className="flex flex-col gap-2">
+//                 <PageTitle title={'MHB books'} />
+//                 {/* <p className="text-lg">{data?.data.published_at}</p> */}
+//               </div>
+
+//               <div className="main-news flex flex-col gap-6">
+//                 <div className="w-full lg:h-[600px] md:h-[400px] h-[250px] relative">
+//                   <Image
+//                     src={StaticImage}
+//                     alt={'kitaplar'}
+//                     unoptimized
+//                     unselectable="off"
+//                     fill
+//                     priority
+//                     className="w-full object-cover h-[600px]"
+//                   />
+//                 </div>
+//                 <div className="flex flex-col gap-3 text-black text-lg">
+//                   {/* <h2 className="font-mw_sans font-bold">{data!.data.title}</h2> */}
+//                   <p className="font-roboto font-normal flex flex-col gap-4 md:text-xl text-lg">
+//                     Mahabat müdirliginiň neşir önümleri:
+//                     <br /> 1. 3+ we 5+ ýaşly çagalar üçin Zehin soraglary. Bahasy 23 manat;
+//                     <br /> 2. Çagalar üçin reňkleme kitaplary. Bahasy: 13 manat;
+//                     <br /> 3. Ulylar üçin "Sözýetim" güýmenjesi. Bahasy: 10 manat;
+//                     <br /> 4. Çagalara kompýuter programirleme diline giriş "Başarjaň". Bahasy: 38
+//                     manat;
+//                     <br /> 5. Elwan depderim reňkleme kitaby. Bahasy: 28 manat;
+//                     <br /> 6. 7 ýaşdan ýokary çagalar üçin niýetlenen erteki kitaplary. Bahasy: 8
+//                     manat;
+//                     <br />
+//                     <br />{' '}
+//                     <a
+//                       href="https://forms.gle/g6qm76tZihd4conb8"
+//                       target="_blank"
+//                       className="text-[#337AB7] font-bold md:text-xl text-lg">
+//                       Satyn almak üçin şu düwmä basyň!
+//                     </a>
+//                   </p>
+//                 </div>
+//               </div>
+//             </div>
+//           </div>
+//         </Hydrate>
+//       </div>
+//     </div>
+//   );
+// };
+
+// export default NewsItemStatic;

depricated/news/[slug]/page.tsx

@@ -0,0 +1,53 @@
+// import { Queries } from '@/api/queries';
+// import PageTitle from '@/components/PageTitle';
+// import MainNews from '@/components/news/MainNews';
+// import NewsGrid from '@/components/news/NewsGrid';
+// import Item from '@/components/news/NewsItem';
+// import Hydrate from '@/utils/HydrateClient';
+// import getQueryClient from '@/utils/getQueryClient';
+// import { dehydrate } from '@tanstack/react-query';
+
+// export async function generateStaticParams() {
+//   const news = await Queries.getNews(1, { perPage: 20 });
+
+//   return news.data.map((item) => ({
+//     slug: item.id.toString(),
+//   }));
+// }
+
+// interface IParams {
+//   params: {
+//     slug: string;
+//   };
+// }
+
+// const NewsItem = async ({ params }: IParams) => {
+//   const queryClient = getQueryClient();
+//   await queryClient.prefetchQuery({
+//     queryKey: ['news_item', params.slug],
+//     queryFn: () => Queries.getNewsItem(params.slug),
+//   });
+//   await queryClient.prefetchInfiniteQuery({
+//     queryKey: ['news', 'infinite'],
+//     queryFn: ({ pageParam = 1 }) => Queries.getNews(pageParam, {}),
+//   });
+
+//   const dehydratedState = dehydrate(queryClient);
+
+//   return (
+//     <div className="news-item">
+//       <div className="container">
+//         <Hydrate state={{ dehydratedState }}>
+//           <div className="news-body py-11">
+//             <Item id={params.slug} />
+//             <div className="pt-8">
+//               <NewsGrid isSlides perPage={20} title="Habarlar" />
+//             </div>
+//           </div>
+//         </Hydrate>
+//       </div>
+//     </div>
+//   );
+// };
+
+// export default NewsItem;

depricated/news/page.tsx

@@ -0,0 +1,29 @@
+// import { Queries } from '@/api/queries';
+// import NewsGrid from '@/components/news/NewsGrid';
+// import Hydrate from '@/utils/HydrateClient';
+// import getQueryClient from '@/utils/getQueryClient';
+// import { dehydrate } from '@tanstack/react-query';
+
+// const News = async () => {
+//   const queryClient = getQueryClient();
+//   await queryClient.prefetchInfiniteQuery({
+//     queryKey: ['news', 'infinite'],
+//     queryFn: ({ pageParam = 1 }) => Queries.getNews(pageParam, {}),
+//   });
+
+//   const dehydratedState = dehydrate(queryClient);
+
+//   return (
+//     <div className="">
+//       <div className="container">
+//         <div className="inner flex flex-col gap-14 py-11">
+//           <Hydrate state={dehydratedState}>
+//             <NewsGrid isExtendable />
+//           </Hydrate>
+//         </div>
+//       </div>
+//     </div>
+//   );
+// };
+
+// export default News;

package-lock.json

@@ -6211,6 +6211,7 @@
       "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.5.tgz",
       "integrity": "sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==",
       "hasInstallScript": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "color": "^4.2.3",
         "detect-libc": "^2.0.3",