121 lines
5.3 KiB
TypeScript
121 lines
5.3 KiB
TypeScript
"use client";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { Phone, MessageCircle, Mail } from "lucide-react";
|
|
|
|
export default function ContactPage() {
|
|
const handleSubmit = (data: Record<string, string>) => {
|
|
console.log("Form submitted:", data);
|
|
// Handle form submission logic here (e.g., send to API)
|
|
alert("Your request has been sent! We will get back to you shortly.");
|
|
};
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="AFLA SACHET WATER"
|
|
navItems={[
|
|
{ name: "Services", id: "/#services" },
|
|
{ name: "Wholesale", id: "/#wholesale-pricing" },
|
|
{ name: "About", id: "/#about" },
|
|
{ name: "Testimonials", id: "/#testimonials" },
|
|
{ name: "Contact", id: "/contact" }
|
|
]}
|
|
button={{ text: "Place an Order", href: "/contact" }}
|
|
animateOnLoad={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-details" data-section="contact-details">
|
|
<ContactCTA
|
|
tag="Reach Out"
|
|
tagIcon={Phone}
|
|
title="Connect with AFLA Sachet Water"
|
|
description="We are available via WhatsApp, phone, or email to answer your questions and schedule service."
|
|
buttons={[
|
|
{ text: "WhatsApp Us", href: "https://wa.me/2341234567890" },
|
|
{ text: "Call Us: +234 80 3064 8767", href: "tel:1234567890" },
|
|
{ text: "Email Us", href: "mailto:info@aflasachetwater.com" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="quote-form" data-section="quote-form">
|
|
<ContactSplitForm
|
|
title="Place Your Order Today"
|
|
description="Fill out the form below with your details and order requirements. We'll get back to you within 24 hours. Our main office is located at Plot 15, Waterways Ind. Estate, Lagos, Nigeria."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your order or inquiry", rows: 5,
|
|
required: true
|
|
}}
|
|
imageSrc="https://images.unsplash.com/photo-1549429406-be21a50c8e22?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1"
|
|
imageAlt="AFLA Sachet Water office location"
|
|
mediaPosition="right"
|
|
buttonText="Send Request"
|
|
onSubmit={handleSubmit}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
logoText="AFLA SACHET WATER"
|
|
imageSrc="https://images.unsplash.com/photo-1517404177727-2c9e4726487e?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1"
|
|
imageAlt="Clean water in a glass"
|
|
columns={[
|
|
{
|
|
title: "Products", items: [
|
|
{ label: "Sachet Water (50cl)", href: "/#services" },
|
|
{ label: "Bottled Water (75cl)", href: "/#services" },
|
|
{ label: "Dispenser Water (19L)", href: "/#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/#about" },
|
|
{ label: "Testimonials", href: "/#testimonials" },
|
|
{ label: "FAQ", href: "/#faq" },
|
|
{ label: "Contact", href: "/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "(123) 456-7890", href: "tel:1234567890" },
|
|
{ label: "info@aflasachetwater.com", href: "mailto:info@aflasachetwater.com" },
|
|
{ label: "Plot 15, Waterways Ind. Estate, Lagos, Nigeria", href: "https://maps.google.com/?q=Plot 15, Waterways Industrial Estate, Lagos, Nigeria" },
|
|
{ label: "WhatsApp", href: "https://wa.me/2341234567890" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2026 | AFLA SACHET WATER. NAFDAC Reg. No. A1-00123456L. All Rights Reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |