added help page and made style changes

IET-NITK · Feb 27, 2024 · 6b7042a · 6b7042a
1 parent 6d3c546
commit 6b7042a
Show file tree

Hide file tree

Showing 7 changed files with 84 additions and 28 deletions.
diff --git a/src/app/help/page.jsx b/src/app/help/page.jsx
@@ -0,0 +1,51 @@
+export default function Helppage() {
+    return (
+        <section class=" min-h-[70vh] mt-20">
+            <div class="container px-6 py-12 mx-auto">
+                <div class="text-center">
+                    <p class="font-medium text-purple-600 dark:text-purple-400">Contact us</p>
+
+                    <h1 class="mt-2 text-2xl font-semibold text-gray-800 md:text-3xl">Get in touch</h1>
+
+                    <p class="mt-3 text-gray-600">Our friendly team is always here to help.</p>
+                </div>
+
+                <div class="grid grid-cols-1 gap-6 mt-10 md:grid-cols-2 lg:grid-cols-3">
+                    <div class="flex flex-col items-center justify-center text-center">
+                        <span class="p-3 text-purple-600 rounded-full bg-purple-100/80">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" />
+                            </svg>
+                        </span>
+
+                        <h2 class="mt-4 text-lg font-medium text-gray-800">Email</h2>
+                        <p class="mt-2 text-gray-600">Our team is here to help.</p>
+                        <p class="mt-2 text-purple-600">[email protected]</p>
+                    </div>
+                    <div class="flex flex-col items-center justify-center text-center">
+                        <span class="p-3 text-purple-600 rounded-full bg-purple-100/80">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z" />
+                            </svg>
+                        </span>
+
+                        <h2 class="mt-4 text-lg font-medium text-gray-800">Phone</h2>
+                        <p class="mt-2 text-gray-600 dark:text-gray-400">Yash Jangid (Convenor)</p>
+                        <p class="mt-2 text-purple-600 dark:text-purple-400">+91-9867466021</p>
+                    </div>
+                    <div class="flex flex-col items-center justify-center text-center">
+                        <span class="p-3 text-purple-600 rounded-full bg-purple-100/80">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z" />
+                            </svg>
+                        </span>
+
+                        <h2 class="mt-4 text-lg font-medium text-gray-800">Phone</h2>
+                        <p class="mt-2 text-gray-600 dark:text-gray-400">Ansh Bindlish (Joint Convenor)</p>
+                        <p class="mt-2 text-purple-600 dark:text-purple-400">+91-9891350900</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+    )
+}
diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
@@ -41,7 +41,7 @@ const Navbar = () => {
                             </li>
                             <li className={styles.nav__item}>
                                 <Link href="/blogs" className={styles.nav__link} onClick={closeMobileMenu}>
-                                    Blog
+                                    Blogs
                                 </Link>
                             </li>
                             <li className={styles.nav__item}>
@@ -62,6 +62,15 @@ const Navbar = () => {
                                     Projects
                                 </Link>
                             </li>
+                            <li className={styles.nav__item}>
+                                <Link
+                                    href="/teams"
+                                    className={styles.nav__link}
+                                    onClick={closeMobileMenu}
+                                >
+                                    Team
+                                </Link>
+                            </li>
                         </ul>
                         <div className={styles.nav__close} id="nav-close" onClick={toggleMenu}>
                             <IoClose />
@@ -81,7 +90,7 @@ const Navbar = () => {
                         </li>
                         <li className={styles.nav__item}>
                             <Link href="/blogs" className={styles.nav__link} onClick={closeMobileMenu}>
-                                Blog
+                                Blogs
                             </Link>
                         </li>
                         <li className={styles.nav__item}>

diff --git a/src/components/ProjectCard.js b/src/components/ProjectCard.js
@@ -17,7 +17,7 @@ const ProjectCard = ({ project }) => {
           </div>
 
         </div>
-        <a href={project.github_url} className="inline-flex items-center px-3 py-2 mb-3 mx-3 text-sm font-medium text-center text-white bg-teal-600 rounded-lg hover:bg-teal-700 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+        <a href={project.github_url} className="inline-flex items-center px-3 py-2 mb-3 mx-3 text-sm font-medium text-center text-white bg-purple-700 rounded-lg hover:bg-purple-600 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
           <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" className="bi bi-github mr-2" viewBox="0 0 16 16">
             <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />
           </svg> Repository URL

diff --git a/src/components/ProjectsPage.js b/src/components/ProjectsPage.js
@@ -20,7 +20,7 @@ const ProjectsPage = ({ projects }) => {
     <main className='mt-20 min-h-[90vh]'>
       <section className="w-full bg-[#461461]">
         <div className=" text-4xl py-16 flex justify-center text-white mx-auto w-4/5 md:max-w-full lg:max-w-screen-md 2xl:max-w-screen-lg">
-          Events
+          Projects
         </div>
       </section>
       <div className='py-6 p-5 md:p-8 grid justify-items-center gap-5 grid-cols-1 md:grid-cols-2 xl:px-20 lg:grid-cols-3 2xl:grid-cols-4 auto-rows-max' >

diff --git a/src/components/about.js b/src/components/about.js
@@ -7,7 +7,7 @@ export default function About() {
             <section className="bg-[#280c33] bg-[url('/bg.png')] bg-cover h-full p-12">
                 <div className="flex flex-col items-center justify-center mt-2">
                     <h1 className=" text-white flex items-center gap-3 text-3xl font-bold"><span className="bg-[white] w-8 h-1 block">{" "}</span> ABOUT US<span className="bg-[white] w-8 h-1 block">{" "}</span></h1>
-                    <p className="text-white text-xl mt-2">We are a team of passionate programmers who believe in building a better world for everyone.</p>
+                    <p className="text-white text-center text-xl mt-2">We are a team of passionate programmers who believe in building a better world for everyone.</p>
                 </div>
                 <div className="flex flex-col items-center m-auto mt-10 max-w-6xl gap-11 ">
                     <div className="flex flex-col items-center bg-[#5c1670] rounded-lg shadow-xl sm:flex-row hover:bg-[#481457] w-full">

diff --git a/src/components/blog/blogList.jsx b/src/components/blog/blogList.jsx
@@ -36,7 +36,7 @@ const BlogList = () => {
       <div className='mt-20 min-h-[90vh]'>
         <section className="w-full bg-[#461461]">
           <div className=" text-4xl py-16 flex justify-center text-white mx-auto w-4/5 md:max-w-full lg:max-w-screen-md 2xl:max-w-screen-lg">
-            Blog
+            Blogs
           </div>
         </section>
         <section className='py-6 p-5 md:p-8 grid justify-items-center gap-5 grid-cols-1 md:grid-cols-2 xl:px-20 lg:grid-cols-3 2xl:grid-cols-4 auto-rows-max'>

diff --git a/src/components/footer.js b/src/components/footer.js
@@ -2,12 +2,11 @@ export default function Footer() {
     return (
         <footer
             class=" text-center bg-[#303133] text-neutral-200 lg:text-left">
-            <div class="mx-16 py-10 text-center md:text-left">
+            <div class="mx-16 py-10 text-left">
                 <div class="grid-1 grid gap-4 md:grid-cols-3 lg:grid-cols-5">
-
                     <div class="">
                         <h6
-                            class="mb-4 flex items-center justify-center font-semibold uppercase md:justify-start">
+                            class="mb-4 flex items-center font-semibold uppercase justify-start">
                             {/* <svg
                                 xmlns="http://www.w3.org/2000/svg"
                                 viewBox="0 0 24 24"
@@ -23,9 +22,9 @@ export default function Footer() {
                         </p>
                     </div>
 
-                    <div class="pl-6">
+                    <div class="md:pl-6">
                         <h6
-                            class="mb-4 flex justify-center font-semibold uppercase md:justify-start">
+                            class="mb-4 flex font-semibold uppercase justify-start">
                             SIGs
                         </h6>
                         <p class="mb-4">
@@ -62,7 +61,7 @@ export default function Footer() {
 
                     <div class="">
                         <h6
-                            class="mb-4 flex justify-center font-semibold uppercase md:justify-start">
+                            class="mb-4 flex font-semibold uppercase justify-start">
                             Affinity Groups
                         </h6>
                         <p class="mb-4">
@@ -84,34 +83,39 @@ export default function Footer() {
 
                     <div class="">
                         <h6
-                            class="mb-4 flex justify-center font-semibold uppercase md:justify-start">
+                            class="mb-4 flex font-semibold uppercase justify-start">
                             Information
                         </h6>
                         <p class="mb-4">
-                            <a href="#!" class=" text-neutral-200"
+                            <a href="/teams" class=" text-neutral-200"
                             >Our Team</a
                             >
                         </p>
                         <p class="mb-4">
-                            <a href="#!" class=" text-neutral-200"
+                            <a href="/projects" class=" text-neutral-200"
                             >Projects</a
                             >
                         </p>
                         <p class="mb-4">
-                            <a href="#!" class=" text-neutral-200"
+                            <a href="/events" class=" text-neutral-200"
                             >Events</a
                             >
                         </p>
+                        <p class="mb-4">
+                            <a href="/blogs" class=" text-neutral-200"
+                            >Blogs</a
+                            >
+                        </p>
                         <p>
-                            <a href="#!" class=" text-neutral-200"
+                            <a href="/help" class=" text-neutral-200"
                             >Help</a
                             >
                         </p>
                     </div>
 
                     <div>
                         <h6
-                            class="mb-4 flex justify-center font-semibold uppercase md:justify-start">
+                            class="mb-4 flex font-semibold uppercase justify-start">
                             Contact
                         </h6>
                         <p class="mb-4 ">
@@ -130,7 +134,7 @@ export default function Footer() {
                             Surathkal, Mangalore<br />
                             Karnataka 575025<br />
                         </p>
-                        <p class="mb-4 flex items-center justify-center md:justify-start">
+                        <p class="mb-4 flex items-center justify-start">
                             <svg
                                 xmlns="http://www.w3.org/2000/svg"
                                 viewBox="0 0 24 24"
@@ -155,14 +159,6 @@ export default function Footer() {
                                 </svg>
                             </a>
                             <a class="mr-4 text-neutral-200">
-                                {/* <svg
-                                    xmlns="http://www.w3.org/2000/svg"
-                                    class="h-4 w-4"
-                                    fill="currentColor"
-                                    viewBox="0 0 24 24">
-                                    <path
-                                        d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
-                                </svg> */}
                                 <img class="h-5 w-5" src="/youtube.svg"></img>
                             </a>
                             <a href="https://www.instagram.com/ietnitk" target="_blank" class="mr-4 text-neutral-200">
@@ -200,7 +196,7 @@ export default function Footer() {
                 </div>
             </div>
             <div class=" p-6 text-center bg-[#262626]">
-                Copyright © 2023 All rights reserved | Made with ❤️ by IET-NITK
+                Copyright © 2024 All rights reserved | Made with ❤️ by IET-NITK
             </div>
         </footer>
     )