diff --git a/apps/dimentorin/src/app/(public)/(home)/_components/testimonial-section.tsx b/apps/dimentorin/src/app/(public)/(home)/_components/testimonial-section.tsx
index 1568b7a..661f0b1 100644
--- a/apps/dimentorin/src/app/(public)/(home)/_components/testimonial-section.tsx
+++ b/apps/dimentorin/src/app/(public)/(home)/_components/testimonial-section.tsx
@@ -1,7 +1,7 @@
 import { Button } from '@imphnen-frontend-service/ui/atoms'
+import { For } from '@imphnen-frontend-service/utils'
 import { FC, useRef } from 'react'
 import { motion, useInView, Variants } from 'framer-motion'
-import { For } from '../../../_components/logic/for'
 import { StarFilled } from '@ant-design/icons'
 
 export const TestimonialSection: FC = () => {
diff --git a/apps/dimentorin/src/app/(public)/(home)/_components/what-we-offer-section.tsx b/apps/dimentorin/src/app/(public)/(home)/_components/what-we-offer-section.tsx
index 46d3e75..ed62ea9 100644
--- a/apps/dimentorin/src/app/(public)/(home)/_components/what-we-offer-section.tsx
+++ b/apps/dimentorin/src/app/(public)/(home)/_components/what-we-offer-section.tsx
@@ -1,7 +1,7 @@
 import { Button } from "@imphnen-frontend-service/ui/atoms";
+import { For } from "@imphnen-frontend-service/utils";
 import { FC, useRef } from "react";
 import { motion, useInView, Variants } from 'framer-motion'
-import { For } from "../../../_components/logic/for";
 
 const OFFERS: { title: string; description: string; image: string }[] = [
   { title: "AI-Powered Learning", description: "Level Up Instantly!", image: "/image/what-we-offer/ai-powered-learning.webp" },
diff --git a/apps/dimentorin/src/app/(public)/_components/header.tsx b/apps/dimentorin/src/app/(public)/_components/header.tsx
index 9e3744a..944f1fe 100644
--- a/apps/dimentorin/src/app/(public)/_components/header.tsx
+++ b/apps/dimentorin/src/app/(public)/_components/header.tsx
@@ -1,10 +1,8 @@
 import { CloseOutlined, MenuOutlined } from "@ant-design/icons";
 import { Button } from "@imphnen-frontend-service/ui/atoms";
-import { cn } from "@imphnen-frontend-service/utils";
+import { cn, For, Show } from "@imphnen-frontend-service/utils";
 import { FC, useState } from "react";
 import { Link, useLocation } from "react-router-dom";
-import { For } from "../../_components/logic/for";
-import { Show } from "../../_components/logic/show";
 
 const MENUS: { label: string; href: string }[] = [
   { label: "Home", href: "/" },
diff --git a/libs/utils/src/index.ts b/libs/utils/src/index.ts
index 722f7b8..93a8043 100644
--- a/libs/utils/src/index.ts
+++ b/libs/utils/src/index.ts
@@ -6,3 +6,4 @@ export * from './local-storage';
 export * from './cookies';
 export * from './session';
 export * from './constants';
+export * from './logic';
diff --git a/apps/dimentorin/src/app/_components/logic/for.tsx b/libs/utils/src/logic/for.tsx
similarity index 100%
rename from apps/dimentorin/src/app/_components/logic/for.tsx
rename to libs/utils/src/logic/for.tsx
diff --git a/libs/utils/src/logic/index.ts b/libs/utils/src/logic/index.ts
new file mode 100644
index 0000000..c3c1579
--- /dev/null
+++ b/libs/utils/src/logic/index.ts
@@ -0,0 +1,2 @@
+export * from './for'
+export * from './show'
diff --git a/apps/dimentorin/src/app/_components/logic/show.tsx b/libs/utils/src/logic/show.tsx
similarity index 100%
rename from apps/dimentorin/src/app/_components/logic/show.tsx
rename to libs/utils/src/logic/show.tsx