From 4c2cfb2aabf712c36820b1f78e5c01fdeaad3ce5 Mon Sep 17 00:00:00 2001 From: Yan Sidyakin Date: Sat, 2 Sep 2023 19:44:08 -0400 Subject: [PATCH] Add subscribe button --- components/Hackathons.js | 27 ++++++++++++++++++++++++++- 1 file changed, 26 insertions(+), 1 deletion(-) diff --git a/components/Hackathons.js b/components/Hackathons.js index d948f8b..d16e0cf 100644 --- a/components/Hackathons.js +++ b/components/Hackathons.js @@ -3,6 +3,7 @@ import styled from 'styled-components'; import HackathonCard from './HackathonCard'; import NewsletterModal from './NewsletterModal'; import { Body, Title2 } from './Typography'; +import Button from './Button'; const HackCampData = { imgSrc: '/assets/HackCamp2022.png', @@ -34,6 +35,23 @@ const HackathonsContainer = styled.div` } `; +const ActionButton = styled(Button)` + width: 200px; + height: 60px; + font-size: 22px; + margin: auto; + margin-top: 24px; + + ${(p) => p.theme.mediaQueries.mobile} { + height: 60px; + width: 200px; + } + + &:hover { + cursor: pointer; + } +`; + export default function Hackathons() { const [showModal, setShowModal] = useState(false); @@ -59,10 +77,17 @@ export default function Hackathons() { imageLink={cmdfData.imgSrc} /> - + Subscribe to our newsletter Stay up to date on our hackathons! + setShowModal(true)} + > + Subscribe + setShowModal(false)} /> );