blob: 08e37b8c59bef92175513be154d3e58d81a7e6c8 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
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;
|