Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
185
src/app/page.tsx
185
src/app/page.tsx
@@ -1,120 +1,91 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { MapPin, Star } from "lucide-react";
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Zap, Shield, ArrowRight } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function HomePage() {
|
||||
const navItems = [{ name: 'Home', id: '/' }];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Nos Produits", id: "univers" },
|
||||
{ name: "Nous Visiter", id: "contact" },
|
||||
]}
|
||||
brandName="Maroquinerie Erard"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="Webild" />
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Welcome to Webild"
|
||||
description="Your next-generation digital experience starts here."
|
||||
background={{ variant: 'animated-grid' }}
|
||||
buttons={[{ text: 'Get Started', href: '#contact' }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="L'Art de la Maroquinerie, au Cœur de Paris"
|
||||
description="Sacs, ceintures et accessoires de qualité depuis des années — Rue Erard, Paris 12e"
|
||||
tag="Note Google : 4,8 / 5 ⭐ — Boutique de maroquinerie à Paris — Made in France"
|
||||
buttons={[{ text: "Découvrir la boutique", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg"
|
||||
tagIcon={Star}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="About Us"
|
||||
description={["We build innovative digital solutions tailored to your needs.", "Our mission is to simplify technology for everyone."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Une Boutique Parisienne Authentique"
|
||||
description={[
|
||||
"Nichée au 3 Rue Erard dans le 12e arrondissement, la Maroquinerie Erard est une adresse incontournable pour les amateurs d'accessoires de qualité.", "Nous proposons une sélection soignée de sacs, ceintures, portefeuilles et petite maroquinerie, alliant savoir-faire artisanal et prix accessibles."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="univers" data-section="univers">
|
||||
<FeatureCardTwelve
|
||||
title="Our Universe"
|
||||
description="Core features of our platform"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
features={[
|
||||
{ id: "1", label: "Innovation", title: "Advanced Tech", items: ["AI-Powered", "Cloud Native"] },
|
||||
{ id: "2", label: "Speed", title: "Fast Performance", items: ["Optimized", "Low Latency"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="univers" data-section="univers">
|
||||
<FeatureCardTwelve
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", label: "Luxe", title: "Sacs & Cabas", items: ["Des modèles élégants pour toutes les occasions", "Du quotidien au grand soir", "Qualité artisanale garantie"] },
|
||||
{ id: "2", label: "Essentiels", title: "Ceintures & Petite Maroquinerie", items: ["Des accessoires essentiels", "Fabriqués dans des matières nobles", "Durabilité et style"] },
|
||||
{ id: "3", label: "France", title: "Produits Made in France", items: ["Une sélection valorisant le savoir-faire français", "Pour ceux qui exigent le meilleur", "Authenticité assurée"] }
|
||||
]}
|
||||
title="Notre Univers"
|
||||
description="Découvrez notre collection raffinée d'accessoires en cuir."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The platform transformed our entire workflow!"
|
||||
rating={5}
|
||||
author="Jane Doe"
|
||||
avatars={[{ src: "https://i.pravatar.cc/100", alt: "Jane Doe" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Découverte par hasard… et une vraie belle surprise. Une boutique chaleureuse avec un excellent choix de produits."
|
||||
rating={5}
|
||||
author="Valérie Georges"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-employees-looking-laptop-laughing_74855-4007.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/curly-mexican-girl-leather-cap-plastic-cup-coffee-hand-walking-streets-city_627829-9217.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-shopping-clothes-shop_107420-94828.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-women-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-front-view-consumerism-shopping-concept_74855-12050.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/traveller-london-city-with-atumn-vibes_23-2149104655.jpg", alt: "Client 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Contact Us"
|
||||
title="Ready to Start?"
|
||||
description="Get in touch with our team today to learn more about our services."
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
background={{ variant: 'sparkles-gradient' }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Informations Pratiques"
|
||||
title="Nous Rendre Visite"
|
||||
description="Adresse : 3 Rue Erard, 75012 Paris | Téléphone : 01 43 43 68 77 | Mardi – Samedi : 10h00 – 19h00 (Dimanche & Lundi : Fermé)"
|
||||
buttons={[{ text: "Itinéraire", href: "https://maps.google.com" }]}
|
||||
tagIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Maroquinerie Erard"
|
||||
columns={[
|
||||
{ title: "Boutique", items: [{ label: "À Propos", href: "#about" }, { label: "Collections", href: "#univers" }] },
|
||||
{ title: "Contact", items: [{ label: "3 Rue Erard, 75012 Paris", href: "#contact" }, { label: "01 43 43 68 77", href: "tel:0143436877" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Maroquinerie Erard. Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Webild"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user