aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Cta.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/Cta.js
parent102324996e227e1e9bf70a1641afb7b438d56276 (diff)
refactor: Remove NextJS from project
Diffstat (limited to 'src/components/Cta.js')
-rw-r--r--src/components/Cta.js30
1 files changed, 30 insertions, 0 deletions
diff --git a/src/components/Cta.js b/src/components/Cta.js
new file mode 100644
index 0000000..08e37b8
--- /dev/null
+++ b/src/components/Cta.js
@@ -0,0 +1,30 @@
+import React from "react";
+import Container from "./Container";
+
+const Cta = () => {
+ return (
+ <Container>
+ <div className="flex flex-wrap items-center justify-between w-full max-w-4xl gap-5 mx-auto text-white bg-indigo-600 px-7 py-7 lg:px-12 lg:py-12 lg:flex-nowrap rounded-xl">
+ <div className="flex-grow text-center lg:text-left">
+ <h2 className="text-2xl font-medium lg:text-3xl">
+ Ready to try-out Helping Hands?
+ </h2>
+ <p className="mt-2 font-medium text-white text-opacity-90 lg:text-xl">
+ Join us now to connect, volunteer, and make a difference!
+ </p>
+ </div>
+ <div className="flex-shrink-0 w-full text-center lg:w-auto">
+ <a
+ href="https://helpinghands.com/signup"
+ target="_blank"
+ rel="noopener"
+ className="inline-block py-3 mx-auto text-lg font-medium text-center text-indigo-600 bg-white rounded-md px-7 lg:px-10 lg:py-5 ">
+ Sign Up for Free
+ </a>
+ </div>
+ </div>
+ </Container>
+ );
+}
+
+export default Cta; \ No newline at end of file