add bottom cta to every page

Blazity · Oct 11, 2021 · 6e97192 · 6e97192
1 parent d61a462
commit 6e97192
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 4 deletions.
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -103,7 +103,6 @@ function ListItem({ title, href }: SingleFooterListItem) {
 }
 
 const FooterWrapper = styled.div`
-  margin-top: 10rem;
   padding-top: 10rem;
   padding-bottom: 4rem;
   background: rgb(var(--secondary));
@@ -128,6 +127,7 @@ const ListWrapper = styled.div`
   flex-direction: column;
   margin-bottom: 5rem;
   margin-right: 5rem;
+
   & > *:not(:first-child) {
     margin-top: 1rem;
   }
@@ -167,6 +167,7 @@ const BottomBar = styled.div`
   margin-top: 6rem;
   display: flex;
   justify-content: space-between;
+  align-items: center;
 
   ${media('<=tablet')} {
     flex-direction: column;

diff --git a/views/ContactPage/Cta.tsx → components/WaveCta.tsx b/views/ContactPage/Cta.tsx → components/WaveCta.tsx
@@ -6,7 +6,7 @@ import Button from 'components/Button';
 import styled from 'styled-components';
 import { media } from 'utils/media';
 
-export default function Cta() {
+export default function WaveCta() {
   return (
     <>
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none">

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -11,6 +11,7 @@ import { NavItems } from 'types';
 import NavigationDrawer from 'components/NavigationDrawer';
 import NewsletterModal from 'components/NewsletterModal';
 import Footer from 'components/Footer';
+import WaveCta from 'components/WaveCta';
 import { NewsletterModalContextProvider, useNewsletterModalContext } from 'contexts/newsletter-modal.context';
 import { PropsWithChildren } from 'react';
 
@@ -46,6 +47,7 @@ function MyApp({ Component, pageProps }: AppProps) {
         <Modals />
         <Navbar items={navItems} />
         {standaloneMarkup}
+        <WaveCta />
         <Footer />
       </Providers>
     </>

diff --git a/pages/contact.tsx b/pages/contact.tsx
@@ -5,7 +5,6 @@ import { media } from 'utils/media';
 
 import FormSection from 'views/ContactPage/FormSection';
 import InformationSection from 'views/ContactPage/InformationSection';
-import Cta from 'views/ContactPage/Cta';
 
 export default function ContactPage() {
   return (
@@ -18,7 +17,6 @@ export default function ContactPage() {
         <InformationSection />
         <FormSection />
       </ContactContainer>
-      <Cta />
     </div>
   );
 }

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -51,6 +51,10 @@ const HomepageWrapper = styled.div`
   & > *:not(:first-child) {
     margin-top: 15rem;
   }
+
+  & > :last-child {
+    margin-bottom: 15rem;
+  }
 `;
 
 export async function getStaticProps() {