diff --git a/src/app/(application)/detail-feature/page.tsx b/src/app/(application)/detail-feature/page.tsx
new file mode 100644
index 0000000..7838a54
--- /dev/null
+++ b/src/app/(application)/detail-feature/page.tsx
@@ -0,0 +1,10 @@
+import { ViewDetailFeature } from '@/module/home';
+import React from 'react';
+
+function Page() {
+  return (
+    <ViewDetailFeature/>
+  );
+}
+
+export default Page;
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index da5bd36..7ade263 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -8,6 +8,7 @@ import {
 } from "@mantine/core";
 import { WARNA } from "@/module/_global";
 import { Lato } from "next/font/google";
+import '@mantine/carousel/styles.css';
 
 export const metadata = {
   title: "SISTEM DESA MANDIRI",