diff --git a/src/app/(home)/_components/TopReviews.tsx b/src/app/(home)/_components/TopReviews.tsx
new file mode 100644
index 0000000..41d291e
--- /dev/null
+++ b/src/app/(home)/_components/TopReviews.tsx
@@ -0,0 +1,23 @@
+import { getTopReviews } from "@/apis/review/topReviews/topReviews";
+import { ReviewTile } from "@/components/core/List";
+
+const TopReviews = async () => {
+ const topReviews = await getTopReviews();
+ return (
+
+
+
+
+ {topReviews.map((review) => (
+
+ ))}
+
+
+ );
+};
+
+export default TopReviews;
diff --git a/src/app/(home)/_components/index.ts b/src/app/(home)/_components/index.ts
new file mode 100644
index 0000000..a081d7e
--- /dev/null
+++ b/src/app/(home)/_components/index.ts
@@ -0,0 +1,3 @@
+export { default as FestivalHot } from "./FestivalHot";
+export { default as FestivalThisWeek } from "./FestivalThisWeek";
+export { default as TopReviews } from "./TopReviews";
diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
index 0a018cb..4b8fd22 100644
--- a/src/app/(home)/page.tsx
+++ b/src/app/(home)/page.tsx
@@ -1,16 +1,15 @@
import { HomeHeader } from "@/layout/Mobile/MobileHeader";
import NavigationBar from "@/layout/Mobile/NavigationBar";
-import FestivalHot from "./_components/FestivalHot";
-import FestivalThisWeek from "./_components/FestivalThisWeek";
-
+import { FestivalHot, FestivalThisWeek, TopReviews } from "./_components";
export default async function Home() {
return (
-
+
+