From a9bd0374ba200e19c742a22a3538b54dc5fc12fa Mon Sep 17 00:00:00 2001 From: steven Date: Wed, 21 Jul 2021 22:50:15 -0700 Subject: [PATCH] fixed a bunch added responsiveness, text and page styling, missing images, new nav and footer etc. --- components/FooterSection.tsx | 96 +++++++++++++------ components/GradientText.tsx | 2 +- components/HeroSection.tsx | 2 +- components/LandingContent.tsx | 149 +++++++++++++++-------------- components/NavBarBeta.tsx | 52 ++++++---- pages/index.tsx | 4 +- public/img/feature3.png | Bin 10999 -> 50845 bytes public/img/logo_mango.svg | 56 +++++++++++ public/socials/discord.svg | 3 + public/socials/facebook-light.svg | 8 ++ public/socials/facebook.svg | 8 ++ public/socials/github-light.svg | 3 + public/socials/github.svg | 3 + public/socials/instagram-light.svg | 8 ++ public/socials/instagram.svg | 8 ++ public/socials/linkedin-light.svg | 3 + public/socials/linkedin.svg | 3 + public/socials/twitter-light.svg | 8 ++ public/socials/twitter.svg | 3 + 19 files changed, 298 insertions(+), 121 deletions(-) create mode 100644 public/img/logo_mango.svg create mode 100644 public/socials/discord.svg create mode 100644 public/socials/facebook-light.svg create mode 100644 public/socials/facebook.svg create mode 100644 public/socials/github-light.svg create mode 100644 public/socials/github.svg create mode 100644 public/socials/instagram-light.svg create mode 100644 public/socials/instagram.svg create mode 100644 public/socials/linkedin-light.svg create mode 100644 public/socials/linkedin.svg create mode 100644 public/socials/twitter-light.svg create mode 100644 public/socials/twitter.svg diff --git a/components/FooterSection.tsx b/components/FooterSection.tsx index f9b5b31..5e3b045 100644 --- a/components/FooterSection.tsx +++ b/components/FooterSection.tsx @@ -1,8 +1,31 @@ +import { useState } from 'react' import MangoPill from '../components/MangoPill' import Button from './Button' -import GradientText from './GradientText' + +const doNothing = (e) => { + e.stopPropagation() +} const FooterSection = () => { + const [done, setDone] = useState(false) + const [email, setEmail] = useState('') + + const handleChange = (e) => { + setEmail(e.target.value) + } + + const handleSubmit = async (e) => { + e.preventDefault() + + await fetch('/api/signup', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify({ email }), + }) + + setDone(true) + } + return (
@@ -10,44 +33,52 @@ const FooterSection = () => {

Want product news and updates?{' '} - + Sign up for our newsletter. - +

-
+ - -
- -
+ {done ? ( + Thank you for signing up! 🎉 + ) : ( + <> + +
+ +
+ + )}
-

+

We promise to never spam and only send alpha.

-