230 lines
12 KiB
TypeScript
230 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="compact"
|
||
sizing="mediumLarge"
|
||
background="noise"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Accueil", id: "hero"},
|
||
{
|
||
name: "Produits", id: "products"},
|
||
{
|
||
name: "Conseils", id: "features"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Alliance Pêche"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="L’expertise pêche haut de gamme"
|
||
description="Un magasin reconnu pour ses conseils experts, son large choix et une expérience client exceptionnelle."
|
||
leftCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-fishing-bait-with-notepad-net_23-2148429451.jpg", imageAlt: "Fishing Gear"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/different-type-fishing-baits-with-black-small-placard-wooden-surface_23-2148189239.jpg", imageAlt: "Fishing Gear"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-gas-station_23-2150516382.jpg", imageAlt: "Fishing Gear"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-man-is-choosing-seafood-local-chenise-market-he-is-compares-prices-seafood_613910-20754.jpg", imageAlt: "Fishing Gear"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/small-black-placard-fishing-rod-cap-measuring-scale-wooden-plank_23-2148189286.jpg", imageAlt: "Fishing Gear"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/fishing-reel-fishing-lure-fishing-float-cork-fishing-net-table_23-2148189248.jpg?_wi=1", imageAlt: "Fishing Gear"},
|
||
]}
|
||
rightCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/different-type-fishing-lures-around-black-wooden-slate-wooden-backdrop_23-2148189277.jpg?_wi=1", imageAlt: "Fishing Gear"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/fishing-lure-float-hook-with-plier-fishing-reel-measuring-scale-desk_23-2148189220.jpg?_wi=1", imageAlt: "Fishing Gear"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fishing-essentials-with-paper-bag-sheet-paper_23-2148429490.jpg", imageAlt: "Fishing Gear"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/fishing-float-lure-with-plier-wooden-desk_23-2148189276.jpg", imageAlt: "Fishing Gear"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138761.jpg", imageAlt: "Fishing Gear"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fisherman-holding-fishing-rod-giving-thumbs-up_23-2148429546.jpg", imageAlt: "Fishing Gear"},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Découvrir le magasin", href: "#contact"},
|
||
]}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/hipster-vacation-lake_23-2147978817.jpg", alt: "Client 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/backpacker-talking-mobile-white-background_1368-6182.jpg", alt: "Client 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3544.jpg", alt: "Client 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/fisherman-giving-thumbs-up-while-holding-fishing-rod_23-2148429503.jpg", alt: "Client 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", alt: "Client 5"},
|
||
]}
|
||
avatarText="Plus de 500 passionnés nous font confiance"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Conseils sur mesure"},
|
||
{
|
||
type: "text", text: "Matériel pro"},
|
||
{
|
||
type: "text", text: "Service après-vente"},
|
||
{
|
||
type: "text", text: "Stock permanent"},
|
||
{
|
||
type: "text", text: "Atelier réparation"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardOne
|
||
title="Nos produits phares"
|
||
description="Découvrez notre sélection de matériel de pêche sélectionné avec soin pour vos sorties en mer ou en rivière."
|
||
textboxLayout="default"
|
||
gridVariant="one-large-left-three-stacked-right"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{ id: "p1", name: "Canne à pêche Carbone", price: "120€", imageSrc: "http://img.b2bpic.net/free-photo/fishing-reel-fishing-lure-fishing-float-cork-fishing-net-table_23-2148189248.jpg?_wi=2" },
|
||
{ id: "p2", name: "Moulinet Haute Précision", price: "85€", imageSrc: "http://img.b2bpic.net/free-photo/different-type-fishing-lures-around-black-wooden-slate-wooden-backdrop_23-2148189277.jpg?_wi=2" },
|
||
{ id: "p3", name: "Coffret Leurres Premium", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-many-colorful-fishing-lure-wooden-desk_23-2148189281.jpg?_wi=1" },
|
||
{ id: "p4", name: "Épuisette télescopique", price: "35€", imageSrc: "http://img.b2bpic.net/free-photo/fishing-lure-float-hook-with-plier-fishing-reel-measuring-scale-desk_23-2148189220.jpg?_wi=2" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSeven
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Conseils experts", description: "Un vendeur passionné qui maîtrise toutes les techniques de pêche.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CFbxiqCz7uTDnHki1YbQkDd2aD/uploaded-1775984967939-aslxp32o.png", imageAlt: "Expert Advice"},
|
||
{
|
||
title: "Large choix", description: "Une sélection complète pour tous les niveaux, du débutant au confirmé.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-many-colorful-fishing-lure-wooden-desk_23-2148189281.jpg?_wi=2", imageAlt: "Large Selection"},
|
||
{
|
||
title: "Qualité premium", description: "Des produits rigoureusement sélectionnés pour leur performance.", imageSrc: "http://img.b2bpic.net/free-photo/man-using-fishing-rod-catch-fish_23-2148853198.jpg", imageAlt: "Premium Quality"},
|
||
]}
|
||
title="Pourquoi nous choisir"
|
||
description="Nous offrons une expérience de pêche incomparable grâce à notre expertise."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="split-description"
|
||
useInvertedBackground={false}
|
||
showRating={true}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Evan", handle: "@evan", testimonial: "Accueil parfait et magasin très propre. Conseils exceptionnels.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-healthy-smiling-bearded-caucasian-male-pensioner-t-shirt-posing-outdoors-with-green-trees-holding-fishing-rod-enjoying-angling-recreation-leisure-nature-concept_343059-4765.jpg"},
|
||
{
|
||
id: "2", name: "Jean Michel", handle: "@jeanm", testimonial: "Un choix excellent et des conseils très professionnels.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg"},
|
||
{
|
||
id: "3", name: "Pierre", handle: "@pierre", testimonial: "Très beau magasin avec du matériel de qualité.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fisherman-holding-fishing-rod_23-2147894147.jpg"},
|
||
{
|
||
id: "4", name: "Luc", handle: "@luc", testimonial: "Le meilleur endroit pour s'équiper dans la région.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/summertime-image-skilled-fisherman-retirement-having-rest-wild-nature-using-fishing-rod-waiting-fish-be-caught_343059-2606.jpg"},
|
||
{
|
||
id: "5", name: "Sophie", handle: "@sophie", testimonial: "Des produits de niche introuvables ailleurs.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-telling-secret-holding-paper-bag_23-2148316744.jpg"},
|
||
]}
|
||
title="Avis clients"
|
||
description="Ce que pensent nos pêcheurs passionnés."
|
||
/>
|
||
</div>
|
||
|
||
<div id="blog" data-section="blog">
|
||
<BlogCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Actualités & Conseils"
|
||
description="Retrouvez les dernières tendances et techniques de pêche sur notre blog."
|
||
tag="Blog"
|
||
blogs={[
|
||
{
|
||
id: "b1", category: "Technique", title: "Comment choisir son leurre ?", excerpt: "Apprenez à sélectionner le leurre idéal selon la saison et l'espèce recherchée.", imageSrc: "http://img.b2bpic.net/free-photo/fishing-bait-fishing-line-fishing-float-wooden-surface_23-2148189305.jpg", authorName: "Marc Pêcheur", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", date: "12 Fév 2026"},
|
||
{
|
||
id: "b2", category: "Guide", title: "Le matériel indispensable", excerpt: "Une check-list complète pour bien débuter ou compléter votre attirail de pêche.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CFbxiqCz7uTDnHki1YbQkDd2aD/uploaded-1775985276596-34rlsrfm.png", authorName: "Marc Pêcheur", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", date: "05 Fév 2026"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Contact"
|
||
title="Nous trouver"
|
||
description="89 Av. de Lourdes, 65310 Odos | 05 62 93 88 92"
|
||
buttons={[
|
||
{
|
||
text: "Appeler maintenant", href: "tel:0562938892"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Alliance Pêche", items: [
|
||
{
|
||
label: "Accueil", href: "#hero"},
|
||
{
|
||
label: "Produits", href: "#products"},
|
||
{
|
||
label: "Conseils", href: "#features"},
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2026 Alliance Pêche Odos"
|
||
bottomRightText="Tous droits réservés"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|