feat: add Back.webp image and update website links to reflect Enough Aashuu branding

Author: codeaashu

public/Back.webp

@@ -44,13 +44,13 @@ const tools = [
     href: "/qr-code-generator",
     color: "from-cyan-600 to-blue-500",
   },
-  // {
-  //   name: "IconLogo",
-  //   description: "Create icon-based logos with a full studio workflow and quick exports.",
-  //   icon: Shapes,
-  //   href: "/iconlogo",
-  //   color: "from-orange-600 to-amber-500",
-  // },
+  {
+    name: "IconLogo",
+    description: "Create icon-based logos with a full studio workflow and quick exports.",
+    icon: Shapes,
+    href: "/iconlogo",
+    color: "from-orange-600 to-amber-500",
+  },
 ];
 
 export default function LandingPage() {

src/app/page.tsx

@@ -68,18 +68,18 @@ export function AppShell({
           animate="visible"
           className="absolute bottom-4 right-4 z-50 flex flex-col gap-2 items-end"
         >
-          <motion.div variants={itemVariants}>
+          {/* <motion.div variants={itemVariants}>
             <Tooltip delay={300}>
               <Tooltip.Trigger>
                 <a
-                  href="https://peerlist.io/aashuu/project/enough-aashuu"
+                  href="https://enough.aashuu.tech/"
                   target="_blank"
                   rel="noreferrer"
-                  data-umami-event="click enough-aashuu"
+                  data-umami-event="click enoughaashuu"
                 >
                   <img
                     src="/enough.webp"
-                    alt="enough aashuu"
+                    alt="Enough Aashuu"
                     width={40}
                     height={40}
                     className="rounded-xl border-2 dark:border"
@@ -90,7 +90,7 @@ export function AppShell({
                 <p>Discover the other tools.</p>
               </Tooltip.Content>
             </Tooltip>
-          </motion.div>
+          </motion.div> */}
           <motion.div variants={itemVariants}>
             <ShareButton />
           </motion.div>

src/iconlogo/features/editor/AppShell.tsx

@@ -4,12 +4,10 @@ import { Icon } from "@iconify/react";
 import { motion, type Variants } from "framer-motion";
 import Image from "next/image";
 import { useState } from "react";
-import { trackEvent } from "#/lib/analytics";
-import { useChangelogStatus } from "#/queries/changelog/use-changelog-status";
-import { InfoModal } from "./InfoModal";
 
 const FEEDBACK_URL = "https://x.com/enoughaashuu";
 const ICECREAM_URL = "https://buymeacoffee.com/aashuu";
+const WEBSITE_URL = "https://enough.aashuu.tech/";
 
 const containerVariants: Variants = {
   hidden: { opacity: 0 },
@@ -29,22 +27,7 @@ const itemVariants: Variants = {
 };
 
 export function FABs() {
-  const [isOpen, setIsOpen] = useState(false);
-  const [defaultTab, setDefaultTab] = useState<string | undefined>();
-  const [highlightLatest, setHighlightLatest] = useState(false);
-  const { hasNew, markSeen } = useChangelogStatus();
-
-  function openInfo() {
-    const wasNew = hasNew;
-    setDefaultTab(wasNew ? "changelog" : undefined);
-    setHighlightLatest(wasNew);
-    if (wasNew) markSeen();
-    setIsOpen(true);
-    trackEvent("open info", {
-      tab: wasNew ? "changelog" : "about",
-      has_new: wasNew,
-    });
-  }
+  const [websiteHovered, setWebsiteHovered] = useState(false);
 
   return (
     <motion.div
@@ -121,21 +104,27 @@ export function FABs() {
       <motion.div variants={itemVariants}>
         <Tooltip delay={0}>
           <Tooltip.Trigger>
-            <Button
-              aria-label="Show info"
-              onPress={openInfo}
-              isIconOnly
-              variant="ghost"
-              className="relative"
+            <a
+              href={WEBSITE_URL}
+              target="_blank"
+              rel="noreferrer"
+              data-umami-event="click enough website"
+              onMouseEnter={() => setWebsiteHovered(true)}
+              onMouseLeave={() => setWebsiteHovered(false)}
             >
-              <Icon icon="lucide:info" width={28} height={28} />
-              {hasNew && (
-                <span className="absolute top-1 right-1 h-2 w-2 rounded-full bg-red-500" />
-              )}
-            </Button>
+              <Button isIconOnly variant="ghost" aria-label="Open Enough Aashuu website">
+                <Image
+                  src="/enough.webp"
+                  alt="enough aashuu"
+                  width={28}
+                  height={28}
+                  className="h-7 w-7 rounded-full"
+                />
+              </Button>
+            </a>
           </Tooltip.Trigger>
           <Tooltip.Content placement="left">
-            <p>About</p>
+            <p>{websiteHovered ? "Visit enough.aashuu.tech" : "Open website"}</p>
           </Tooltip.Content>
         </Tooltip>
       </motion.div>
@@ -162,12 +151,6 @@ export function FABs() {
         </Tooltip>
       </motion.div>
 
-      <InfoModal
-        isOpen={isOpen}
-        onClose={() => setIsOpen(false)}
-        defaultTab={defaultTab}
-        highlightLatest={highlightLatest}
-      />
     </motion.div>
   );
 }

src/iconlogo/features/editor/FABs.tsx

@@ -1,17 +1,17 @@
 import { Button, Dropdown, Label } from "@heroui/react";
 import { Icon } from "@iconify/react";
+import Image from "next/image";
 import { useAnimate } from "framer-motion";
-import { useState } from "react";
 import { exportSvg } from "#/commands/export/export-svg";
 import { exportPng } from "#/commands/export/export-png";
 import { exportIco } from "#/commands/export/export-ico";
 import { randomizeLogo } from "#/commands/logo/randomize-logo";
 import { trackEvent } from "#/lib/analytics";
-import { InfoModal } from "./InfoModal";
+
+const WEBSITE_URL = "https://enough.aashuu.tech/";
 
 export function MobileTopBar() {
   const [scope, animate] = useAnimate();
-  const [infoOpen, setInfoOpen] = useState(false);
 
   const handleAction = (key: React.Key) => {
     if (key === "svg") void exportSvg();
@@ -34,17 +34,21 @@ export function MobileTopBar() {
   };
 
   return (
-    <>
     <div className="fixed top-0 inset-x-0 z-50 flex items-center justify-between px-4 pt-4 md:hidden">
-      <button type="button" onClick={() => setInfoOpen(true)}>
-        <img
-          src="/iconlogo/logo512.png"
-          alt="iconlogo.dev"
+      <a
+        href={WEBSITE_URL}
+        target="_blank"
+        rel="noreferrer"
+        aria-label="Open Enough Aashuu website"
+      >
+        <Image
+          src="/Back.webp"
+          alt="enough aashuu"
           width={40}
           height={40}
           className="rounded-xl"
         />
-      </button>
+      </a>
       <div className="flex items-center gap-2">
         <Button
           isIconOnly
@@ -77,7 +81,5 @@ export function MobileTopBar() {
         </Dropdown>
       </div>
     </div>
-    <InfoModal isOpen={infoOpen} onClose={() => setInfoOpen(false)} />
-    </>
   );
 }