diff --git a/src/assets/logo.png b/src/assets/logo.png new file mode 100644 index 0000000..cc70ce9 Binary files /dev/null and b/src/assets/logo.png differ diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 5b7d46e..63a0c7c 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -2,6 +2,8 @@ import Link from "next/link"; import { useEffect, useState } from "react"; import { Bars3Icon } from "@heroicons/react/24/outline"; import { useRouter } from "next/router"; +import logo from "~/assets/logo.png"; +import Image from "next/image"; const navigation = [ { name: "Overview", href: "/" }, @@ -30,14 +32,13 @@ export default function Header() { >
- logo diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 33f16a1..5e9af8c 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -14,6 +14,7 @@ import Image from "next/image"; import CTA from "~/components/CTA"; import engineeringUsecase from "~/assets/engineering usecase.png"; import supportUsecase from "~/assets/support usecase.png"; +import logo from "~/assets/logo.png"; const Home: NextPage = () => { const [, setRecordOpen] = useAtom(recordVideoModalOpen); @@ -160,7 +161,13 @@ const Home: NextPage = () => { {[ { icon: ( - + logo ), title: "1. Record a video message", description: