Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-06-12 23:25:54 +00:00

View File

@@ -12,7 +12,7 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { CheckCircle, Eye, Heart, Lightbulb, Search, Shield, UserCheck } from "lucide-react";
import { CheckCircle, Eye, Heart, Lightbulb, Search, Shield, UserCheck, HeartHandshake, Stethoscope, Grid3X3, SlidersHorizontal } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,35 +33,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Clear Seoul",
id: "why-clear-seoul",
},
name: "Clear Seoul", id: "why-clear-seoul"},
{
name: "시술 안내",
id: "procedures",
},
name: "시술 안내", id: "procedures"},
{
name: "AI 정밀 진단",
id: "ai-diagnosis",
},
name: "AI 정밀 진단", id: "ai-diagnosis"},
{
name: "환자 후기",
id: "testimonials",
},
name: "환자 후기", id: "testimonials"},
{
name: "원장 소개",
id: "director",
},
name: "원장 소개", id: "director"},
{
name: "상담 예약",
id: "contact",
},
name: "상담 예약", id: "contact"},
]}
brandName="클리어서울안과"
button={{
text: "예약 및 문의",
href: "#contact",
}}
text: "예약 및 문의", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -69,80 +55,51 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "glowing-orb",
}}
variant: "glowing-orb"}}
imagePosition="right"
title="흐릿함에서 선명함으로,\n새로운 시야를 선물합니다"
description="클리어서울안과는 AI 정밀 진단과 원장 책임 진료로 당신의 눈에 가장 적합한 최상의 시력 교정 솔루션을 제공합니다. 망설이지 말고 지금 바로 경험하세요."
kpis={[
{
value: "99.9%",
label: "정확한 진단율",
},
value: "99.9%", label: "정확한 진단율"},
{
value: "20+",
label: "시력교정 경력",
},
value: "20+", label: "시력교정 경력"},
{
value: "10,000+",
label: "성공적인 수술",
},
value: "10,000+", label: "성공적인 수술"},
]}
enableKpiAnimation={true}
tag="Clear Seoul"
buttons={[
{
text: "상담 예약하기",
href: "#contact",
},
text: "상담 예약하기", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/human-s-deep-eye_181624-3669.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/human-s-deep-eye_181624-3669.jpg"
imageAlt="선명한 시력을 위한 클리어서울안과"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-happy-retired-woman-wearing-cozy-sweater-short-hairdo_343059-1210.jpg",
alt: "Beautiful happy retired woman wearing cozy sweater and short hairdo",
},
src: "http://img.b2bpic.net/free-photo/beautiful-happy-retired-woman-wearing-cozy-sweater-short-hairdo_343059-1210.jpg", alt: "Beautiful happy retired woman wearing cozy sweater and short hairdo"},
{
src: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-34699.jpg",
alt: "Close up on elegant elderly woman wearing stylish clothes isolated",
},
src: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-34699.jpg", alt: "Close up on elegant elderly woman wearing stylish clothes isolated"},
{
src: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-34969.jpg",
alt: "Close up on elegant elderly woman wearing stylish clothes isolated",
},
src: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-34969.jpg", alt: "Close up on elegant elderly woman wearing stylish clothes isolated"},
{
src: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-34968.jpg",
alt: "Close up on elegant elderly woman wearing stylish clothes isolated",
},
src: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-34968.jpg", alt: "Close up on elegant elderly woman wearing stylish clothes isolated"},
{
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
alt: "Smiling businessman standing at airport",
},
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Smiling businessman standing at airport"},
]}
avatarText="수천 명의 환자들이 경험한 만족"
marqueeItems={[
{
type: "text",
text: "최첨단 AI 진단",
},
type: "text", text: "최첨단 AI 진단"},
{
type: "text",
text: "원장님 1:1 책임 진료",
},
type: "text", text: "원장님 1:1 책임 진료"},
{
type: "text",
text: "개인별 맞춤 시력 교정",
},
type: "text", text: "개인별 맞춤 시력 교정"},
{
type: "text",
text: "안전하고 정확한 수술",
},
type: "text", text: "안전하고 정확한 수술"},
{
type: "text",
text: "선명한 세상, 지금 경험하세요",
},
type: "text", text: "선명한 세상, 지금 경험하세요"},
]}
/>
</div>
@@ -152,12 +109,9 @@ export default function LandingPage() {
useInvertedBackground={true}
tag="Why Clear Seoul"
title="클리어서울안과가 특별한 이유"
description="저희는 환자분들의 소중한 눈을 위해 끊임없이 연구하고 최선을 다합니다. 차별화된 진료 시스템으로 만족스러운 시력 교정 결과를 약속드립니다."
buttons={[
{
text: "자세히 알아보기",
href: "#clinic-features",
},
text: "자세히 알아보기", href: "#clinic-features"},
]}
/>
</div>
@@ -166,80 +120,54 @@ export default function LandingPage() {
<FeatureCardTen
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
features={[
{
title: "AI 정밀 진단 시스템",
description: "최첨단 AI 기술을 활용하여 눈 상태를 170가지 항목으로 정밀 분석, 오차 없는 진단으로 안전한 수술 계획을 수립합니다.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-getting-her-eyes-checked_23-2150758539.jpg",
imageAlt: "AI 정밀 진단 장비",
},
title: "AI 정밀 진단 시스템", description: "최첨단 AI 기술을 활용하여 눈 상태를 170가지 항목으로 정밀 분석, 오차 없는 진단으로 안전한 수술 계획을 수립합니다.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-getting-her-eyes-checked_23-2150758539.jpg", imageAlt: "AI 정밀 진단 장비"},
items: [
{
icon: Search,
text: "170가지 항목 분석",
},
text: "170가지 항목 분석"},
{
icon: Lightbulb,
text: "최적의 수술 계획",
},
text: "최적의 수술 계획"},
{
icon: Shield,
text: "안전한 눈 수술",
},
text: "안전한 눈 수술"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/human-s-deep-eye_181624-3669.jpg?_wi=2",
imageAlt: "AI diagnostic equipment ophthalmology",
},
{
title: "원장 책임 진료",
description: "모든 환자는 원장님이 직접 상담부터 진단, 수술, 그리고 수술 후 관리까지 책임지고 진행합니다. 믿을 수 있는 전문의의 세심한 케어를 경험하세요.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-patient-undergoing-physical-evaluation_23-2150165483.jpg",
imageAlt: "원장님 책임 진료 모습",
},
title: "원장 책임 진료", description: "모든 환자는 원장님이 직접 상담부터 진단, 수술, 그리고 수술 후 관리까지 책임지고 진행합니다. 믿을 수 있는 전문의의 세심한 케어를 경험하세요.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-patient-undergoing-physical-evaluation_23-2150165483.jpg", imageAlt: "원장님 책임 진료 모습"},
items: [
{
icon: UserCheck,
text: "원장님 직접 집도",
},
text: "원장님 직접 집도"},
{
icon: HeartHandshake,
text: "수술 후 사후 관리",
},
text: "수술 후 사후 관리"},
{
icon: Stethoscope,
text: "맞춤형 진료",
},
text: "맞춤형 진료"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-female-doctor-wearing-medical-robe-stethoscope-showing-medical-capsule-isolated-orange-space_141793-91989.jpg",
imageAlt: "AI diagnostic equipment ophthalmology",
},
{
title: "다양한 시력 교정 옵션",
description: "스마일라식, 스마일프로, 클리어수술, 백내장 등 개인의 눈 상태와 라이프스타일에 최적화된 다양한 시술 옵션을 제안하여 최고의 만족을 선사합니다.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165617.jpg?_wi=1",
imageAlt: "다양한 시력 교정 옵션 안내",
},
title: "다양한 시력 교정 옵션", description: "스마일라식, 스마일프로, 클리어수술, 백내장 등 개인의 눈 상태와 라이프스타일에 최적화된 다양한 시술 옵션을 제안하여 최고의 만족을 선사합니다.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165617.jpg", imageAlt: "다양한 시력 교정 옵션 안내"},
items: [
{
icon: Eye,
text: "최신 라식/라섹 기술",
},
text: "최신 라식/라섹 기술"},
{
icon: Grid3X3,
text: "개인 맞춤형 솔루션",
},
text: "개인 맞춤형 솔루션"},
{
icon: SlidersHorizontal,
text: "폭넓은 선택지",
},
text: "폭넓은 선택지"},
],
imageSrc: "http://img.b2bpic.net/free-photo/blur-telephone-receiver-white-background-cropped-commercial_1134-1405.jpg?_wi=1",
imageAlt: "AI diagnostic equipment ophthalmology",
},
]}
title="클리어서울안과의 특별함"
@@ -252,35 +180,16 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
animationType="blur-reveal"
products={[
{
id: "smile-lasik",
name: "스마일 라식",
price: "상담 문의",
imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165617.jpg?_wi=2",
imageAlt: "스마일 라식 시술 안내",
},
id: "smile-lasik", name: "스마일 라식", price: "상담 문의", imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165617.jpg", imageAlt: "스마일 라식 시술 안내"},
{
id: "smile-pro",
name: "스마일 프로",
price: "상담 문의",
imageSrc: "http://img.b2bpic.net/free-photo/blur-telephone-receiver-white-background-cropped-commercial_1134-1405.jpg?_wi=2",
imageAlt: "스마일 프로 시술 안내",
},
id: "smile-pro", name: "스마일 프로", price: "상담 문의", imageSrc: "http://img.b2bpic.net/free-photo/blur-telephone-receiver-white-background-cropped-commercial_1134-1405.jpg", imageAlt: "스마일 프로 시술 안내"},
{
id: "clear-surgery",
name: "클리어 수술",
price: "상담 문의",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-medical-mask-looking-through-toilet-paper_23-2148524968.jpg",
imageAlt: "클리어 수술 안내",
},
id: "clear-surgery", name: "클리어 수술", price: "상담 문의", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-medical-mask-looking-through-toilet-paper_23-2148524968.jpg", imageAlt: "클리어 수술 안내"},
{
id: "cataract",
name: "백내장 수술",
price: "상담 문의",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-doctors-operating-room_23-2149352206.jpg",
imageAlt: "백내장 수술 안내",
},
id: "cataract", name: "백내장 수술", price: "상담 문의", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-doctors-operating-room_23-2149352206.jpg", imageAlt: "백내장 수술 안내"},
]}
title="클리어서울안과의 맞춤 시력교정 및 안과 질환 치료"
description="개개인의 눈 상태와 필요에 맞춰 가장 적합한 시술을 제안합니다. 정밀 진단을 통해 안전하고 효과적인 결과를 경험하세요."
@@ -292,34 +201,19 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
animationType="blur-reveal"
metrics={[
{
id: "step-1",
value: "STEP 01",
title: "1:1 사전 정밀 검사",
description: "AI 장비를 통한 170가지 항목의 눈 정밀 검사로 개인별 눈 상태를 분석합니다.",
icon: Eye,
id: "step-1", value: "STEP 01", title: "1:1 사전 정밀 검사", description: "AI 장비를 통한 170가지 항목의 눈 정밀 검사로 개인별 눈 상태를 분석합니다.", icon: Eye,
},
{
id: "step-2",
value: "STEP 02",
title: "원장님 맞춤 진료",
description: "검사 결과를 바탕으로 원장님과 심층 상담을 통해 최적의 시술 방향을 결정합니다.",
icon: UserCheck,
id: "step-2", value: "STEP 02", title: "원장님 맞춤 진료", description: "검사 결과를 바탕으로 원장님과 심층 상담을 통해 최적의 시술 방향을 결정합니다.", icon: UserCheck,
},
{
id: "step-3",
value: "STEP 03",
title: "맞춤 수술 계획 수립",
description: "진단 결과와 상담 내용을 종합하여 개인에게 가장 안전하고 효과적인 수술 계획을 수립합니다.",
icon: CheckCircle,
id: "step-3", value: "STEP 03", title: "맞춤 수술 계획 수립", description: "진단 결과와 상담 내용을 종합하여 개인에게 가장 안전하고 효과적인 수술 계획을 수립합니다.", icon: CheckCircle,
},
{
id: "step-4",
value: "STEP 04",
title: "수술 후 관리 및 회복",
description: "수술 후 정기적인 검진과 맞춤 관리를 통해 빠르고 안정적인 시력 회복을 돕습니다.",
icon: Heart,
id: "step-4", value: "STEP 04", title: "수술 후 관리 및 회복", description: "수술 후 정기적인 검진과 맞춤 관리를 통해 빠르고 안정적인 시력 회복을 돕습니다.", icon: Heart,
},
]}
title="AI 정밀 진단, 4단계로 완벽하게"
@@ -335,25 +229,15 @@ export default function LandingPage() {
author="만족도 높은 고객님들"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/closeup-beautiful-asian-senior-woman-trendy-pink-sweater-smiling-cheerful-camera-standing-o_1258-170060.jpg",
alt: "고객 아바타 1",
},
src: "http://img.b2bpic.net/free-photo/closeup-beautiful-asian-senior-woman-trendy-pink-sweater-smiling-cheerful-camera-standing-o_1258-170060.jpg", alt: "고객 아바타 1"},
{
src: "http://img.b2bpic.net/free-photo/happy-joyful-guy-enjoying-leisure-time_1262-20555.jpg",
alt: "고객 아바타 2",
},
src: "http://img.b2bpic.net/free-photo/happy-joyful-guy-enjoying-leisure-time_1262-20555.jpg", alt: "고객 아바타 2"},
{
src: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg",
alt: "고객 아바타 3",
},
src: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg", alt: "고객 아바타 3"},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg",
alt: "고객 아바타 4",
},
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", alt: "고객 아바타 4"},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-copy-space_23-2148612947.jpg",
alt: "Front view of smiley man with copy space",
},
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-copy-space_23-2148612947.jpg", alt: "Front view of smiley man with copy space"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
@@ -364,14 +248,10 @@ export default function LandingPage() {
<TeamCardFive
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
team={[
{
id: "director-1",
name: "김클리어 원장",
role: "대표원장 / 안과 전문의",
imageSrc: "http://img.b2bpic.net/free-photo/asian-female-doctor-physician-medical-uniform-with-stethoscope-cross-arms-chest-smiling-lo_1258-141016.jpg",
imageAlt: "클리어서울안과 김클리어 원장",
},
id: "director-1", name: "김클리어 원장", role: "대표원장 / 안과 전문의", imageSrc: "http://img.b2bpic.net/free-photo/asian-female-doctor-physician-medical-uniform-with-stethoscope-cross-arms-chest-smiling-lo_1258-141016.jpg", imageAlt: "클리어서울안과 김클리어 원장"},
]}
title="원장 소개"
description="클리어서울안과는 오랜 경험과 전문성을 갖춘 원장님이 직접 모든 과정을 책임집니다. 환자 한 분 한 분에게 최선을 다해 가장 선명한 시야를 선물하겠습니다."
@@ -382,8 +262,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="상담 예약"
title="선명한 미래, 지금 바로 시작하세요!"
description="클리어서울안과에서 전문적인 상담을 통해 당신의 눈에 맞는 최적의 시력 교정 방법을 찾아드립니다. 아래 양식을 작성하여 예약하시면, 담당자가 빠르게 연락드리겠습니다."
@@ -403,61 +282,37 @@ export default function LandingPage() {
{
items: [
{
label: "진료 안내",
href: "#",
},
label: "진료 안내", href: "#"},
{
label: "AI 정밀 진단",
href: "#ai-diagnosis",
},
label: "AI 정밀 진단", href: "#ai-diagnosis"},
{
label: "시술 안내",
href: "#procedures",
},
label: "시술 안내", href: "#procedures"},
{
label: "원장 소개",
href: "#director",
},
label: "원장 소개", href: "#director"},
],
},
{
items: [
{
label: "환자 후기",
href: "#testimonials",
},
label: "환자 후기", href: "#testimonials"},
{
label: "오시는 길",
href: "#",
},
label: "오시는 길", href: "#"},
{
label: "개인정보 처리방침",
href: "#",
},
label: "개인정보 처리방침", href: "#"},
{
label: "의료광고 사전심의 필",
href: "#",
},
label: "의료광고 사전심의 필", href: "#"},
],
},
{
items: [
{
label: "문의 전화: 02-1234-5678",
href: "tel:02-1234-5678",
},
label: "문의 전화: 02-1234-5678", href: "tel:02-1234-5678"},
{
label: "주소: 서울특별시 강남구 테헤란로 123",
href: "#",
},
label: "주소: 서울특별시 강남구 테헤란로 123", href: "#"},
{
label: "진료 시간: 평일 09:00-18:00 (점심 13:00-14:00)",
href: "#",
},
label: "진료 시간: 평일 09:00-18:00 (점심 13:00-14:00)", href: "#"},
{
label: "토요일 09:00-13:00 (일요일/공휴일 휴진)",
href: "#",
},
label: "토요일 09:00-13:00 (일요일/공휴일 휴진)", href: "#"},
],
},
]}