From 8e5216e28b761545f7338adf5a0ad1363bb24eb3 Mon Sep 17 00:00:00 2001 From: Park Chan Hyeok <56295771+WithM2@users.noreply.github.com> Date: Fri, 10 Oct 2025 18:31:31 +0900 Subject: [PATCH] Add Dream Maker pricing section to Korean landing page --- src/app/ko/page.tsx | 3 + src/app/layout.tsx | 13 +-- src/components/ko/PricingSection.tsx | 130 +++++++++++++++++++++++++++ tailwind.config.ts | 4 +- 4 files changed, 137 insertions(+), 13 deletions(-) create mode 100644 src/components/ko/PricingSection.tsx diff --git a/src/app/ko/page.tsx b/src/app/ko/page.tsx index 18c54ab..7c5e11e 100644 --- a/src/app/ko/page.tsx +++ b/src/app/ko/page.tsx @@ -1,6 +1,7 @@ import Header from "@/components/common/Header"; import LearningJourneySection from "@/components/ko/LearningJourneySection"; import MentorShowcaseSection from "@/components/ko/MentorShowcaseSection"; +import PricingSection from "@/components/ko/PricingSection"; import Image from "next/image"; import Link from "next/link"; @@ -210,6 +211,8 @@ export default function PageKO() { + + {/* 아래부터 다음 섹션들… */}
{/* 예시 영역 */} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 9fdf28c..80c596d 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,5 +1,4 @@ import type { Metadata } from "next"; -import { Geist, Geist_Mono } from "next/font/google"; import localFont from "next/font/local"; import "./globals.css"; @@ -10,16 +9,6 @@ const pretendard = localFont({ display: "swap", }); -const geistSans = Geist({ - variable: "--font-geist-sans", - subsets: ["latin"], -}); - -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", - subsets: ["latin"], -}); - export const metadata: Metadata = { title: "IAKKA", description: "AI/VR/Robotics EdTech", @@ -32,7 +21,7 @@ export default function RootLayout({ }) { return ( - {children} + {children} ); } diff --git a/src/components/ko/PricingSection.tsx b/src/components/ko/PricingSection.tsx new file mode 100644 index 0000000..a3aaaac --- /dev/null +++ b/src/components/ko/PricingSection.tsx @@ -0,0 +1,130 @@ +import Link from "next/link"; + +interface PricingPlan { + id: string; + badge: string; + titleEmphasis: string; + titleSuffix: string; + description: string; + features: string[]; + price: string; + originalPrice?: string; + caption?: string; +} + +const pricingPlans: PricingPlan[] = [ + { + id: "standard", + badge: "6개월 과정", + titleEmphasis: "Dream Maker", + titleSuffix: "Standard", + description: "정규 교육 과정과 병행할 수 있는 여유로운 커리큘럼", + features: [ + "격주 1회 · 회당 3시간 집중 세션", + "아이디어 발굴부터 결과물 완성까지 단계별 프로젝트", + "1:4 소수 정예 협업 스튜디오", + ], + price: "월 80,000원", + caption: "VAT 포함, 재료비 별도", + }, + { + id: "plus", + badge: "3개월 집중 과정", + titleEmphasis: "Dream Maker", + titleSuffix: "Plus", + description: "프로젝트 레벨업을 완료할 수 있는 커리큘럼", + features: [ + "주 1회 · 회당 3시간 심화 세션", + "전담 멘토의 1:1 피드백 & 데모데이 발표 코칭", + "완성 포트폴리오 및 성과 리포트 제공", + ], + price: "월 140,000원", + originalPrice: "월 160,000원", + caption: "VAT 포함, 재료비 별도", + }, +]; + +function PlanCard({ + plan, +}: { + plan: PricingPlan; +}) { + return ( +
+
+
+ {plan.badge} +
+ +
+

+ {plan.titleEmphasis}{" "} + {plan.titleSuffix} +

+

+ {plan.description} +

+
+ +
    + {plan.features.map((feature) => ( +
  • + + {feature} +
    • + ))} +
+
+ +
+
+ + {plan.price} + + {plan.originalPrice ? ( + + {plan.originalPrice} + + ) : null} +
+ {plan.caption ? ( +

{plan.caption}

+ ) : null} +
+
+ ); +} + +export default function PricingSection() { + return ( +
+
+
+
+

+ 합리적인 가격 +

+

+ 우리 아이만을 위한 특별한 여정, 지금 시작하세요. +

+
+ +
+ {pricingPlans.map((plan) => ( + + ))} +
+ +
+ + 아카 신청하기 + +
+
+
+ ); +} + diff --git a/tailwind.config.ts b/tailwind.config.ts index e7e8d6a..95ba4e5 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -24,9 +24,11 @@ export default { 300: "#C1E1FF", 600: "#0079EA", + 800: "#0B3B8E", }, ink: { - DEFAULT: "#232323", + DEFAULT: "#F8FAFF", + 400: "#A3ADC2", 900: "#232323", }, },