1 files changed, 60 insertions, 0 deletions
diff --git a/components/data.js b/components/data.js
new file mode 100644
index 0000000..957600f
--- /dev/null
+++ b/components/data.js
@@ -0,0 +1,60 @@
+import {
+  FaceSmileIcon,
+  ChartBarSquareIcon,
+  CursorArrowRaysIcon,
+  DevicePhoneMobileIcon,
+  AdjustmentsHorizontalIcon,
+  SunIcon,
+} from "@heroicons/react/24/solid";
+
+import benefitOneImg from "../public/img/benefit-one.png";
+import benefitTwoImg from "../public/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};