Add src/app/contact/page.tsx

2026-03-25 01:59:33 +00:00
parent e5a032083c
commit 9cdcc4fa8f
1 changed files with 93 additions and 0 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,93 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { Mail, HelpCircle, Zap, Shield, Rocket, Target, Sparkles, Crown, Users, Layers, Code } from "lucide-react";
+
+export default function ContactPage() {
+    const navItems = [
+        { name: "Features", id: "/#features" },
+        { name: "Pricing", id: "/#pricing" },
+        { name: "About", id: "/#about" },
+        { name: "Contact", id: "/contact" },
+    ];
+
+    return (
+        <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" headingFontWeight="medium">
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="SaasApp"
+                    button={{ text: "Get Started", href: "/#" }}
+                />
+                <ContactSplit
+                    tag="Get in Touch"
+                    title="We'd Love to Hear From You"
+                    description="Have questions, feedback, or just want to say hello? Reach out to us using the form below."
+                    tagIcon={Mail}
+                    background={{ variant: "plain" }}
+                    useInvertedBackground={false}
+                    inputPlaceholder="Your Email"
+                    buttonText="Send Message"
+                    termsText="By sending this message you're confirming that you agree with our Privacy Policy."
+                    onSubmit={(email) => console.log('Contact form submitted with email:', email)}
+                />
+                <FaqDouble
+                    tag="Support"
+                    title="Frequently Asked Questions"
+                    description="Find answers to the most common questions about our service."
+                    tagIcon={HelpCircle}
+                    faqsAnimation="blur-reveal"
+                    textboxLayout="default"
+                    useInvertedBackground={true}
+                    faqs={[
+                        { id: '1', title: 'How can I contact support?', content: 'You can reach our support team via email at support@saasapp.com or by filling out the contact form on this page.' },
+                        { id: '2', title: 'What are your operating hours?', content: 'Our support team is available Monday to Friday, 9 AM to 5 PM EST.' },
+                        { id: '3', title: 'Do you offer a knowledge base?', content: 'Yes, we have a comprehensive knowledge base with articles and tutorials to help you get started.' },
+                        { id: '4', title: 'Where can I find pricing information?', content: 'Our pricing details are available on the pricing page. You can find a link in the navigation bar.' },
+                    ]}
+                />
+                <FooterBaseReveal
+                    columns={[
+                        {
+                            title: "Product",                            items: [
+                                { label: "Features", href: "/#features" },
+                                { label: "Pricing", href: "/#pricing" },
+                                { label: "Integrations", href: "#" },
+                                { label: "Changelog", href: "#" },
+                            ],
+                        },
+                        {
+                            title: "Company",                            items: [
+                                { label: "About", href: "/#about" },
+                                { label: "Blog", href: "#" },
+                                { label: "Careers", href: "#" },
+                                { label: "Contact", href: "/contact" },
+                            ],
+                        },
+                        {
+                            title: "Resources",                            items: [
+                                { label: "Documentation", href: "#" },
+                                { label: "Help Center", href: "#" },
+                                { label: "Community", href: "#" },
+                                { label: "Status", href: "#" },
+                            ],
+                        },
+                        {
+                            title: "Legal",                            items: [
+                                { label: "Privacy", href: "#" },
+                                { label: "Terms", href: "#" },
+                                { label: "Security", href: "#" },
+                            ],
+                        },
+                    ]}
+                    copyrightText="2024 SaasApp. All rights reserved."
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}