Add src/app/about/page.tsx

2026-06-06 08:01:25 +00:00
parent eadbd83e4f
commit 695c0a8230
1 changed files with 90 additions and 0 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -0,0 +1,90 @@
+"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 TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import { Eye, Feather, Heart, HelpCircle, MessageSquare, Rss, Search } from "lucide-react";
+
+export default function AboutPage() {
+  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="about-content" data-section="about-content">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="当院の理念"
+            tagIcon={Eye}
+            tagAnimation="slide-up"
+            title="地域に寄り添い、未来の視力を守る"
+            description="馬場眼科医院は、群馬県太田市の皆様の目の健康を第一に考え、最新の医療技術と温かい心で質の高い眼科医療を提供しています。お子様からご高齢の方まで、安心してご相談いただけるかかりつけ医を目指しています."
+            subdescription="当院では、患者様一人ひとりのライフスタイルや目の状態に合わせた丁寧なカウンセリングと、的確な診断・治療計画を立案。常に最新の知見を取り入れ、皆様の「見える」喜びをサポートします."
+            icon={Heart}
+            imageSrc="http://img.b2bpic.net/free-photo/black-female-doctor-doing-her-job_52683-100396.jpg"
+            imageAlt="優しく微笑む眼科医"
+            mediaAnimation="opacity"
+          />
+        </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>
+  );
+}