diff options
Diffstat (limited to 'src/components/Data.js')
-rw-r--r-- | src/components/Data.js | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/src/components/Data.js b/src/components/Data.js new file mode 100644 index 0000000..a6bad9b --- /dev/null +++ b/src/components/Data.js @@ -0,0 +1,60 @@ +import { + FaceSmileIcon, + ChartBarSquareIcon, + CursorArrowRaysIcon, + DevicePhoneMobileIcon, + AdjustmentsHorizontalIcon, + SunIcon, +} from "@heroicons/react/24/solid"; + +import benefitOneImg from "../assets/img/benefit-one.png"; +import benefitTwoImg from "../assets/img/benefit-two.png"; + +const benefitOne = { + title: "Sign Up as an Organization", + desc: "Join Helping Hands and showcase your opportunities to a wide audience of volunteers. Here's how:", + image: benefitOneImg, + bullets: [ + { + title: "Create Your Profile", + desc: "Provide details about your organization, including your mission, location, and the types of volunteer opportunities you offer.", + icon: <FaceSmileIcon />, + }, + { + title: "Post Opportunities", + desc: "List specific volunteer opportunities available within your organization, including dates, times, and required skills or qualifications.", + icon: <ChartBarSquareIcon />, + }, + { + title: "Connect with Volunteers", + desc: "Receive applications from interested volunteers and communicate directly with them to coordinate volunteer activities.", + icon: <CursorArrowRaysIcon />, + }, + ], +}; + +const benefitTwo = { + title: "Sign Up as a Volunteer", + desc: "Get involved with causes you care about and make a difference in your community through Helping Hands. Here's how:", + image: benefitTwoImg, + bullets: [ + { + title: "Create Your Profile", + desc: "Set up your volunteer profile, including your interests, skills, and availability.", + icon: <DevicePhoneMobileIcon />, + }, + { + title: "Browse Opportunities", + desc: "Explore a variety of volunteer opportunities posted by organizations, sorted by cause, location, and time commitment.", + icon: <AdjustmentsHorizontalIcon />, + }, + { + title: "Apply and Volunteer", + desc: "Submit applications for volunteer opportunities that match your interests, and start making a positive impact.", + icon: <SunIcon />, + }, + ], +}; + + +export {benefitOne, benefitTwo}; |