112 lines
4.2 KiB
TypeScript
112 lines
4.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
|
|
export default function ContactUsPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "About Us", id: "/about"},
|
|
{
|
|
name: "Services", id: "/#services"},
|
|
{
|
|
name: "Clients", id: "/#clients"},
|
|
{
|
|
name: "Team", id: "/#team"},
|
|
{
|
|
name: "Contact", id: "/contact-us"},
|
|
]}
|
|
brandName="ZConsulting"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Let's Grow Your Business"
|
|
description="Ready to take your marketing to the next level? Fill out the form below and we'll get back to you shortly."
|
|
inputs={[
|
|
{
|
|
name: "fullName", type: "text", placeholder: "Your Full Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email Address", required: true,
|
|
},
|
|
{
|
|
name: "company", type: "text", placeholder: "Your Company Name"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your project and needs...", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/vacant-office-with-organized-technology_482257-119524.jpg?_wi=1"
|
|
imageAlt="Modern marketing agency office"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "SEO", href: "/#services"},
|
|
{
|
|
label: "Social Media", href: "/#services"},
|
|
{
|
|
label: "Content Marketing", href: "/#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "/about"},
|
|
{
|
|
label: "Team", href: "/#team"},
|
|
{
|
|
label: "Contact", href: "/contact-us"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "Blog", href: "#"},
|
|
{
|
|
label: "Case Studies", href: "#"},
|
|
{
|
|
label: "FAQ", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 ZConsulting. All rights reserved."
|
|
bottomRightText="Crafted with passion in Morocco."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|