Merge version_1 into main #2
288
src/app/page.tsx
288
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Partners",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Partners", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Japan Med Luxe"
|
||||
/>
|
||||
@@ -58,70 +46,20 @@ export default function LandingPage() {
|
||||
title="最高品質の日本医療を、世界へお届けします。"
|
||||
description="専門スタッフによる予約から滞在までのフルサポート。安心と高品質なプライベート医療体験をご提供します。"
|
||||
testimonials={[
|
||||
{
|
||||
name: "海外患者様A",
|
||||
handle: "@medical_traveler",
|
||||
testimonial: "日本の高度な医療と細やかなケアのおかげで、最高の体験ができました。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-cozy-sofa_7502-9284.jpg",
|
||||
},
|
||||
{
|
||||
name: "海外患者様B",
|
||||
handle: "@global_health",
|
||||
testimonial: "非常にスムーズな対応で、安心して治療を受けることができました。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-presenting-gift-box-attractive-happy-lady_23-2148016809.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "海外患者様C",
|
||||
handle: "@wellness_journey",
|
||||
testimonial: "言葉の壁を感じさせないサポート体制に感動しました。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-clinic-practicing-medicine_23-2149868897.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "海外患者様D",
|
||||
handle: "@medical_tourist",
|
||||
testimonial: "クリニックの清潔さと技術力は世界最高レベルだと思います。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056035.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "海外患者様E",
|
||||
handle: "@health_explorer",
|
||||
testimonial: "また機会があれば日本で医療を受けたいです。最高でした。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292795.jpg?_wi=1",
|
||||
},
|
||||
{ name: "海外患者様A", handle: "@medical_traveler", testimonial: "日本の高度な医療と細やかなケアのおかげで、最高の体験ができました。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-cozy-sofa_7502-9284.jpg" },
|
||||
{ name: "海外患者様B", handle: "@global_health", testimonial: "非常にスムーズな対応で、安心して治療を受けることができました。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guy-presenting-gift-box-attractive-happy-lady_23-2148016809.jpg" },
|
||||
{ name: "海外患者様C", handle: "@wellness_journey", testimonial: "言葉の壁を感じさせないサポート体制に感動しました。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-clinic-practicing-medicine_23-2149868897.jpg" },
|
||||
{ name: "海外患者様D", handle: "@medical_tourist", testimonial: "クリニックの清潔さと技術力は世界最高レベルだと思います。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056035.jpg" },
|
||||
{ name: "海外患者様E", handle: "@health_explorer", testimonial: "また機会があれば日本で医療を受けたいです。最高でした。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292795.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "お問い合わせ",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unoccupied-modern-clinic-workspace-with-nobody-it-having-turned-computer-screen-showing-medical-report-medical-room-having-firstaid-kit-contemporary-hospital-furniture-patients-documents_482257-41197.jpg?_wi=1"
|
||||
buttons={[{ text: "お問い合わせ", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unoccupied-modern-clinic-workspace-with-nobody-it-having-turned-computer-screen-showing-medical-report-medical-room-having-firstaid-kit-contemporary-hospital-furniture-patients-documents_482257-41197.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nobody-doctors-office-with-medical-equipment-tools_482257-27168.jpg",
|
||||
alt: "Doctor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-desk-doctors-office-with-computer-medical-instruments-nobody-cabinet-used-consultation-appointment-checkup-visit-where-physician-treats-patients-with-disease_482257-41824.jpg",
|
||||
alt: "Doctor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-doctors-workplace-room-with-desk-technology_482257-14017.jpg",
|
||||
alt: "Doctor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/no-people-hospital-reception-desk-medical-appointments-checkup-visit-waiting-room-lobby-with-counter-indoors-give-support-advice-modern-healthcare-facility_482257-44451.jpg",
|
||||
alt: "Doctor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-doctors-standing-row_107420-84773.jpg",
|
||||
alt: "Doctor",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/nobody-doctors-office-with-medical-equipment-tools_482257-27168.jpg", alt: "Doctor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-desk-doctors-office-with-computer-medical-instruments-nobody-cabinet-used-consultation-appointment-checkup-visit-where-physician-treats-patients-with-disease_482257-41824.jpg", alt: "Doctor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-doctors-workplace-room-with-desk-technology_482257-14017.jpg", alt: "Doctor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/no-people-hospital-reception-desk-medical-appointments-checkup-visit-waiting-room-lobby-with-counter-indoors-give-support-advice-modern-healthcare-facility_482257-44451.jpg", alt: "Doctor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/team-doctors-standing-row_107420-84773.jpg", alt: "Doctor" }
|
||||
]}
|
||||
avatarText="信頼の医療パートナー"
|
||||
/>
|
||||
@@ -131,15 +69,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "卓越した技術とホスピタリティ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medical-professionals-preparing-medical-supplies_23-2152005937.jpg",
|
||||
alt: "Service Support",
|
||||
},
|
||||
{ type: "text", content: "卓越した技術とホスピタリティ" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/medical-professionals-preparing-medical-supplies_23-2152005937.jpg", alt: "Service Support" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,30 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "高度な医療",
|
||||
description: "世界最高水準の医療機関との提携。",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-chemist-checking-bottle-pills-chemistry-tools-working-late-medical-researching_482257-541.jpg",
|
||||
imageAlt: "medical high-tech scanner",
|
||||
},
|
||||
{
|
||||
title: "美容医療",
|
||||
description: "最新の美容技術によるアンチエイジング。",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unoccupied-modern-clinic-workspace-with-nobody-it-having-turned-computer-screen-showing-medical-report-medical-room-having-firstaid-kit-contemporary-hospital-furniture-patients-documents_482257-41197.jpg?_wi=2",
|
||||
imageAlt: "medical high-tech scanner",
|
||||
},
|
||||
{
|
||||
title: "再生医療",
|
||||
description: "未来の医療、細胞治療を日本で。",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-professionals-preparing-medical-supplies_23-2152005937.jpg",
|
||||
imageAlt: "medical high-tech scanner",
|
||||
},
|
||||
{ title: "高度な医療", description: "世界最高水準の医療機関との提携。", bentoComponent: "reveal-icon", icon: Shield },
|
||||
{ title: "美容医療", description: "最新の美容技術によるアンチエイジング。", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "再生医療", description: "未来の医療、細胞治療を日本で。", bentoComponent: "reveal-icon", icon: Zap }
|
||||
]}
|
||||
title="私たちのサービス"
|
||||
description="最新の医療技術とラグジュアリーな滞在体験をご提案します。"
|
||||
@@ -182,25 +92,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
tag="Our Experts"
|
||||
useInvertedBackground={false}
|
||||
title="提携医療機関・医師"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "d1",
|
||||
name: "佐藤 健二 医師",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-doctor_23-2148485966.jpg",
|
||||
},
|
||||
{
|
||||
id: "d2",
|
||||
name: "鈴木 美咲 医師",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-coat_23-2148816193.jpg",
|
||||
},
|
||||
{
|
||||
id: "d3",
|
||||
name: "田中 誠 医師",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-doctor-ready-work_23-2147642818.jpg",
|
||||
},
|
||||
{ id: "d1", name: "佐藤 健二 医師", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-doctor_23-2148485966.jpg" },
|
||||
{ id: "d2", name: "鈴木 美咲 医師", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-coat_23-2148816193.jpg" },
|
||||
{ id: "d3", name: "田中 誠 医師", imageSrc: "http://img.b2bpic.net/free-photo/professional-doctor-ready-work_23-2147642818.jpg" }
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -212,24 +111,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "s1",
|
||||
icon: Calendar,
|
||||
title: "お問い合わせ",
|
||||
value: "1",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
icon: Globe,
|
||||
title: "日本へ来訪",
|
||||
value: "2",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
icon: Heart,
|
||||
title: "高品質医療体験",
|
||||
value: "3",
|
||||
},
|
||||
{ id: "s1", icon: Calendar, title: "お問い合わせ", value: "1" },
|
||||
{ id: "s2", icon: Globe, title: "日本へ来訪", value: "2" },
|
||||
{ id: "s3", icon: Heart, title: "高品質医療体験", value: "3" }
|
||||
]}
|
||||
title="ご利用の流れ"
|
||||
description="お問い合わせから施術までのスムーズなステップ。"
|
||||
@@ -242,46 +126,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Smith",
|
||||
handle: "USA",
|
||||
testimonial: "Excellent service and world-class care.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-man-with-cancer-front-view_23-2149870348.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Wang Li",
|
||||
handle: "China",
|
||||
testimonial: "Professional coordination and amazing staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-presenting-gift-box-attractive-happy-lady_23-2148016809.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
handle: "UK",
|
||||
testimonial: "Best medical experience ever.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-clinic-practicing-medicine_23-2149868897.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ken Chen",
|
||||
handle: "HK",
|
||||
testimonial: "Seamless and reliable support.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056035.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria Rossi",
|
||||
handle: "Italy",
|
||||
testimonial: "Professional, clean, and top-tier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292795.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Alex Smith", handle: "USA", testimonial: "Excellent service and world-class care.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asian-man-with-cancer-front-view_23-2149870348.jpg" },
|
||||
{ id: "2", name: "Wang Li", handle: "China", testimonial: "Professional coordination and amazing staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guy-presenting-gift-box-attractive-happy-lady_23-2148016809.jpg" },
|
||||
{ id: "3", name: "Sarah Miller", handle: "UK", testimonial: "Best medical experience ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-clinic-practicing-medicine_23-2149868897.jpg" },
|
||||
{ id: "4", name: "Ken Chen", handle: "HK", testimonial: "Seamless and reliable support.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056035.jpg" },
|
||||
{ id: "5", name: "Maria Rossi", handle: "Italy", testimonial: "Professional, clean, and top-tier.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292795.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="お客様の声"
|
||||
@@ -294,21 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "通訳サポートはありますか?",
|
||||
content: "はい、専門スタッフが対応いたします。",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "LINEで予約は可能ですか?",
|
||||
content: "はい、公式LINEよりご予約ください。",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "どのくらいの滞在が必要ですか?",
|
||||
content: "施術内容により異なりますのでご相談ください。",
|
||||
},
|
||||
{ id: "f1", title: "通訳サポートはありますか?", content: "はい、専門スタッフが対応いたします。" },
|
||||
{ id: "f2", title: "LINEで予約は可能ですか?", content: "はい、公式LINEよりご予約ください。" },
|
||||
{ id: "f3", title: "どのくらいの滞在が必要ですか?", content: "施術内容により異なりますのでご相談ください。" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nobody-hospital-waiting-room-front-desk-with-office-supplies-promotional-flyers-healthcare-facility-empty-reception-counter-with-no-people-private-practice-clinic_482257-45891.jpg"
|
||||
title="よくある質問"
|
||||
@@ -323,24 +160,9 @@ export default function LandingPage() {
|
||||
title="お問い合わせ"
|
||||
description="LINE, WhatsApp, WeChatにて24時間受け付けております。"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "お名前",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "メールアドレス",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "message",
|
||||
type: "text",
|
||||
placeholder: "メッセージ",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "お名前", required: true },
|
||||
{ name: "email", type: "email", placeholder: "メールアドレス", required: true },
|
||||
{ name: "message", type: "text", placeholder: "メッセージ", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-teens-table_23-2147678822.jpg"
|
||||
/>
|
||||
@@ -351,31 +173,17 @@ export default function LandingPage() {
|
||||
logoText="Japan Med Luxe"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Navigation", items: [
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user