Develop

README.md

@@ -86,12 +86,12 @@ npm run dev
 <td align="center"><a href="https://github.com/swapnilsparsh"><img src="https://avatars.githubusercontent.com/u/69387608?v=4" width=150px height=150px /></a></br> <h4 style="color:red;">Swapnil Srivastava</h4>
 <a href="https://swapnilsparsh.github.io/"><img src="https://img.icons8.com/fluency/50/000000/link.png" width="32px" height="32px"></a>
 <a href="https://www.linkedin.com/in/swapnil-srivastava-sparsh/"><img src="https://img.icons8.com/fluency/50/000000/linkedin.png" width="32px" height="32px"></a>
-<a href="https://www.twitter.com/swapnilsparsh/"><img src="https://img.icons8.com/color/48/000000/twitter.png" width="32px" height="32px"></a></td>
+<a href="https://www.twitter.com/swapnilsparsh/"><img src="https://img.icons8.com/ios/50/F5DEB3/twitterx--v2.png" width="32px" height="32px"></a></td>
 
 <td align="center" ><a href="https://github.com/jatiinyadav"><img src="https://avatars.githubusercontent.com/u/73248007?v=4" width=150px height=150px /></a></br> <h4 style="color:red;">Jatin Yadav</h4>
 <a href="https://jatiinyadav.github.io/"><img src="https://img.icons8.com/fluency/50/000000/link.png" width="32px" height="32px"></a>
 <a href="https://www.linkedin.com/in/jatiinyadav/"><img src="https://img.icons8.com/fluency/50/000000/linkedin.png" width="32px" height="32px"></a>
-<a href="https://www.twitter.com/jatiin_yadav/"><img src="https://img.icons8.com/color/48/000000/twitter.png" width="32px" height="32px"></a></td>
+<a href="https://www.twitter.com/jatiin_yadav/"><img src="https://img.icons8.com/ios/50/F5DEB3/twitterx--v2.png" width="32px" height="32px"></a></td>
 
 </tr>
 </table>

components/App.js

@@ -1,27 +1,16 @@
-import React, { useState, useEffect } from "react";
-import "../sass/style.css";
-import Footer from "./Footer";
-import BackToTop from "./Backtotop";
-import Navbar from "./Menu";
-import Preloader from "./Preloader";
+import React from "react";
+import Footer from "./Footer/Footer";
+import BackToTop from "./TopButton/Backtotop";
+import Navbar from "./Navbar/Menu";
+import '../public/style.css'
 
 const App = () => {
-  const [loading, setLoading] = useState(true);
-  useEffect(() => {
-    setTimeout(() => {
-      setLoading(false);
-    }, 3200);
-  }, []);
 
-  return loading ? (
-    <Preloader />
-  ) : (
-    <>
-      <Navbar />
-      <BackToTop />
-      <Footer />
-    </>
-  );
+  return <>
+    <Navbar />
+    <BackToTop />
+    <Footer />
+  </>
 };
 
 export default App;

components/Card/Card.js

@@ -1,4 +1,5 @@
 import React from "react";
