Merge branch 'main' into prod

dvm-bitspilani · Sep 17, 2024 · dda0b60 · dda0b60
2 parents 602d255 + c955e06
commit dda0b60
Show file tree

Hide file tree

Showing 30 changed files with 1,307 additions and 391 deletions.
diff --git a/app/events/events.module.scss b/app/events/events.module.scss
@@ -1,50 +1,50 @@
 .heading {
-    width: 100%;
-    margin-top: 2rem;
-    margin-bottom: 4rem;
+  width: 100%;
+  margin-top: 2rem;
+  margin-bottom: 4rem;
 
-    h2 {
-        font-family: Pixelify Sans;
-        font-size: 39.6px;
-        font-weight: 600;
-        text-align: center;
-        color: #FFD600;
-        line-height: 100px;
-        border-bottom: 2.63px solid #FFD600;
-    }
+  h2 {
+    font-family: "Pixelify Sans";
+    font-size: 39.6px;
+    font-weight: 600;
+    text-align: center;
+    color: #ffd600;
+    line-height: 100px;
+    border-bottom: 2.63px solid #ffd600;
+  }
 }
 
 .folderContainer {
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 4rem 4rem;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4rem 4rem;
 }
 
 .category {
-    margin-top: 3rem;
+  margin-top: 3rem;
 
-    p {
-        font-family: Pixelify Sans;
-        font-size: 28.97px;
-        font-weight: 500;
-        line-height: 34.76px;
-        text-align: center;
-        color: #FFD600;
-    }
+  p {
+    font-family: "Pixelify Sans";
+    font-size: 28.97px;
+    font-weight: 500;
+    line-height: 34.76px;
+    text-align: center;
+    color: #ffd600;
+  }
 }
 
 .categoryContainer {
-    position: static;
+  position: static;
 }
 
 .fixedCategoryContainer {
-    position: fixed;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
 }
