Merge pull request #49 from ComputerSocietyVITC/misc-3

Misc 3

src/app/globals.css

@@ -43,9 +43,9 @@ body {
 .accord-lines {
   background: linear-gradient(
     270.01deg,
-    #0f1d29 23.04%,
+    #0f1d2993 23.04%,
     #114554 67.69%,
-    #101019 90.29%
+    #1010197b 90.29%
   );
 }
 
@@ -55,7 +55,7 @@ body {
   left: 0;
   border: 2px;
 
-  background: linear-gradient(#0f1d29 23.04%, #114554 67.69%, #101019 90.29%);
+  background: linear-gradient(#0f1d296c 23.04%, #114554 67.69%, #10101976 90.29%);
 }
 
 .accord-velines {
@@ -64,7 +64,7 @@ body {
   right: 0;
   border: 2px;
 
-  background: linear-gradient(#0f1d29 23.04%, #114554 67.69%, #101019 90.29%);
+  background: linear-gradient(#0f1d2972 23.04%, #114554 67.69%, #10101971 90.29%);
 }
 
 

src/app/page.tsx

@@ -38,8 +38,7 @@ export default function Home() {
       <div className="w-4/5 md:w-full sm:w-full mx-auto px-4 text-white">
         <Main />
         <Aboutus />
-        {/* Events Section */}
-        {/*<Showcase />*/}
+        <Showcase />
 
         {/* Sponsors Section */}
         {/*<div className="w-full" id="sponsors">
@@ -56,7 +55,7 @@ export default function Home() {
         </div>*/}
 
         {/* FAQ Section */}
-        <div className="w-full py-24" id="faq">
+        <div className="w-full py-24 min-h-screen" id="faq">
           <p className="text-center font-extrabold text-5xl py-24">
             Frequently Asked Questions
           </p>

src/pages/aboutus.tsx

@@ -5,15 +5,16 @@ const Aboutus = () => {
     <div className="w-full" id="about">
       <div className="w-full flex flex-col">
         <p className="mt-24 font-extrabold text-5xl text-center">About Us</p>
-        <div className="flex gap-[5vw] px-12 py-12 items-center">
+        <div className="flex gap-[5vw] lg:px-12 py-12 items-center">
           <div className="shadow-md shadow-[#292761] flex flex-col items-center w-full rounded-2xl text-center bg-gradient-to-br from-[#100e1773] via-[#10345676] to-[#100e177e] border border-white/[0.2]">
-          <Image
-            alt=""
-            height={500}
-            width={600}
-            src="/paradox.jpg"
-            className="w-full px-8 rounded-3xl object-contain hidden sm:block pt-8"
-          /><p className="text-white text-start p-8 md:text-sm">
+            <Image
+              alt=""
+              height={500}
+              width={600}
+              src="/oc.jpg"
+              className="w-full px-8 rounded-3xl object-contain hidden sm:block pt-8"
+            />
+            <p className="text-white text-justify py-12 px-8 md:text-sm">
               VIT Chennai, established in 2010, is a leading private institution
               in Tamil Nadu, India, offering top-tier engineering programs with
               a focus on research, industry collaboration, and practical
@@ -28,7 +29,7 @@ const Aboutus = () => {
             alt=""
             height={500}
             width={600}
-            src="/paradox.jpg"
+            src="/oc.jpg"
             className="w-[35vw] rounded-xl object-contain sm:hidden"
           />
         </div>

src/pages/showcase.tsx

@@ -1,9 +1,57 @@
 import React from "react";
 import Image from "next/image";
 
-const Showcase: React.FC = () => {
+const Showcase = () => {
   return (
-    <div className="w-full mb-11" id="events">
+    <>
+      <div className="w-full" id="events">
+        <div className="w-full flex flex-col">
+          <p className="mt-24 font-extrabold text-5xl text-center">
+            Event Showcase
+          </p>
+          <div className="flex gap-[5vw] items-center mt-8">
+            <Image
+              alt=""
+              height={500}
+              width={600}
+              src="/bitwars.jpg"
+              className="w-[35vw] rounded-xl object-contain sm:hidden"
+            />
+            <div className="shadow-md shadow-[#292761] flex flex-col items-center w-full rounded-2xl text-center bg-gradient-to-br from-[#100e1773] via-[#10345676] to-[#100e177e] border border-white/[0.2] px-12 py-12">
+              <Image
+                alt=""
+                height={500}
+                width={600}
+                src="/bitwars.jpg"
+                className="w-full px-8 rounded-3xl object-contain hidden sm:block pt-8"
+              />
+              <p className="text-white text-justify md:text-sm my-8 ">
+                BITWARS 2.0, VIT Chennai&apos;s second edition of the biggest
+                offline Competitive Programming Event, is set to revolutionize
+                Competitive Programming Culture. Hosted by IEEE CS, it features
+                workshops, speeches, and Coding Contest. Network with brilliant
+                minds and try to get them for PPI&apos;s opportunities.
+                Competitions will challenge participants to solve algorithmic
+                problems. Join us for a transformative experience.
+              </p>
+              <section className="text-white text-start border border-slate-500 rounded-2xl p-4 md:text-sm">
+                <section className="font-semibold md:text-lg">
+                  Overview
+                </section>
+                <section className="italic">
+                  - Competitive coding event where participants competed for the
+                  top title Challenged participants&apos; coding skills and
+                  strategic thinking <br />
+                  - Featured an &quot;Algorithm Showdown&quot; by Mr. Manas
+                  Tiwari, SWE @Microsoft <br />- Competitive coding battleground
+                  with over 419 participants
+                </section>
+              </section>
+            </div>
+          </div>
+        </div>
+      </div>
+      {/*<div className="w-full mb-11" id="events">
       <p className="text-center font-extrabold text-5xl">Our Event Showcase</p>
       <section className="flex-col flex justify-between items-center lg:flex-row">
         <section className="flex mx-48">
@@ -51,7 +99,8 @@ const Showcase: React.FC = () => {
           </p>
         </div>
       </section>
-    </div>
+    </div>*/}
+    </>
   );
 };