diff options
Diffstat (limited to 'src/components/Cta.js')
-rw-r--r-- | src/components/Cta.js | 30 |
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 |