Update src/app/contact/page.tsx
This commit is contained in:
@@ -2,23 +2,21 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import { CalendarCheck2 } from "lucide-react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="fluid"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
@@ -26,82 +24,37 @@ export default function ContactPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", href: "/"
|
||||
},
|
||||
{
|
||||
name: "Solutions", href: "/#services"
|
||||
},
|
||||
{
|
||||
name: "Showcase", href: "/#showcase"
|
||||
},
|
||||
{
|
||||
name: "Process", href: "/#process"
|
||||
},
|
||||
{
|
||||
name: "Testimonials", href: "/#testimonials"
|
||||
},
|
||||
{
|
||||
name: "Contact", href: "/contact"
|
||||
}
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Solutions", id: "/#services" },
|
||||
{ name: "Showcase", id: "/#showcase" },
|
||||
{ name: "Process", id: "/#process" },
|
||||
{ name: "Testimonials", id: "/#testimonials" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EaCBg8IqA1RI2gpSxEL5UWFu1V/uploaded-1780407185220-1zawktjz.png"
|
||||
logoAlt="LEVIAZ Logo"
|
||||
brandName="LEVIAZ"
|
||||
bottomLeftText="Innovation Driven"
|
||||
bottomRightText="info@leviaz.ai"
|
||||
button={{
|
||||
text: "Get Started", href: "/contact"
|
||||
}}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactSplitForm
|
||||
title="Let's Build the Future Together"
|
||||
description="Ready to transform your business with intelligent technology? Fill out the form below to start your journey. We'll get back to you within 24 hours. (A success message will animate here upon submission)."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true
|
||||
},
|
||||
{
|
||||
name: "company", type: "text", placeholder: "Your Company", required: false
|
||||
}
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "projectType", label: "Project Type", options: ["AI Product Development", "Intelligent Automation", "Custom SaaS Solution", "Premium Website", "Other"]
|
||||
}}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us about your project...", rows: 5,
|
||||
required: true
|
||||
}}
|
||||
buttonText="Send Your Inquiry"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645689.jpg"
|
||||
imageAlt="AI-inspired illustration with neon lights"
|
||||
mediaPosition="right"
|
||||
<div id="contact-form-section" data-section="contact-form-section">
|
||||
<ContactSplit
|
||||
tag="Get in Touch"
|
||||
title="Contact Our Team"
|
||||
description="Fill out the form below to get in touch with us. We're here to help you transform your business with AI."
|
||||
inputPlaceholder="Your Email"
|
||||
buttonText="Send Message"
|
||||
termsText="By clicking Send Message you're confirming that you agree with our Terms and Conditions."
|
||||
onSubmit={(email) => console.log("Email submitted:", email)}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
mediaAnimation="blur-reveal"
|
||||
onSubmit={(data) => console.log("Form submitted:", data)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="book-a-call" data-section="book-a-call">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "fluid" }}
|
||||
text="Prefer a Direct Chat?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Free Strategy Call", href: "#" // Placeholder for actual calendar booking link
|
||||
}
|
||||
]}
|
||||
description="Schedule a free 30-minute strategy session to discuss your vision and how AI can accelerate your business."
|
||||
tag="Schedule Now"
|
||||
tagIcon={CalendarCheck2}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-data-background-vector_53876-132223.jpg"
|
||||
imageAlt="Abstract data background"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -110,51 +63,32 @@ export default function ContactPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Home", href: "/"
|
||||
}
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Vision", href: "/about#vision" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Solutions", items: [
|
||||
{
|
||||
label: "AI Products", href: "/#services"
|
||||
},
|
||||
{
|
||||
label: "Automation", href: "/#services"
|
||||
},
|
||||
{
|
||||
label: "SaaS Development", href: "/#services"
|
||||
},
|
||||
{
|
||||
label: "Websites", href: "/#services"
|
||||
}
|
||||
{ label: "AI Products", href: "/#services" },
|
||||
{ label: "Automation", href: "/#services" },
|
||||
{ label: "SaaS Development", href: "/#services" },
|
||||
{ label: "Websites", href: "/#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Showcase", href: "/#showcase"
|
||||
},
|
||||
{
|
||||
label: "Process", href: "/#process"
|
||||
},
|
||||
{
|
||||
label: "Testimonials", href: "/#testimonials"
|
||||
}
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Showcase", href: "/#showcase" },
|
||||
{ label: "Process", href: "/#process" },
|
||||
{ label: "Testimonials", href: "/#testimonials" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact Us", href: "/contact"
|
||||
},
|
||||
{
|
||||
label: "LinkedIn", href: "https://linkedin.com/leviaz"
|
||||
},
|
||||
{
|
||||
label: "Twitter", href: "https://twitter.com/leviaz"
|
||||
}
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/leviaz" },
|
||||
{ label: "Twitter", href: "https://twitter.com/leviaz" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user