chore: final touches

apps/prerender/src/components/Profile.tsx

@@ -1,3 +1,4 @@
+import { APP_NAME } from '@hey/data/constants';
 import type { MediaSet, NftImage, Publication } from '@hey/lens';
 import { Profile } from '@hey/lens';
 import formatHandle from '@hey/lib/formatHandle';
@@ -23,8 +24,8 @@ const Profile: FC<ProfileProps> = ({ profile, publications }) => {
   }
 
   const title = profile?.name
-    ? `${profile?.name} (@${profile?.handle}) • Lenster`
-    : `@${profile?.handle} • Lenster`;
+    ? `${profile?.name} (@${profile?.handle}) • ${APP_NAME}`
+    : `@${profile?.handle} • ${APP_NAME}`;
   const description = truncateByWords(profile?.bio ?? '', 30);
   const image = sanitizeDStorageUrl(
     profile?.picture?.original?.url ??
@@ -75,7 +76,7 @@ const Profile: FC<ProfileProps> = ({ profile, publications }) => {
                     userInteractionCount: profile.stats.totalPosts
                   }
                 ],
-                url: `https://lenster.xyz/u/${profile.handle}}`
+                url: `https://hey.xyz/u/${profile.handle}}`
               }
             }}
           />

apps/prerender/src/components/Publication.tsx

@@ -1,4 +1,4 @@
-import { DEFAULT_OG } from '@hey/data/constants';
+import { APP_NAME, DEFAULT_OG } from '@hey/data/constants';
 import type { Comment } from '@hey/lens';
 import { Publication } from '@hey/lens';
 import getStampFyiURL from '@hey/lib/getStampFyiURL';
@@ -33,7 +33,7 @@ const Publication: FC<PublicationProps> = ({ publication, comments }) => {
       : __typename === 'Mirror'
       ? 'Mirror'
       : 'Comment'
-  } by @${publication.profile.handle} • Lenster`;
+  } by @${publication.profile.handle} • ${APP_NAME}`;
   const description = truncateByWords(metadata?.content, 30);
   const image = hasMedia
     ? sanitizeDStorageUrl(metadata?.media[0].original.url)

apps/prerender/src/components/Shared/Tags.tsx

@@ -1,3 +1,4 @@
+import { APP_NAME } from '@hey/data/constants';
 import Head from 'next/head';
 import type { FC } from 'react';
 
