260 lines
12 KiB
TypeScript
260 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Camera, Star, HelpCircle } from "lucide-react";
|
|
|
|
export default function ProjectsPage() {
|
|
const navItems = [
|
|
{ name: "Accueil", id: "/" },
|
|
{ name: "À propos", id: "/about" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Réalisations", id: "/projects" },
|
|
{ name: "Avis clients", id: "/testimonials" },
|
|
{ name: "Blog", id: "/blog" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Entreprise",
|
|
items: [
|
|
{ label: "À propos", href: "/about" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "Blog", href: "/blog" },
|
|
{ label: "Carrières", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Clients",
|
|
items: [
|
|
{ label: "Réalisations", href: "/projects" },
|
|
{ label: "Avis clients", href: "/testimonials" },
|
|
{ label: "FAQ", href: "/faq" },
|
|
{ label: "Demander un devis", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "Téléphone", href: "tel:+33123456789" },
|
|
{ label: "Email", href: "mailto:contact@paysagistesparis.fr" },
|
|
{ label: "Adresse", href: "#" },
|
|
{ label: "Horaires", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="PAYSAGISTES PARIS" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="recent-projects" data-section="recent-projects">
|
|
<ProductCardFour
|
|
title="Réalisations récentes"
|
|
description="Découvrez nos derniers projets en Île-de-France"
|
|
tag="Portfolio"
|
|
tagIcon={Camera}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "project-1",
|
|
name: "Jardin urbain - Marais, Paris 4e",
|
|
price: "22 m² transformés",
|
|
variant: "Jardin de ville",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-flower-arrangement-seats-along-aisle_1127-3214.jpg?_wi=2",
|
|
imageAlt: "petit jardin urbain Marais style parisien",
|
|
},
|
|
{
|
|
id: "project-2",
|
|
name: "Terrasse rooftop - Belleville, Paris 11e",
|
|
price: "45 m² aménagés",
|
|
variant: "Terrasse panoramique",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_1203-2831.jpg?_wi=2",
|
|
imageAlt: "terrasse rooftop panoramique Belleville Paris",
|
|
},
|
|
{
|
|
id: "project-3",
|
|
name: "Cour intérieure - Batignolles, Paris 17e",
|
|
price: "60 m² rénovés",
|
|
variant: "Cour transformée",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/skater-boy-scene_23-2147670726.jpg?_wi=2",
|
|
imageAlt: "cour intérieure rénovée moderne végétalisée",
|
|
},
|
|
{
|
|
id: "project-4",
|
|
name: "Jardin privé - Neuilly-sur-Seine",
|
|
price: "800 m² réaménagés",
|
|
variant: "Jardin d'agrément",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-gardening_23-2148509918.jpg?_wi=2",
|
|
imageAlt: "jardin privé grand terrain réaménagement",
|
|
},
|
|
{
|
|
id: "project-5",
|
|
name: "Terrasse copropriété - Paris 6e",
|
|
price: "120 m² végétalisés",
|
|
variant: "Espace collectif",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/men-posing-garden-botanical-greenhouse-photoshoot_53876-133528.jpg?_wi=2",
|
|
imageAlt: "terrasse copropriété collectif immeuble végétal",
|
|
},
|
|
{
|
|
id: "project-6",
|
|
name: "Jardin méditerranéen - Boulogne-Billancourt",
|
|
price: "350 m² plantés",
|
|
variant: "Jardin méditerranéen",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-table_1339-4303.jpg?_wi=2",
|
|
imageAlt: "jardin méditerranéen plantes chaudes climat",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Ce que nos clients disent de nous"
|
|
description="Découvrez les témoignages de nos clients satisfaits"
|
|
tag="Avis clients"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sophie Leclerc",
|
|
handle: "Client particulier - 6e arrondissement",
|
|
testimonial: "Transformation complète de notre jardin. Équipe professionnelle, créative et respectueuse des délais. Nous adorons notre nouvel espace !",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg?_wi=2",
|
|
imageAlt: "Sophie Leclerc",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Marc Durand",
|
|
handle: "Copropriété - Paris 5e",
|
|
testimonial: "Excellente gestion de projet pour notre cour intérieure. Les résidents sont ravis. Hautement recommandé pour les copropriétés.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg?_wi=2",
|
|
imageAlt: "Marc Durand",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Christine Moreau",
|
|
handle: "Cabinet médical - Paris 8e",
|
|
testimonial: "Notre terrasse est devenue un atout pour nos patients. Design élégant et maintenance simple. Merci beaucoup !",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-businesswoman-smiling-workplace-office_176420-6981.jpg?_wi=2",
|
|
imageAlt: "Christine Moreau",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Jean-Pierre Arnaud",
|
|
handle: "Propriétaire - Neuilly-sur-Seine",
|
|
testimonial: "Projet ambitieux parfaitement exécuté. L'équipe a écouté nos souhaits et proposé des solutions innovantes. Très satisfait.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-senior-content-business-leader_1262-1728.jpg?_wi=2",
|
|
imageAlt: "Jean-Pierre Arnaud",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Isabelle Petit",
|
|
handle: "Hôtel-restaurant - Paris 11e",
|
|
testimonial: "Aménagement de jardin qui correspond parfaitement à notre identité. Les clients remarquent immédiatement la qualité. Bravo !",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/casual-woman-with-denim-jacket-smiling_1187-1316.jpg?_wi=2",
|
|
imageAlt: "Isabelle Petit",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Olivier Bernard",
|
|
handle: "Architecte - Paris 3e",
|
|
testimonial: "Collaboration fluide et professionnelle. Leurs propositions enrichissent nos projets. Un partenaire de confiance.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=2",
|
|
imageAlt: "Olivier Bernard",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Questions fréquentes"
|
|
description="Tout ce que vous devez savoir sur nos services et processus"
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
faqsAnimation="entrance-slide"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Quel est le coût moyen d'un projet de paysagisme ?",
|
|
content: "Le tarif varie selon la surface, la complexité du projet et les matériaux choisis. Pour une terrasse urbaine : de 150€ à 300€/m². Pour un jardin complet : devis sur-mesure après visite. Contactez-nous pour une estimation gratuite.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Combien de temps faut-il pour réaliser un projet ?",
|
|
content: "La durée dépend du projet. Un jardin de 100 m² : 3 à 4 semaines. Une terrasse : 1 à 2 semaines. Nous vous communiquons un calendrier précis après la visite de site.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Intervenez-vous en Île-de-France ?",
|
|
content: "Oui, nous exerçons principalement à Paris et en Île-de-France. Nous couvrons Paris intra-muros, les Hauts-de-Seine, la Seine-Saint-Denis, le Val-de-Marne et les Yvelines. Pour zones éloignées, nous proposons des consultations.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Comment entretenez-vous les jardins après création ?",
|
|
content: "Nous proposons des forfaits d'entretien flexible (mensuel, semestriel, annuel). Nos équipes gèrent l'arrosage, la taille, le désherbage et le nettoyage. Vous recevez aussi un guide complet de maintenance autonome.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Proposez-vous des plans 3D avant les travaux ?",
|
|
content: "Oui, systématiquement. Après l'étude de votre site et écoute de vos préférences, nous créons des rendus 3D HD. Cela vous permet de visualiser le projet et de l'ajuster avant tout engagement.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Les plantes sont-elles garanties ?",
|
|
content: "Oui, nous garantissons la reprise des plantes pendant 1 an après plantation. Nous proposons aussi une assurance entretien optionnelle couvrant les interventions de remplacement si nécessaire.",
|
|
},
|
|
{
|
|
id: "7",
|
|
title: "Comment faire une demande de devis ?",
|
|
content: "Remplissez notre formulaire de contact ou appelez-nous directement. Une visite gratuite de votre site est organisée. Vous recevrez un devis détaillé par email dans les 5 jours ouvrés.",
|
|
},
|
|
{
|
|
id: "8",
|
|
title: "Respectez-vous les normes environnementales ?",
|
|
content: "Absolument. Nous utilisons des matériaux écologiques, favorisons les plantes indigènes et respectons la biodiversité. Nous proposons aussi des solutions d'arrosage économe et de récupération d'eau de pluie.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="PAYSAGISTES PARIS"
|
|
copyrightText="© 2025 Paysagistes Paris. Tous droits réservés."
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |