Add src/app/cataract-surgery/page.tsx

2026-06-06 08:01:25 +00:00
parent 695c0a8230
commit bba0f49239
1 changed files with 97 additions and 0 deletions
--- a/src/app/cataract-surgery/page.tsx
+++ b/src/app/cataract-surgery/page.tsx
@@ -0,0 +1,97 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
+import { Eye, Feather, Heart, HelpCircle, MessageSquare, Rss, Search } from "lucide-react";
+
+export default function CataractSurgeryPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="smallMedium"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "ホーム", id: "/" },
+              { name: "当院について", id: "/about" },
+              { name: "白内障手術", id: "/cataract-surgery" },
+              { name: "小児眼科", id: "/pediatric-ophthalmology" },
+              { name: "近視治療", id: "/myopia-treatment" },
+              { name: "患者様の声", id: "/#testimonials" },
+              { name: "お知らせ", id: "/#blog" },
+              { name: "お問い合わせ", id: "/#contact" },
+            ]}
+            brandName="馬場眼科医院"
+          />
+        </div>
+
+        <div id="cataract-surgery-content" data-section="cataract-surgery-content">
+          <FeatureCardTwentyOne
+            useInvertedBackground={true}
+            title="太田市で実績豊富な白内障手術"
+            description="馬場眼科医院では、日帰りでの白内障手術に力を入れています。患者様の負担を最小限に抑え、安全かつ確実な手術を提供。最新の多焦点眼内レンズも取り扱い、術後のQOL向上に貢献します."
+            tag="専門治療"
+            tagIcon={Eye}
+            tagAnimation="slide-up"
+            accordionItems={[
+              {
+                id: "surgical-flow",                title: "手術の流れ",                content: "初診から手術、術後ケアまで、専門スタッフが丁寧にサポートいたします。安心して手術に臨んでいただけるよう、事前説明を徹底します."},
+              {
+                id: "lens-options",                title: "選べる眼内レンズ",                content: "単焦点レンズから多焦点レンズまで、患者様のニーズに合わせて最適な眼内レンズをご提案。見え方の質を最大限に高めます."},
+              {
+                id: "day-surgery-benefits",                title: "日帰り手術のメリット",                content: "入院の必要がなく、術後すぐに自宅に戻れるため、日常生活への復帰がスムーズです。ご家族のサポートも受けやすい環境です."},
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/high-angle-glasses-letters_23-2148429614.jpg"
+            imageAlt="白内障手術の説明イラスト"
+            mediaAnimation="opacity"
+            mediaPosition="right"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="馬場眼科医院"
+            columns={[
+              {
+                title: "診療案内",                items: [
+                  { label: "白内障手術", href: "/cataract-surgery" },
+                  { label: "小児眼科", href: "/pediatric-ophthalmology" },
+                  { label: "近視治療", href: "/myopia-treatment" },
+                  { label: "WEB予約", href: "/#contact" },
+                ],
+              },
+              {
+                title: "当院について",                items: [
+                  { label: "ホーム", href: "/" },
+                  { label: "当院について", href: "/about" },
+                  { label: "患者様の声", href: "/#testimonials" },
+                  { label: "よくある質問", href: "/#faq" },
+                ],
+              },
+              {
+                title: "アクセス",                items: [
+                  { label: "交通案内", href: "/#contact" },
+                  { label: "駐車場", href: "/#contact" },
+                ],
+              },
+            ]}
+            copyrightText="© 2024 馬場眼科医院 All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}