+
+
-
+
+
)
}
diff --git a/src/components/Home/Banner.jsx b/src/components/Home/Banner.jsx
new file mode 100644
index 0000000..6494647
--- /dev/null
+++ b/src/components/Home/Banner.jsx
@@ -0,0 +1,19 @@
+import React from 'react'
+import persoj from '../../../public/persoj.jpg'
+import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
+export default function Banner() {
+ return (
+ TEAM NAME
+
+
+
+
+
+ 
+
+ )
+}
diff --git a/src/components/Carousel.jsx b/src/components/Home/Carousel.jsx
similarity index 99%
rename from src/components/Carousel.jsx
rename to src/components/Home/Carousel.jsx
index 84e3410..a89b70f 100644
--- a/src/components/Carousel.jsx
+++ b/src/components/Home/Carousel.jsx
@@ -1,4 +1,4 @@
-// Carousel.js
+
import React, { useState, useEffect } from 'react';
const images = [
diff --git a/src/components/Home/Categories.jsx b/src/components/Home/Categories.jsx
new file mode 100644
index 0000000..ded2239
--- /dev/null
+++ b/src/components/Home/Categories.jsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { Category } from '../../constants/Categories'
+export default function Categories() {
+ return (
+
+
+
+ Volunteering Events specially curated for you!
+ +
+
+
+ {Category.map((e,index)=>
+
+ )
+}
diff --git a/src/components/Home/Ctabanner.jsx b/src/components/Home/Ctabanner.jsx
new file mode 100644
index 0000000..e0e973a
--- /dev/null
+++ b/src/components/Home/Ctabanner.jsx
@@ -0,0 +1,19 @@
+import React from 'react'
+import cta from '../../../public/cta.png'
+import CalendarMonthIcon from '@mui/icons-material/CalendarMonth';
+export default function Ctabanner() {
+ return (
+ Explore Categories
+
+ 
+
)}
+ {e.title}
+
+
+ 
+
+ )
+}
diff --git a/src/components/Dropdown.jsx b/src/components/Home/Dropdown.jsx
similarity index 100%
rename from src/components/Dropdown.jsx
rename to src/components/Home/Dropdown.jsx
diff --git a/src/components/Hero.jsx b/src/components/Home/Hero.jsx
similarity index 55%
rename from src/components/Hero.jsx
rename to src/components/Home/Hero.jsx
index 8e7969f..30db271 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Home/Hero.jsx
@@ -1,10 +1,11 @@
import React from 'react'
import Carousel from './Carousel'
+import Heroimage from './Heroimage'
export default function Hero() {
return (
-
+
+
+Organize Events hassle free with Neighbourly!!!
+ +
-
+
)
}
diff --git a/src/components/Home/Heroimage.jsx b/src/components/Home/Heroimage.jsx
new file mode 100644
index 0000000..bbd9056
--- /dev/null
+++ b/src/components/Home/Heroimage.jsx
@@ -0,0 +1,17 @@
+import React from 'react'
+
+export default function Heroimage() {
+ return (
+
+ 
+
+
+ )
+}
diff --git a/src/components/Home/Newsletter.jsx b/src/components/Home/Newsletter.jsx
new file mode 100644
index 0000000..141b5c5
--- /dev/null
+++ b/src/components/Home/Newsletter.jsx
@@ -0,0 +1,18 @@
+import React from 'react'
+
+export default function Newsletter() {
+ return (
+
+
+ Explore Nearby Volunteering opportunities. Locally and Globally.
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/Home/Popular.jsx b/src/components/Home/Popular.jsx
new file mode 100644
index 0000000..9871f06
--- /dev/null
+++ b/src/components/Home/Popular.jsx
@@ -0,0 +1,51 @@
+import React from "react";
+import { PopularEvent } from "../../constants/Categories";
+export default function Popular() {
+ return (
+ Subscribe to Our news letter
+Receive our weekly newsletter and stay updated with latest events happening around you.
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/Home/TopOrganization.jsx b/src/components/Home/TopOrganization.jsx
new file mode 100644
index 0000000..b0bb111
--- /dev/null
+++ b/src/components/Home/TopOrganization.jsx
@@ -0,0 +1,15 @@
+import React from 'react'
+import { Organizations } from '../../constants/Categories'
+export default function TopOrg() {
+ return (
+ + Popular Volunteering Events +
+
+ {PopularEvent.map((e,index)=>
+
+
+
+
+
+
+
+
+
+
+
+
+
)}
+ + {e.category} +
++ {e.month} +
++ {e.date} +
++ {e.title} +
++ {e.discription} +
+ ++ {e.location} +
+
+
+ )
+}
diff --git a/src/components/Navigationbar.jsx b/src/components/Navigationbar.jsx
index 9d6fbdb..3a0176b 100644
--- a/src/components/Navigationbar.jsx
+++ b/src/components/Navigationbar.jsx
@@ -1,18 +1,16 @@
import React from 'react'
-import BasicMenu from './Dropdown'
+import BasicMenu from './Home/Dropdown'
export default function Navigationbar() {
return (
<>
- Top Volunteering Organizations
+
+ {Organizations.map((e,index)=>
+
+
+
)}
+ {e.name}
+
+
-
+
+
+
+ )
+}
+
+export default EventAtt
diff --git a/src/components/UserPage/UserPage.jsx b/src/components/UserPage/UserPage.jsx
new file mode 100644
index 0000000..bce9291
--- /dev/null
+++ b/src/components/UserPage/UserPage.jsx
@@ -0,0 +1,82 @@
+import React from 'react'
+import EventAtt from './EventAtt'
+import EditIcon from '@mui/icons-material/Edit';
+import Button from '../Button';
+
+
+function UserPage() {
+
+ const data =
+ {
+ name:'Avinash Verma',
+ about:'I am priest and love to care for animals.This community works on creating clean & Green environment across the whole world by planting trees,growing sapling & encouraging people.',
+ skills:'Gardning | Ploughing | Farming',
+ availability:'All Time',
+ userImgURl:'https://images.pexels.com/photos/842811/pexels-photo-842811.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',
+ eventAttended:[
+ {
+ Event_Details:'abcdjsnvkjhiwubbwuehfekjbc khefiuwehfiuhb kjbiuwehfiqeb adkchiuefhwiqefb kcbdaskjhwi khiuefhwbc',
+ organization:'smile Foundation',
+ location:'heeramandi,Dholakpur',
+ date:'10-2-2004'
+
+ },
+ {
+ Event_Details:'abcdjsnvkjhiwubbwuehfekjbc khefiuwehfiuhb kjbiuwehfiqeb adkchiuefhwiqefb kcbdaskjhwi khiuefhwbc',
+ organization:'smile Foundation',
+ location:'heeramandi,Dholakpur',
+ date:'10-2-2004'
+
+ },
+ {
+ Event_Details:'abcdjsnvkjhiwubbwuehfekjbc khefiuwehfiuhb kjbiuwehfiqeb adkchiuefhwiqefb kcbdaskjhwi khiuefhwbc',
+ organization:'smile Foundation',
+ location:'heeramandi,Dholakpur',
+ date:'10-2-2004'
+
+ }
+ ]
+
+ }
+
+ return (
+ <>
+
-
+
)
}
diff --git a/src/components/Organization/Card.jsx b/src/components/Organization/Card.jsx
new file mode 100644
index 0000000..f1f81e7
--- /dev/null
+++ b/src/components/Organization/Card.jsx
@@ -0,0 +1,26 @@
+import React from 'react'
+import Button from '../Button.jsx'
+
+function Card({imgURL,orgName,description ,URL}) {
+ return (
+
+
+ )
+}
+
+export default Card
diff --git a/src/components/Organization/Organization.jsx b/src/components/Organization/Organization.jsx
new file mode 100644
index 0000000..336e71c
--- /dev/null
+++ b/src/components/Organization/Organization.jsx
@@ -0,0 +1,65 @@
+import Button from '../Button.jsx'
+import React, { useState ,useEffect} from 'react'
+import Card from './Card.jsx'
+
+
+function Organization () {
+ const data=[
+ {
+ "_id": "667c53bdf01b57b48f6dcadf",
+ imgURL:'https://images.pexels.com/photos/2774556/pexels-photo-2774556.jpeg',
+ "user_id": "667c50e800e5a85ff9c386b6",
+ "name": "Green Health Organization",
+ "description": "THe organization works on clean city THe organization works on clean city THe organization works on clean city",
+ "contact_phone": "9013422132",
+ "contact_email": "jasjeev99@gmail.com",
+ "address": "Jamna parr Yamiunuaa",
+ "website": "www.jasjee.com"
+ },
+ {
+ "_id": "667c54bef01b57b48f6dcae0",
+ imgURL:'https://images.pexels.com/photos/2774556/pexels-photo-2774556.jpeg',
+ "user_id": "667c50e800e5a85ff9c386b6",
+ "name": "Green Health Organization",
+ "description": "THe organization works on clean city THe organization works on clean city THe organization works on clean city",
+ "contact_phone": "9013422132",
+ "contact_email": "jasjeev99@gmail.com",
+ "address": "Jamna parr Yamiunuaa",
+ "website": "www.jasjee.com"
+ },
+ {
+ "_id": "667c54c2f01b57b48f6dcae1",
+ 'imgURL':'https://images.pexels.com/photos/2774556/pexels-photo-2774556.jpeg',
+ "user_id": "667c50e800e5a85ff9c386b6",
+ "name": "Green Health Organization",
+ "description": "THe organization works on clean city THe organization works on clean city THe organization works on clean city",
+ "contact_phone": "9013422132",
+ "contact_email": "jasjeev99@gmail.com",
+ "address": "Jamna parr Yamiunuaa",
+ "website": "www.jasjee.com"
+ },
+ ]
+ return (
+ <>
+
+ 
+
+
+
+ {orgName}
+{description}
+
+
+
+
+
+
+
+ 50+
Projects
+
+ {
+ data.map((d)=>{
+ return
+
+ Organizations
+Projects
+Events
+
+
+
+
+
-
-
-
-
-
- )
-}
diff --git a/src/components/TopOrganization.jsx b/src/components/TopOrganization.jsx
deleted file mode 100644
index 13f18ff..0000000
--- a/src/components/TopOrganization.jsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react'
-
-export default function TopOrg() {
- return (
-
-
-
- )
-}
diff --git a/src/components/UserPage/EventAtt.jsx b/src/components/UserPage/EventAtt.jsx
new file mode 100644
index 0000000..68a8733
--- /dev/null
+++ b/src/components/UserPage/EventAtt.jsx
@@ -0,0 +1,21 @@
+import React from 'react'
+
+function EventAtt({index ,ED,Org,location,date}) {
+ return (
+ <>
+ | {index+1} | +{ED} | +{Org} | +{location} | +{date} | + +
+
+
+
+
+ {data.name}
+About
{data.about}
Skills : {data.skills}
+Availability : {data.availability}
++
+
+ 
+
+
+
+
+
+
+
+
+ )
+}
+
+export default UserPage
+// date={d.date} location={d.location} Org={d.organization} ED={d.Event_Details}
diff --git a/src/constants/Categories.jsx b/src/constants/Categories.jsx
new file mode 100644
index 0000000..ae6d8ad
--- /dev/null
+++ b/src/constants/Categories.jsx
@@ -0,0 +1,83 @@
+export const Category = [
+ {
+ title:'Education and Mentoring',
+ image:'https://www.worldendeavors.com/wp-content/uploads/2023/05/ghana-art-and-design-volunteer.jpg'
+ },
+ {
+ title:'Environmental Conservation',
+ image:'https://media.istockphoto.com/id/1351442130/photo/multiracial-volunteers-planting-in-public-park.jpg?s=612x612&w=0&k=20&c=AaM1yRn6w6XZ_R78osWzHptRvMAKK5lmNuJACb6opic='
+ },
+ {
+ title:'Community Development',
+ image:'https://img.freepik.com/free-photo/people-stacking-hands-together-park_53876-63293.jpg'
+ },
+ {
+ title:'Disaster relief',
+ image:'https://media.istockphoto.com/id/947503308/photo/young-male-food-bank-volunteer-passes-out-bags-of-fruit.jpg?s=612x612&w=0&k=20&c=d-odqiQOQEwe0QerQTbyucFGmQ6kGsP6JjYCj3c8UnU='
+ },
+ {
+ title:'Animal welfare',
+ image:'https://img.freepik.com/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg'
+ },
+ {
+ title:'Healthcare support',
+ image:'https://media.istockphoto.com/id/636362028/photo/friendly-nurse-checks-young-patients-temperature-at-free-clinic.jpg?s=612x612&w=0&k=20&c=FOZrNNHtT-U1DCD_QzGKXE5GCDFF7LwbHku-TxGn5dA='
+ },
+]
+
+export const PopularEvent = [
+ {
+ title:'Save tiger',
+ discription:'Voluteer to save tigers in India.',
+ location:'Rajasthan India',
+ month:'NOV',
+ date:'24-26',
+ category:'Animal welfare',
+ image:'https://image.volunteerworld.com/8e618538a0376e6292064b1177a892f8e60ba29b/WL-04.jpg'
+ },
+ {
+ title:'Padhega Delhi',
+ discription:'Voluteer to mentor underpriveleged kids in delhi.',
+ location:'Delhi India',
+ month:'AUG',
+ date:'01-26',
+ category:'Education and Mentoring',
+ image:'https://image.volunteerworld.com/bc2e59d5e24a94f443045f1d548a88baf3311f95/Portfolio-India-Childcare.jpg'
+ },
+ {
+ title:'Healthcare Camp',
+ discription:'Show up to conduct a free healthcare camp in haryana.',
+ location:'Haryana India',
+ month:'JUL',
+ date:'10-20',
+ category:'Heathcare support',
+ image:'https://image.volunteerworld.com/feaf6c492f97c7a08eb4a615dbafe844f62d386f/Portfolio-India-Medical.jpg'
+ },
+]
+
+export const Organizations = [
+ {
+ name:'International Volunteer HQ',
+ image:'https://upload.wikimedia.org/wikipedia/en/9/94/International_Volunteer_HQ_Logo.png'
+ },
+ {
+ name:'VolunteerMatch',
+ image:'https://upload.wikimedia.org/wikipedia/commons/e/ea/VolunteerMatch_official.png'
+ },
+ {
+ name:'Service Civil International',
+ image:'https://sci.ngo/wp-content/uploads/sci_logo_blue-2.png'
+ },
+ {
+ name:'Global Volunteers',
+ image:'https://yt3.googleusercontent.com/ytc/AIdro_mc9kXFfBqq4JDymqPUw98MayxwFOEnYvqLLX33KtEnng=s900-c-k-c0x00ffffff-no-rj'
+ },
+ {
+ name:'Love Volunteers',
+ image:'https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQhq71UAAaz_8La2zU_0F5Gtvc6fq9S_D1p9A-D_e8M8jKOT1QJ'
+ },
+ {
+ name:'National NGO Confederations',
+ image:'https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSVRh4l88q0ES48M8fyfFkp0M7EtD__lUaA9x0gxwKW_boapK6a'
+ },
+]
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index 513995e..06be11a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -7,8 +7,8 @@ export default {
theme: {
extend: {
colors:{
- "navbar":'#002C3E',
- "body":'#F6F6F6',
+ "navbar":'#2B293D',
+ "body":'#272342',
"button":"#230c69"
// "navbar":'',
// "body":'#F6F6F6',#002C3E
EVENTS ATTENDED:
+| S.No | +Event Details | +Organization | +Location | +Date | + +
|---|---|---|---|---|