3 Commits

Author SHA1 Message Date
0bfd21a1f3 Merge version_2 into main
Merge version_2 into main
2026-04-03 23:33:46 +00:00
a78d95e466 Update src/app/page.tsx 2026-04-03 23:33:43 +00:00
687a7146d9 Merge version_1 into main
Merge version_1 into main
2026-04-03 23:33:04 +00:00

View File

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA'; import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText'; import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterCard from '@/components/sections/footer/FooterCard'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel'; import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -29,21 +29,13 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Accueil", name: "Accueil", id: "hero"},
id: "hero",
},
{ {
name: "Produits", name: "Produits", id: "products"},
id: "products",
},
{ {
name: "FAQ", name: "FAQ", id: "faq"},
id: "faq",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Max Trains" brandName="Max Trains"
/> />
@@ -52,104 +44,61 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Max Trains, la référence des trains miniatures" title="Max Trains, la référence des trains miniatures"
description="Votre boutique spécialisée en trains miniatures, pistes de course et matériel de modélisme de précision." description="Votre boutique spécialisée en trains miniatures, pistes de course et matériel de modélisme de précision."
leftCarouselItems={[ leftCarouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/kids-looking-miniature-houses-shelves_23-2151191364.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/kids-looking-miniature-houses-shelves_23-2151191364.jpg?_wi=1", imageAlt: "Model train display"},
imageAlt: "Model train display",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-locomotive_23-2149371543.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-locomotive_23-2149371543.jpg?_wi=1", imageAlt: "Locomotive detail"},
imageAlt: "Locomotive detail",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/tilt-shift-medieval-fantasy-landscape_23-2150916622.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tilt-shift-medieval-fantasy-landscape_23-2150916622.jpg", imageAlt: "Diorama setup"},
imageAlt: "Diorama setup",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/metal-shelves-different-colored-buoys_181624-6309.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/metal-shelves-different-colored-buoys_181624-6309.jpg?_wi=1", imageAlt: "Product collection"},
imageAlt: "Product collection",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-small-chair-park_1150-20149.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-small-chair-park_1150-20149.jpg?_wi=1", imageAlt: "Miniature landscape"},
imageAlt: "Miniature landscape",
},
]} ]}
rightCarouselItems={[ rightCarouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/metal-shelves-different-colored-buoys_181624-6309.jpg?_wi=2", imageSrc: "http://img.b2bpic.net/free-photo/metal-shelves-different-colored-buoys_181624-6309.jpg?_wi=2", imageAlt: "Product collection"},
imageAlt: "Product collection",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-small-chair-park_1150-20149.jpg?_wi=2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-small-chair-park_1150-20149.jpg?_wi=2", imageAlt: "Miniature landscape"},
imageAlt: "Miniature landscape",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-small-trains-frame-with-copy-space_23-2148666254.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-small-trains-frame-with-copy-space_23-2148666254.jpg", imageAlt: "Train track detail"},
imageAlt: "Train track detail",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/kids-looking-miniature-houses-shelves_23-2151191364.jpg?_wi=2", imageSrc: "http://img.b2bpic.net/free-photo/kids-looking-miniature-houses-shelves_23-2151191364.jpg?_wi=2", imageAlt: "Model train display"},
imageAlt: "Model train display",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-locomotive_23-2149371543.jpg?_wi=2", imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-locomotive_23-2149371543.jpg?_wi=2", imageAlt: "Locomotive detail"},
imageAlt: "Locomotive detail",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Découvrir le catalogue", text: "Découvrir le catalogue", href: "#products"},
href: "#products",
},
]} ]}
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/kids-looking-miniature-houses-shelves_23-2151191364.jpg", src: "http://img.b2bpic.net/free-photo/kids-looking-miniature-houses-shelves_23-2151191364.jpg", alt: "Client 1"},
alt: "Client 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-locomotive_23-2149371543.jpg", src: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-locomotive_23-2149371543.jpg", alt: "Client 2"},
alt: "Client 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/tilt-shift-medieval-fantasy-landscape_23-2150916622.jpg", src: "http://img.b2bpic.net/free-photo/tilt-shift-medieval-fantasy-landscape_23-2150916622.jpg", alt: "Client 3"},
alt: "Client 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/metal-shelves-different-colored-buoys_181624-6309.jpg", src: "http://img.b2bpic.net/free-photo/metal-shelves-different-colored-buoys_181624-6309.jpg", alt: "Client 4"},
alt: "Client 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-small-chair-park_1150-20149.jpg", src: "http://img.b2bpic.net/free-photo/close-up-small-chair-park_1150-20149.jpg", alt: "Client 5"},
alt: "Client 5",
},
]} ]}
avatarText="Rejoignez plus de 5 000 passionnés" avatarText="Rejoignez plus de 5 000 passionnés"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Modélisme ferroviaire"},
text: "Modélisme ferroviaire",
},
{ {
type: "text", type: "text", text: "Pistes de course"},
text: "Pistes de course",
},
{ {
type: "text", type: "text", text: "Précision"},
text: "Précision",
},
{ {
type: "text", type: "text", text: "Expertise"},
text: "Expertise",
},
{ {
type: "text", type: "text", text: "Passion"},
text: "Passion",
},
]} ]}
/> />
</div> </div>
@@ -161,9 +110,7 @@ export default function LandingPage() {
title="La passion du modélisme à votre service" title="La passion du modélisme à votre service"
buttons={[ buttons={[
{ {
text: "En savoir plus", text: "En savoir plus", href: "#faq"},
href: "#faq",
},
]} ]}
/> />
</div> </div>
@@ -176,41 +123,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Locomotive Athearn", price: "199.99 €", imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-vintage-train_23-2147770301.jpg"},
name: "Locomotive Athearn",
price: "199.99 €",
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-vintage-train_23-2147770301.jpg",
},
{ {
id: "p2", id: "p2", name: "Wagons Atlas", price: "45.00 €", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-train-made-interlocking-toy-blocks_23-2150905411.jpg"},
name: "Wagons Atlas",
price: "45.00 €",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-train-made-interlocking-toy-blocks_23-2150905411.jpg",
},
{ {
id: "p3", id: "p3", name: "Rails Bachmann", price: "29.99 €", imageSrc: "http://img.b2bpic.net/free-photo/wood-texture-background_1232-2812.jpg"},
name: "Rails Bachmann",
price: "29.99 €",
imageSrc: "http://img.b2bpic.net/free-photo/wood-texture-background_1232-2812.jpg",
},
{ {
id: "p4", id: "p4", name: "Piste Carrera", price: "89.99 €", imageSrc: "http://img.b2bpic.net/free-photo/close-up-small-cars-model-road-traffic-conception_1150-20107.jpg"},
name: "Piste Carrera",
price: "89.99 €",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-small-cars-model-road-traffic-conception_1150-20107.jpg",
},
{ {
id: "p5", id: "p5", name: "Locomotive Kato", price: "175.50 €", imageSrc: "http://img.b2bpic.net/free-photo/steam-train-mocanita-railway-station-romania_1268-20316.jpg"},
name: "Locomotive Kato",
price: "175.50 €",
imageSrc: "http://img.b2bpic.net/free-photo/steam-train-mocanita-railway-station-romania_1268-20316.jpg",
},
{ {
id: "p6", id: "p6", name: "Kit Tamiya", price: "55.00 €", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-paint-inside-little-can-white-background_140725-103456.jpg"},
name: "Kit Tamiya",
price: "55.00 €",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-paint-inside-little-can-white-background_140725-103456.jpg",
},
]} ]}
title="Catalogue de produits" title="Catalogue de produits"
description="Parcourez nos catégories parmi les plus grandes marques de modélisme." description="Parcourez nos catégories parmi les plus grandes marques de modélisme."
@@ -222,20 +145,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Quels sont les délais de livraison ?", content: "Nous expédions généralement sous 48h par transporteur sécurisé."},
title: "Quels sont les délais de livraison ?",
content: "Nous expédions généralement sous 48h par transporteur sécurisé.",
},
{ {
id: "f2", id: "f2", title: "Puis-je retourner un produit ?", content: "Vous disposez de 14 jours pour nous retourner tout produit non utilisé."},
title: "Puis-je retourner un produit ?",
content: "Vous disposez de 14 jours pour nous retourner tout produit non utilisé.",
},
{ {
id: "f3", id: "f3", title: "Offrez-vous un service de conseil ?", content: "Oui, notre service à la clientèle est disponible pour vous accompagner."},
title: "Offrez-vous un service de conseil ?",
content: "Oui, notre service à la clientèle est disponible pour vous accompagner.",
},
]} ]}
sideTitle="Questions fréquentes" sideTitle="Questions fréquentes"
faqsAnimation="slide-up" faqsAnimation="slide-up"
@@ -246,27 +160,33 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Contact" tag="Contact"
title="Une question sur votre commande ?" title="Une question sur votre commande ?"
description="Notre équipe est à votre disposition pour vous aider dans le choix de vos articles." description="Notre équipe est à votre disposition pour vous aider dans le choix de vos articles."
buttons={[ buttons={[
{ {
text: "Contacter le support", text: "Contacter le support", href: "mailto:support@maxtrains.com"},
href: "mailto:support@maxtrains.com",
},
]} ]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterLogoEmphasis
logoText="Max Trains" logoText="Max Trains"
copyrightText="© 2025 | Max Trains" columns={[
{
items: [
{ label: "Accueil", href: "#hero" },
{ label: "Produits", href: "#products" },
{ label: "FAQ", href: "#faq" },
{ label: "Contact", href: "#contact" }
]
}
]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }