Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4d53212d1e | |||
| 67a7cf7a79 | |||
| 03ae83316c | |||
| f2a92a776e | |||
| 0775e62966 | |||
| b5bbe0ae7f |
82
src/app/contact/page.tsx
Normal file
82
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,82 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||||
|
|
||||||
|
export default function ContactPage() {
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
defaultButtonVariant="bounce-effect"
|
||||||
|
defaultTextAnimation="reveal-blur"
|
||||||
|
borderRadius="soft"
|
||||||
|
contentWidth="medium"
|
||||||
|
sizing="largeSmall"
|
||||||
|
background="blurBottom"
|
||||||
|
cardStyle="outline"
|
||||||
|
primaryButtonStyle="diagonal-gradient"
|
||||||
|
secondaryButtonStyle="solid"
|
||||||
|
headingFontWeight="medium"
|
||||||
|
>
|
||||||
|
<ReactLenis root>
|
||||||
|
<div id="nav" data-section="nav">
|
||||||
|
<NavbarStyleCentered
|
||||||
|
navItems={[
|
||||||
|
{ name: "Accueil", id: "hero" },
|
||||||
|
{ name: "À propos", id: "about" },
|
||||||
|
{ name: "Services", id: "services" },
|
||||||
|
{ name: "Avis", id: "testimonials" },
|
||||||
|
{ name: "Contact", id: "/contact" },
|
||||||
|
]}
|
||||||
|
brandName="A. Terrassement"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="contact" data-section="contact">
|
||||||
|
<ContactSplitForm
|
||||||
|
title="Contactez-nous"
|
||||||
|
description="Nous sommes à votre disposition pour toute question ou demande de devis concernant vos projets de terrassement."
|
||||||
|
inputs={[
|
||||||
|
{ name: "name", type: "text", placeholder: "Votre nom", required: true },
|
||||||
|
{ name: "email", type: "email", placeholder: "Votre email", required: true },
|
||||||
|
{ name: "subject", type: "text", placeholder: "Sujet" }
|
||||||
|
]}
|
||||||
|
textarea={{ name: "message", placeholder: "Votre message", rows: 5, required: true }}
|
||||||
|
useInvertedBackground={true}
|
||||||
|
mediaPosition="left"
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35592.jpg?_wi=2"
|
||||||
|
imageAlt="Contact A. Terrassement"
|
||||||
|
buttonText="Envoyer"
|
||||||
|
onSubmit={(data) => console.log("Form submitted:", data)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
|
<FooterBaseCard
|
||||||
|
logoText="A. Terrassement"
|
||||||
|
columns={[
|
||||||
|
{
|
||||||
|
title: "Navigation", items: [
|
||||||
|
{ label: "Accueil", href: "/" },
|
||||||
|
{ label: "À propos", href: "/" },
|
||||||
|
{ label: "Services", href: "/" },
|
||||||
|
{ label: "Contact", href: "/contact" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Contact", items: [
|
||||||
|
{ label: "Appelez-nous : 06 84 85 37 04", href: "tel:+33684853704" },
|
||||||
|
{ label: "40 Rue des Écoles, 57385 Laudrefang", href: "https://maps.google.com" },
|
||||||
|
{ label: "contact@votre-domaine.com", href: "mailto:contact@votre-domaine.com" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
copyrightText="© 2025 A. Terrassement"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ReactLenis>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -37,7 +37,7 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
name: "Avis", id: "testimonials"},
|
name: "Avis", id: "testimonials"},
|
||||||
{
|
{
|
||||||
name: "Contact", id: "contact"},
|
name: "Contact", id: "/contact"},
|
||||||
]}
|
]}
|
||||||
brandName="A. Terrassement"
|
brandName="A. Terrassement"
|
||||||
/>
|
/>
|
||||||
@@ -51,9 +51,9 @@ export default function LandingPage() {
|
|||||||
description="Un service de haute qualité, un travail propre et une équipe fiable dédiée à vos besoins en matière de terrain à Laudrefang."
|
description="Un service de haute qualité, un travail propre et une équipe fiable dédiée à vos besoins en matière de terrain à Laudrefang."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Nous contacter", href: "#contact"},
|
text: "Nous contacter", href: "/contact"},
|
||||||
{
|
{
|
||||||
text: "Demander un devis", href: "#contact"},
|
text: "Demander un devis", href: "/contact"},
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/premium-photo/excavator-actively-digging-through-mound-soil-dirt-creating-path-clearing-area_331695-43928.jpg?id=254812184"
|
imageSrc="http://img.b2bpic.net/premium-photo/excavator-actively-digging-through-mound-soil-dirt-creating-path-clearing-area_331695-43928.jpg?id=254812184"
|
||||||
imageAlt="Préparation de terrain pour service de terrassement professionnel"
|
imageAlt="Préparation de terrain pour service de terrassement professionnel"
|
||||||
@@ -75,7 +75,7 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
title: "Service fiable", description: "Exécution propre et professionnelle sur chaque projet."},
|
title: "Service fiable", description: "Exécution propre et professionnelle sur chaque projet."},
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35592.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35592.jpg?_wi=1"
|
||||||
imageAlt="Notre équipe professionnelle d'aménagement paysager et de terrassement"
|
imageAlt="Notre équipe professionnelle d'aménagement paysager et de terrassement"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
@@ -117,18 +117,6 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
|
||||||
<ContactCenter
|
|
||||||
useInvertedBackground={false}
|
|
||||||
background={{
|
|
||||||
variant: "plain"}}
|
|
||||||
tag="Nous contacter"
|
|
||||||
title="Contactez A. Terrassement"
|
|
||||||
description="Contactez-nous pour des devis, des consultations ou des demandes de renseignements sur vos projets. Notre équipe est prête à vous aider ! Adresse : 40 Rue des Écoles, 57385 Laudrefang. Téléphone : 06 84 85 37 04. Ouvert jusqu'à 19h."
|
|
||||||
buttonText="Demander un devis"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="A. Terrassement"
|
logoText="A. Terrassement"
|
||||||
@@ -141,6 +129,8 @@ export default function LandingPage() {
|
|||||||
label: "À propos", href: "#about"},
|
label: "À propos", href: "#about"},
|
||||||
{
|
{
|
||||||
label: "Services", href: "#services"},
|
label: "Services", href: "#services"},
|
||||||
|
{
|
||||||
|
label: "Contact", href: "/contact"},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -154,7 +144,7 @@ export default function LandingPage() {
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2025 A. Terrassement"
|
copyrightText="© 2026 A. Terrassement"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user