Compare commits
20 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 039f5bbab6 | |||
| 4d53212d1e | |||
| 7a2a2560eb | |||
| 67a7cf7a79 | |||
| 03ae83316c | |||
| bfda358a57 | |||
| f2a92a776e | |||
| 0775e62966 | |||
| b5bbe0ae7f | |||
| 33ed37e66b | |||
| 0624fba3da | |||
| fec1179703 | |||
| b47f8367a2 | |||
| 27800c8473 | |||
| 7552ff8e68 | |||
| 0873bf89c7 | |||
| 533d2dcd96 | |||
| 11c8368f65 | |||
| 4d2f87331f | |||
| 6d28812ca9 |
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>
|
||||
);
|
||||
}
|
||||
175
src/app/page.tsx
175
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "À propos", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Avis", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="A. Terrassement"
|
||||
/>
|
||||
@@ -56,22 +46,17 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="A. Terrassement – Professional Earthworks & Landscaping"
|
||||
description="High-quality service, clean work, and a reliable team dedicated to your property needs in Laudrefang."
|
||||
variant: "plain"}}
|
||||
title="Expert Terrassement et Aménagement Paysager à 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={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Nous contacter", href: "/contact"},
|
||||
{
|
||||
text: "Request a Quote",
|
||||
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"
|
||||
imageAlt="Professional earthworks service site preparation"
|
||||
imageAlt="Préparation de terrain pour service de terrassement professionnel"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -80,24 +65,18 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="About A. Terrassement"
|
||||
description="We are a professional earthworks company dedicated to delivering clean, precise, and reliable service. From 1400 m² projects to smaller residential jobs, we ensure every client receives exceptional quality and a friendly experience."
|
||||
title="À propos d'A. Terrassement"
|
||||
description="Nous sommes une entreprise de terrassement professionnelle dédiée à fournir un service propre, précis et fiable. Des projets de 1400 m² aux petits travaux résidentiels, nous garantissons à chaque client une qualité exceptionnelle et une expérience conviviale."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Work",
|
||||
description: "High-quality results for all terrain types.",
|
||||
},
|
||||
title: "Travail de précision", description: "Résultats de haute qualité pour tous les types de terrain."},
|
||||
{
|
||||
title: "Experienced Team",
|
||||
description: "Reliable experts dedicated to your satisfaction.",
|
||||
},
|
||||
title: "Équipe expérimentée", description: "Experts fiables dévoués à votre satisfaction."},
|
||||
{
|
||||
title: "Reliable Service",
|
||||
description: "Clean and professional execution on every project.",
|
||||
},
|
||||
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"
|
||||
imageAlt="Our professional landscaping and earthworks team"
|
||||
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"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -110,28 +89,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Excavation & Earthworks",
|
||||
description: "Expert digging, grading, and site preparation for residential projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194828.jpg",
|
||||
imageAlt: "Excavation machinery",
|
||||
},
|
||||
title: "Excavation et Terrassement", description: "Excavation experte, nivellement et préparation de site pour les projets résidentiels.", imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194828.jpg", imageAlt: "Machinerie d'excavation"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Landscaping & Terrain Prep",
|
||||
description: "Preparing your terrain for perfect landscaping outcomes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-gardener-digging-soil-with-hand-hoe-garden_23-2148165193.jpg",
|
||||
imageAlt: "Landscaping service preparation",
|
||||
},
|
||||
title: "Aménagement et préparation du terrain", description: "Préparation de votre terrain pour des résultats d'aménagement paysager parfaits.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-gardener-digging-soil-with-hand-hoe-garden_23-2148165193.jpg", imageAlt: "Préparation du service d'aménagement paysager"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Site Cleanup & Finishing",
|
||||
description: "Professional site finishing leaving your property clean and ready to use.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-metal-processing-factory_342744-250.jpg",
|
||||
imageAlt: "Construction site cleanup finish",
|
||||
},
|
||||
title: "Nettoyage et finitions de chantier", description: "Finitions professionnelles laissant votre propriété propre et prête à être utilisée.", imageSrc: "http://img.b2bpic.net/free-photo/working-metal-processing-factory_342744-250.jpg", imageAlt: "Nettoyage de fin de chantier"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Professional earthworks and landscaping tailored to your site needs."
|
||||
title="Nos Services"
|
||||
description="Terrassement et aménagement paysager professionnels adaptés à vos besoins."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -141,66 +108,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anonymous",
|
||||
date: "May 2022",
|
||||
title: "Excellent Landscaping",
|
||||
quote: "Terrassier au TOP, 1400 m² de terrain. Super sympa et travail très propre.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-contract-while-being-with-her-husband-meeting-with-real-estate-agent_637285-6897.jpg",
|
||||
},
|
||||
id: "1", name: "Anonyme", date: "Mai 2022", title: "Excellent Aménagement", quote: "Terrassier au TOP, 1400 m² de terrain. Super sympa et travail très propre.", tag: "Vérifié", avatarSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-contract-while-being-with-her-husband-meeting-with-real-estate-agent_637285-6897.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Florian Michel",
|
||||
date: "June 2022",
|
||||
title: "Very Professional",
|
||||
quote: "Excellent service, very professional.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-with-red-helmet-celebrating-with-raised-fist_1187-3250.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Client Three",
|
||||
date: "July 2022",
|
||||
title: "Highly Recommended",
|
||||
quote: "Clean work, reliable service, and friendly team.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-couple-talking-while-choosing-order-form-menu-cafe_637285-8950.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Client Four",
|
||||
date: "August 2022",
|
||||
title: "Great Team",
|
||||
quote: "They delivered exactly what we needed on time.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-coffee-big-city-girl-walking-avenue-city_169016-66773.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jean Dupont",
|
||||
date: "September 2022",
|
||||
title: "Perfect Finish",
|
||||
quote: "Highly efficient and left the site spotless after the earthworks.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-contract-while-being-with-her-husband-meeting-with-real-estate-agent_637285-6897.jpg",
|
||||
},
|
||||
id: "2", name: "Florian Michel", date: "Juin 2022", title: "Très professionnel", quote: "Excellent service, très professionnel.", tag: "Vérifié", avatarSrc: "http://img.b2bpic.net/free-photo/man-with-red-helmet-celebrating-with-raised-fist_1187-3250.jpg"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="See what our satisfied customers say about our work."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Contact A. Terrassement"
|
||||
description="Get in touch for quotes, consultations, or project inquiries. Our team is ready to help! Address: 40 Rue des Écoles, 57385 Laudrefang. Phone: 06 84 85 37 04. Open until 19:00."
|
||||
buttonText="Request a Quote"
|
||||
title="Avis Clients"
|
||||
description="Découvrez ce que nos clients satisfaits disent de notre travail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -209,41 +122,29 @@ export default function LandingPage() {
|
||||
logoText="A. Terrassement"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Accueil", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "À propos", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call Now: 06 84 85 37 04",
|
||||
href: "tel:0684853704",
|
||||
},
|
||||
label: "Appelez-nous : 06 84 85 37 04", href: "tel:+33684853704"},
|
||||
{
|
||||
label: "40 Rue des Écoles, 57385 Laudrefang",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
label: "40 Rue des Écoles, 57385 Laudrefang", href: "https://maps.google.com"},
|
||||
{
|
||||
label: "contact@yourdomain.com",
|
||||
href: "mailto:contact@yourdomain.com",
|
||||
},
|
||||
label: "contact@votre-domaine.com", href: "mailto:contact@votre-domaine.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 A. Terrassement"
|
||||
copyrightText="© 2026 A. Terrassement"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user