aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Data.js
diff options
context:
space:
mode:
authorJeff <jeffkleinaitis@gmail.com>2024-04-09 15:12:50 -0400
committerJeff <jeffkleinaitis@gmail.com>2024-04-09 15:12:50 -0400
commit9ac6e1ddef7a1a9f277b9736fee08d97247adab2 (patch)
treeb2b5ce4599514ba744744ba3f0d6f64de7c2602e /src/components/Data.js
parent102324996e227e1e9bf70a1641afb7b438d56276 (diff)
refactor: Remove NextJS from project
Diffstat (limited to 'src/components/Data.js')
-rw-r--r--src/components/Data.js60
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};