diff --git a/app/gallery/gallery.module.scss b/app/gallery/gallery.module.scss
@@ -0,0 +1,99 @@
+.galleryBack {
+    position: fixed;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
+
+.galleryContainer {
+    position: relative;
+    top: 0;
+    padding-top: 2rem;
+
+    .heading {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        gap: 1.2rem;
+
+        h2 {
+            font-family: "Rye", sans-serif;
+            font-size: 52px;
+            font-weight: 400;
+            line-height: 43px;
+            letter-spacing: 0.05em;
+            text-align: center;
+            color: #ccae57;
+            text-transform: uppercase;
+        }
+    }
+
+    .backBtn {
+        position: fixed;
+        top: 0rem;
+        left: 2rem;
+    }
+
+    .imgContainer {
+        column-count: 3;
+        margin: 2rem;
+        overflow: hidden;
+
+        Image {
+            object-fit: contain;
+            height: 100%;
+            width: 100%;
+        }
+    }
+}
+
+
+@media (max-width: 2100px) and (min-width: 1900px) {
+    .galleryContainer {
+        padding-top: 3rem;
+        .heading {
+            gap: 2rem;
+
+            h2 {
+                font-size: 72px;
+            }
+        }
+
+        .backBtn {
+            top: 1rem;
+        }
+    }
+}
+
+
+@media (max-width: 1900px) and (min-width: 1400px) {
+    .galleryContainer {
+        padding-top: 3rem;
+        .heading {
+
+            h2 {
+                font-size: 65px;
+            }
+        }
+
+        .backBtn {
+            top: 1rem;
+        }
+    }
+}
+
+@media(max-width: 600px) {
+
+    .galleryContainer {
+        .heading {
+            padding-top: 2.5rem;
+            h2 {
+                font-size: 40px;
+            }
+
+            svg {
+                display: none;
+            }
+        }
+    }
+}
diff --git a/app/gallery/loading.tsx b/app/gallery/loading.tsx
@@ -0,0 +1,5 @@
+import Preloader from "@/components/Preloader/Preloader";
+
+export default function LoadingPage() {
+  return <Preloader />;
+}
diff --git a/app/gallery/page.tsx b/app/gallery/page.tsx
@@ -0,0 +1,98 @@
+import React from "react";
+import styles from "./gallery.module.scss";
+
+import Grid from "@/components/Landing/Grid/Grid";
+import Grunge from "@/components/Landing/Backdrop/Grunge";
+import Glow from "@/components/Landing/Glow/Glow";
+import SuitBackground from "@/components/Landing/Backdrop/Backdrop";
+import BackButton from "@/components/Registration/BackButton/BackButton";
+import Image from "next/image";
+import Link from "next/link";
+
+export default function GalleryPage() {
+
+    return (
+        <>
+            <div className={styles.galleryBack}>
+                <Glow />
+                <Grunge />
+                <Grid />
+                <SuitBackground />
+            </div>
+            <div className={styles.galleryContainer}>
+                <div className={styles.heading}>
+                    <svg
+                        width="42"
+                        height="29"
+                        viewBox="0 0 42 29"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                    >
+                        <path
+                            d="M15.5643 5.99879C18.2741 9.63916 22.9412 10.5676 25.0488 10.4963C20.5324 7.9262 19.0246 5.93755 19.6291 3.64304C20.0806 1.92922 23.6186 2.21528 25.5005 2.57222C23.9197 1.28723 20.0808 -0.940088 17.3709 0.430568C14.661 1.80122 14.6074 4.71336 15.5643 5.99879Z"
+                            fill="#E5C66C"
+                        />
+                        <path
+                            d="M25.5 13.5849V13.5867V15.9536C22.1773 15.6377 14.79 16.522 11.8228 22.5858L8.80912 19.7434L10.6637 17.6116C10.9728 16.6642 11.0346 15.0535 8.80912 16.1904L7.41821 17.6116C6.18234 16.5856 2.96989 14.3447 0.00361342 13.5858C2.96989 12.8269 6.18234 10.586 7.41821 9.56001L8.80912 10.9812C11.0346 12.1182 10.9728 10.5075 10.6637 9.56001L8.80912 7.42821L11.8228 4.58582C14.79 10.6496 22.1773 11.5339 25.5 11.2181V13.5849Z"
+                            fill="#E5C66C"
+                        />
+                        <path
+                            d="M15.5638 21.7301C18.2736 17.5696 22.9407 16.5085 25.0484 16.5901C20.5319 19.5273 19.0241 21.8 19.6286 24.4223C20.0801 26.381 23.6181 26.0541 25.5 25.6461C23.9192 27.1147 20.0803 29.6602 17.3704 28.0937C14.6605 26.5273 14.6069 23.1991 15.5638 21.7301Z"
+                            fill="#E5C66C"
+                        />
+                        <path
+                            d="M27 13.5849V13.5867L27 22.5858H30L30 13.5867V13.5849V4.58582H27V13.5849Z"
+                            fill="#E5C66C"
+                        />
+                        <path
+                            d="M33 13.5848V13.5868V15.933C34.1538 16.107 37.0154 17.081 39.2308 19.5858C39.1538 18.89 38.9077 17.342 38.5385 16.7158L41.9989 13.5858L38.5385 10.4559C38.9077 9.82967 39.1538 8.28159 39.2308 7.58582C37.0154 10.0906 34.1538 11.0647 33 11.2386V13.5848Z"
+                            fill="#E5C66C"
+                        />
+                    </svg>
+
+                    <h2>Gallery</h2>
+
+                    <svg
+                        width="42"
+                        height="29"
+                        viewBox="0 0 42 29"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                    >
+                        <path
+                            d="M26.4357 5.99879C23.7259 9.63916 19.0588 10.5676 16.9512 10.4963C21.4676 7.9262 22.9754 5.93755 22.3709 3.64304C21.9194 1.92922 18.3814 2.21528 16.4995 2.57222C18.0803 1.28723 21.9192 -0.940088 24.6291 0.430568C27.339 1.80122 27.3926 4.71336 26.4357 5.99879Z"
+                            fill="#E5C66C"
+                        />
+                        <path
+                            d="M16.5 13.5849V13.5867V15.9536C19.8227 15.6377 27.21 16.522 30.1772 22.5858L33.1909 19.7434L31.3363 17.6116C31.0272 16.6642 30.9654 15.0535 33.1909 16.1904L34.5818 17.6116C35.8177 16.5856 39.0301 14.3447 41.9964 13.5858C39.0301 12.8269 35.8177 10.586 34.5818 9.56001L33.1909 10.9812C30.9654 12.1182 31.0272 10.5075 31.3363 9.56001L33.1909 7.42821L30.1772 4.58582C27.21 10.6496 19.8227 11.5339 16.5 11.2181V13.5849Z"
+                            fill="#E5C66C"
+                        />
+                        <path
+                            d="M26.4362 21.7301C23.7264 17.5696 19.0593 16.5085 16.9516 16.5901C21.4681 19.5273 22.9759 21.8 22.3714 24.4223C21.9199 26.381 18.3819 26.0541 16.5 25.6461C18.0808 27.1147 21.9197 29.6602 24.6296 28.0937C27.3395 26.5273 27.3931 23.1991 26.4362 21.7301Z"
+                            fill="#E5C66C"
+                        />
+                        <path
+                            d="M15 13.5849V13.5867L15 22.5858H12L12 13.5867V13.5849L12 4.58582H15L15 13.5849Z"
+                            fill="#E5C66C"
+                        />
+                        <path
+                            d="M9 13.5848V13.5868V15.933C7.84615 16.107 4.98462 17.081 2.76923 19.5858C2.84615 18.89 3.09231 17.342 3.46154 16.7158L0.00112629 13.5858L3.46154 10.4559C3.09231 9.82967 2.84615 8.28159 2.76923 7.58582C4.98462 10.0906 7.84615 11.0647 9 11.2386V13.5848Z"
+                            fill="#E5C66C"
+                        />
+                    </svg>
+                </div>
+                <div className={styles.backBtn}>
+                    <Link href="/">
+                        <BackButton />
+                    </Link>
+                </div>
+                {/* <div className={styles.imgContainer}>
+                    <Image src={four} alt="one"/>
+                    <Image src={two} alt="one"/>
+                    <Image src={three} alt="one"/>
+                    <Image src={one} alt="one"/>
+                </div> */}
+            </div>
+        </>
+    )
+}
diff --git a/app/globals.css b/app/globals.css
@@ -3,8 +3,8 @@
 @import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
-@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap');
-
+@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Pixelify+Sans:[email protected]&display=swap");
 
 * {
   margin: 0;
@@ -34,15 +34,14 @@ body {
 }
 
 @media (width > 1000px) {
-  #iframe-overlay{
+  #iframe-overlay {
     opacity: 1;
-    background: url('/Videos/preloaderCoinVideo.gif');
+    background: url("/Videos/preloaderCoinVideo.gif");
     background-color: black;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
   }
-
 }
 
 #iframe-overlay + div {

diff --git a/app/landing.module.scss b/app/landing.module.scss
@@ -1,39 +1,45 @@
 .scrollWrapper {
-    height: 400lvh;
+  height: 400lvh;
 
-    @media (width <= 1000px) {
-        height: 500lvh;
-    }
+  @media (width <= 1000px) {
+    height: 500lvh;
+  }
 }
 
 .page {
-    position: fixed;
-    width: 100vw;
-    height: 100lvh;
+  position: fixed;
+  width: 100vw;
+  height: 100lvh;
 }
 
 .overlay {
-    pointer-events: none;
-    position: absolute;
-    width: 100vw;
-    min-height: 100lvh;
-    top: 0;
-    // backdrop-filter: blur(10px);
+  pointer-events: none;
+  position: absolute;
+  width: 100vw;
+  min-height: 100lvh;
+  top: 0;
+  // backdrop-filter: blur(10px);
 }
 
 .mainTitle {
-    color: white;
-    pointer-events: auto;
+  color: white;
+  pointer-events: auto;
 
-    &:hover {
-        color: yellow;
-    }
+  &:hover {
+    color: yellow;
+  }
 }
 
-.navTickets{
-    position: fixed;
-    right: -14%;
-    top: 45%;
-    transform: translateY(-50%);
-    z-index: 5000;
-}
+.hamBtn {
+  position: fixed;
+  top: 30px;
+  left: 20px;
+  z-index: 5200;
+}
+.navTickets {
+  position: fixed;
+  right: -14%;
+  top: 45%;
+  transform: translateY(-50%);
+  z-index: 5000;
+}
diff --git a/app/not-found.tsx b/app/not-found.tsx
@@ -0,0 +1,5 @@
+import ComingSoon from "@/components/NotFound/NotFoundPage";
+
+export default function NotFoundErrorPage() {
+  return <ComingSoon />;
+}