Update src/app/contact/page.tsx
This commit is contained in:
@@ -1,25 +1,13 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import Link from "next/link";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { HelpCircle } from "lucide-react";
|
||||
|
||||
const ContactPage = () => {
|
||||
const navItems = [
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Blog", id: "https://blog.webild.io" },
|
||||
];
|
||||
|
||||
const handleContactSubmit = (data: Record<string, string>) => {
|
||||
console.log("Contact form submitted:", data);
|
||||
// Handle form submission here
|
||||
export default function ContactPage() {
|
||||
const handleSubmit = (data: Record<string, string>) => {
|
||||
console.log("Form submitted:", data);
|
||||
};
|
||||
|
||||
return (
|
||||
@@ -35,12 +23,19 @@ const ContactPage = () => {
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="Webild" navItems={navItems} />
|
||||
<NavbarStyleApple
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Blog", id: "https://blog.webild.io" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact Form Section */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get Started Today"
|
||||
@@ -64,57 +59,15 @@ const ContactPage = () => {
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-customer-support-or-help--1772536634081-b706ed9a.png"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQqtYFHY40Adt38U4P5cSAKG47/a-professional-customer-support-or-help--1772535453308-397b0a0c.png"
|
||||
imageAlt="Customer support team ready to help"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
onSubmit={handleContactSubmit}
|
||||
onSubmit={handleSubmit}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* FAQ Section */}
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What is the typical response time for support?", content:
|
||||
"We aim to respond to all inquiries within 24 hours. Most questions are answered within a few hours during business hours. For urgent matters, we recommend using our live chat feature available on the platform."},
|
||||
{
|
||||
id: "2", title: "Do you offer training or onboarding?", content:
|
||||
"Yes! We provide comprehensive onboarding for all new users. You'll get access to video tutorials, live webinars, and one-on-one guidance if needed. Webild Academy also offers free courses on advanced topics."},
|
||||
{
|
||||
id: "3", title: "Can you migrate my existing website to Webild?", content:
|
||||
"Absolutely! Our team can help migrate your existing website to Webild. We support imports from most popular platforms. Contact our migration team for a free consultation."},
|
||||
{
|
||||
id: "4", title: "Do you offer custom development services?", content:
|
||||
"Yes, we have a team of certified developers available for custom projects. Whether you need custom integrations, unique designs, or specialized features, we can help. Request a quote from our sales team."},
|
||||
{
|
||||
id: "5", title: "What payment methods do you accept?", content:
|
||||
"We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and bank transfers for Enterprise plans. All payments are secure and processed through industry-standard encryption."},
|
||||
{
|
||||
id: "6", title: "Is there a free trial?", content:
|
||||
"Yes! All Webild plans come with a 14-day free trial. No credit card required. Experience the full platform and see if it's right for your business before committing."},
|
||||
{
|
||||
id: "7", title: "What happens to my website if I cancel?", content:
|
||||
"Your website remains online after you cancel. You can export your site or continue using the free tier with Webild branding. You have full access to download your data anytime."},
|
||||
{
|
||||
id: "8", title: "Do you provide backups?", content:
|
||||
"Yes! All Webild plans include automatic daily backups. We store backups for 30 days, and you can restore any previous version anytime. Enterprise plans include custom backup retention."},
|
||||
]}
|
||||
title="Support & FAQs"
|
||||
description="Get answers to common questions about support, billing, and technical matters."
|
||||
tag="Help & Support"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="entrance-slide"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Webild"
|
||||
@@ -124,6 +77,4 @@ const ContactPage = () => {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
};
|
||||
|
||||
export default ContactPage;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user