122 lines
5.0 KiB
TypeScript
122 lines
5.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import { Zap, Users, MessageCircle } from "lucide-react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Accueil", id: "hero" },
|
|
{ name: "Parcours", id: "about" },
|
|
{ name: "Expertises", id: "features" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Stéphanie Arnoud"
|
|
button={{
|
|
text: "Prendre rendez-vous", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Révélez votre potentiel avec Stéphanie Arnoud"
|
|
description="Accompagnement personnel et développement humain pour transformer vos défis en opportunités."
|
|
buttons={[
|
|
{ text: "Prendre rendez-vous avec Stéphanie", href: "#contact" },
|
|
]}
|
|
mediaItems={[
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/uploaded-1774974961042-0vf5ftqi.jpg", imageAlt: "Stéphanie Arnoud" },
|
|
]}
|
|
mediaAnimation="blur-reveal"
|
|
imageClassName="rounded-full aspect-square object-cover"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Qui suis-je ?"
|
|
description={[
|
|
"Après 25 années passionnantes au sein du groupe Agfa en tant que DRH, j'ai choisi d'écouter ma vocation profonde : l'accompagnement humain.", "Mon approche combine mon expertise des organisations et une fine connaissance du développement personnel, pour vous aider à atteindre vos objectifs avec sérénité et clarté."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ title: "Intelligence Émotionnelle", description: "Maîtrisez vos émotions pour une vie plus alignée.", buttonIcon: Zap },
|
|
{ title: "Intelligence Collective", description: "Favorisez la synergie dans vos relations et projets.", buttonIcon: Users },
|
|
{ title: "Communication Non Violente", description: "Améliorez vos échanges et clarifiez vos besoins.", buttonIcon: MessageCircle },
|
|
]}
|
|
title="Expertises & Formations"
|
|
description="Je m'appuie sur des approches éprouvées pour favoriser votre épanouissement personnel et professionnel."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Sophie M.", handle: "@sophiem", testimonial: "Un accompagnement d'une profondeur rare. Stéphanie a changé ma vision.", rating: 5 },
|
|
{ id: "2", name: "Julien P.", handle: "@julienp", testimonial: "La bienveillance et le professionnalisme à chaque étape. Merci.", rating: 5 },
|
|
{ id: "3", name: "Claire L.", handle: "@clairel", testimonial: "Une approche concrète et très inspirante. Je me sens alignée.", rating: 5 },
|
|
]}
|
|
showRating={true}
|
|
title="Ce qu'ils en pensent"
|
|
description="Des retours précieux sur la transformation et la bienveillance de l'accompagnement."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Prenons contact"
|
|
title="Prêt(e) à entamer votre transformation ?"
|
|
description="Je vous accompagne personnellement pour vos projets de vie. Prenons rendez-vous."
|
|
buttons={[
|
|
{ text: "Prendre rendez-vous", href: "https://calendly.com" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Stéphanie Arnoud"
|
|
copyrightText="© 2025 Stéphanie Arnoud Coaching"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |