Add src/app/contacts/page.tsx

2026-02-23 12:49:46 +00:00
parent ea69f9c245
commit 5ef53185a5
1 changed files with 68 additions and 0 deletions
--- a/src/app/contacts/page.tsx
+++ b/src/app/contacts/page.tsx
@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ContactsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeLargeTitles"
+      background="aurora"
+      cardStyle="glass-depth"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "About", id: "/#about" },
+            { name: "Products", id: "/#products" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "FAQ", id: "/#faq" },
+            { name: "Contact", id: "/contacts" }
+          ]}
+          button={{ text: "Shop Now", href: "/shop" }}
+          brandName="Find Mouse"
+        />
+      </div>
+      <div id="contact-page-section" data-section="contact-page-section">
+        <ContactSplitForm
+          title="Get in Touch with Find Mouse"
+          description="Have questions about our products, farm tours, or special orders? We'd love to hear from you!"
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true }
+          ]}
+          textarea={{ name: "message", placeholder: "Tell us more...", rows: 5, required: true }}
+          buttonText="Send Message"
+          imageSrc="https://images.unsplash.com/photo-1542382103-627729036785?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+          imageAlt="People contacting a business"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          useInvertedBackground={false}
+          ariaLabel="Contact form for Find Mouse"
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="https://img.b2bpic.net/free-photo/beautiful-shot-sheep-grazing-green-fields-sunset_181624-11278.jpg?_wi=1"
+          imageAlt="Scenic dairy farm landscape"
+          columns={[
+            { title: "Shop", items: [{ label: "Milk", href: "/shop" }, { label: "Cheese", href: "/shop" }, { label: "Specials", href: "/shop" }] },
+            { title: "About Us", items: [{ label: "Our Story", href: "/#about" }, { label: "Sustainability", href: "/#about" }, { label: "Team", href: "#" }] },
+            { title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Contact", href: "/contacts" }, { label: "Privacy Policy", href: "#" }] }
+          ]}
+          logoText="Find Mouse"
+          copyrightText="© 2024 Find Mouse. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}