chore: apply review suggestions, resolve merge

Author: wackerow

src/components/Hero/HomeHero/index.tsx

@@ -12,7 +12,7 @@ const HomeHero = ({ heroImg, className }: HomeHeroProps) => {
 
   return (
     <div className={className}>
-      <div className="h-[300px] sm:h-[350px] md:h-[380px] lg:h-[440px]">
+      <div className="h-[240px] md:h-[380px] lg:h-[480px]">
         <TwImage
           src={heroImg}
           alt={t("page-index:page-index-hero-image-alt")}
@@ -22,7 +22,7 @@ const HomeHero = ({ heroImg, className }: HomeHeroProps) => {
           priority
         />
       </div>
-      <div className="flex flex-col items-center border-t-[3px] border-primary-low-contrast px-4 py-12 text-center">
+      <div className="flex flex-col items-center border-t-[3px] border-primary-low-contrast px-4 py-10 text-center">
         <Morpher />
         <div className="flex flex-col items-center gap-y-5 lg:max-w-2xl">
           <h1 className="font-black">{t("page-index:page-index-title")}</h1>

src/components/Homepage/useHome.ts

@@ -20,24 +20,25 @@ import { isValidDate } from "@/lib/utils/date"
 import { isLangRightToLeft } from "@/lib/utils/translations"
 
 import events from "@/data/community-events.json"
+import CreateWalletContent from "@/data/CreateWallet"
 
 import { GITHUB_REPO_URL } from "@/lib/constants"
 
-import CreateWalletContent from "!!raw-loader!@/data/CreateWallet.js"
 import SimpleDomainRegistryContent from "!!raw-loader!@/data/SimpleDomainRegistry.sol"
 import SimpleTokenContent from "!!raw-loader!@/data/SimpleToken.sol"
 import SimpleWalletContent from "!!raw-loader!@/data/SimpleWallet.sol"
 
 export const useHome = () => {
   const { t } = useTranslation(["common", "page-index"])
   const { locale, asPath } = useRouter()
-  const dir = isLangRightToLeft(locale as Lang) ? "rtl" : "ltr"
 
   const [isModalOpen, setModalOpen] = useState(false)
   const [activeCode, setActiveCode] = useState(0)
 
   const bentoItems = useBentoBox()
 
+  const dir = isLangRightToLeft(locale as Lang) ? "rtl" : "ltr"
+
   const toggleCodeExample = (id: number): void => {
     setActiveCode(id)
     setModalOpen(true)