moved assets to static content, added metadata for different pages

client/app/events/layout.js

@@ -0,0 +1,9 @@
+import '../../styles/globals.css';
+export const metadata = {
+    title: 'Events',
+    description: "Students' Chapter CSE events"
+}
+
+export default function Layout({ children }) {
+    return <div>{children}</div>;
+}

client/app/events/page.js

@@ -3,7 +3,7 @@
 import styles from '../../styles/Event.module.css';
 import Event from '../../component/Event';
 
-import { eventsData } from '../../assets/data';
+import { eventsData } from '../../public/static/assets/data';
 const events = () => {
     return (
         <>

client/app/layout.js

@@ -1,8 +1,8 @@
 import { LayoutProvider } from '../component/LayoutProvider';
 
 export const metadata = {
-    title: 'Next.js',
-    description: 'Generated by Next.js',
+    title: "Students' Chapter CSE",
+    description: "The ofiicial website of IEI Students' Chapter CSE",
 };
 
 export default function RootLayout({ children }) {

client/app/page.js

@@ -2,7 +2,7 @@
 import { lazy, Suspense } from 'react';
 import styles from '../styles/Home.module.css';
 
-import { upcomingEvents } from '../assets/data';
+import { upcomingEvents } from '../public/static/assets/data';
 import Loading from './loading';
 import About from '../component/About';
 import Counter from '../component/Counter';

client/app/register/layout.js

@@ -1,10 +1,9 @@
 import '../../styles/globals.css';
-import styles from '../../styles/Home.module.css';
 export const metadata = {
-    title: 'Next.js',
-    description: 'Generated by Next.js',
+    title: 'Register',
+    description: 'Register to become a Member',
 };
 
 export default function Layout({ children }) {
-    return <div className={styles.container}>{children}</div>;
+    return <div>{children}</div>;
 }

client/app/team/layout.js

@@ -0,0 +1,9 @@
+import '../../styles/globals.css';
+export const metadata = {
+    title: 'Teams',
+    description: "Team of Students' Chapter CSE"
+}
+
+export default function Layout({ children }) {
+    return <div>{children}</div>;
+}

client/app/team/page.js

@@ -1,8 +1,6 @@
 'use client';
 
-import Navbar from '../../component/Navbar';
 import Teams from '../../component/Teams';
-
 import Footer from '../../component/Footer';
 
 const team = () => {

client/component/Header/index.jsx

@@ -1,5 +1,5 @@
 import styles from '../../styles/Header.module.css';
-import CardImg from '../../assets/cardimg.webp';
+import CardImg from '../../public/static/assets/cardimg.webp';
 import Image from 'next/image';
 import { useTypewriter, Cursor } from 'react-simple-typewriter'
 

client/component/Hod/index.jsx

@@ -1,6 +1,6 @@
 import styles from '../../styles/Hod.module.css';
 import Image from 'next/image';
-import Avatar from '../../assets/hod_img.webp'
+import Avatar from '../../public/static/assets/hod_img.webp'
 
 const Hod = () => {
     return (

client/component/TeamCards/index.jsx

@@ -37,14 +37,6 @@ export default function TeamCards({ img, name, desg, socials }) {
                             </Link>
                         </div>
                     </div>
-                    {/*<div className={styles.mailHolder}>
-                        <div className={styles.mail}>
-                            <div className={styles.mailLogo}>
-                                <EnvelopeSimple display='block' />
-                            </div>
-                            <div className={styles.mailAddress}>example@gmail.com</div>
-                        </div>
-    </div>*/}
                 </div>
             </div>
         </>

client/component/Teams/index.jsx

@@ -1,9 +1,8 @@
 import styles from '../../styles/Team.module.css';
 import TeamCards from '../TeamCards';
-import { teams } from '../../assets/data';
-import { lazy, Suspense } from 'react';
+import { teams } from '../../public/static/assets/data';
 import { forwardRef } from 'react';
-const Footer = lazy(() => import('../Footer/index'))
+
 
 export default function Teams() {
     return (

client/package.json

@@ -22,6 +22,7 @@
         "react-dom": "18.2.0",
         "react-hook-form": "^7.45.4",
         "react-icons": "^4.10.1",
+        "react-lazy-load-image-component": "^1.6.0",
         "react-simple-typewriter": "^5.0.1"
     },
     "devDependencies": {

client/assets/data.js → client/public/static/assets/data.js

@@ -1,23 +1,23 @@
-import avatar from '../assets/avatar.png';
-import Bishakh from '../assets/neogi.webp';
-import Irshit from '../assets/irshit.webp';
-import Soumit from '../assets/soumit.webp';
-import Abhraneel from '../assets/abhraneel.webp';
-import Prasun from '../assets/prasun.webp';
-import Mayukh from '../assets/mayukh.webp';
-import Neelakshi from '../assets/neelakshi.webp';
-import RohitC from '../assets/rohitc.webp';
-import Moulendu from '../assets/moulendu.webp';
-import ArnabKr from '../assets/ArnabKr.webp';
-import Nabajit from '../assets/nabajit.webp';
-import Aratrik from '../assets/Aratrik.webp';
-import Arnab from '../assets/Arnab.webp';
-import pritanshu from '../assets/prit.webp';
-import joydeep from '../assets/joydeep.webp';
-import dhriti from '../assets/Dhriti.webp';
-import rohitp from '../assets/rohitP.webp';
-import diptanshu from '../assets/diptanshu.webp';
-import debdeep from '../assets/debdeep.webp';
+import avatar from './avatar.png';
+import Bishakh from './neogi.webp';
+import Irshit from './irshit.webp';
+import Soumit from './soumit.webp';
+import Abhraneel from './abhraneel.webp';
+import Prasun from './prasun.webp';
+import Mayukh from './mayukh.webp';
+import Neelakshi from './neelakshi.webp';
+import RohitC from './rohitc.webp';
+import Moulendu from './moulendu.webp';
+import ArnabKr from './ArnabKr.webp';
+import Nabajit from './nabajit.webp';
+import Aratrik from './Aratrik.webp';
+import Arnab from './Arnab.webp';
+import pritanshu from './prit.webp';
+import joydeep from './joydeep.webp';
+import dhriti from './Dhriti.webp';
+import rohitp from './rohitP.webp';
+import diptanshu from './diptanshu.webp';
+import debdeep from './debdeep.webp';
 
 export const testimonialCards = [
     {

client/styles/globals.css

@@ -41,7 +41,7 @@ a {
 
 @font-face {
     font-family: 'quaz';
-    src: url('/fonts/Qaz-ZV74m.ttf');
+    src: url('/static/fonts/Qaz-ZV74m.ttf');
     font-display: swap;
 }