113 lines
3.6 KiB
TypeScript
113 lines
3.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Facebook, Instagram, Phone } from "lucide-react";
|
|
|
|
export default function ContactPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Julien Paysage"
|
|
navItems={[
|
|
{ name: "Accueil", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "À Propos", id: "/about" },
|
|
{ name: "Réalisations", id: "/gallery" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
button={{
|
|
text: "Demander un devis",
|
|
href: "/contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Demandez Votre Devis Gratuit"
|
|
description="Contactez-nous pour discuter de votre projet d'aménagement paysager. Notre équipe vous proposera les meilleures solutions adaptées à vos besoins et à votre budget."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Votre nom",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Votre email",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "phone",
|
|
type: "tel",
|
|
placeholder: "Votre téléphone",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "address",
|
|
type: "text",
|
|
placeholder: "Adresse du projet",
|
|
required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Décrivez votre projet d'aménagement...",
|
|
rows: 5,
|
|
required: true,
|
|
}}
|
|
buttonText="Envoyer ma demande"
|
|
mediaAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-shot-beautiful-trees-forest_181624-8649.jpg?_wi=3"
|
|
imageAlt="design jardin paysage plan"
|
|
mediaPosition="right"
|
|
useInvertedBackground={false}
|
|
onSubmit={(data) => {
|
|
console.log("Contact form submitted:", data);
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Julien Paysage"
|
|
copyrightText="© 2025 Julien Paysage. Tous droits réservés. Paysagiste à Pleurtuit, Ille-et-Vilaine."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com",
|
|
ariaLabel: "Facebook",
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com",
|
|
ariaLabel: "Instagram",
|
|
},
|
|
{
|
|
icon: Phone,
|
|
href: "tel:+33781905061",
|
|
ariaLabel: "Appeler",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |