diff --git a/packages/components/logo/fullMotto.tsx b/packages/components/logo/fullMotto.tsx new file mode 100644 index 0000000..c8605da --- /dev/null +++ b/packages/components/logo/fullMotto.tsx @@ -0,0 +1,197 @@ +export enum LogoType { + primary = "primary", + small = "small", +} + +export default function FullMottoLogo({ + className, + type, +}: { + className: string; + type?: LogoType; +}) { + if (type === LogoType.small) { + return ( + + + + + + + + + + + + + + + + + + + + + + + ); + } + return ( + + + + + + + + + + + + + + + + + + + + + + + ); +} diff --git a/packages/web/package.json b/packages/web/package.json index 9533b54..4856684 100644 --- a/packages/web/package.json +++ b/packages/web/package.json @@ -12,7 +12,8 @@ "@nirvana/components": "*", "next": "12.1.4", "react": "18.0.0", - "react-dom": "18.0.0" + "react-dom": "18.0.0", + "react-icons": "^4.3.1" }, "devDependencies": { "@types/node": "17.0.23", diff --git a/packages/web/pages/index.tsx b/packages/web/pages/index.tsx index 2af5cc2..1175a91 100644 --- a/packages/web/pages/index.tsx +++ b/packages/web/pages/index.tsx @@ -1,3 +1,6 @@ +import { BsApple, BsWindows } from "react-icons/bs"; + +import FullMottoLogo from "../../components/logo/fullMotto"; import Head from "next/head"; import HorizontalLogo from "../../components/logo/horizontal"; import Image from "next/image"; @@ -14,16 +17,16 @@ const Home: NextPage = () => { -
+
{/* header */}
{/* */}
- {/* above fold experience */} -
-
+
+ {/* above fold experience */} +
The walkie-talkie{" "} @@ -35,6 +38,23 @@ const Home: NextPage = () => { approach. Skip zoom scheduling,

slack notifications, and email threads.
Just talk to your team. + + {/* download */} + + + Download the desktop app + + + + + + + + + + + +
{ className="h-[30em]" />
+ + {/* value points */} +
+ + {/* footer */} +
+
diff --git a/yarn.lock b/yarn.lock index 76f406a..3c40d7f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7138,7 +7138,7 @@ rcedit@^3.0.1: dependencies: cross-spawn-windows-exe "^1.1.0" -react-dom@18.0.0, react-dom@^18.0.0: +react-dom@18.0.0: version "18.0.0" resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.0.0.tgz#26b88534f8f1dbb80853e1eabe752f24100d8023" integrity sha512-XqX7uzmFo0pUceWFCt7Gff6IyIMzFUn7QMZrbrQfGxtaxXZIcGQzoNpRLE3fQLnS4XzLLPMZX2T9TRcSrasicw== @@ -7203,7 +7203,7 @@ react-transition-group@^4.4.2: loose-envify "^1.4.0" prop-types "^15.6.2" -react@18.0.0, react@^18.0.0: +react@18.0.0: version "18.0.0" resolved "https://registry.yarnpkg.com/react/-/react-18.0.0.tgz#b468736d1f4a5891f38585ba8e8fb29f91c3cb96" integrity sha512-x+VL6wbT4JRVPm7EGxXhZ8w8LTROaxPXOqhlGyVSrv0sB1jkyFGgXxJ8LVoPRLvPR6/CIZGFmfzqUa2NYeMr2A==