Add src/app/contact/page.tsx

2026-06-11 21:17:03 +00:00
parent ae6dc0c782
commit f985e5e2ba
1 changed files with 90 additions and 0 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,90 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Shop", id: "/shop" },
+              { name: "Features", id: "#features" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Blog", id: "/blog" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Ayari"
+            button={{
+              text: "Shop Now",              href: "/shop"
+            }}
+          />
+        </div>
+
+        <div id="contact-form" data-section="contact-form">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Get in Touch"
+            title="Connect with Ayino"
+            description="Have questions, feedback, or need assistance? Reach out to our dedicated support team. We're here to help."
+            inputPlaceholder="Enter your email"
+            buttonText="Submit Inquiry"
+            termsText="By submitting, you agree to our Privacy Policy and Terms of Service."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Shop",                items: [
+                  { label: "New Arrivals", href: "/shop" },
+                  { label: "Dresses", href: "/shop" },
+                  { label: "Outerwear", href: "/shop" },
+                  { label: "Accessories", href: "/shop" }
+                ]
+              },
+              {
+                title: "Ayino",                items: [
+                  { label: "Our Story", href: "/about" },
+                  { label: "Sustainability", href: "#" },
+                  { label: "Careers", href: "#" }
+                ]
+              },
+              {
+                title: "Support",                items: [
+                  { label: "FAQ", href: "/faq" },
+                  { label: "Contact Us", href: "/contact" },
+                  { label: "Shipping & Returns", href: "#" }
+                ]
+              }
+            ]}
+            logoText="Ayino"
+            copyrightText="© 2024 Ayino. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}