78/pre launch feedbacks (#78)

* Second round of feedbacks

- (22) Scales grid on laptop screen is too wide, you have to scroll to the right. It should fit on screen
- (37) Footer needs a 30px padding around the main content
- (40) The message that confirms the newsletter registration is too big on phones.
- Homepage is on / now

* Fix homepage

---------

Co-authored-by: Pavlo Getta <pavlo.getta@openbraininstitute.org>

Author: 2 people

src/components/LandingPage/content/content.ts

@@ -58,7 +58,7 @@ export function useSanityContentRTF(sectionIndex: EnumSection): ContentForRichTe
   const section = getSection(sectionIndex);
   // In Sanity, we use only the last word of the actual slug.
   // `/welcome/home` is referenced as `home` in Sanity.
-  const slug = section.slug.split('/').pop();
+  const slug = section.slug.split('/').pop() || '/';
   const query = `*[_type=="pages"][slug.current=="${slug}"][0]{
   content[] {
     ...,

src/components/LandingPage/content/hero.ts

@@ -45,7 +45,7 @@ export function useSanityContentForHero(sectionIndex: EnumSection): ContentForHe
   const section = getSection(sectionIndex);
   // Sanity onl uses th last pat of the slug.
   // `/welcome/news` becomes `news`.
-  const slug = section.slug.split('/').pop();
+  const slug = section.slug.split('/').pop() || '/';
 
   return (
     useSanity(
@@ -55,7 +55,6 @@ export function useSanityContentForHero(sectionIndex: EnumSection): ContentForHe
   "backgroundType": mediaType,
   "imageURL": headerImage.asset->url,
   "videoURL": headerVideo,
-  "content": introduction,
   "next": scrollCatcher,
   "posterURL": posterImage.asset->url,
   "posterWidth": posterImage.asset->metadata.dimensions.width,