faq

app/about/about.module.css

@@ -157,7 +157,7 @@
 }
 
 .panel {
-    padding: 0 18px;
+    padding: 20px 18px;
     background-color: #202020;
     width: 92.1%;
     color: whitesmoke;
@@ -167,7 +167,7 @@
     margin-bottom: 20px;
     margin-top: -7px;
     font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
-    font-size: 18px;
+    font-size: 20px;
 }
 
 .active {

app/about/components/Faq.jsx

@@ -5,30 +5,30 @@ import { useState } from 'react';
 
 const faqData = [
   {
-    question: 'Q1- What is Lorem Ipsum?',
+    question: 'Q1- Do I need to have coding experience to participate?',
     answer:
-      'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s.',
+      'While coding experience can be beneficial, it is not a prerequisite for participation. Makethon welcomes participants from diverse backgrounds, including design, business, and engineering.',
   },
   {
-    question: 'Q2- Why do we use it?',
+    question: 'Q2- How can I stay updated on Makethon and related announcements?',
     answer:
-      'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.',
+      'Stay tuned to the official MLSC social media channels and website for updates, announcements, and registration details for Makethon.',
   },
   {
-    question: 'Q3- Why do we use it?',
+    question: 'Q3- Who can participate in Makethon?',
     answer:
-      'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.',
+      'Makethon is open to all students of Thapar Institute of Engineering and Technology, regardless of their academic background or experience level in technology.',
   },
   {
-    question: 'Q4- Why do we use it?',
+    question: 'Q4- What is the duration of Makethon?',
     answer:
-      'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.',
-  },
-  {
-    question: 'Q5- Why do we use it?',
-    answer:
-      'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.',
+      'Participants will have a designated time period of 24 hours to work on their projects and present their solutions at the end of the event.',
   },
+  // {
+  //   question: 'Q5- Why do we use it?',
+  //   answer:
+  //     'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.',
+  // },
 
 ];
 

app/page.js

@@ -28,7 +28,7 @@ export default function Home() {
               <div className={styles.animation}>
                 <Link href="#" style={{textDecoration: "none"}}>
                 <div className={styles.tiltHomeRight2}>
-                  <HomeButton title="Sponsors" description="description" />
+                  <HomeButton title="Sponsors" description="description" cs = {true}/>
                 </div>
                 </Link>
               </div>
@@ -38,14 +38,14 @@ export default function Home() {
               <div className={styles.animation}>
                 <Link href="#" style={{textDecoration: "none"}}>
                 <div className={styles.tiltHomeLeft3}>
-                  <HomeButton title="Tracks" description="description" />
+                  <HomeButton title="Tracks" description="description" cs = {true}/>
                 </div>
                 </Link>
               </div>
               <div className={styles.animation}>
                 <Link href="#" style={{textDecoration: "none"}}>
                 <div className={styles.tiltHomeRight3}>
-                  <HomeButton title="Timeline" description="description" />
+                  <HomeButton title="Timeline" description="description" cs = {true}/>
                 </div>
                 </Link>
 

app/page.module.css

@@ -109,7 +109,7 @@
     position: fixed;
 
     object-fit: contain;
-    transform: translateX(-51%);
+    transform: translateX(-55%);
     top: 21.15vh;
     left: 51.2vw;
 
@@ -132,6 +132,7 @@
 
 .animation{
     transform: translateZ(8vw);
+
     /* transform: rotateY(-45deg); */
     /* transform: rotateY(-48deg) rotateZ(-2deg); */
 
@@ -301,4 +302,15 @@
     .throne{
         top: -3vh;
     }
-}
+}
+/* @media  screen and (min-width: 1500px){
+    .throne{
+        top: -1vh;
+    }
+}
+
+@media  screen and (min-width: 1383px){
+    .throne{
+        top: 15vh;
+    }
+} */

components/animation/animation.module.css

@@ -5,7 +5,7 @@
     color: skyblue;
     top: 49vh;
     left: 50%;
-    transform: translateX(-50%);
+    transform: translateX(-55%);
     /* clip-path: polygon(47% 0%, 64% 4%, 80% 13%, 92% 26%, 99% 100%, 0% 99%, 8% 28%, 16% 15%, 29% 6%); */
 }
 

components/button/button.js

@@ -10,6 +10,7 @@ function HomeButton(props) {
                     <h3><span>{props.title}</span></h3>
 
                     <div className={styles.box}></div>
+                    {props.cs && <h6 className={styles.cs}>Coming Soon!</h6>}
 
                 </div>
 

components/button/button.module.css

@@ -42,7 +42,8 @@
 .box {
   height: 0.1vh;
   width: 22.667vw;
-  margin: 0.625em;
+  /* margin: 0.625em; */
+  margin-bottom:10px;
   border: 1px solid rgb(148 214 214);
   border-radius: 5px;
   background-color: rgb(148 214 214);
@@ -68,6 +69,12 @@
   clip-path: inset(0px, -15px, 0px, 0px);
 }
 
+.cs{
+  font-size: 18px;
+  margin-bottom: 5px;
+
+}
+
 .home h3 {
   font-size: 2em;
 }

next.config.js

@@ -2,3 +2,7 @@
 const nextConfig = {}
 
 module.exports = nextConfig
+
+// module.exports = {
+//     pageExtensions: [''],
+//   }