diff --git a/proyek-frontend/app/components/undangan/undangan-pernikahan-premium.vue b/proyek-frontend/app/components/undangan/undangan-pernikahan-premium.vue
index af273a1..61415ab 100644
--- a/proyek-frontend/app/components/undangan/undangan-pernikahan-premium.vue
+++ b/proyek-frontend/app/components/undangan/undangan-pernikahan-premium.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script setup>
-import WeddingA from '~/components/templates/wedding/weddingA.vue'
+import WeddingA from '../templates/wedding/WeddingA.vue'
 
 // Props dari parent (/p/[code].vue)
 const props = defineProps({
diff --git a/proyek-frontend/app/pages/preview/[id].vue b/proyek-frontend/app/pages/preview/[id].vue
index 1c7fda5..f52a847 100644
--- a/proyek-frontend/app/pages/preview/[id].vue
+++ b/proyek-frontend/app/pages/preview/[id].vue
@@ -276,7 +276,9 @@ const { data, pending, error } = await useAsyncData(
 
 // Component mapping for known slugs
 const componentMap = {
-  'undangan-minimalis': defineAsyncComponent(() => import('~/components/undangan/undangan-minimalis.vue')),
+  'undangan-khitan-premium': defineAsyncComponent(() => import('~/components/undangan/undangan-khitan-premium.vue')),
+  'undangan-ulang-tahun-premium': defineAsyncComponent(() => import('~/components/undangan/undangan-ulang-tahun-premium.vue')),
+  'undangan-pernikahan-premium': defineAsyncComponent(() => import('~/components/undangan/undangan-pernikahan-premium.vue')),
   // Add more mappings as templates are developed
 }