minor design stuff, style front page info block and add more circle headings

web/src/components/layout/Footer.tsx

@@ -7,9 +7,6 @@ import { LogoNeuf } from "../general/Logo";
 export const Footer = () => {
   return (
     <footer className={styles.footer}>
-      <div className={styles.logo}>
-        <LogoNeuf />
-      </div>
       <div className={styles.contact}>
         <ul className={styles.contactList}>
           <li className={styles.contactItem}>
@@ -87,7 +84,9 @@ export const Footer = () => {
           </li>
         </ul>
       </div>
-      <NeonChillPig />
+      <div className={styles.pig}>
+        <NeonChillPig />
+      </div>
       <ToTop />
     </footer>
   );

web/src/components/layout/footer.module.scss

@@ -1,5 +1,4 @@
 .footer {
-  min-height: 60vh;
   padding: var(--spacing-sitepadding);
   background: var(--color-chateauBlue);
   color: var(--color-betongGray);
@@ -47,4 +46,12 @@
   >div {
     width: 100%;
   }
+}
+
+.pig {
+  position: relative;
+  top: 0;
+  right: 0;
+  transform: translate(1vw, 40%);
+  z-index: 800;
 }