Merge pull request #46 from ComputerSocietyVITC/misc-2

About us page done
ComputerSocietyVITC · Aug 9, 2024 · 2e44c61 · 2e44c61
2 parents f37a9d6 + 253c091
commit 2e44c61
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 21 deletions.
diff --git a/public/paradox.jpg b/public/paradox.jpg
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -18,26 +18,26 @@ export default function Home() {
           alt=""
           width={150}
           height={150}
-          className="object-contain sm:w-24"
+          className="object-contain sm:w-28"
         />
         <Image
           src="/compsoc.png"
           width={150}
           height={150}
           alt=""
-          className=" object-contain sm:w-24 sm:pl-5"
+          className=" object-contain sm:w-28 sm:pl-5"
         />
         <Image
           src="/swc.png"
           width={150}
           height={150}
           alt=""
-          className="object-contain sm:w-24"
+          className="object-contain sm:w-28"
         />
       </section>
-      <div className="w-4/5 mx-auto px-4 text-white">
+      <div className="w-4/5 md:w-full sm:w-full mx-auto px-4 text-white">
         <Main />
-        {/*<Aboutus />
+        <Aboutus />
         {/* Events Section */}
         {/*<Showcase />*/}
 

diff --git a/src/pages/aboutus.tsx b/src/pages/aboutus.tsx
@@ -1,21 +1,36 @@
+import Image from "next/image";
+
 const Aboutus = () => {
   return (
     <div className="w-full" id="about">
-      <div className="w-full flex flex-col mb-24">
-        <p className="mt-24 font-extrabold text-5xl text-center md:text-start">
-          About Us
-        </p>
-        <div className="w-full sm:w-2/3 lg:w-2/4 lg:ml-48 mt-14 rounded-2xl text-center bg-gradient-to-br from-[#100e1773] via-[#10345676] to-[#100e177e] border border-white/[0.2]">
-          <p className="text-white text-start p-8 sm:p-12 md:p-12 lg:p-12">
-            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 learning
-            for successful technical careers. IEEE CS VITC, established in 2019
-            at VIT Chennai, where innovation thrives and technology excels. As a
-            premier branch of IEEE and its Computer Society, we are committed to
-            driving breakthroughs in computer science and connecting visionary
-            tech enthusiasts globally.
-          </p>
+      <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="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">
+              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
+              learning for successful technical careers. IEEE CS VITC,
+              established in 2019 at VIT Chennai, where innovation thrives and
+              technology excels. As a premier branch of IEEE and its Computer
+              Society, we are committed to driving breakthroughs in computer
+              science and connecting visionary tech enthusiasts globally.
+            </p>
+          </div>
+          <Image
+            alt=""
+            height={500}
+            width={600}
+            src="/paradox.jpg"
+            className="w-[35vw] rounded-xl object-contain sm:hidden"
+          />
         </div>
       </div>
     </div>

diff --git a/src/pages/main.tsx b/src/pages/main.tsx
@@ -6,7 +6,7 @@ const Main: React.FC = () => {
   return (
     <>
 
-      <div className="min-h-screen flex flex-col scale-[110%] justify-center">
+      <div className="min-h-screen flex flex-col scale-[100%] justify-center">
         <Image
           src="/bitwarsLogo.png"
           alt="logo"