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