Update src/app/contact/page.tsx
This commit is contained in:
@@ -2,14 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import { Calendar, Mail, Phone } from "lucide-react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -24,225 +21,51 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
name: "Destinations",
|
||||
id: "destinations",
|
||||
href: "/destinations",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
href: "/pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Wanderlust Journeys"
|
||||
bottomLeftText="Explore the World"
|
||||
bottomRightText="travel@wanderlust.com"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Destinations", id: "/destinations" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Wanderlust Journeys"
|
||||
bottomLeftText="Explore the World"
|
||||
bottomRightText="travel@wanderlust.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="We'd love to hear from you! Fill out the form below or reach out directly, and let's start planning your next great adventure together."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Subject",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-with-map-touristic-set_23-2147732616.jpg?_wi=2"
|
||||
imageAlt="beautiful world map travel"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Plan Your Dream Getaway"
|
||||
description="Ready to embark on an unforgettable journey? Our travel experts are here to help you every step of the way."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-with-map-touristic-set_23-2147732616.jpg"
|
||||
imageAlt="Stylized world map with connecting lines"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your Email Address"
|
||||
buttonText="Send Inquiry"
|
||||
termsText="By submitting, you agree to our Privacy Policy and Terms of Service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your business hours?",
|
||||
content: "Our online support is available 24/7. For direct calls, our travel specialists are available Monday to Friday, 9:00 AM - 6:00 PM EST.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Where are you located?",
|
||||
content: "Wanderlust Journeys operates globally with a primary office in New York City. We serve clients worldwide through our online platform and dedicated virtual consultations.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer international calls?",
|
||||
content: "Yes, we offer international call options. Please schedule a call through our website or contact form, and we'll arrange it at a convenient time for you.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "How quickly will I receive a response?",
|
||||
content: "We aim to respond to all inquiries within 24-48 business hours. For urgent matters, please use our direct phone line.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Need Immediate Assistance?"
|
||||
ctaDescription="Our dedicated team is ready to assist you with any urgent travel inquiries or last-minute questions."
|
||||
ctaButton={{
|
||||
text: "Call Us Now",
|
||||
href: "tel:+1234567890",
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Mail,
|
||||
title: "Email Us",
|
||||
value: "info@wanderlust.com",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Phone,
|
||||
title: "Call Us",
|
||||
value: "+1 (555) 123-4567",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Calendar,
|
||||
title: "Office Hours",
|
||||
value: "Mon-Fri: 9am-6pm EST",
|
||||
},
|
||||
]}
|
||||
title="Connect with Us"
|
||||
description="We're here to help you every step of the way. Reach out via your preferred method and let us assist your travel needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "/about#team",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Destinations",
|
||||
items: [
|
||||
{
|
||||
label: "Asia",
|
||||
href: "/destinations#asia",
|
||||
},
|
||||
{
|
||||
label: "Europe",
|
||||
href: "/destinations#europe",
|
||||
},
|
||||
{
|
||||
label: "Americas",
|
||||
href: "/destinations#americas",
|
||||
},
|
||||
{
|
||||
label: "Africa",
|
||||
href: "/destinations#africa",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/pricing#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Booking Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Wanderlust Journeys"
|
||||
copyrightText="© 2024 Wanderlust Journeys. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/traveller-man-with-backpack-explores-iceland_346278-319.jpg"
|
||||
imageAlt="Serene mountain lake at sunset"
|
||||
columns={[
|
||||
{ title: "Destinations", items: [{ label: "Europe", href: "/destinations#europe" }, { label: "Asia", href: "/destinations#asia" }, { label: "Africa", href: "/destinations#africa" }, { label: "Americas", href: "/destinations#americas" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Our Team", href: "/about#team" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "/contact" }, { label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
logoText="Wanderlust Journeys"
|
||||
copyrightText="© 2025 | Wanderlust Journeys. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user