feat: landing page redesigns (#129)

* feat: add new fonts for redesign

* feat: redesign newsletter component and move it to footer folder for colocation

* chore: update dependencies and install next font

* chore: update dependencies and install next font

* feat: create tailwind merge utility function to work with clsx

* chore: lint and beautify code

* chore: update components to use new classnames utility function

* feat: add all relevant assets for the home page

* feat: update storybook preview to allow for custom font to be used

* feat: update logo to match designs

* feat: create font loader utility constant for getting local custom font

* feat: update app to use custom font and remove google font from document

* feat: create custom link that navigates users to appropriate mobile app store

* chore: update experiment component

* feat: update neurosity modal to use appropriate color styles

* feat: create custom link that navigates users to appropriate mobile app store

* ad external field to indicate external link to footerLinks

* create ms partner component used in footer

* chore: remove unused import

* chore: update integrations container type safety

* feat: create looping marquee of all integrations in fusion

* feat: redesign integrations section

* feat: create individual testimonial component used for showing user feedback

* feat: create testimonials section using new landing page designs

* feat: create individual team member component used for showing team and position in company

* feat: create team section with new landing page designs

* feat: create generic prompt example component shown in feature section

* feat: create individual fusion feature component that shows target audience and what we offer

* feat: create fusion section that shows different target audience and what we offer to each

* feat: create faq section with placeholder frequently asked questions

* feat: update hero section to match new designs with changing typing animation in header

* feat: update footer to match designs

* feat: create offering section and a set of disclaimers for our product

* update navigation link and add external field to blog item

* feat: update mobile menu

* feat: update navigation header to match new

* chore: make login page light theme only

* feat: make login page and footer dark theme friendly

* feat: export landing page sections and use them in home page

* feat: update tailwind config and global css files to use new design theme, colors, animations etc

* feat: make section tag more semantic by adding title

* feat: replace celebration badge svg with png

* feat: add new button styles to component

* chore: remove loading eager

* chore: make prompt example longer and use semantic tags

* chore: make prompt example longer and use semantic tags

* chore: update feature section based on feedback

* feat: embed loom link into hero section

* feat: add calendar icon to schedule call cta

* chore: make about page go to notion page

* fix: fix incorrect svg prop

* upgrade: upgrade next font to use built in next js package

* feat: add title and aria labelled by prop to icon buttons for accessibility

* chore: dynamically load hero section to improve performance

* chore: add title to iframe and make video not auto play

* chore: remove unused pictures

* feat: add language tag to html

* chore: wrap detailed list item in detailed list for accessibility purposes

* increase font weight to improve contrast

* feat: create custom meta tag for SEO purposes

* add meta tag to pages

* feat: use unlighthouse to test performance

fusionMobile/FontLoader.tsx

@@ -1,6 +1,5 @@
 import { useFonts } from "expo-font";
-import * as SplashScreen from "expo-splash-screen";
-import React, { PropsWithChildren, useCallback } from "react";
+import { PropsWithChildren, useCallback } from "react";
 import { View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 

neurofusion/next-client/.gitignore

@@ -36,4 +36,5 @@ yarn-error.log*
 next-env.d.ts
 
 #Misc
-.eslintcache
+.eslintcache
+.unlighthouse

neurofusion/next-client/.storybook/main.js

@@ -14,7 +14,16 @@ module.exports = {
       nextConfigPath: path.resolve(__dirname, "../next.config.js"),
     },
   },
-  staticDirs: ["../public"],
+  staticDirs: [
+    {
+      from: "../public",
+      to: "public",
+    },
+    {
+      from: "../public/images",
+      to: "images",
+    },
+  ],
   docs: {
     autodocs: true,
   },

neurofusion/next-client/.storybook/preview.js → neurofusion/next-client/.storybook/preview.jsx

@@ -1,5 +1,6 @@
 import { ThemeProvider } from "next-themes";
 import { ThemeChanger } from "../src/utils/themeChanger";
+import { gtw } from "../src/utils/font-loader";
 import "../src/styles/globals.css";
 
 export const globalTypes = {
@@ -19,7 +20,9 @@ export const decorators = [
   (Story, { globals }) => (
     <ThemeProvider attribute="class" enableSystem>
       <ThemeChanger theme={globals.theme ? globals.theme : "system"} />
-      <Story />
+      <main className={`${gtw.variable} font-body`}>
+        <Story />
+      </main>
     </ThemeProvider>
   ),
 ];