aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Home.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Home.js')
-rw-r--r--src/components/Home.js29
1 files changed, 29 insertions, 0 deletions
diff --git a/src/components/Home.js b/src/components/Home.js
new file mode 100644
index 0000000..c0e2b24
--- /dev/null
+++ b/src/components/Home.js
@@ -0,0 +1,29 @@
+import Hero from "../components/Hero";
+import SectionTitle from "../components/SectionTitle";
+import { benefitOne, benefitTwo } from "./Data";
+import Benefits from "../components/Benefits";
+import Cta from "../components/Cta";
+import Faq from "../components/Faq";
+
+const Home = () => {
+ return (
+ <>
+ <Hero />
+ <SectionTitle
+ pretitle="How It Works"
+ title="Getting Started with Helping Hands"
+ >
+ Helping Hands simplifies the process of finding or offering volunteer opportunities. Here's a step-by-step guide:
+ </SectionTitle>
+ <Benefits data={benefitOne} />
+ <Benefits imgPos="right" data={benefitTwo} />
+ <SectionTitle pretitle="FAQ" title="Frequently Asked Questions">
+ Welcome to our FAQ section! Browse through common questions for quick answers. Your clarity and support matter to us. For any unanswered queries, reach out to our support team.
+ </SectionTitle>
+ <Faq />
+ <Cta />
+ </>
+ );
+}
+
+export default Home; \ No newline at end of file