+import { Button } from "@mui/material";
 import Link from "next/link";
 
 const createMarkup = (html) => {
@@ -9,29 +10,32 @@ const createMarkup = (html) => {
 
 function Card({ head, link, image, alt, about }) {
   return (
-    <div className="frame-border" key={`${head}_${link}`}>
-      <div className="pointer"></div>
-      <div className="card-js app">
-        <div className="content">
-          <h3 dangerouslySetInnerHTML={createMarkup(head)}></h3>
-          <img
-            src={image}
-            alt={alt}
-            loading="lazy"
-            decoding="async"
-            width="300" // Adjust the width according to your design
-          />
-          <p dangerouslySetInnerHTML={createMarkup(about)}></p>
-          <button className="glow-button">
-            <Link href={link} passHref>
-              <a className="glowing-button" target="_blank" rel="noreferrer">
-                View More
-              </a>
-            </Link>
-          </button>
+    <>
+      <div className="frame-border bg" key={`${head}_${link}`}>
+        <div className="pointer"></div>
+        <div className="card-js app">
+          <div className="content">
+            <img
+              src={image}
+              alt={alt}
+              loading="lazy"
+              decoding="async"
+              width="300" // Adjust the width according to your design
+            />
+            <h3 dangerouslySetInnerHTML={createMarkup(head)}></h3>
+            <p dangerouslySetInnerHTML={createMarkup(about)} className="description"></p>
+            <Button variant="outlined">
+              <Link href={link} passHref key={`${head}_${link}`}>
+                <a className="glowing-button" target="_blank" rel="noreferrer">
+                  View More
+                </a>
+              </Link>
+            </Button>
+          </div>
         </div>
+        <div className="glow-border"></div>
       </div>
-    </div>
+    </>
   );
 }
 

components/NoResults.js → components/Error/NoResults.js

@@ -1,5 +1,5 @@
 import React from "react";
-import SearchNotFound from "../public/assets/svg/SearchNotFound.svg";
+import SearchNotFound from "../../public/assets/svg/SearchNotFound.svg";
 import Image from "next/image";
 
 export default function NoResults({ search }) {

components/Footer.js → components/Footer/Footer.js

@@ -1,11 +1,7 @@
 import React from "react";
-import dynamic from "next/dynamic";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faGithub, faProductHunt, faTwitter } from '@fortawesome/free-brands-svg-icons';
 
-const ThemeToggle = dynamic(() => import("./ThemeToggle"), {
-  ssr: false,
-});
 const Footer = () => {
   let year = new Date().getFullYear();
 
@@ -41,13 +37,7 @@ const Footer = () => {
               Jatin
             </a>
           </p>
-          <div style={{ display: 'flex', justifyContent: 'space-between', alignContent: 'center', gap: '1rem', cursor: 'pointer', color: 'white' }}>
-            <p style={{ marginTop: '.1rem' }}>SUPPORT</p>
-            <p style={{ marginTop: '.1rem' }}>|</p> 
-            <a href="https://github.com/swapnilsparsh/DevEmpire" target="_blank"><FontAwesomeIcon icon={faGithub} size="xl" inverse /></a>
-            <a href="https://www.producthunt.com/products/developer-empire?utm_source=badge-featured&utm_medium=badge#developer-empire" target="_blank"><FontAwesomeIcon icon={faProductHunt} size="xl" inverse /></a>
-            <a href="https://twitter.com/intent/tweet?text=Check%20out%20this%20awesome%20website%20having%20a%20collection%20of%20all%20the%20campus%20ambassador%20and%20fellowship%20programs&url=https://devempire.netlify.app&via=swapnilsparsh" target="_blank"><FontAwesomeIcon icon={faTwitter} size="xl" inverse /></a>
-          </div>
+          <div>SUPPORT</div>
         </div>
 
       </div>

components/Landingpage.js → components/Home/Landingpage.js

@@ -1,13 +1,13 @@
 import React, { useRef } from "react";
-import Home from "../public/assets/svg/Home.svg";
-import Ambassador from "../public/assets/svg/Ambassador.svg";
-import WebDev from "../public/assets/svg/WebDev.svg";
-import Programs from "../public/assets/svg/Programs.svg";
-import Games from "../public/assets/svg/Gaming.svg";
-import Backend from "../public/assets/svg/Backend.svg";
+import Home from "../../public/assets/svg/Home.svg";
+import Ambassador from "../../public/assets/svg/Ambassador.svg";
+import WebDev from "../../public/assets/svg/WebDev.svg";
+import Programs from "../../public/assets/svg/Programs.svg";
+import Games from "../../public/assets/svg/Gaming.svg";
+import Backend from "../../public/assets/svg/Backend.svg";
 import Image from "next/image";
 import Link from "next/link";
-import AdBanner from "./AdBanner";
+import AdBanner from "../AdBanner/AdBanner";
 
 const Landingpage = () => {
   const ambassadorSectionRef = useRef(null);

components/Layout.js

@@ -1,20 +1,12 @@
 import React, { useState, useEffect } from "react";
-import Preloader from "../components/Preloader";
-import Menu from "./Menu";
+import Menu from "./Navbar/Menu";
 import Navbar from "./navbar/Links";
-import Footer from "./Footer";
-import BackToTop from "../components/Backtotop";
+import Footer from "./Footer/Footer";
+import BackToTop from "../components/TopButton/Backtotop";
 
 export default function Layout({ children }) {
   const [loading, setLoading] = useState(true);
-  useEffect(() => {
-    setTimeout(() => {
-      setLoading(false);
-    }, 2200);
-  }, []);
-  return loading ? (
-    <Preloader />
-  ) : (
+  return (
     <>
       <Navbar />
       <Menu />