diff --git a/public/InvitationLetterIcon.svg b/public/InvitationLetterIcon.svg
new file mode 100644
index 0000000..4c99d31
--- /dev/null
+++ b/public/InvitationLetterIcon.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/component/template/TemplateComponent.style.ts b/src/component/template/TemplateComponent.style.ts
index f3493c1..8f6b638 100644
--- a/src/component/template/TemplateComponent.style.ts
+++ b/src/component/template/TemplateComponent.style.ts
@@ -8,7 +8,7 @@ export const container = styled.div<{ $templateFont: LinkMarryFont }>`
width: 436px;
align-items: stretch;
- * {
+ *:not(.override-font) {
${({$templateFont}) => implementText({
fontFamily: $templateFont
})};
diff --git a/src/component/template/TemplateComponent.tsx b/src/component/template/TemplateComponent.tsx
index 2b74498..036b84e 100644
--- a/src/component/template/TemplateComponent.tsx
+++ b/src/component/template/TemplateComponent.tsx
@@ -13,6 +13,9 @@ import PreviewTemplate from "@src/component/template/component/PreviewTemplate";
import GalleryTemplate, {GallerySlideStyle} from "@src/component/template/component/GalleryTemplate";
import VideoTemplate from "@src/component/template/component/VideoTemplate";
import {DDayStyle} from "@src/component/template/component/weddingday/DDay";
+import InvitationLetterTemplate, {
+ InvitationLetterStyle
+} from "@src/component/template/component/InvitationLetterTemplate";
interface Template1Props {
wedding: Wedding;
@@ -48,6 +51,15 @@ function TemplateComponent(
템플릿5: 'style2',
템플릿6: 'style1',
}
+
+ const invitationLetterStyle: Record = {
+ 템플릿1: 'style1',
+ 템플릿2: 'style1',
+ 템플릿3: 'style2',
+ 템플릿4: 'style3',
+ 템플릿5: 'style3',
+ 템플릿6: 'style2',
+ }
return (
@@ -58,6 +70,11 @@ function TemplateComponent(
weddingSchedule={wedding.weddingSchedule}
imgList={wedding.imgList}
/>
+
+ {invitationLetterStyle === 'style1' ? (
+
+ Wedding Invitation
+
+ ) : invitationLetterStyle === 'style3' ? (
+ 
+ ) : (
+ <>
+ )}
+
+
+
+
+ 신랑 {baseInfo.groomName}•신부 {baseInfo.brideName}
+
+
+
+ );
+}
+
+function GreetingContent(props: { text: string }) {
+ return (
+ {props.text}
+ );
+}
+
+export default InvitationLetterTemplate;
\ No newline at end of file