139 lines
5.1 KiB
TypeScript
139 lines
5.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import Link from "next/link";
|
|
|
|
export default function ContactPage() {
|
|
const navItems = [
|
|
{ name: "Live Status", id: "live-status" },
|
|
{ name: "PNR Check", id: "pnr-status" },
|
|
{ name: "How It Works", id: "how-it-works" },
|
|
{ name: "Support", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Service",
|
|
items: [
|
|
{ label: "Track Train", href: "/" },
|
|
{ label: "Check PNR", href: "/pnr" },
|
|
{ label: "Live Status", href: "#live-status" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Blog", href: "/blog" },
|
|
{ label: "Careers", href: "/careers" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "/privacy" },
|
|
{ label: "Terms of Service", href: "/terms" },
|
|
{ label: "Disclaimer", href: "/disclaimer" },
|
|
{ label: "Cookie Policy", href: "/cookies" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="RailTrack"
|
|
navItems={navItems}
|
|
button={{ text: "Track Now", href: "/" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch with Our Support Team"
|
|
description="Have questions about train tracking or PNR status? Our dedicated support team is available 24/7 to help you. Fill out the form below and we'll respond within 2 hours."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Describe your issue or question in detail",
|
|
rows: 5,
|
|
required: true,
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-railroad-platform_1359-702.jpg?_wi=2"
|
|
imageAlt="Customer support team"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<FaqBase
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What are your support hours?",
|
|
content:
|
|
"We provide 24/7 customer support. Our team responds to all inquiries within 2 hours. For urgent issues, please use the live chat feature available on our website.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "How can I report a bug or issue?",
|
|
content:
|
|
"Please describe the issue in detail on our contact form or email us at support@railtrack.io. Include screenshots if possible. Our technical team will investigate and get back to you within 24 hours.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Can I request new features?",
|
|
content:
|
|
"Absolutely! We welcome feature requests. Use the contact form to submit your suggestions. Popular requests help us prioritize development. Your feedback directly shapes our product roadmap.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Is RailTrack affiliated with Indian Railways?",
|
|
content:
|
|
"RailTrack is an independent service that provides real-time tracking of Indian trains using publicly available railway data. We are not officially affiliated with Indian Railways or IRCTC, but we maintain data integration with their official systems.",
|
|
},
|
|
]}
|
|
title="Support FAQs"
|
|
description="Find answers to common support questions and learn how we can help you."
|
|
tag="Help Center"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={footerColumns}
|
|
logoText="RailTrack"
|
|
copyrightText="© 2025 RailTrack. Unofficial Indian Railway Tracking Tool. Not affiliated with Indian Railways."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |