From 695c0a8230780697c2c9fa1359a2298fc4cbbdc8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 6 Jun 2026 08:01:25 +0000
Subject: [PATCH] Add src/app/about/page.tsx

---
 src/app/about/page.tsx | 90 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 90 insertions(+)
 create mode 100644 src/app/about/page.tsx

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..e9b5f0d
--- /dev/null
+++ 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>
+  );
+}
\ No newline at end of file