bender/971a1e74-288e-414d-bccd-cc32bb83f424
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-18 01:06:10 +00:00
Conversation 0 Commits 1 Files Changed 1 +53 -245
1 changed files with 53 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

298
src/app/page.tsx
View File

@@ -20,31 +20,23 @@ export default function LandingPage() {
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">
<NavbarStyleFullscreen
navItems={[
{
name: "Accueil",
id: "hero",
},
{
name: "Notre Approche",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "FAQ",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
{ name: "Accueil", id: "hero" },
{ name: "Notre Approche", id: "about" },
{ name: "Services", id: "services" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="Clinique des Champs-Élysées"
/>
@@ -52,99 +44,32 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="L'excellence esthétique au cœur de Paris"
description="Depuis 1947, la Clinique des Champs-Élysées Paris 8ème vous offre une expertise médicale de renommée mondiale pour révéler votre beauté naturelle dans un cadre d'exception."
testimonials={[
{
name: "Marie D.",
handle: "@maried",
testimonial: "Un accueil exceptionnel et des résultats à la hauteur de mes attentes.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/architecture_1122-1804.jpg?_wi=1",
imageAlt: "luxury aesthetic clinic paris interior",
},
{
name: "Sophie B.",
handle: "@sophieb",
testimonial: "La référence absolue de la médecine esthétique à Paris.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-treatment-room_181624-30807.jpg?_wi=1",
imageAlt: "luxury aesthetic clinic paris interior",
},
{
name: "Thomas L.",
handle: "@thomasl",
testimonial: "Une expérience client irréprochable du début à la fin.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic_23-2148878875.jpg?_wi=1",
imageAlt: "luxury aesthetic clinic paris interior",
},
{
name: "Clara V.",
handle: "@clarav",
testimonial: "Le professionnalisme et le savoir-faire sont au rendez-vous.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sad-pretty-businesswoman-drawing-graph-glass_1262-1884.jpg?_wi=1",
imageAlt: "luxury aesthetic clinic paris interior",
},
{
name: "Jean M.",
handle: "@jeanm",
testimonial: "Résultats bluffants, je recommande vivement ce lieu.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34900.jpg?_wi=1",
imageAlt: "luxury aesthetic clinic paris interior",
},
{ name: "Marie D.", handle: "@maried", testimonial: "Un accueil exceptionnel et des résultats à la hauteur de mes attentes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/architecture_1122-1804.jpg", imageAlt: "luxury aesthetic clinic paris interior" },
{ name: "Sophie B.", handle: "@sophieb", testimonial: "La référence absolue de la médecine esthétique à Paris.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-treatment-room_181624-30807.jpg", imageAlt: "luxury aesthetic clinic paris interior" },
{ name: "Thomas L.", handle: "@thomasl", testimonial: "Une expérience client irréprochable du début à la fin.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic_23-2148878875.jpg", imageAlt: "luxury aesthetic clinic paris interior" },
{ name: "Clara V.", handle: "@clarav", testimonial: "Le professionnalisme et le savoir-faire sont au rendez-vous.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sad-pretty-businesswoman-drawing-graph-glass_1262-1884.jpg", imageAlt: "luxury aesthetic clinic paris interior" },
{ name: "Jean M.", handle: "@jeanm", testimonial: "Résultats bluffants, je recommande vivement ce lieu.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34900.jpg", imageAlt: "luxury aesthetic clinic paris interior" },
]}
imageSrc="http://img.b2bpic.net/free-photo/architecture_1122-1804.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/architecture_1122-1804.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407613.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407591.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407613.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407591.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg", alt: "Client 5" },
]}
avatarText="Rejoignez nos 4000+ patients satisfaits"
marqueeItems={[
{
type: "text",
text: "Expertise 1947",
},
{
type: "text",
text: "Paris 8ème",
},
{
type: "text",
text: "Technologie avancée",
},
{
type: "text",
text: "Soins sur-mesure",
},
{
type: "text",
text: "Qualité premium",
},
{ type: "text", text: "Expertise 1947" },
{ type: "text", text: "Paris 8ème" },
{ type: "text", text: "Technologie avancée" },
{ type: "text", text: "Soins sur-mesure" },
{ type: "text", text: "Qualité premium" },
]}
/>
</div>
@@ -154,9 +79,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Plus de 75 ans d'expertise"
description={[
"Située au 61 avenue Franklin Delano Roosevelt, notre clinique est une référence depuis 1947.",
"Chaque mois, plus de 4000 patients nous font confiance pour leur beauté et leur bien-être.",
]}
"Située au 61 avenue Franklin Delano Roosevelt, notre clinique est une référence depuis 1947.", "Chaque mois, plus de 4000 patients nous font confiance pour leur beauté et leur bien-être."]}
/>
</div>
@@ -167,28 +90,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Innovation Médicale",
description: "Technologies de pointe pour des résultats naturels et durables.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-treatment-room_181624-30807.jpg?_wi=2",
imageAlt: "professional aesthetic doctor working",
title: "Innovation Médicale", description: "Technologies de pointe pour des résultats naturels et durables.", bentoComponent: "reveal-icon", icon: Sparkles
},
{
title: "Expertise Reconnue",
description: "Praticiens experts formés aux techniques les plus avancées.",
bentoComponent: "reveal-icon",
icon: Award,
imageSrc: "http://img.b2bpic.net/free-photo/architecture_1122-1804.jpg?_wi=3",
imageAlt: "professional aesthetic doctor working",
title: "Expertise Reconnue", description: "Praticiens experts formés aux techniques les plus avancées.", bentoComponent: "reveal-icon", icon: Award
},
{
title: "Sur-mesure",
description: "Un accompagnement personnalisé pour chaque besoin esthétique.",
bentoComponent: "reveal-icon",
icon: Shield,
imageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic_23-2148878875.jpg?_wi=2",
imageAlt: "professional aesthetic doctor working",
title: "Sur-mesure", description: "Un accompagnement personnalisé pour chaque besoin esthétique.", bentoComponent: "reveal-icon", icon: Shield
},
]}
title="Nos Engagements"
@@ -203,42 +111,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Médecine Esthétique",
price: "Sur consultation",
imageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic_23-2148878875.jpg?_wi=3",
},
{
id: "2",
name: "Chirurgie Esthétique",
price: "Sur devis",
imageSrc: "http://img.b2bpic.net/free-photo/sad-pretty-businesswoman-drawing-graph-glass_1262-1884.jpg?_wi=2",
},
{
id: "3",
name: "Soins Laser",
price: "À partir de 150€",
imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34900.jpg?_wi=2",
},
{
id: "4",
name: "Rajeunissement",
price: "Sur consultation",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-brunette-getting-lymphatic-massage-her-belly-healthy-beauty-spa-clinic_662251-1960.jpg",
},
{
id: "5",
name: "Soins Visage",
price: "À partir de 200€",
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-diagnosing-melanoma-body-female-patient_23-2149365813.jpg",
},
{
id: "6",
name: "Body Contouring",
price: "Sur devis",
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-going-through-microblading-treatment_23-2149102677.jpg",
},
{ id: "1", name: "Médecine Esthétique", price: "Sur consultation", imageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic_23-2148878875.jpg" },
{ id: "2", name: "Chirurgie Esthétique", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/sad-pretty-businesswoman-drawing-graph-glass_1262-1884.jpg" },
{ id: "3", name: "Soins Laser", price: "À partir de 150€", imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34900.jpg" },
{ id: "4", name: "Rajeunissement", price: "Sur consultation", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-brunette-getting-lymphatic-massage-her-belly-healthy-beauty-spa-clinic_662251-1960.jpg" },
{ id: "5", name: "Soins Visage", price: "À partir de 200€", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-diagnosing-melanoma-body-female-patient_23-2149365813.jpg" },
{ id: "6", name: "Body Contouring", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-going-through-microblading-treatment_23-2149102677.jpg" },
]}
title="Nos Spécialités"
description="Découvrez notre gamme complète de soins esthétiques."
@@ -251,24 +129,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Users,
title: "Patients/mois",
value: "4000+",
},
{
id: "m2",
icon: History,
title: "Années d'expérience",
value: "75+",
},
{
id: "m3",
icon: MapPin,
title: "Implantations",
value: "Paris 8ème",
},
{ id: "m1", icon: Users, title: "Patients/mois", value: "4000+" },
{ id: "m2", icon: History, title: "Années d'expérience", value: "75+" },
{ id: "m3", icon: MapPin, title: "Implantations", value: "Paris 8ème" },
]}
title="Nos Chiffres Clés"
description="La confiance témoignée par des milliers de patients chaque mois."
@@ -281,46 +144,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Julie A.",
handle: "@juliea",
testimonial: "Résultat incroyable et naturel.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-salon-looking-into-mirror_1303-16737.jpg",
},
{
id: "t2",
name: "Marc L.",
handle: "@marcl",
testimonial: "Un suivi professionnel et rassurant.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/my-everynight-routine-is-very-complex_329181-7827.jpg",
},
{
id: "t3",
name: "Sarah P.",
handle: "@sarahp",
testimonial: "La clinique est magnifique.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/anti-stress-therapy_1098-15700.jpg",
},
{
id: "t4",
name: "Clément D.",
handle: "@clementd",
testimonial: "Expertise sans faille.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-woman-sofa-with-tablet_268835-1511.jpg",
},
{
id: "t5",
name: "Laura S.",
handle: "@lauras",
testimonial: "Recommande vivement.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/old-lady-posing-with-her-eyes-closed_23-2148286610.jpg",
},
{ id: "t1", name: "Julie A.", handle: "@juliea", testimonial: "Résultat incroyable et naturel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-salon-looking-into-mirror_1303-16737.jpg" },
{ id: "t2", name: "Marc L.", handle: "@marcl", testimonial: "Un suivi professionnel et rassurant.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/my-everynight-routine-is-very-complex_329181-7827.jpg" },
{ id: "t3", name: "Sarah P.", handle: "@sarahp", testimonial: "La clinique est magnifique.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/anti-stress-therapy_1098-15700.jpg" },
{ id: "t4", name: "Clément D.", handle: "@clementd", testimonial: "Expertise sans faille.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-woman-sofa-with-tablet_268835-1511.jpg" },
{ id: "t5", name: "Laura S.", handle: "@lauras", testimonial: "Recommande vivement.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/old-lady-posing-with-her-eyes-closed_23-2148286610.jpg" },
]}
showRating={true}
title="Témoignages patients"
@@ -333,21 +161,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Comment prendre rendez-vous ?",
content: "Via notre plateforme en ligne ou par téléphone.",
},
{
id: "f2",
title: "Quelle est la durée de traitement ?",
content: "Elle dépend du soin choisi, évaluée lors de la première consultation.",
},
{
id: "f3",
title: "Le traitement est-il douloureux ?",
content: "Nous utilisons des techniques pour minimiser tout inconfort.",
},
{ id: "f1", title: "Comment prendre rendez-vous ?", content: "Via notre plateforme en ligne ou par téléphone." },
{ id: "f2", title: "Quelle est la durée de traitement ?", content: "Elle dépend du soin choisi, évaluée lors de la première consultation." },
{ id: "f3", title: "Le traitement est-il douloureux ?", content: "Nous utilisons des techniques pour minimiser tout inconfort." },
]}
title="Questions fréquentes"
description="Toutes les réponses à vos interrogations."
@@ -358,9 +174,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Prenez rendez-vous"
description="Contactez-nous pour une consultation personnalisée."
tag="Contact"
@@ -370,14 +184,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="CRPCE"
leftLink={{
text: "Mentions Légales",
href: "#",
}}
rightLink={{
text: "Contact",
href: "#",
}}
leftLink={{ text: "Mentions Légales", href: "#" }}
rightLink={{ text: "Contact", href: "#" }}
/>
</div>
</ReactLenis>