@@ -29,7 +30,7 @@ const Tags: FC<TagsProps> = ({
       <meta name="description" content={description} />
       {/* General OG */}
       <meta property="og:url" content={url} />
-      <meta property="og:site_name" content="Lenster" />
+      <meta property="og:site_name" content={APP_NAME} />
       <meta property="og:title" content={title} />
       <meta property="og:description" content={description} />
       <meta property="og:image" content={image} />
@@ -38,7 +39,7 @@ const Tags: FC<TagsProps> = ({
       <meta property="og:type" content="article" />
       {/* Twitter OG */}
       <meta property="twitter:card" content={cardType} />
-      <meta property="twitter:site" content="Lenster" />
+      <meta property="twitter:site" content={APP_NAME} />
       <meta property="twitter:title" content={title} />
       <meta property="twitter:description" content={description} />
       <meta property="twitter:image" content={image} />
@@ -47,7 +48,7 @@ const Tags: FC<TagsProps> = ({
       <meta property="twitter:creator" content="heydotxyz" />
       {/* Lens OG */}
       <meta property="lens:card" content={cardType} />
-      <meta property="lens:site" content="Lenster" />
+      <meta property="lens:site" content={APP_NAME} />
       <meta property="lens:title" content={title} />
       <meta property="lens:description" content={description} />
       <meta property="lens:image" content={image} />

apps/prerender/src/constants.ts

@@ -1,5 +1,5 @@
 import { IS_MAINNET } from '@hey/data/constants';
 
 export const BASE_URL = IS_MAINNET
-  ? 'https://lenster.xyz'
+  ? 'https://hey.xyz'
   : 'https://testnet.hey.xyz';

apps/web/src/components/Channel/Details.tsx

@@ -12,7 +12,6 @@ import Link from 'next/link';
 import { useTheme } from 'next-themes';
 import type { FC, ReactNode } from 'react';
 import { useState } from 'react';
-import { useAppStore } from 'src/store/app';
 import { create } from 'zustand';
 
 // Member count state
@@ -33,7 +32,6 @@ interface DetailsProps {
 }
 
 const Details: FC<DetailsProps> = ({ channel }) => {
-  const currentProfile = useAppStore((state) => state.currentProfile);
   const [expandedImage, setExpandedImage] = useState<string | null>(null);
   const { resolvedTheme } = useTheme();
 
@@ -99,7 +97,7 @@ const Details: FC<DetailsProps> = ({ channel }) => {
             <MetaDetails
               icon={
                 <img
-                  src="/logo.svg"
+                  src="/logo.png"
                   className="h-4 w-4"
                   height={16}
                   width={16}

apps/web/src/components/Composer/NewPublication.tsx

@@ -748,7 +748,7 @@ const NewPublication: FC<NewPublicationProps> = ({ publication }) => {
         version: '2.0.0',
         metadata_id: uuid(),
         content: processedPublicationContent,
-        external_url: `https://lenster.xyz/u/${currentProfile?.handle}`,
+        external_url: `https://hey.xyz/u/${currentProfile?.handle}`,
         image:
           attachmentsInput.length > 0 ? getAttachmentImage() : textNftImageUrl,
         imageMimeType:

apps/web/src/components/Home/Hero.tsx

@@ -4,20 +4,20 @@ import type { FC } from 'react';
 
 const Hero: FC = () => {
   return (
-    <div className="bg-hero divider py-12" data-testid="home-hero">
-      <div className="mx-auto flex w-full max-w-screen-xl items-stretch px-5 py-8 text-center sm:py-12 sm:text-left">
-        <div className="flex-1 space-y-3">
-          <div className="font-serif text-2xl font-extrabold sm:text-4xl">
-            <Trans>Welcome to {APP_NAME} 👋</Trans>
+    <div className="divider py-12" data-testid="home-hero">
+      <div className="mx-auto flex w-full max-w-screen-xl items-center px-5 py-8 sm:py-12">
+        <img
+          src="/logo.png"
+          className="mr-5 h-24 w-24 sm:mr-8 sm:h-36 sm:w-36"
+        />
+        <div className="flex-1 space-y-1 tracking-tight sm:max-w-lg">
+          <div className="text-2xl font-extrabold sm:text-5xl">
+            <Trans>Welcome to {APP_NAME},</Trans>
           </div>
-          <div className="leading-7 text-gray-700 dark:text-gray-300">
-            <Trans>
-              {APP_NAME} is a decentralized, and permissionless social media app
-              built with Lens Protocol 🌿
-            </Trans>
+          <div className="lt-text-gray-500 text-2xl font-extrabold sm:text-5xl">
+            <Trans>a social network built on Lens Protocol</Trans>
           </div>
         </div>
-        <div className="hidden w-full flex-1 shrink-0 sm:block" />
       </div>
     </div>
   );

apps/web/src/components/Home/Waitlist.tsx

@@ -1,4 +1,3 @@
-import { ArrowRightIcon } from '@heroicons/react/24/outline';
 import { STATIC_IMAGES_URL } from '@hey/data/constants';
 import { MISCELLANEOUS } from '@hey/data/tracking';
 import { Button, Card } from '@hey/ui';
@@ -9,23 +8,21 @@ import type { FC } from 'react';
 
 const Waitlist: FC = () => {
   return (
-    <Card
-      as="aside"
-      className="!border-brand-600 !bg-brand-50 text-brand-600 dark:bg-brand-900 mb-4 space-y-4 p-5"
-    >
+    <Card as="aside" className="mb-4 space-y-4 p-5">
       <img
         src={`${STATIC_IMAGES_URL}/emojis/dizzy.png`}
         alt="Dizzy emoji"
         className="mx-auto h-14 w-14"
       />
       <div className="space-y-3 text-center">
         <div className="font-bold">
-          Join the waitlist to get early access to the vibrant Lens community!
+          <Trans>Get early access to Lens!</Trans>
         </div>
         <div>
           <Link href="https://waitlist.lens.xyz?utm_source=hey" target="_blank">
             <Button
-              icon={<ArrowRightIcon className="h-4 w-4" />}
+              variant="black"
+              size="lg"
               onClick={() => Leafwatch.track(MISCELLANEOUS.OPEN_LENS_WAITLIST)}
             >
               <Trans>Join waitlist</Trans>

apps/web/src/components/Profile/Achievements/Streaks.tsx

@@ -49,7 +49,7 @@ const Streaks: FC<StreaksProps> = ({ profile }) => {
             profile.handle
           )} has {{count}} activities in ${new Date().getFullYear()}`
         }}
-        theme={{ light: ['#ede9fe', '#7c3aed'] }}
+        theme={{ light: ['#FED5D9', '#FB3A5D'] }}
       />
     </Card>
   );

apps/web/src/components/Profile/Cover.tsx

@@ -1,8 +1,7 @@
-import { COVER, STATIC_IMAGES_URL } from '@hey/data/constants';
+import { BRAND_COLOR, COVER, STATIC_IMAGES_URL } from '@hey/data/constants';
 import imageKit from '@hey/lib/imageKit';
 import sanitizeDStorageUrl from '@hey/lib/sanitizeDStorageUrl';
 import type { FC } from 'react';
-import colors from 'tailwindcss/colors';
 
 interface CoverProps {
   cover: string;
@@ -19,7 +18,7 @@ const Cover: FC<CoverProps> = ({ cover }) => {
             ? imageKit(sanitizeDStorageUrl(cover), COVER)
             : `${STATIC_IMAGES_URL}/patterns/2.svg`
         })`,
-        backgroundColor: colors.violet[500],
+        backgroundColor: BRAND_COLOR,
         backgroundSize: cover ? 'cover' : '30%',
         backgroundPosition: 'center center',
         backgroundRepeat: cover ? 'no-repeat' : 'repeat'

apps/web/src/components/Publication/Actions/Collect/index.tsx

@@ -6,6 +6,7 @@ import type { ElectedMirror, Publication } from '@hey/lens';
 import humanize from '@hey/lib/humanize';
 import nFormatter from '@hey/lib/nFormatter';
 import { Modal, Tooltip } from '@hey/ui';
+import cn from '@hey/ui/cn';
 import { Leafwatch } from '@lib/leafwatch';
 import { plural, t } from '@lingui/macro';
 import { motion } from 'framer-motion';
@@ -56,7 +57,12 @@ const Collect: FC<CollectProps> = ({
 
   return (
     <>
-      <div className="flex items-center space-x-1 text-red-500">
+      <div
+        className={cn(
+          hasCollected ? 'text-brand-500' : 'lt-text-gray-500',
+          'flex items-center space-x-1'
+        )}
+      >
         <motion.button
           whileTap={{ scale: 0.9 }}
           onClick={() => {
@@ -65,7 +71,12 @@ const Collect: FC<CollectProps> = ({
           }}
           aria-label="Collect"
         >
-          <div className="rounded-full p-1.5 hover:bg-red-300/20">
+          <div
+            className={cn(
+              hasCollected ? 'hover:bg-brand-300/20' : 'hover:bg-gray-300/20',
+              'rounded-full p-1.5'
+            )}
+          >
             <Tooltip
               placement="top"
               content={`${humanize(count)} ${plural(count, {

apps/web/src/components/Publication/Actions/Comment.tsx

@@ -23,10 +23,10 @@ const Comment: FC<CommentProps> = ({ publication, showCount }) => {
     : 'w-[15px] sm:w-[18px]';
 
   return (
-    <div className="flex items-center space-x-1 text-blue-500">
+    <div className="lt-text-gray-500 flex items-center space-x-1">
       <motion.button whileTap={{ scale: 0.9 }} aria-label="Comment">
         <Link href={`/posts/${publication.id}`}>
-          <div className="rounded-full p-1.5 hover:bg-blue-300/20">
+          <div className="rounded-full p-1.5 hover:bg-gray-300/20">
             <Tooltip
               placement="top"
               content={count > 0 ? t`${humanize(count)} Comments` : t`Comment`}

apps/web/src/components/Publication/Actions/Like.tsx

@@ -12,6 +12,7 @@ import type { ApolloCache } from '@hey/lens/apollo';
 import { publicationKeyFields } from '@hey/lens/apollo/lib';
 import nFormatter from '@hey/lib/nFormatter';
 import { Tooltip } from '@hey/ui';
+import cn from '@hey/ui/cn';
 import errorToast from '@lib/errorToast';
 import { Leafwatch } from '@lib/leafwatch';
 import { t } from '@lingui/macro';
@@ -142,13 +143,23 @@ const Like: FC<LikeProps> = ({ publication, showCount }) => {
     : 'w-[15px] sm:w-[18px]';
 
   return (
-    <div className="flex items-center space-x-1 text-pink-500">
+    <div
+      className={cn(
+        liked ? 'text-brand-500' : 'lt-text-gray-500',
+        'flex items-center space-x-1'
+      )}
+    >
       <motion.button
         whileTap={{ scale: 0.9 }}
         onClick={createLike}
         aria-label="Like"
       >
-        <div className="rounded-full p-1.5 hover:bg-pink-300/20">
+        <div
+          className={cn(
+            liked ? 'hover:bg-brand-300/20' : 'hover:bg-gray-300/20',
+            'rounded-full p-1.5'
+          )}
+        >
           <Tooltip
             placement="top"
             content={liked ? t`Unlike` : t`Like`}

apps/web/src/components/Publication/Actions/Share/index.tsx

@@ -38,8 +38,10 @@ const ShareMenu: FC<PublicationMenuProps> = ({ publication, showCount }) => {
         <Menu.Button as={Fragment}>
           <button
             className={cn(
-              mirrored ? 'text-green-500' : 'text-brand',
-              'rounded-full p-1.5 hover:bg-gray-300/20'
+              mirrored
+                ? 'text-brand hover:bg-brand-300/20'
+                : 'lt-text-gray-500 hover:bg-gray-300/20',
+              'rounded-full p-1.5'
             )}
             onClick={stopEventPropagation}
             aria-label="Mirror"
@@ -78,7 +80,7 @@ const ShareMenu: FC<PublicationMenuProps> = ({ publication, showCount }) => {
       {count > 0 && !showCount ? (
         <span
           className={cn(
-            mirrored ? 'text-green-500' : 'text-brand',
+            mirrored ? 'text-brand' : 'lt-text-gray-500',
             'text-[11px] sm:text-xs'
           )}
         >