233 lines
13 KiB
TypeScript
233 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Award, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Accueil", id: "#home"},
|
|
{
|
|
name: "Fonctionnalités", id: "#features"},
|
|
{
|
|
name: "Témoignages", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="https://pub-8a887019777e48b89895315843a758a0.r2.dev/la-casa-de-vape.png"
|
|
logoAlt="Logo La Casa De Vape"
|
|
brandName="La Casa De Vape"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroOverlay
|
|
title="Produits de Vape Premium, Service Expert, Livraison Rapide"
|
|
description="Découvrez des appareils, e-liquides et accessoires de première qualité des marques de confiance. Achetez en toute confiance, appuyé par de vrais avis clients et des conseils d'experts."
|
|
tagAnimation="none"
|
|
buttons={[
|
|
{
|
|
text: "Parcourir Notre Collection", href: "#home"},
|
|
]}
|
|
buttonAnimation="none"
|
|
imageSrc="http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17724.jpg"
|
|
imageAlt="Collection de produits et accessoires de vape premium"
|
|
showBlur={true}
|
|
textPosition="bottom"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-man-with-stylish-hair-beard-screaming-with-frightened-expression_176420-15801.jpg", alt: "Cliente satisfaite Sarah"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stylish-elegant-man-sitting-cafe-with-vape_1157-34781.jpg", alt: "Vapoteur heureux John"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/joyful-bearded-tattooed-male-smokes-electronic-cigarette-isolated-grey-background_613910-16348.jpg", alt: "Vapoteuse enthousiaste Maria"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-bearded-man-cafe-street-with-glass-wine-romantic-guy-white-shirt-cap-suspenders-city-peaky-blinders-old-fassion-retro_1321-2021.jpg", alt: "Vapoteur moderne Alex"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-man-sitting-home-indoors-play-games-with-joystick_171337-16826.jpg", alt: "Client satisfait David"},
|
|
]}
|
|
avatarText="Rejoignez plus de 5000 clients satisfaits !"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="À propos de La Casa De Vape"
|
|
description={[
|
|
"Chez La Casa De Vape, nous sommes passionnés par la fourniture de produits de vape de la plus haute qualité et d'une expérience d'achat inégalée. Notre sélection rigoureuse ne comprend que les meilleurs appareils, e-liquides et accessoires des marques leaders, vous assurant de toujours trouver exactement ce dont vous avez besoin.", "Nous sommes fiers de notre service expert, offrant des recommandations personnalisées et une connaissance approfondie des produits aux amateurs expérimentés comme aux nouveaux vapoteurs. Notre engagement s'étend au-delà des ventes, favorisant une communauté de confiance où la transparence et la satisfaction du client sont primordiales. Profitez de prix compétitifs, d'une livraison rapide et fiable, et d'une boutique en ligne fluide conçue pour votre commodité."]}
|
|
buttons={[
|
|
{
|
|
text: "En Savoir Plus", href: "#"},
|
|
]}
|
|
showBorder={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={true}
|
|
title="Pourquoi Choisir La Casa De Vape ?"
|
|
description="Nous nous distinguons en offrant un mélange exceptionnel de qualité, d'expertise et de service centré sur le client. Votre satisfaction est notre priorité."
|
|
accordionItems={[
|
|
{
|
|
id: "f1", title: "Variété de Produits Inégalée", content: "Explorez une vaste sélection d'appareils de vape de pointe, de saveurs d'e-liquides exotiques et d'accessoires essentiels des marques les plus fiables de l'industrie. Nous mettons constamment à jour notre inventaire pour vous apporter les dernières innovations."},
|
|
{
|
|
id: "f2", title: "Conseils et Soutien d'Experts", content: "Notre équipe compétente est là pour vous aider, que vous soyez un vapoteur expérimenté à la recherche de configurations avancées ou un débutant cherchant son premier kit. Obtenez des recommandations personnalisées et des réponses à toutes vos questions sur le vapotage."},
|
|
{
|
|
id: "f3", title: "Prix Compétitifs et Récompenses", content: "Profitez d'un excellent rapport qualité-prix grâce à nos prix compétitifs et à nos programmes de fidélité exclusifs. Gagnez des récompenses à chaque achat et accédez à des réductions spéciales, rendant le vapotage premium plus abordable."},
|
|
{
|
|
id: "f4", title: "Livraison Rapide et Sécurisée", content: "Nous savons que vous avez hâte de recevoir votre nouveau matériel de vape. C'est pourquoi nous proposons des options d'expédition rapides, discrètes et sécurisées, garantissant que votre commande arrive rapidement et en toute sécurité."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-colorful-glitter-transparent-jar-blue-background_181624-25131.jpg"
|
|
imageAlt="Grande variété de produits de vape et d'e-liquides en exposition"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah J.", role: "Enthousiaste de la Vape", company: "Communauté VapeLife", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-female-hat-drinks-coffee-summer-park_613910-3471.jpg", imageAlt: "Sarah J."},
|
|
{
|
|
id: "t2", name: "Mark P.", role: "Nouveau Vapoteur", company: "Premier Acheteur", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background-smokes-electronic-cigarette_343596-8182.jpg", imageAlt: "Mark P."},
|
|
{
|
|
id: "t3", name: "Emily R.", role: "Connaisseuse de Saveurs", company: "Critique d'E-liquides", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-couple-with-vape-city_1157-23870.jpg", imageAlt: "Emily R."},
|
|
{
|
|
id: "t4", name: "David L.", role: "Moddeur Expérimenté", company: "Forum de Vapotage Avancé", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-drinking-street_23-2147765402.jpg", imageAlt: "David L."},
|
|
{
|
|
id: "t5", name: "Jessica M.", role: "Vapoteuse Quotidienne", company: "Critique en Ligne", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pensive-woman-with-electronic-cigar_1153-547.jpg", imageAlt: "Jessica M."},
|
|
{
|
|
id: "t6", name: "Chris B.", role: "Testeur de Produits", company: "Enthousiaste de la Technologie Vape", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-pressing-ringbell_1187-3687.jpg", imageAlt: "Chris B."},
|
|
]}
|
|
title="Ce que Disent Nos Clients"
|
|
description="Écoutez directement nos clients satisfaits parler de leur expérience avec les produits et services de La Casa De Vape."
|
|
/>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Quels types de produits de vape proposez-vous ?", content: "Nous offrons une large gamme de produits de vape, y compris des kits de démarrage, des systèmes de mod avancés, diverses saveurs d'e-liquides (sel de nicotine et base libre), des bobines, des batteries et d'autres accessoires essentiels."},
|
|
{
|
|
id: "q2", title: "Comment choisir la bonne vape pour moi ?", content: "Notre équipe d'experts est là pour vous aider ! Tenez compte de votre niveau d'expérience, de votre style de vapotage préféré (MTL ou DTL) et des fonctionnalités souhaitées. Vous pouvez nous contacter pour des recommandations personnalisées ou consulter notre guide du débutant sur le blog."},
|
|
{
|
|
id: "q3", title: "Quelles sont vos politiques d'expédition ?", content: "Nous offrons des options d'expédition rapides et discrètes. Les délais de livraison et les coûts varient en fonction de votre emplacement et de la méthode d'expédition choisie. Vous pouvez trouver des informations détaillées sur notre page 'Expédition et Retours'."},
|
|
{
|
|
id: "q4", title: "Proposez-vous l'expédition internationale ?", content: "Actuellement, nous expédions principalement en [Votre Pays/Région]. Veuillez consulter notre politique d'expédition ou contacter le service client pour toute question concernant l'expédition internationale et les réglementations potentielles."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-workshop-creating-bike_23-2148866689.jpg"
|
|
imageAlt="Représentant du support client aidant avec des questions sur la vape"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
title="Foire Aux Questions"
|
|
description="Trouvez des réponses rapides aux questions courantes sur nos produits, vos commandes et le vapotage en général. Votre guide pour une expérience plus fluide."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Contactez-nous"
|
|
title="Connectez-vous avec La Casa De Vape"
|
|
description="Vous avez des questions, besoin d'aide ou simplement envie de discuter de vapotage ? Nous sommes là pour vous aider ! Contactez notre équipe pour des conseils d'experts et une assistance."
|
|
imageSrc="http://img.b2bpic.net/free-photo/blurred-electronics-store_1203-711.jpg"
|
|
imageAlt="Intérieur moderne d'un magasin de vape avec un personnel amical"
|
|
mediaAnimation="opacity"
|
|
inputPlaceholder="Entrez votre e-mail"
|
|
buttonText="Envoyer le message"
|
|
termsText="En envoyant un message, vous confirmez avoir 21 ans et plus et acceptez nos Conditions Générales."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoSrc="https://pub-8a887019777e48b89895315843a758a0.r2.dev/la-casa-de-vape.png"
|
|
logoAlt="Logo La Casa De Vape"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Accueil", href: "#home"},
|
|
{
|
|
label: "Fonctionnalités", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "À Propos de Nous", href: "#about"},
|
|
{
|
|
label: "Témoignages", href: "#testimonials"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
{
|
|
label: "Politique de Confidentialité", href: "#"},
|
|
{
|
|
label: "Conditions d'Utilisation", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="La Casa De Vape"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |