From d1e8b0017dee12e04dbad9e85f7a8b497e584d1b Mon Sep 17 00:00:00 2001 From: MohamedBassem Date: Tue, 26 Mar 2024 02:26:33 +0000 Subject: ui: Migrate to the new logo everywhere --- apps/landing/app/favicon.ico | Bin 15406 -> 15086 bytes apps/landing/app/page.tsx | 8 +++----- apps/landing/components/HoarderLogo.tsx | 20 ++++++++++++++++++++ apps/landing/next.config.mjs | 7 +++++++ apps/landing/package.json | 1 + apps/landing/public/icons/logo-full.svg | 16 ++++++++++++++++ apps/landing/public/icons/logo-icon.svg | 7 +++++++ apps/landing/public/icons/logo-text.svg | 25 +++++++++++++++++++++++++ 8 files changed, 79 insertions(+), 5 deletions(-) create mode 100644 apps/landing/components/HoarderLogo.tsx create mode 100644 apps/landing/public/icons/logo-full.svg create mode 100644 apps/landing/public/icons/logo-icon.svg create mode 100644 apps/landing/public/icons/logo-text.svg (limited to 'apps/landing') diff --git a/apps/landing/app/favicon.ico b/apps/landing/app/favicon.ico index 750e3c04..d940a939 100644 Binary files a/apps/landing/app/favicon.ico and b/apps/landing/app/favicon.ico differ diff --git a/apps/landing/app/page.tsx b/apps/landing/app/page.tsx index 9a7b023c..a038eb51 100644 --- a/apps/landing/app/page.tsx +++ b/apps/landing/app/page.tsx @@ -1,9 +1,10 @@ import Image from "next/image"; import Link from "next/link"; +import HoarderLogo from "@/components/HoarderLogo"; import { buttonVariants } from "@/components/ui/button"; import { cn } from "@/lib/utils"; import screenshot from "@/public/screenshot.png"; -import { ExternalLink, Github, PackageOpen } from "lucide-react"; +import { ExternalLink, Github } from "lucide-react"; const GITHUB_LINK = "https://github.com/MohamedBassem/hoarder-app"; const DOCS_LINK = "https://docs.hoarder.app"; @@ -12,10 +13,7 @@ const DEMO_LINK = "https://try.hoarder.app"; function NavBar() { return (
-
- -

Hoarder

-
+
+ + + + ); +} diff --git a/apps/landing/next.config.mjs b/apps/landing/next.config.mjs index 743e4d69..c9153017 100644 --- a/apps/landing/next.config.mjs +++ b/apps/landing/next.config.mjs @@ -1,5 +1,12 @@ /** @type {import('next').NextConfig} */ const nextConfig = { + webpack: (config) => { + config.module.rules.push({ + test: /\.svg$/, + use: ["@svgr/webpack"], + }); + return config; + }, /** We already do linting and typechecking as separate tasks in CI */ eslint: { ignoreDuringBuilds: true }, typescript: { ignoreBuildErrors: true }, diff --git a/apps/landing/package.json b/apps/landing/package.json index 78e72d7c..3f3e3287 100644 --- a/apps/landing/package.json +++ b/apps/landing/package.json @@ -15,6 +15,7 @@ }, "dependencies": { "@radix-ui/react-slot": "^1.0.2", + "@svgr/webpack": "^8.1.0", "class-variance-authority": "^0.7.0", "clsx": "^2.1.0", "lucide-react": "^0.330.0", diff --git a/apps/landing/public/icons/logo-full.svg b/apps/landing/public/icons/logo-full.svg new file mode 100644 index 00000000..3526f580 --- /dev/null +++ b/apps/landing/public/icons/logo-full.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/apps/landing/public/icons/logo-icon.svg b/apps/landing/public/icons/logo-icon.svg new file mode 100644 index 00000000..dc8f9f4b --- /dev/null +++ b/apps/landing/public/icons/logo-icon.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/apps/landing/public/icons/logo-text.svg b/apps/landing/public/icons/logo-text.svg new file mode 100644 index 00000000..c6f18209 --- /dev/null +++ b/apps/landing/public/icons/logo-text.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + -- cgit v1.2.3-70-g09d2