Add src/app/contact/page.tsx

2026-06-06 08:01:26 +00:00
parent bba0f49239
commit 79bf8a0edb
1 changed files with 129 additions and 0 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,129 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Eye, Feather, Heart, HelpCircle, MessageSquare, Rss, Search } from "lucide-react";
+
+export default function ContactPage() {
+  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: "#home"},
+              {
+                name: "当院について",                id: "#about"},
+              {
+                name: "白内障手術",                id: "#cataract-surgery"},
+              {
+                name: "小児眼科",                id: "#pediatric-ophthalmology"},
+              {
+                name: "近視治療",                id: "#myopia-treatment"},
+              {
+                name: "患者様の声",                id: "#testimonials"},
+              {
+                name: "お知らせ",                id: "#blog"},
+              {
+                name: "お問い合わせ",                href: "/contact"},
+            ]}
+            brandName="馬場眼科医院"
+          />
+        </div>
+
+        <div id="contact-page-content" data-section="contact-page-content">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="お問い合わせ・アクセス"
+            description="目のことでお困りですか？お気軽にご相談ください。WEB予約もこちらから可能です。
+
+**馬場眼科医院**
+**住所:** 群馬県太田市〇〇町1-2-3
+**電話:** 0276-XX-XXXX
+**診療時間:**
+月～金: 9:00～12:00 / 14:30～18:00
+土: 9:00～13:00
+休診日: 日曜・祝日"
+            inputs={[
+              {
+                name: "name",                type: "text",                placeholder: "お名前",                required: true,
+              },
+              {
+                name: "email",                type: "email",                placeholder: "メールアドレス",                required: true,
+              },
+            ]}
+            multiSelect={{
+              name: "inquiry_type",              label: "お問い合わせ内容",              options: [
+                "WEB予約について",                "白内障手術について",                "小児眼科について",                "近視治療について",                "その他"],
+            }}
+            textarea={{
+              name: "message",              placeholder: "メッセージをどうぞ",              rows: 5,
+              required: true,
+            }}
+            imageSrc="http://img.b2bpic.net/free-photo/serious-young-blonde-lady-walking-outdoors-looking-aside_171337-19431.jpg"
+            imageAlt="清潔な眼科受付"
+            mediaAnimation="opacity"
+            mediaPosition="right"
+            buttonText="送信する"
+          />
+        </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: "#home"},
+                  {
+                    label: "当院について",                    href: "#about"},
+                  {
+                    label: "患者様の声",                    href: "#testimonials"},
+                  {
+                    label: "よくある質問",                    href: "#faq"},
+                ],
+              },
+              {
+                title: "アクセス",                items: [
+                  {
+                    label: "交通案内",                    href: "#"},
+                  {
+                    label: "駐車場",                    href: "#"},
+                ],
+              },
+            ]}
+            copyrightText="© 2024 馬場眼科医院 All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}