Added the page Financing (#279)

* Added the page Financing

* Removed console log

---------

Co-authored-by: Loris Olivier <53363974+loris-maru@users.noreply.github.com>

Author: loris-olivier-obi

src/components/LandingPage/LandingPage.module.css

@@ -100,6 +100,22 @@
   font-size: var(--font-size-M);
 }
 
+.landingPage h4 {
+  font-size: 22px;
+  text-transform: uppercase;
+  letter-spacing: 0.02em;
+  margin-top: 20px;
+
+  &::after {
+    content: '';
+    display: block;
+    width: 32px;
+    height: 1px;
+    background: var(--Colors-Gray-4, #bfbfbf);
+    margin: 20px 0;
+  }
+}
+
 .landingPage h1,
 .landingPage h2,
 .landingPage h3 {

src/components/LandingPage/LandingPage.tsx

@@ -2,19 +2,21 @@
 
 import { useEffect, useState } from 'react';
 
+import { getSection } from './utils';
+
+import PaddedBlock from './components/PaddedBlock';
+import VerticalSpace from './components/VerticalSpace';
 import FooterPanel from './layout/FooterPanel';
+import Hero from './layout/Hero';
 import Menu from './layout/Menu';
 import SectionContact from './sections/SectionContact';
-import { EnumSection } from './sections/sections';
-import { getSection } from './utils';
-import Hero from './layout/Hero';
 import SectionGeneric from './sections/SectionGeneric';
-import PaddedBlock from './components/PaddedBlock';
 import SectionNews from './sections/SectionNews';
-import VerticalSpace from './components/VerticalSpace';
-import { classNames } from '@/util/utils';
+import { EnumSection } from './sections/sections';
+
 import AcceptInviteErrorDialog from '@/components/Invites/AcceptInviteErrorDialog';
 import { logError } from '@/util/logger';
+import { classNames } from '@/util/utils';
 
 import styles from './LandingPage.module.css';
 import './global.css';
@@ -58,6 +60,7 @@ function renderSection(section: EnumSection): React.ReactNode {
     case EnumSection.Team:
     case EnumSection.Resources:
     case EnumSection.TermsAndConditions:
+    case EnumSection.Financing:
     case EnumSection.PrivacyPolicy:
     case EnumSection.ComingSoon:
     case EnumSection.Story:

src/components/LandingPage/constants.ts

@@ -27,6 +27,11 @@ export const SECTIONS: Readonly<Section[]> = [
     caption: 'Terms',
     slug: '/terms',
   },
+  {
+    index: EnumSection.Financing,
+    caption: 'Financing',
+    slug: '/financing',
+  },
   { index: EnumSection.ComingSoon, caption: 'Coming Soon', slug: '/releasing-soon' },
   {
     index: EnumSection.Story,

src/components/LandingPage/layout/FooterPanel/FooterPanel.tsx

@@ -1,10 +1,9 @@
-import React from 'react';
-
-import { EnumSection } from '../../sections/sections';
+import SocialMediaLinks from '../../components/social-media-links';
 import { MENU_ITEMS } from '../../constants';
+import { EnumSection } from '../../sections/sections';
 import { gotoSection } from '../../utils';
-import SocialMediaLinks from '../../components/social-media-links';
 import NewsLetterSubscription from './NewsLetterSubscription';
+
 import { classNames } from '@/util/utils';
 
 import styles from './FooterPanel.module.css';
@@ -27,6 +26,7 @@ export default function FooterPanel({ className }: FooterPanelProps) {
           </Section>
         ))}
         <Section section={EnumSection.TermsAndConditions}>Terms and conditions</Section>
+        <Section section={EnumSection.Financing}>Financing</Section>
         <Section section={EnumSection.PrivacyPolicy}>Privacy policy</Section>
         <div className={styles.socialmedia}>
           <SocialMediaLinks />

src/components/LandingPage/sections/sections.ts

@@ -1,5 +1,6 @@
 export enum EnumSection {
   ComingSoon = -9,
+  Financing = -8,
   PrivacyPolicy = -3,
   TermsAndConditions = -2,
   Home = -1,

src/components/LandingPage/styles.module.css

@@ -68,6 +68,7 @@ a.roundedButton {
 
   grid-column: 1/-1;
   padding: 0;
+  padding-top: 60px;
   margin: 0;
   display: grid;
   grid-template-columns:

src/middleware.ts

@@ -15,6 +15,7 @@ const FREE_ACCESS_PAGES = [
   '/contact',
   '/terms',
   '/privacy',
+  '/financing',
   '/coming-soon',
   '/the-real-digital-brain-story',