Use waving hand logo

startkit-dev · Jul 29, 2023 · 85751e3 · 85751e3 · vercel · Jul 29, 2023
1 parent 56abf98
commit 85751e3
Show file tree

Hide file tree

Showing 9 changed files with 13 additions and 5 deletions.
diff --git a/app/apple-icon.png b/app/apple-icon.png
diff --git a/app/favicon.ico b/app/favicon.ico
diff --git a/app/icon1.png b/app/icon1.png
diff --git a/app/icon2.png b/app/icon2.png
diff --git a/app/icon3.png b/app/icon3.png
diff --git a/app/icon4.png b/app/icon4.png
diff --git a/components/icons/brand/Logo.tsx b/components/icons/brand/Logo.tsx
@@ -1,7 +1,7 @@
-import { FanIcon, type LucideProps } from "lucide-react"
+import type { HTMLProps } from "react"
 
-type LogoProps = LucideProps
+type LogoProps = HTMLProps<HTMLSpanElement>
 
 export function Logo(props: LogoProps) {
-  return <FanIcon {...props} />
+  return <span {...props}>👋</span>
 }
diff --git a/components/marketing/layout/Header.tsx b/components/marketing/layout/Header.tsx
@@ -19,7 +19,7 @@ export function Header({ user }: Props) {
             href="/"
             className="group flex items-center space-x-2 transition-colors hover:animate-pulse hover:text-zinc-800 dark:hover:text-zinc-200"
           >
-            <Logo className="transition-transform group-hover:animate-spin" />
+            <Logo className="transition-transform group-hover:animate-wiggle" />
             <span className="hidden text-lg font-bold sm:inline-block">
               {siteConfig.name}
             </span>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -26,11 +26,19 @@ module.exports = {
         "accordion-up": {
           from: { height: "var(--radix-accordion-content-height)" },
           to: { height: 0 }
+        },
+        wiggle: {
+          "0%, 60%, 100%": { transform: "rotate( 0.0deg)" },
+          "10%, 30%": { transform: "rotate(14.0deg)" },
+          "20%": { transform: "rotate(-8.0deg)" },
+          "40%": { transform: "rotate(-4.0deg)" },
+          "50%": { transform: "rotate(10.0deg)" }
         }
       },
       animation: {
         "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out"
+        "accordion-up": "accordion-up 0.2s ease-out",
+        wiggle: "wiggle 1s linear infinite"
       },
       fontFamily: {
         sans: ["var(--font-inter)", ...fontFamily.sans]