Merge version_1 into main #4
237
src/app/page.tsx
237
src/app/page.tsx
@@ -1,7 +1,6 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
@@ -11,140 +10,108 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Hero", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collection", id: "collection" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Marcel & Simone"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Marcel et Simone : L'Âme du Vintage à Marseille"
|
||||
description="Bien plus qu'une friperie, un voyage dans le temps au cœur de la cité phocéenne. Découvrez une sélection pointue, authentique et pleine de caractère."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-taking-coat-hanger-shirt-from-rack-hook-red-wall_23-2148175656.jpg", imageAlt: "Portant friperie" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-buyer-shopping-pregnancy-clothing-items_482257-88588.jpg", imageAlt: "Vêtements 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-furoshiki-package-flower_23-2150274414.jpg", imageAlt: "Vêtements 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/denimclad-woman-lounging-yellow-chair-near-colorful-steps_24972-2926.jpg", imageAlt: "Vêtements 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/casual-woman-reflecting-laptop-screen_23-2148372111.jpg", imageAlt: "Portant 2" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/details-denim-pocket-close-up_23-2148237639.jpg", imageAlt: "Vêtements 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/jewelry-inside-red-craft-gift-box_114579-12172.jpg", imageAlt: "Vêtements 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/t-shirt-painting-indoors-still-life_23-2150572754.jpg", imageAlt: "Vêtements 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-swimsuit-seaside_23-2150632390.jpg", imageAlt: "Portant 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg", imageAlt: "Portant 2" }
|
||||
]}
|
||||
buttons={[{ text: "Découvrir la collection", href: "#collection" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-shopping-thrift-store_23-2150952350.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525705.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216764.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-shoppers-boutique_23-2147666156.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-fabulous-young-woman-wearing-striped-overall-hat-sitting-black-shiny-surface-building_627829-10555.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Rejoignez plus de 10 000 amoureux du vintage à Marseille."
|
||||
marqueeItems={[{ type: "text", text: "Vintage Authentique" }, { type: "text", text: "Pièces Uniques" }, { type: "text", text: "Chiné avec Amour" }, { type: "text", text: "Style Marseillais" }, { type: "text", text: "Mode Durable" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout useInvertedBackground={true} title="Une histoire de caractère marseillais" />
|
||||
</div>
|
||||
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Manteaux d'époque", price: "dès 45€", variant: "Vintage", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216763.jpg" },
|
||||
{ id: "2", name: "Accessoires rares", price: "dès 15€", variant: "Vintage", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-hipster-man-with-pierced-ears-nose-holding-limonium-flower-hand_23-2148122048.jpg" },
|
||||
{ id: "3", name: "Denim Brut", price: "dès 30€", variant: "Vintage", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blonde-woman-jeans-oversize-jacket-walking-against-wall-street_285396-8018.jpg" },
|
||||
{ id: "4", name: "Vestes en cuir", price: "dès 60€", variant: "Vintage", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-repair-sale-shop_23-2150746360.jpg" },
|
||||
{ id: "5", name: "Foulards soie", price: "dès 12€", variant: "Vintage", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-relaxed-young-man-sitting-chair-with-colorful-flowers_23-2148122075.jpg" },
|
||||
{ id: "6", name: "Chemisiers chics", price: "dès 25€", variant: "Vintage", imageSrc: "http://img.b2bpic.net/free-photo/sewing-denim-jacket-buttons_150588-35.jpg" }
|
||||
]}
|
||||
title="Notre Sélection du Moment"
|
||||
description="Des pièces uniques chinées pour vous, prêtes à écrire une nouvelle histoire."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Sélection exigeante", description: "Chaque pièce est inspectée pour son état et son âme vintage.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-bag-outside-street_1303-24716.jpg" },
|
||||
{ title: "Prix accessibles", description: "La qualité vintage pour tous les budgets marseillais.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-stylish-fedora-hats_23-2150711541.jpg" },
|
||||
{ title: "Renouvellement constant", description: "De nouveaux trésors arrivent chaque semaine en boutique.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478983.jpg" },
|
||||
{ title: "Accueil authentique", description: "Un conseil personnalisé et bienveillant, comme à la maison.", imageSrc: "http://img.b2bpic.net/free-photo/teenagers-exchanging-glances_1140-35.jpg" }
|
||||
]}
|
||||
title="La Promesse Marcel & Simone"
|
||||
description="Nous avons écouté vos retours pour créer l'expérience parfaite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Incontournable", quote: "La plus belle sélection de Marseille !", name: "Julie", role: "Cliente fidèle", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cute-blond-woman-hipster-clothes_158538-2315.jpg" },
|
||||
{ id: "2", title: "Chaleureux", quote: "On s'y sent comme chez des amis.", name: "Marc", role: "Habitué", imageSrc: "http://img.b2bpic.net/free-photo/portrait-retro-1920s-english-arabian-business-man-wearing-dark-suit-tie-flat-cap-near-old-columns_627829-6774.jpg" },
|
||||
{ id: "3", title: "Pépites", quote: "J'ai trouvé mon manteau coup de cœur ici.", name: "Sarah", role: "Chineuse", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-best-point-view_1139-71.jpg" },
|
||||
{ id: "4", title: "Parfait", quote: "Des prix honnêtes pour des pièces uniques.", name: "Thomas", role: "Amateur", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-garage-sale_23-2150540756.jpg" },
|
||||
{ id: "5", title: "Bravo", quote: "Une friperie comme on les aime.", name: "Léa", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-shopper-holding-paper-bags-smiling-cashier-seller-fashion-store-woman-taking-purchase-leaving-shop-medium-shot-shopping-concept_74855-11610.jpg" }
|
||||
]}
|
||||
title="Ce qu'ils disent de nous"
|
||||
description="La communauté Marcel et Simone s'agrandit chaque jour."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
tag="Retrouvez-nous"
|
||||
title="Le cœur du vintage marseillais"
|
||||
description="Venez chiner au 42 rue de la friperie, 13001 Marseille. Abonnez-vous pour être au courant des arrivages."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Marcel & Simone"
|
||||
leftLink={{ text: "Mentions légales", href: "#" }}
|
||||
rightLink={{ text: "Instagram", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline navItems={navItems} brandName="Marcel & Simone" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Marcel et Simone : L'Âme du Vintage à Marseille"
|
||||
description="Bien plus qu'une friperie, un voyage dans le temps au cœur de la cité phocéenne. Découvrez une sélection pointue, authentique et pleine de caractère."
|
||||
leftCarouselItems={[{imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-taking-coat-hanger-shirt-from-rack-hook-red-wall_23-2148175656.jpg", imageAlt: "Portant friperie"}, {imageSrc: "http://img.b2bpic.net/free-photo/african-american-buyer-shopping-pregnancy-clothing-items_482257-88588.jpg", imageAlt: "Vêtements 1"}, {imageSrc: "http://img.b2bpic.net/free-photo/top-view-furoshiki-package-flower_23-2150274414.jpg", imageAlt: "Vêtements 2"}, {imageSrc: "http://img.b2bpic.net/free-photo/denimclad-woman-lounging-yellow-chair-near-colorful-steps_24972-2926.jpg", imageAlt: "Vêtements 3"}, {imageSrc: "http://img.b2bpic.net/free-photo/casual-woman-reflecting-laptop-screen_23-2148372111.jpg", imageAlt: "Portant 2"}]}
|
||||
rightCarouselItems={[{imageSrc: "http://img.b2bpic.net/free-photo/details-denim-pocket-close-up_23-2148237639.jpg", imageAlt: "Vêtements 1"}, {imageSrc: "http://img.b2bpic.net/free-photo/jewelry-inside-red-craft-gift-box_114579-12172.jpg", imageAlt: "Vêtements 2"}, {imageSrc: "http://img.b2bpic.net/free-photo/t-shirt-painting-indoors-still-life_23-2150572754.jpg", imageAlt: "Vêtements 3"}, {imageSrc: "http://img.b2bpic.net/free-photo/beautiful-swimsuit-seaside_23-2150632390.jpg", imageAlt: "Portant 1"}, {imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg", imageAlt: "Portant 2"}]}
|
||||
buttons={[{text: "Découvrir la collection", href: "#collection"}]}
|
||||
avatars={[{src: "http://img.b2bpic.net/free-photo/woman-shopping-thrift-store_23-2150952350.jpg", alt: "Client 1"}, {src: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525705.jpg", alt: "Client 2"}, {src: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216764.jpg", alt: "Client 3"}, {src: "http://img.b2bpic.net/free-photo/female-shoppers-boutique_23-2147666156.jpg", alt: "Client 4"}, {src: "http://img.b2bpic.net/free-photo/portrait-fabulous-young-woman-wearing-striped-overall-hat-sitting-black-shiny-surface-building_627829-10555.jpg", alt: "Client 5"}]}
|
||||
avatarText="Rejoignez plus de 10 000 amoureux du vintage à Marseille."
|
||||
marqueeItems={[{type: "text", text: "Vintage Authentique"}, {type: "text", text: "Pièces Uniques"}, {type: "text", text: "Chiné avec Amour"}, {type: "text", text: "Style Marseillais"}, {type: "text", text: "Mode Durable"}]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout title="Une histoire de caractère marseillais" useInvertedBackground={true} />
|
||||
</div>
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Notre Sélection du Moment"
|
||||
description="Des pièces uniques chinées pour vous, prêtes à écrire une nouvelle histoire."
|
||||
products={[
|
||||
{ id: "1", name: "Manteaux d'époque", price: "dès 45€", variant: "Vintage", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216763.jpg" },
|
||||
{ id: "2", name: "Accessoires rares", price: "dès 15€", variant: "Vintage", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-hipster-man-with-pierced-ears-nose-holding-limonium-flower-hand_23-2148122048.jpg" },
|
||||
{ id: "3", name: "Denim Brut", price: "dès 30€", variant: "Vintage", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-blonde-woman-jeans-oversize-jacket-walking-against-wall-street_285396-8018.jpg" },
|
||||
{ id: "4", name: "Vestes en cuir", price: "dès 60€", variant: "Vintage", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-repair-sale-shop_23-2150746360.jpg" },
|
||||
{ id: "5", name: "Foulards soie", price: "dès 12€", variant: "Vintage", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-relaxed-young-man-sitting-chair-with-colorful-flowers_23-2148122075.jpg" },
|
||||
{ id: "6", name: "Chemisiers chics", price: "dès 25€", variant: "Vintage", imageSrc: "http://img.b2bpic.net/free-photo/sewing-denim-jacket-buttons_150588-35.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="La Promesse Marcel & Simone"
|
||||
description="Nous avons écouté vos retours pour créer l'expérience parfaite."
|
||||
features={[
|
||||
{ title: "Sélection exigeante", description: "Chaque pièce est inspectée pour son état et son âme vintage.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-bag-outside-street_1303-24716.jpg" },
|
||||
{ title: "Prix accessibles", description: "La qualité vintage pour tous les budgets marseillais.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-stylish-fedora-hats_23-2150711541.jpg" },
|
||||
{ title: "Renouvellement constant", description: "De nouveaux trésors arrivent chaque semaine en boutique.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478983.jpg" },
|
||||
{ title: "Accueil authentique", description: "Un conseil personnalisé et bienveillant, comme à la maison.", imageSrc: "http://img.b2bpic.net/free-photo/teenagers-exchanging-glances_1140-35.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Ce qu'ils disent de nous"
|
||||
description="La communauté Marcel et Simone s'agrandit chaque jour."
|
||||
testimonials={[
|
||||
{ id: "1", title: "Incontournable", quote: "La plus belle sélection de Marseille !", name: "Julie", role: "Cliente fidèle", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cute-blond-woman-hipster-clothes_158538-2315.jpg" },
|
||||
{ id: "2", title: "Chaleureux", quote: "On s'y sent comme chez des amis.", name: "Marc", role: "Habitué", imageSrc: "http://img.b2bpic.net/free-photo/portrait-retro-1920s-english-arabian-business-man-wearing-dark-suit-tie-flat-cap-near-old-columns_627829-6774.jpg" },
|
||||
{ id: "3", title: "Pépites", quote: "J'ai trouvé mon manteau coup de cœur ici.", name: "Sarah", role: "Chineuse", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-best-point-view_1139-71.jpg" },
|
||||
{ id: "4", title: "Parfait", quote: "Des prix honnêtes pour des pièces uniques.", name: "Thomas", role: "Amateur", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-garage-sale_23-2150540756.jpg" },
|
||||
{ id: "5", title: "Bravo", quote: "Une friperie comme on les aime.", name: "Léa", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-shopper-holding-paper-bags-smiling-cashier-seller-fashion-store-woman-taking-purchase-leaving-shop-medium-shot-shopping-concept_74855-11610.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Retrouvez-nous"
|
||||
title="Le cœur du vintage marseillais"
|
||||
description="Venez chiner au 42 rue de la friperie, 13001 Marseille. Abonnez-vous pour être au courant des arrivages."
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Marcel & Simone"
|
||||
leftLink={{ text: "Mentions légales", href: "#" }}
|
||||
rightLink={{ text: "Instagram", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user