bender/5a6d8895-7f71-4e79-82b9-cd3efe3ca686
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-07 09:35:29 +00:00
parent fd39249dc8
commit af8e2750a2
1 changed files with 35 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

157
src/app/page.tsx
View File

@@ -30,30 +30,18 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Reviews",
id: "reviews",
},
name: "Reviews", id: "reviews"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
brandName="France Coiffure"
/>
</div>
@@ -61,37 +49,24 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Where Parisian Elegance Meets Modern Beauty"
description="Experience bespoke hair and beauty rituals designed exclusively for your unique style. Voted 4.4★ by our elite clientele."
buttons={[
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/blurry-room-with-wooden-floor_1203-1050.jpg?_wi=1",
imageAlt: "Luxurious salon interior with gold accents",
},
imageSrc: "http://img.b2bpic.net/free-photo/blurry-room-with-wooden-floor_1203-1050.jpg", imageAlt: "Luxurious salon interior with gold accents"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hot-tea-table-vintage-style-room_53876-145030.jpg?_wi=1",
imageAlt: "Elegant salon workspace",
},
imageSrc: "http://img.b2bpic.net/free-photo/hot-tea-table-vintage-style-room_53876-145030.jpg", imageAlt: "Elegant salon workspace"},
{
imageSrc: "http://img.b2bpic.net/free-photo/blonde-smiling-woman-getting-hair-washed_23-2148332480.jpg?_wi=1",
imageAlt: "Professional hair styling in progress",
},
imageSrc: "http://img.b2bpic.net/free-photo/blonde-smiling-woman-getting-hair-washed_23-2148332480.jpg", imageAlt: "Professional hair styling in progress"},
{
imageSrc: "http://img.b2bpic.net/free-photo/blurry-room-with-wooden-floor_1203-1050.jpg?_wi=2",
imageAlt: "Refined Parisian decor",
},
imageSrc: "http://img.b2bpic.net/free-photo/blurry-room-with-wooden-floor_1203-1050.jpg", imageAlt: "Refined Parisian decor"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hot-tea-table-vintage-style-room_53876-145030.jpg?_wi=2",
imageAlt: "Sophisticated salon lighting",
},
imageSrc: "http://img.b2bpic.net/free-photo/hot-tea-table-vintage-style-room_53876-145030.jpg", imageAlt: "Sophisticated salon lighting"},
]}
mediaAnimation="slide-up"
/>
@@ -104,28 +79,13 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Bespoke Cut",
description: "Precision styling tailored to your natural movement.",
bentoComponent: "reveal-icon",
icon: Scissors,
imageSrc: "http://img.b2bpic.net/free-photo/blurry-room-with-wooden-floor_1203-1050.jpg?_wi=3",
imageAlt: "luxury beauty salon interior",
title: "Bespoke Cut", description: "Precision styling tailored to your natural movement.", bentoComponent: "reveal-icon", icon: Scissors
},
{
title: "Color Artistry",
description: "Custom color blends for radiant shine.",
bentoComponent: "reveal-icon",
icon: Palette,
imageSrc: "http://img.b2bpic.net/free-photo/hot-tea-table-vintage-style-room_53876-145030.jpg?_wi=3",
imageAlt: "modern salon interior gold details",
title: "Color Artistry", description: "Custom color blends for radiant shine.", bentoComponent: "reveal-icon", icon: Palette
},
{
title: "Hydration Spa",
description: "Deep nourishing treatments for silk-smooth hair.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/blonde-smiling-woman-getting-hair-washed_23-2148332480.jpg?_wi=2",
imageAlt: "woman hair styling luxury salon",
title: "Hydration Spa", description: "Deep nourishing treatments for silk-smooth hair.", bentoComponent: "reveal-icon", icon: Sparkles
},
]}
title="Our Signature Rituals"
@@ -141,17 +101,11 @@ export default function LandingPage() {
description="At France Coiffure, we combine traditional French craftsmanship with modern beauty standards. Our salon is a sanctuary of refined elegance."
bulletPoints={[
{
title: "10 Years Experience",
description: "Mastering the art of hair since 2014.",
},
title: "10 Years Experience", description: "Mastering the art of hair since 2014."},
{
title: "Premium Products",
description: "Only the finest botanical extracts used.",
},
title: "Premium Products", description: "Only the finest botanical extracts used."},
{
title: "Expert Stylists",
description: "Professionals trained in Paris and London.",
},
title: "Expert Stylists", description: "Professionals trained in Paris and London."},
]}
imageSrc="http://img.b2bpic.net/free-photo/photo-two-black-ceramical-hair-sinks-standing-beaty-salon_651396-960.jpg"
imageAlt="Our elegant salon studio"
@@ -166,64 +120,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Claire Dupont",
role: "Client",
company: "Paris",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg?_wi=1",
imageAlt: "Happy client portrait",
},
id: "1", name: "Claire Dupont", role: "Client", company: "Paris", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg", imageAlt: "Happy client portrait"},
{
id: "2",
name: "Sophie Martin",
role: "Client",
company: "Paris",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229815.jpg?_wi=1",
imageAlt: "Client after treatment",
},
id: "2", name: "Sophie Martin", role: "Client", company: "Paris", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229815.jpg", imageAlt: "Client after treatment"},
{
id: "3",
name: "Isabelle Leroy",
role: "Client",
company: "Paris",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-daughter-receiving-gifts-from-her-mother_23-2148331752.jpg",
imageAlt: "Smiling customer",
},
id: "3", name: "Isabelle Leroy", role: "Client", company: "Paris", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-daughter-receiving-gifts-from-her-mother_23-2148331752.jpg", imageAlt: "Smiling customer"},
{
id: "4",
name: "Marie Dubois",
role: "Client",
company: "Paris",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg?_wi=2",
imageAlt: "Satisfied salon client",
},
id: "4", name: "Marie Dubois", role: "Client", company: "Paris", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg", imageAlt: "Satisfied salon client"},
{
id: "5",
name: "Julie Laurent",
role: "Client",
company: "Paris",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229815.jpg?_wi=2",
imageAlt: "Happy salon visitor",
},
id: "5", name: "Julie Laurent", role: "Client", company: "Paris", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229815.jpg", imageAlt: "Happy salon visitor"},
]}
kpiItems={[
{
value: "4.4★",
label: "Aggregate Rating",
},
value: "4.4★", label: "Aggregate Rating"},
{
value: "1000+",
label: "Clients Served",
},
value: "1000+", label: "Clients Served"},
{
value: "10yr",
label: "Since Established",
},
value: "10yr", label: "Since Established"},
]}
title="Client Reflections"
description="Join our community of satisfied, stylish clients who experience beauty every single day."
@@ -234,8 +152,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Booking Request"
title="Secure Your Ritual"
description="Book via WhatsApp at 054 524 8773 or use the form below to request a service."
@@ -249,13 +166,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="France Coiffure"
leftLink={{
text: "Instagram",
href: "https://instagram.com",
}}
text: "Instagram", href: "https://instagram.com"}}
rightLink={{
text: "Maps",
href: "https://maps.google.com",
}}
text: "Maps", href: "https://maps.google.com"}}
/>
</div>
</ReactLenis>