Fix Issue

README.md

@@ -28,9 +28,26 @@ npm install
 npm run dev
 ```
 
+``` 
+yarn install
+yarn dev
+```
+
 The website will be active at **http://localhost:3000**.
 
 
+**Here is the some ScreenShots** 
+
+- **Home Page**  
+  ![Home Page](./src/screenshots/Home.png)
+
+- **Projects Page**  
+  ![Projects Page](./src/screenshots/Projects.png)
+
+- **About Us Page**  
+  ![About Us Page](./src/screenshots/About.png)
+
+
 # **Contributing**
 
 You can contribute by:
@@ -40,12 +57,22 @@ You can contribute by:
 * Improving website
 * Talking about AOSSIE
 
+# **Development Stack**
+
+Frontend: Next.js, React
+Styling: Tailwind CSS
+Version Control: Git
+Hosting: [Your hosting platform]
 
 If you want to get in touch with us first before contributing, you can use:
 
 * [AOSSIE Discord Channel](https://discord.com/invite/6mFZ2S846n)
 
+# Acknowledgements
+We'd like to thank all our contributors and the open-source community for their continuous support and contributions to AOSSIE.
+
 
 # **License**
+This project is licensed under the MIT License.
 
 [**MIT License**](https://choosealicense.com/licenses/mit/)

package.json

@@ -12,6 +12,7 @@
   "license": "ISC",
   "browserslist": "defaults, not ie <= 11",
   "dependencies": {
+    "@fortawesome/fontawesome-free": "^6.6.0",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/free-brands-svg-icons": "^6.2.1",
     "@fortawesome/free-regular-svg-icons": "^6.2.1",

src/components/Banner.jsx

@@ -8,7 +8,7 @@ export function Banner() {
       <div className="overflow-hidden lg:relative">
         <ContainerPattern size="md" className="relative grid grid-cols-1 items-end gap-y-12 lg:static lg:grid-cols-2 pt-24 pb-8 sm:py-10">
           <Pattern className="absolute -top-28 left-0 w-full sm:left-3/4 sm:-top-10 sm:ml-8 sm:w-auto md:left-2/3 lg:left-auto lg:right-2 lg:ml-0 xl:right-auto xl:left-2/3" />
-          <Pattern className="absolute mt-2 -top-32 left-0 w-full sm:left-3/4 sm:top-36 sm:ml-8 sm:w-auto md:left-2/3 lg:left-auto lg:right-2 lg:ml-0 xl:right-auto xl:left-2/3 sm:visible invisible" />
+          <Pattern className="absolute mt-2 -top-32 left-0 w-full sm:left-3/4 sm:top-36 sm:ml-8 sm:w-auto md:left-2/3 lg:left-auto lg:right-2 lg:ml-0 xl:right-auto xl:left-2/3" />
           <div>
             <h2 className="font-mono text-5xl font-black tracking-tighter text-white dark:text-black sm:w-3/4 sm:text-5xl md:w-2/3 lg:w-auto">
               Launch into AOSSIE&apos;s open-source world through GSoC!
@@ -17,10 +17,8 @@ export function Banner() {
               Learn how to apply for an opportunity to work on open-source projects and gain real-world experience through Google Summer of Code.
             </p>
             <div className="mt-5">
-              <Link href="/apply" legacyBehavior>
-                <a className="group relative rounded-lg inline-flex items-center overflow-hidden bg-white dark:bg-black px-8 py-3 text-black dark:text-white focus:outline-none font-mono font-semibold">
-                  Apply to GSoC with AOSSIE
-                </a>
+              <Link href="/apply" className="group relative rounded-lg inline-flex items-center overflow-hidden bg-white dark:bg-black px-8 py-3 text-black dark:text-white focus:outline-none font-mono font-semibold">
+                Apply to GSoC with AOSSIE
               </Link>
             </div>
           </div>