Update src/app/contact/page.tsx
This commit is contained in:
@@ -2,12 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -22,161 +21,77 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="DropStore"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", href: "/"},
|
||||
{
|
||||
name: "Products", href: "/#products"},
|
||||
{
|
||||
name: "About Us", href: "/about"},
|
||||
{
|
||||
name: "FAQ", href: "/faq"},
|
||||
{
|
||||
name: "Contact", href: "/contact"},
|
||||
]}
|
||||
brandName="DropStore"
|
||||
button={{
|
||||
text: "Shop Now", href: "/#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch with DropStore"
|
||||
description="We'd love to hear from you! Fill out the form below and we'll get back to you as soon as possible. Your feedback is important to us."
|
||||
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/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-holding-looking-clipboard-drinking-coffee-isolated-purple-background_141793-84942.jpg?_wi=2"
|
||||
imageAlt="Customer support representative with headset"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-content" data-section="contact-content">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
tag="Reach Out"
|
||||
title="Contact Our Support Team"
|
||||
description="Have questions, feedback, or need assistance with your order? Our dedicated support team is here to help you. Fill out the form below or reach us through our social channels."
|
||||
inputPlaceholder="Your email address"
|
||||
buttonText="Send Message"
|
||||
termsText="By clicking Send Message you're confirming that you agree with our Privacy Policy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta-details" data-section="contact-cta-details">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Need immediate assistance?"
|
||||
title="Reach Out Directly"
|
||||
description="Connect with our support team through phone or live chat for real-time help with your orders or inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us: (800) 123-4567",
|
||||
href: "tel:+18001234567",
|
||||
},
|
||||
{
|
||||
text: "Start Live Chat",
|
||||
href: "/chat",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/products",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "/products?filter=new",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "/products?filter=bestsellers",
|
||||
},
|
||||
{
|
||||
label: "Deals",
|
||||
href: "/products?filter=deals",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "/shipping",
|
||||
},
|
||||
{
|
||||
label: "Track Your Order",
|
||||
href: "/track-order",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 DropStore. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Trending Products", href: "/#products"},
|
||||
{
|
||||
label: "New Arrivals", href: "/#products"},
|
||||
{
|
||||
label: "Best Sellers", href: "/#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "FAQ", href: "/faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Shipping Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 DropStore. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user