Add src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import { Facebook, Instagram, Twitter } from "lucide-react";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[{ name: "ホーム", id: "/" }, { name: "ショップ", id: "/shop" }, { name: "観光農園", id: "/garden" }, { name: "ブランド", id: "/brand" }, { name: "お問い合わせ", id: "/contact" }]} 
+          brandName="ミキファーム"
+        />
+        <ContactCTA tag="Contact" title="お問い合わせ" description="ご質問やご相談がございましたら、お気軽にご連絡ください。" buttons={[{ text: "メールを送る" }]} />
+        <FaqSplitMedia faqs={[]} faqsAnimation="slide-up" title="よくある質問" textboxLayout="default" />
+        <FooterCard logoText="有限会社ミキファーム" socialLinks={[{ icon: Facebook, href: "#", ariaLabel: "Facebook" }, { icon: Instagram, href: "#", ariaLabel: "Instagram" }, { icon: Twitter, href: "#", ariaLabel: "Twitter" }]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}