Merge version_1 into main #2
233
src/app/page.tsx
233
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "진료",
|
||||
id: "services",
|
||||
},
|
||||
name: "진료", id: "services"},
|
||||
{
|
||||
name: "후기",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "후기", id: "reviews"},
|
||||
{
|
||||
name: "소개",
|
||||
id: "about",
|
||||
},
|
||||
name: "소개", id: "about"},
|
||||
{
|
||||
name: "예약",
|
||||
id: "contact",
|
||||
},
|
||||
name: "예약", id: "contact"},
|
||||
]}
|
||||
brandName="청라치과"
|
||||
/>
|
||||
@@ -58,11 +50,9 @@ export default function LandingPage() {
|
||||
description="과잉진료 없이 꼭 필요한 치료만, 통증 최소화 시스템으로 신뢰받는 치과 진료를 제공합니다."
|
||||
buttons={[
|
||||
{
|
||||
text: "무료 상담 예약",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "무료 상담 예약", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg"
|
||||
imageAlt="Modern dental clinic lobby with patient chair"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
@@ -82,73 +72,41 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "임플란트",
|
||||
description: "정밀 분석 기반 맞춤 임플란트 시술로 자연치아에 가까운 기능 회복을 도와드립니다.",
|
||||
icon: Heart,
|
||||
title: "임플란트", description: "정밀 분석 기반 맞춤 임플란트 시술로 자연치아에 가까운 기능 회복을 도와드립니다.", icon: Heart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tooth-dental-icon-cartoon-healthcare-medical-3d-illustration_56104-2053.jpg",
|
||||
imageAlt: "Dental implant 3D model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tooth-dental-icon-cartoon-healthcare-medical-3d-illustration_56104-2053.jpg", imageAlt: "Dental implant 3D model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-x-ray-patient_107420-65339.jpg",
|
||||
imageAlt: "Dentist explaining implant procedure",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg?_wi=2",
|
||||
imageAlt: "dental implant 3d render",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-x-ray-patient_107420-65339.jpg", imageAlt: "Dentist explaining implant procedure"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "보철 치료",
|
||||
description: "심미성과 기능을 모두 고려한 지르코니아, 올세라믹 등 고급 보철 치료를 제공합니다.",
|
||||
icon: Crown,
|
||||
title: "보철 치료", description: "심미성과 기능을 모두 고려한 지르코니아, 올세라믹 등 고급 보철 치료를 제공합니다.", icon: Crown,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-glad-curly-haired-woman-winks-eye-makes-peace-gesture-smiles-broadly-looks-away-has-cheerful-expression-focused-away-isolated-red-background-blank-space-your-advertising-content_273609-61422.jpg",
|
||||
imageAlt: "Dental crown on tooth model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-glad-curly-haired-woman-winks-eye-makes-peace-gesture-smiles-broadly-looks-away-has-cheerful-expression-focused-away-isolated-red-background-blank-space-your-advertising-content_273609-61422.jpg", imageAlt: "Dental crown on tooth model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-using-digital-tablet_107420-65304.jpg",
|
||||
imageAlt: "Dentist fitting dental prosthetics",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-radiologist-preparing-female-patient-abdomen-mri-scan-procedure-hospital_637285-423.jpg",
|
||||
imageAlt: "dental implant 3d render",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-using-digital-tablet_107420-65304.jpg", imageAlt: "Dentist fitting dental prosthetics"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "신경 치료",
|
||||
description: "통증 최소화 시스템을 통해 부담 없이 편안하게 신경 치료를 받으실 수 있습니다.",
|
||||
icon: Droplet,
|
||||
title: "신경 치료", description: "통증 최소화 시스템을 통해 부담 없이 편안하게 신경 치료를 받으실 수 있습니다.", icon: Droplet,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-is-preparing-reception-doctor-with-his-tool-woman-looking-camera_1157-40944.jpg",
|
||||
imageAlt: "Root canal treatment diagram",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-is-preparing-reception-doctor-with-his-tool-woman-looking-camera_1157-40944.jpg", imageAlt: "Root canal treatment diagram"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-checking-her-teeth-mirror_107420-74170.jpg",
|
||||
imageAlt: "Patient receiving nerve treatment",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-young-woman-with-curly-combed-hair-brushes-teeth-uses-electic-brush-undergoes-whitening-procedure-holds-glass-mouthwash-wears-casual-striped-t-shirt-isolated-pink-background_273609-61558.jpg",
|
||||
imageAlt: "dental implant 3d render",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-checking-her-teeth-mirror_107420-74170.jpg", imageAlt: "Patient receiving nerve treatment"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "스케일링",
|
||||
description: "정기적인 스케일링과 구강 검진으로 건강한 치아와 잇몸을 유지하세요.",
|
||||
icon: CheckCircle,
|
||||
title: "스케일링", description: "정기적인 스케일링과 구강 검진으로 건강한 치아와 잇몸을 유지하세요.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-people-happy-adult-woman-staying-bright-side-winking-showing-tongue-smiling-carefree-enjoying-summer-standing-against-white-background_176420-45929.jpg?_wi=1",
|
||||
imageAlt: "Dental scaling procedure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-people-happy-adult-woman-staying-bright-side-winking-showing-tongue-smiling-carefree-enjoying-summer-standing-against-white-background_176420-45929.jpg", imageAlt: "Dental scaling procedure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1624.jpg?_wi=1",
|
||||
imageAlt: "Patient after dental cleaning",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=1",
|
||||
imageAlt: "dental implant 3d render",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1624.jpg", imageAlt: "Patient after dental cleaning"},
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="진료 분야"
|
||||
description="청라치과는 환자 개개인의 상태에 맞는 최적의 진료 계획을 수립하여 건강한 미소를 되찾아 드립니다."
|
||||
@@ -162,53 +120,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "김민지",
|
||||
role: "직장인",
|
||||
testimonial: "과잉진료 없이 치료 잘했습니다. 의사선생님과 직원분들 모두 친절하셨어요. 너무 만족합니다!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-people-happy-adult-woman-staying-bright-side-winking-showing-tongue-smiling-carefree-enjoying-summer-standing-against-white-background_176420-45929.jpg?_wi=2",
|
||||
imageAlt: "Smiling woman",
|
||||
},
|
||||
id: "1", name: "김민지", role: "직장인", testimonial: "과잉진료 없이 치료 잘했습니다. 의사선생님과 직원분들 모두 친절하셨어요. 너무 만족합니다!", imageSrc: "http://img.b2bpic.net/free-photo/positive-people-happy-adult-woman-staying-bright-side-winking-showing-tongue-smiling-carefree-enjoying-summer-standing-against-white-background_176420-45929.jpg", imageAlt: "Smiling woman"},
|
||||
{
|
||||
id: "2",
|
||||
name: "박준영",
|
||||
role: "자영업자",
|
||||
testimonial: "어금니 2개 보철치료 했는데 가격도 합리적이고 꼼꼼한 진료에 만족합니다. 추천해요.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1624.jpg?_wi=2",
|
||||
imageAlt: "Smiling man",
|
||||
},
|
||||
id: "2", name: "박준영", role: "자영업자", testimonial: "어금니 2개 보철치료 했는데 가격도 합리적이고 꼼꼼한 진료에 만족합니다. 추천해요.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1624.jpg", imageAlt: "Smiling man"},
|
||||
{
|
||||
id: "3",
|
||||
name: "이수현",
|
||||
role: "주부",
|
||||
testimonial: "10년째 지인소개로 다니고 있어요. 체크 문자도 꼼꼼하게 보내주셔서 좋아요. 믿음이 갑니다.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=2",
|
||||
imageAlt: "Smiling woman",
|
||||
},
|
||||
id: "3", name: "이수현", role: "주부", testimonial: "10년째 지인소개로 다니고 있어요. 체크 문자도 꼼꼼하게 보내주셔서 좋아요. 믿음이 갑니다.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg", imageAlt: "Smiling woman"},
|
||||
{
|
||||
id: "4",
|
||||
name: "최은우",
|
||||
role: "대학생",
|
||||
testimonial: "인테리어도 고급지고 편안하고 직원분들 모두 친절해서 진료받는 내내 기분이 좋았어요.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-teenage-girl-with-braces-sitting-chair-while-dentist-standing-clinic_662251-2526.jpg",
|
||||
imageAlt: "Smiling man",
|
||||
},
|
||||
id: "4", name: "최은우", role: "대학생", testimonial: "인테리어도 고급지고 편안하고 직원분들 모두 친절해서 진료받는 내내 기분이 좋았어요.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-teenage-girl-with-braces-sitting-chair-while-dentist-standing-clinic_662251-2526.jpg", imageAlt: "Smiling man"},
|
||||
{
|
||||
id: "5",
|
||||
name: "정하윤",
|
||||
role: "회사원",
|
||||
testimonial: "임플란트 처음이라 무서웠는데 친절하게 설명해주시고 통증도 적어서 잘 마쳤어요. 감사합니다.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-cheerful-grey-haired-grandmother-smiles-toothily-keeps-hand-rim-spectacles-has-well-cared-complexion-wrinkled-sin-dressed-white-jumper_273609-50106.jpg",
|
||||
imageAlt: "Smiling man",
|
||||
},
|
||||
id: "5", name: "정하윤", role: "회사원", testimonial: "임플란트 처음이라 무서웠는데 친절하게 설명해주시고 통증도 적어서 잘 마쳤어요. 감사합니다.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-cheerful-grey-haired-grandmother-smiles-toothily-keeps-hand-rim-spectacles-has-well-cared-complexion-wrinkled-sin-dressed-white-jumper_273609-50106.jpg", imageAlt: "Smiling man"},
|
||||
{
|
||||
id: "6",
|
||||
name: "윤서연",
|
||||
role: "프리랜서",
|
||||
testimonial: "신경치료 하나도 안 아팠어요. 마취도 꼼꼼하게 해주시고 아주 만족스러운 진료였습니다.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor-patient_1170-2163.jpg",
|
||||
imageAlt: "Smiling woman",
|
||||
},
|
||||
id: "6", name: "윤서연", role: "프리랜서", testimonial: "신경치료 하나도 안 아팠어요. 마취도 꼼꼼하게 해주시고 아주 만족스러운 진료였습니다.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor-patient_1170-2163.jpg", imageAlt: "Smiling woman"},
|
||||
]}
|
||||
title="환자 후기"
|
||||
description="청라치과를 경험하신 많은 환자분들의 솔직한 이야기입니다."
|
||||
@@ -220,15 +142,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"대한치과의사협회",
|
||||
"대한치과보철학회",
|
||||
"대한구강악안면외과학회",
|
||||
"덴티움",
|
||||
"오스템 임플란트",
|
||||
"메가젠 임플란트",
|
||||
"서울대학교 치과병원",
|
||||
"연세대학교 치과병원",
|
||||
]}
|
||||
"대한치과의사협회", "대한치과보철학회", "대한구강악안면외과학회", "덴티움", "오스템 임플란트", "메가젠 임플란트", "서울대학교 치과병원", "연세대학교 치과병원"]}
|
||||
title="신뢰할 수 있는 청라치과"
|
||||
description="청라치과는 검증된 전문성과 최신 기술 도입을 통해 환자분들께 최상의 진료를 약속드립니다."
|
||||
/>
|
||||
@@ -239,25 +153,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "임플란트 수술 시 통증은 어느 정도인가요?",
|
||||
content: "청라치과에서는 국소마취 및 수면마취를 통해 통증을 최소화하고 있습니다. 최신 무통 마취 시스템을 도입하여 환자분들이 편안하게 시술받으실 수 있도록 돕습니다.",
|
||||
},
|
||||
id: "q1", title: "임플란트 수술 시 통증은 어느 정도인가요?", content: "청라치과에서는 국소마취 및 수면마취를 통해 통증을 최소화하고 있습니다. 최신 무통 마취 시스템을 도입하여 환자분들이 편안하게 시술받으실 수 있도록 돕습니다."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "보철 치료 후 관리 방법이 궁금합니다.",
|
||||
content: "보철 치료 후에는 정기적인 구강 검진과 스케일링이 중요합니다. 올바른 칫솔질과 치실 사용으로 청결을 유지하고, 질기거나 단단한 음식은 피하는 것이 좋습니다.",
|
||||
},
|
||||
id: "q2", title: "보철 치료 후 관리 방법이 궁금합니다.", content: "보철 치료 후에는 정기적인 구강 검진과 스케일링이 중요합니다. 올바른 칫솔질과 치실 사용으로 청결을 유지하고, 질기거나 단단한 음식은 피하는 것이 좋습니다."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "신경 치료는 꼭 필요한가요?",
|
||||
content: "신경 치료는 충치가 신경까지 침범했거나, 치아 내부 염증이 심할 경우 치아를 보존하기 위해 필수적인 치료입니다. 방치할 경우 발치해야 할 수도 있습니다.",
|
||||
},
|
||||
id: "q3", title: "신경 치료는 꼭 필요한가요?", content: "신경 치료는 충치가 신경까지 침범했거나, 치아 내부 염증이 심할 경우 치아를 보존하기 위해 필수적인 치료입니다. 방치할 경우 발치해야 할 수도 있습니다."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "진료 예약을 변경하거나 취소하려면 어떻게 해야 하나요?",
|
||||
content: "진료 예약 변경 및 취소는 전화 또는 온라인 상담 게시판을 통해 가능합니다. 원활한 진료를 위해 최소 하루 전에 연락 주시면 감사하겠습니다.",
|
||||
},
|
||||
id: "q4", title: "진료 예약을 변경하거나 취소하려면 어떻게 해야 하나요?", content: "진료 예약 변경 및 취소는 전화 또는 온라인 상담 게시판을 통해 가능합니다. 원활한 진료를 위해 최소 하루 전에 연락 주시면 감사하겠습니다."},
|
||||
]}
|
||||
sideTitle="자주 묻는 질문"
|
||||
sideDescription="청라치과 진료에 대해 궁금한 점이 있으신가요? 아래에서 자세한 답변을 확인하세요."
|
||||
@@ -270,14 +172,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="청라치과는 환자분들의 편안함과 만족을 최우선으로 생각합니다. 무료 상담 예약 또는 문의 사항이 있으시면 언제든지 연락 주십시오. 저희는 월-금 09:30 - 18:30, 토요일 09:30 - 14:00에 운영하며, 일요일은 휴진합니다. 접수 후 빠르게 연락드리겠습니다."
|
||||
buttons={[
|
||||
{
|
||||
text: "온라인 상담 예약",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "온라인 상담 예약", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -286,71 +185,43 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "진료 안내",
|
||||
items: [
|
||||
title: "진료 안내", items: [
|
||||
{
|
||||
label: "임플란트",
|
||||
href: "#services",
|
||||
},
|
||||
label: "임플란트", href: "#services"},
|
||||
{
|
||||
label: "보철 치료",
|
||||
href: "#services",
|
||||
},
|
||||
label: "보철 치료", href: "#services"},
|
||||
{
|
||||
label: "신경 치료",
|
||||
href: "#services",
|
||||
},
|
||||
label: "신경 치료", href: "#services"},
|
||||
{
|
||||
label: "스케일링",
|
||||
href: "#services",
|
||||
},
|
||||
label: "스케일링", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "치과 소개",
|
||||
items: [
|
||||
title: "치과 소개", items: [
|
||||
{
|
||||
label: "왜 청라치과인가",
|
||||
href: "#about",
|
||||
},
|
||||
label: "왜 청라치과인가", href: "#about"},
|
||||
{
|
||||
label: "환자 후기",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "환자 후기", href: "#reviews"},
|
||||
{
|
||||
label: "자주 묻는 질문",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "자주 묻는 질문", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "빠른 연결",
|
||||
items: [
|
||||
title: "빠른 연결", items: [
|
||||
{
|
||||
label: "예약/상담",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "예약/상담", href: "#contact"},
|
||||
{
|
||||
label: "오시는 길",
|
||||
href: "#",
|
||||
},
|
||||
label: "오시는 길", href: "#"},
|
||||
{
|
||||
label: "전화 문의",
|
||||
href: "tel:000-0000-0000",
|
||||
},
|
||||
label: "전화 문의", href: "tel:000-0000-0000"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "법적 고지",
|
||||
items: [
|
||||
title: "법적 고지", items: [
|
||||
{
|
||||
label: "개인정보처리방침",
|
||||
href: "#",
|
||||
},
|
||||
label: "개인정보처리방침", href: "#"},
|
||||
{
|
||||
label: "이용약관",
|
||||
href: "#",
|
||||
},
|
||||
label: "이용약관", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user