Add src/app/elevations/page.tsx
This commit is contained in:
192
src/app/elevations/page.tsx
Normal file
192
src/app/elevations/page.tsx
Normal file
@@ -0,0 +1,192 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Mail, Package } from "lucide-react";
|
||||
|
||||
export default function ElevationsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmall"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="LOCGERS"
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "home" },
|
||||
{ name: "Matériel", id: "catalog" },
|
||||
{ name: "Terrassements", id: "terrassements" },
|
||||
{ name: "Véhicules", id: "vehicles" },
|
||||
{ name: "Élévations", id: "elevations" },
|
||||
{ name: "Espaces Verts", id: "green-spaces" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Avis", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Appeler maintenant", href: "tel:+33123456789"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Élévations - Nacelles et Accès en Hauteur"
|
||||
description="Louez nos nacelles pour accéder aux zones en hauteur. Équipements sécurisés et conformes pour vos travaux en élévation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler maintenant", href: "tel:+33123456789"
|
||||
},
|
||||
{
|
||||
text: "Demander un devis", href: "#contact"
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/centre-pompidou-blue-sky-sunlight-daytime-paris-france_181624-16566.jpg?_wi=1"
|
||||
imageAlt="Nacelles et équipements d'élévation"
|
||||
showDimOverlay={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Nacelles et Équipements d'Élévation"
|
||||
description="Découvrez notre gamme de nacelles. Nacelles élévatrices, nacelles isolantes et équipements d'accès en hauteur pour tous vos besoins."
|
||||
tag="Catalogue"
|
||||
tagIcon={Package}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Retour au catalogue", href: "/catalog"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "nacelle-1", name: "Nacelle Élévatrice Ciseaux 6m", price: "À partir de 100€/jour", variant: "Nacelles Ciseaux", imageSrc: "http://img.b2bpic.net/free-photo/centre-pompidou-blue-sky-sunlight-daytime-paris-france_181624-16566.jpg?_wi=1", imageAlt: "Nacelle élévatrice ciseaux 6 mètres"
|
||||
},
|
||||
{
|
||||
id: "nacelle-2", name: "Nacelle Élévatrice Ciseaux 10m", price: "À partir de 150€/jour", variant: "Nacelles Ciseaux", imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg?_wi=1", imageAlt: "Nacelle élévatrice ciseaux 10 mètres"
|
||||
},
|
||||
{
|
||||
id: "nacelle-3", name: "Nacelle Élévatrice Articulée 12m", price: "À partir de 200€/jour", variant: "Nacelles Articulées", imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-standing-with-hands-raised-holding-hammer-adjustable-wrench-threatening-pose-having-fun-isolated-blue-wall_141793-14163.jpg?_wi=1", imageAlt: "Nacelle élévatrice articulée 12 mètres"
|
||||
},
|
||||
{
|
||||
id: "nacelle-4", name: "Nacelle Élévatrice Articulée 16m", price: "À partir de 280€/jour", variant: "Nacelles Articulées", imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chifon-shirt-while-standing-street-with-folded-arms_158595-6589.jpg?_wi=1", imageAlt: "Nacelle élévatrice articulée 16 mètres"
|
||||
},
|
||||
{
|
||||
id: "nacelle-5", name: "Nacelle Élévatrice Télescopique 20m", price: "À partir de 350€/jour", variant: "Nacelles Télescopiques", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-guy-classic-black-shirt-with-arms-crossed_146671-13946.jpg?_wi=1", imageAlt: "Nacelle élévatrice télescopique 20 mètres"
|
||||
},
|
||||
{
|
||||
id: "nacelle-6", name: "Nacelle Isolante", price: "À partir de 250€/jour", variant: "Nacelles Spécialisées", imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86014.jpg?_wi=1", imageAlt: "Nacelle isolante pour électriciens"
|
||||
},
|
||||
{
|
||||
id: "echafaudage-1", name: "Échafaudage Roulant", price: "À partir de 80€/jour", variant: "Échafaudages", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-black-businesswoman-office_637285-9877.jpg?_wi=1", imageAlt: "Échafaudage roulant"
|
||||
},
|
||||
{
|
||||
id: "echelle-1", name: "Escabeau Professionnel", price: "À partir de 20€/jour", variant: "Escaliers/Escabeaux", imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg?_wi=1", imageAlt: "Escabeau professionnel"
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Demander un devis"
|
||||
title="Avez-vous besoin d'équipement d'élévation?"
|
||||
description="Contactez notre équipe pour louer une nacelle. Nous proposons des équipements sécurisés et conformes pour tous vos travaux en hauteur."
|
||||
tagIcon={Mail}
|
||||
tagAnimation="slide-up"
|
||||
background={{
|
||||
variant: "animated-grid"
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Votre email"
|
||||
buttonText="Envoyer"
|
||||
termsText="En cliquant sur Envoyer, vous acceptez nos conditions d'utilisation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Accueil", href: "/"
|
||||
},
|
||||
{
|
||||
label: "Catalogue", href: "/catalog"
|
||||
},
|
||||
{
|
||||
label: "Terrassements", href: "/terrassements"
|
||||
},
|
||||
{
|
||||
label: "Véhicules", href: "/vehicles"
|
||||
},
|
||||
{
|
||||
label: "Élévations", href: "/elevations"
|
||||
},
|
||||
{
|
||||
label: "Espaces Verts", href: "/green-spaces"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Avis clients", href: "/testimonials"
|
||||
},
|
||||
{
|
||||
label: "Contact", href: "#contact"
|
||||
},
|
||||
{
|
||||
label: "Services", href: "/services"
|
||||
},
|
||||
{
|
||||
label: "Conditions d'utilisation", href: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Appeler", href: "tel:+33123456789"
|
||||
},
|
||||
{
|
||||
label: "Email", href: "mailto:contact@locgers.fr"
|
||||
},
|
||||
{
|
||||
label: "Adresse", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Horaires", href: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 LOCGERS. Tous droits réservés."
|
||||
bottomRightText="Politique de confidentialité | Mentions légales"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user