Update src/app/catalog/page.tsx
This commit is contained in:
@@ -3,10 +3,10 @@
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Package, Mail } from "lucide-react";
|
||||
import { Package } from "lucide-react";
|
||||
|
||||
export default function CatalogPage() {
|
||||
return (
|
||||
@@ -34,75 +34,50 @@ export default function CatalogPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Appeler maintenant",
|
||||
href: "tel:+33123456789",
|
||||
}}
|
||||
text: "Appeler maintenant", href: "tel:+33123456789"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="catalog-products" data-section="catalog-products">
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="LOCGERS"
|
||||
description="Catalogue complet de matériel professionnel. Trouvez l'équipement qu'il vous faut."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler maintenant", href: "tel:+33123456789"},
|
||||
{
|
||||
text: "Retour à l'accueil", href: "/"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15367.jpg?_wi=1", imageAlt: "Catalogue complet de matériel"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tractor-with-trailer-rural-road-power-innovation-agriculture_169016-69719.jpg?_wi=1", imageAlt: "Matériel de construction professionnel"},
|
||||
]}
|
||||
autoplayDelay={3000}
|
||||
showDimOverlay={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="petits-outillages" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Catalogue complet"
|
||||
description="Parcourez notre sélection complète d'équipements disponibles à la location. Tous nos matériels sont entretenus régulièrement pour garantir votre satisfaction."
|
||||
tag="Disponible"
|
||||
title="Petits Outillages"
|
||||
description="Équipements de construction pour travaux légers à moyens. Disponibles à la location au jour ou à la semaine."
|
||||
tag="Catégorie"
|
||||
tagIcon={Package}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Retour à l'accueil",
|
||||
href: "/",
|
||||
},
|
||||
text: "Demander un devis", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "excavator-01",
|
||||
name: "Excavatrice",
|
||||
price: "À partir de 250€/jour",
|
||||
variant: "Modèle professionnel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19092.jpg?_wi=2",
|
||||
imageAlt: "Excavatrice professionnelle",
|
||||
},
|
||||
id: "beton-mixer-01", name: "Bétonnière", price: "À partir de 45€/jour", variant: "250L - Portable", imageSrc: "http://img.b2bpic.net/free-photo/concrete-mixer-on-construction-site_169016-69720.jpg?_wi=1", imageAlt: "Bétonnière professionnelle 250L"},
|
||||
{
|
||||
id: "scaff-01",
|
||||
name: "Échafaudage",
|
||||
price: "À partir de 100€/jour",
|
||||
variant: "Structure temporaire",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/centre-pompidou-blue-sky-sunlight-daytime-paris-france_181624-16566.jpg?_wi=2",
|
||||
imageAlt: "Échafaudage de construction",
|
||||
},
|
||||
id: "plastering-machine-01", name: "Talocheuse", price: "À partir de 60€/jour", variant: "Électrique - Professionnel", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-equipment_169016-69721.jpg?_wi=1", imageAlt: "Talocheuse électrique professionnelle"},
|
||||
{
|
||||
id: "compressor-01",
|
||||
name: "Compresseur",
|
||||
price: "À partir de 50€/jour",
|
||||
variant: "Portable et performant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg?_wi=2",
|
||||
imageAlt: "Compresseur d'air industriel",
|
||||
},
|
||||
{
|
||||
id: "concrete-mixer-01",
|
||||
name: "Bétonnière",
|
||||
price: "À partir de 75€/jour",
|
||||
variant: "Rendement optimal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15367.jpg?_wi=2",
|
||||
imageAlt: "Bétonnière professionnelle",
|
||||
},
|
||||
{
|
||||
id: "power-drill-01",
|
||||
name: "Perceuse électrique",
|
||||
price: "À partir de 30€/jour",
|
||||
variant: "Puissante et robuste",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-sharing-idea-with-colleague_23-2148336895.jpg?_wi=2",
|
||||
imageAlt: "Perceuse électrique industrielle",
|
||||
},
|
||||
{
|
||||
id: "scaff-tower-01",
|
||||
name: "Tour d'échafaudage",
|
||||
price: "À partir de 120€/jour",
|
||||
variant: "Hauteur réglable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tractor-with-trailer-rural-road-power-innovation-agriculture_169016-69719.jpg?_wi=3",
|
||||
imageAlt: "Tour d'échafaudage ajustable",
|
||||
},
|
||||
id: "sand-sieve-01", name: "Tamiseur de Sable", price: "À partir de 35€/jour", variant: "Manuel - Léger", imageSrc: "http://img.b2bpic.net/free-photo/sand-filtering-equipment_169016-69722.jpg?_wi=1", imageAlt: "Tamiseur de sable manuel"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -111,20 +86,57 @@ export default function CatalogPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Demander un devis"
|
||||
title="Vous ne trouvez pas ce que vous cherchez?"
|
||||
description="Contactez notre équipe pour connaître toutes nos options de location ou pour obtenir un devis personnalisé."
|
||||
tagIcon={Mail}
|
||||
<div id="air-comprime" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Outils Air Comprimé"
|
||||
description="Équipements pneumatiques performants pour tous vos travaux. Compresseurs fiables et outils professionnels."
|
||||
tag="Catégorie"
|
||||
tagIcon={Package}
|
||||
tagAnimation="slide-up"
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "compressor-03", name: "Compresseur d'Air", price: "À partir de 55€/jour", variant: "100L - 8 bars", imageSrc: "http://img.b2bpic.net/free-photo/industrial-air-compressor_169016-69723.jpg?_wi=1", imageAlt: "Compresseur d'air professionnel 100L"},
|
||||
{
|
||||
id: "pneumatic-hammer-01", name: "Marteau Pneumatique", price: "À partir de 30€/jour", variant: "Piqueur - Haute performance", imageSrc: "http://img.b2bpic.net/free-photo/pneumatic-jackhammer-tool_169016-69724.jpg?_wi=1", imageAlt: "Marteau pneumatique professionnel"},
|
||||
{
|
||||
id: "air-impact-wrench-01", name: "Clé à Chocs Pneumatique", price: "À partir de 25€/jour", variant: "1/2" - Haute vitesse", imageSrc: "http://img.b2bpic.net/free-photo/pneumatic-impact-wrench_169016-69725.jpg?_wi=1", imageAlt: "Clé à chocs pneumatique professionnel"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="festif-loisirs" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Festif & Loisirs"
|
||||
description="Équipements pour vos événements et loisirs. Friteuses professionnelles et véhicules électriques innovants."
|
||||
tag="Catégorie"
|
||||
tagIcon={Package}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "fryer-pro-01", name: "Friteuse Professionnelle", price: "À partir de 75€/jour", variant: "40L - Inox", imageSrc: "http://img.b2bpic.net/free-photo/professional-fryer-equipment_169016-69726.jpg?_wi=1", imageAlt: "Friteuse professionnelle 40L inox"},
|
||||
{
|
||||
id: "fryer-pro-02", name: "Friteuse Double", price: "À partir de 120€/jour", variant: "2x20L - Haute capacité", imageSrc: "http://img.b2bpic.net/free-photo/double-professional-fryer_169016-69727.jpg?_wi=1", imageAlt: "Friteuse professionnelle double 2x20L"},
|
||||
{
|
||||
id: "escooter-01", name: "Trottinette Électrique", price: "À partir de 20€/jour", variant: "Urban - 25km/h max", imageSrc: "http://img.b2bpic.net/free-photo/electric-scooter-city_169016-69728.jpg?_wi=1", imageAlt: "Trottinette électrique urbaine"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Votre email"
|
||||
buttonText="Envoyer"
|
||||
termsText="En cliquant sur Envoyer, vous acceptez nos conditions d'utilisation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -132,66 +144,39 @@ export default function CatalogPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "/",
|
||||
},
|
||||
label: "Accueil", href: "/"},
|
||||
{
|
||||
label: "Catalogue",
|
||||
href: "/catalog",
|
||||
},
|
||||
label: "Catalogue", href: "/catalog"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "À propos",
|
||||
href: "/about",
|
||||
},
|
||||
label: "À propos", href: "/about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Avis clients",
|
||||
href: "/testimonials",
|
||||
},
|
||||
label: "Avis clients", href: "/testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Conditions d'utilisation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Conditions d'utilisation", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Appeler",
|
||||
href: "tel:+33123456789",
|
||||
},
|
||||
label: "Appeler", href: "tel:+33123456789"},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:contact@locgers.fr",
|
||||
},
|
||||
label: "Email", href: "mailto:contact@locgers.fr"},
|
||||
{
|
||||
label: "Adresse",
|
||||
href: "#",
|
||||
},
|
||||
label: "Adresse", href: "#"},
|
||||
{
|
||||
label: "Horaires",
|
||||
href: "#",
|
||||
},
|
||||
label: "Horaires", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -201,4 +186,4 @@ export default function CatalogPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user