bender/bc36875a-7c98-40d8-8ebd-f11443c57ecf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 02:41:39 +00:00
parent 98a64b8015
commit 918e054bb6
1 changed files with 31 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
src/app/page.tsx
View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Philosophy",
id: "philosophy",
},
name: "Philosophy", id: "philosophy"},
{
name: "Signature",
id: "signature",
},
name: "Signature", id: "signature"},
{
name: "Reviews",
id: "reviews",
},
name: "Reviews", id: "reviews"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="UNEL Clinic"
/>
@@ -54,42 +46,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="당신만의 섬세한 선을 찾다, 유넬"
description="섬세함이 모여 확실한 아름다움이 피어나는 공간. 과한 권유 없이 정직하게 당신에게 필요한 아름다움만 제안합니다."
tag="Luxury Aesthetic Clinic"
buttons={[
{
text: "실시간 카카오 상담",
href: "#contact",
},
text: "실시간 카카오 상담", href: "#contact"},
{
text: "네이버 예약하기",
href: "#contact",
},
text: "네이버 예약하기", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-doctors-workplace-room-with-desk-technology_482257-14017.jpg",
imageAlt: "Clinic interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/empty-doctors-workplace-room-with-desk-technology_482257-14017.jpg", imageAlt: "Clinic interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-giving-ct-scan-patient_23-2149341503.jpg",
imageAlt: "Consultation process",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/office-arrangement-with-partitions_52683-99758.jpg",
imageAlt: "Office arrangement with partitions",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg",
imageAlt: "Successful doctor office",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/healthcare-concept-clinic_23-2151117901.jpg",
imageAlt: "Healthcare clinic",
},
imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-giving-ct-scan-patient_23-2149341503.jpg", imageAlt: "Consultation process"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -104,19 +75,13 @@ export default function LandingPage() {
metrics={[
{
icon: CheckCircle,
label: "과잉 진료 없음",
value: "100%",
},
label: "과잉 진료 없음", value: "100%"},
{
icon: Sparkles,
label: "디테일 시술",
value: "Custom",
},
label: "디테일 시술", value: "Custom"},
{
icon: Clock,
label: "프라이빗 케어",
value: "<30m",
},
label: "프라이빗 케어", value: "<30m"},
]}
metricsAnimation="slide-up"
/>
@@ -128,23 +93,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "이마/입술 필러",
description: "박치기 공룡이 되지 않는 자연스러운 볼륨감.",
imageSrc: "http://img.b2bpic.net/free-photo/hands-blue-glows-cosmetologist-work-with-pretty-woman-injection-face-rejuvenation-professional-healthcare-medicine-medical-therapy-skincare-botox_197531-2793.jpg",
imageAlt: "Filler results",
},
title: "이마/입술 필러", description: "박치기 공룡이 되지 않는 자연스러운 볼륨감.", imageSrc: "http://img.b2bpic.net/free-photo/hands-blue-glows-cosmetologist-work-with-pretty-woman-injection-face-rejuvenation-professional-healthcare-medicine-medical-therapy-skincare-botox_197531-2793.jpg", imageAlt: "Filler results"},
{
title: "쥬베룩 & 스킨부스터",
description: "통증은 낮추고 볼륨은 살리는 안티에이징.",
imageSrc: "http://img.b2bpic.net/free-photo/dentist-equipment_23-2148105073.jpg",
imageAlt: "Juvelook treatment",
},
title: "쥬베룩 & 스킨부스터", description: "통증은 낮추고 볼륨은 살리는 안티에이징.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-equipment_23-2148105073.jpg", imageAlt: "Juvelook treatment"},
{
title: "리프팅 탄력 관리",
description: "세르프 & 울쎄라로 완성하는 얼굴 라인.",
imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg",
imageAlt: "Lifting treatment",
},
title: "리프팅 탄력 관리", description: "세르프 & 울쎄라로 완성하는 얼굴 라인.", imageSrc: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg", imageAlt: "Lifting treatment"},
]}
title="Signature Programs"
description="원장님의 섬세한 손기술로 완성하는 자연스러운 아름다움."
@@ -158,40 +111,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "김소영",
role: "직장인",
testimonial: "다른 곳에서 녹였던 필러, 유넬에서 드디어 만족스럽게 해결했습니다.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-patient-talking-doctor_23-2149941500.jpg",
},
id: "1", name: "김소영", role: "직장인", testimonial: "다른 곳에서 녹였던 필러, 유넬에서 드디어 만족스럽게 해결했습니다.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-patient-talking-doctor_23-2149941500.jpg"},
{
id: "2",
name: "이민지",
role: "대학생",
testimonial: "원장님이 제가 부족한 점을 딱 집어주시는데 정말 소름 돋았어요.",
imageSrc: "http://img.b2bpic.net/free-photo/hansome-smiling-gay-man-looking-happy-standing-white-background-summer-outfit_1258-106888.jpg",
},
id: "2", name: "이민지", role: "대학생", testimonial: "원장님이 제가 부족한 점을 딱 집어주시는데 정말 소름 돋았어요.", imageSrc: "http://img.b2bpic.net/free-photo/hansome-smiling-gay-man-looking-happy-standing-white-background-summer-outfit_1258-106888.jpg"},
{
id: "3",
name: "박현우",
role: "프리랜서",
testimonial: "지인 소개로 왔는데 너무 친절하고 과잉 진료가 없어서 좋아요.",
imageSrc: "http://img.b2bpic.net/free-photo/medic-man-shaking-hand-colleague_23-2147767558.jpg",
},
id: "3", name: "박현우", role: "프리랜서", testimonial: "지인 소개로 왔는데 너무 친절하고 과잉 진료가 없어서 좋아요.", imageSrc: "http://img.b2bpic.net/free-photo/medic-man-shaking-hand-colleague_23-2147767558.jpg"},
{
id: "4",
name: "최지우",
role: "모델",
testimonial: "섬세함이 남다른 곳, 왜 다들 유넬을 찾는지 알겠어요.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405997.jpg",
},
id: "4", name: "최지우", role: "모델", testimonial: "섬세함이 남다른 곳, 왜 다들 유넬을 찾는지 알겠어요.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405997.jpg"},
{
id: "5",
name: "정다은",
role: "승무원",
testimonial: "재방문 의사 1000%입니다. 원장님 금손 인정해요.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nurses-talking_23-2148501139.jpg",
},
id: "5", name: "정다은", role: "승무원", testimonial: "재방문 의사 1000%입니다. 원장님 금손 인정해요.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nurses-talking_23-2148501139.jpg"},
]}
title="Real Proof"
description="지인 추천 방문율 80%, 당신이 선택해야 할 이유입니다."
@@ -203,20 +131,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "첫 방문 시 상담은 어떻게 진행되나요?",
content: "1:1 원장님 상담을 통해 필요한 시술만 제안해 드립니다.",
},
id: "f1", title: "첫 방문 시 상담은 어떻게 진행되나요?", content: "1:1 원장님 상담을 통해 필요한 시술만 제안해 드립니다."},
{
id: "f2",
title: "야간 진료를 하시나요?",
content: "평일 오전 10시부터 오후 8시까지 운영하며 야간 상담 가능합니다.",
},
id: "f2", title: "야간 진료를 하시나요?", content: "평일 오전 10시부터 오후 8시까지 운영하며 야간 상담 가능합니다."},
{
id: "f3",
title: "강남역에서 가깝나요?",
content: "강남역 12번 출구에서 도보 2분 거리에 위치해 있습니다.",
},
id: "f3", title: "강남역에서 가깝나요?", content: "강남역 12번 출구에서 도보 2분 거리에 위치해 있습니다."},
]}
sideTitle="궁금하신 점이 있나요?"
sideDescription="유넬의원 예약 및 상담 관련 자주 묻는 질문들입니다."
@@ -228,16 +147,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="지금 시작하세요"
title="당신의 아름다움을 유넬과 함께 완성하세요."
description="과하지 않은, 당신만의 확실한 아름다움을 찾을 시간입니다."
buttons={[
{
text: "상담 예약하기",
href: "#",
},
text: "상담 예약하기", href: "#"},
]}
/>
</div>
@@ -248,37 +164,25 @@ export default function LandingPage() {
{
items: [
{
label: "About Us",
href: "#philosophy",
},
label: "About Us", href: "#philosophy"},
{
label: "Services",
href: "#signature",
},
label: "Services", href: "#signature"},
],
},
{
items: [
{
label: "Reviews",
href: "#reviews",
},
label: "Reviews", href: "#reviews"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Use",
href: "#",
},
label: "Terms of Use", href: "#"},
],
},
]}