127 lines
5.1 KiB
TypeScript
127 lines
5.1 KiB
TypeScript
"use client";
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Mail } from "lucide-react";
|
|
|
|
export default function ContactPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="floatingGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Features", id: "/features" },
|
|
{ name: "Pricing", id: "/pricing" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" }
|
|
]}
|
|
brandName="CryptoVault"
|
|
bottomLeftText="Decentralized Finance"
|
|
bottomRightText="hello@cryptovault.io"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-newsletter" data-section="contact-newsletter" className="pt-20">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
tagIcon={Mail}
|
|
title="Stay Updated on Crypto Market"
|
|
description="Subscribe to our newsletter for exclusive trading insights, market analysis, and early access to new features."
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://img.b2bpic.net/free-photo/join-us-register-newsletter-concept_53876-132697.jpg"
|
|
imageAlt="Newsletter subscription"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime from our emails."
|
|
onSubmit={(email) => console.log('Newsletter signup:', email)}
|
|
/>
|
|
</div>
|
|
|
|
<div id="support-faq" data-section="support-faq">
|
|
<FaqSplitText
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "How can I contact customer support?",
|
|
content: "Reach out via email at support@cryptovault.io, live chat in the app, or submit a ticket through your dashboard. Our team responds within 2 hours."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "What are your support hours?",
|
|
content: "We provide 24/7 support for all users. Pro and Elite members get priority support with faster response times and dedicated account managers."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Do you offer phone support?",
|
|
content: "Phone support is available for Elite plan members and institutional clients. Contact your account manager to schedule a call."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "How do I report a security concern?",
|
|
content: "For security issues, email security@cryptovault.io immediately. We take all security reports seriously and respond within 30 minutes."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Can I request new features?",
|
|
content: "Absolutely! Share your feature requests through the in-app feedback system or email features@cryptovault.io. We regularly review and implement user suggestions."
|
|
}
|
|
]}
|
|
sideTitle="Support & Contact"
|
|
sideDescription="Quick answers to common questions about getting help"
|
|
textPosition="left"
|
|
animationType="smooth"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Product",
|
|
items: [
|
|
{ label: "Features", href: "/features" },
|
|
{ label: "Pricing", href: "/pricing" },
|
|
{ label: "Security", href: "https://cryptovault.io/security" },
|
|
{ label: "API Docs", href: "https://docs.cryptovault.io" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Blog", href: "https://blog.cryptovault.io" },
|
|
{ label: "Careers", href: "https://careers.cryptovault.io" },
|
|
{ label: "Contact", href: "/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "https://cryptovault.io/privacy" },
|
|
{ label: "Terms of Service", href: "https://cryptovault.io/terms" },
|
|
{ label: "Cookie Policy", href: "https://cryptovault.io/cookies" },
|
|
{ label: "Compliance", href: "https://cryptovault.io/compliance" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 CryptoVault. All rights reserved. Secure your future in crypto."
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |