Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

update newsletter button/size #228

Merged
merged 2 commits into from
Apr 2, 2024
Merged

update newsletter button/size #228

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
41d24a8
update newsletter button/size
juancwu Apr 1, 2024
8643c50
center newsletter btn on smaller screen sizes
juancwu Apr 2, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 11 additions & 18 deletions src/components/sections/Contact.section.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React from 'react';
import { TopBorder, BottomBorder, MiddleBody, Hawk, BirdParts } from '@assets';
import { Button, SocialIcons } from '@components';
import { Button } from '@components';

const ContactSection: React.FC = () => {
const openInNewTab = (url: string) => {
Expand Down Expand Up @@ -32,28 +32,21 @@ const ContactSection: React.FC = () => {
>
CONTACT US
</h2>
<p className="text-md lg:text-lg xl:mt-9">
<p className="my-6">
Reach out at <b>[email protected]</b> for any help or
support, and please be sure to join the{' '}
<b>HawkHacks Discord</b> community!
</p>
</div>
<div className="newsletter text-center sm:text-left lg:mt-6">
<div className="mt-2 flex flex-col items-center sm:items-start md:mt-4">
<div className="relative mb-4 flex w-full justify-center sm:mb-6 sm:w-1/2 sm:justify-start lg:max-w-lg">
<Button
type="button" // Changed to type="button" to prevent form submission
onClick={handleSubmit}
className="inset-y-0 flex w-1/3 justify-center rounded-r-lg bg-gradient-to-b from-tbrand to-tbrand-hover px-4 sm:w-2/3 sm:justify-start"
>
Sign up for our newsletter!
</Button>
</div>
<div className="pt-2 sm:pt-4">
<SocialIcons color="#32848C" />
</div>
</div>
</div>
<Button
type="button" // Changed to type="button" to prevent form submission
onClick={handleSubmit}
className="relative mx-auto block w-fit rounded-r-lg bg-gradient-to-b from-tbrand to-tbrand-hover before:absolute before:inset-0 before:bg-white before:opacity-0 before:transition before:duration-300 before:hover:opacity-10 sm:mx-0"
>
<span className="whitespace-nowrap">
Sign up for our newsletter!
</span>
</Button>
</div>
<img
src={MiddleBody}
Expand Down
Loading