Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-04-18 21:19:00 +00:00

View File

@@ -29,402 +29,164 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Lush Beauty Lounge"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="Lush Beauty Lounge"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
title="Where beauty meets artistry"
description="Discover Ammans most luxurious salon experience. Expert hair, nail, and beauty treatments tailored to you."
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668420.jpg?_wi=1"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/make-up-artist-getting-model-ready-photoshootin_23-2149305144.jpg",
alt: "Stylist portrait",
},
{
src: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167364.jpg",
alt: "Client beauty",
},
{
src: "http://img.b2bpic.net/free-photo/hairdresser-with-woman-client_657883-572.jpg",
alt: "Salon staff",
},
{
src: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-client-s-hair-indoors_23-2148940876.jpg",
alt: "Beauty expert",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-restful-woman_1098-3168.jpg",
alt: "Satisfied client",
},
]}
avatarText="Trusted by 500+ clients"
marqueeItems={[
{
type: "text",
text: "Luxury Hair",
},
{
type: "text",
text: "Expert Nails",
},
{
type: "text",
text: "Bridal Styling",
},
{
type: "text",
text: "Premium Spa",
},
{
type: "text",
text: "Personalized Care",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "gradient-bars" }}
title="Where beauty meets artistry"
description="Discover Ammans most luxurious salon experience. Expert hair, nail, and beauty treatments tailored to you."
buttons={[{ text: "Book an Appointment", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668420.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/make-up-artist-getting-model-ready-photoshootin_23-2149305144.jpg", alt: "Stylist portrait" },
{ src: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167364.jpg", alt: "Client beauty" },
{ src: "http://img.b2bpic.net/free-photo/hairdresser-with-woman-client_657883-572.jpg", alt: "Salon staff" },
{ src: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-client-s-hair-indoors_23-2148940876.jpg", alt: "Beauty expert" },
{ src: "http://img.b2bpic.net/free-photo/close-up-restful-woman_1098-3168.jpg", alt: "Satisfied client" },
]}
avatarText="Trusted by 500+ clients"
marqueeItems={[
{ type: "text", text: "Luxury Hair" },
{ type: "text", text: "Expert Nails" },
{ type: "text", text: "Bridal Styling" },
{ type: "text", text: "Premium Spa" },
{ type: "text", text: "Personalized Care" },
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="More than a salon — a beauty sanctuary"
description="At Lush Beauty Lounge, every detail is designed around you. We combine global techniques with Jordanian hospitality."
bulletPoints={[
{
title: "Clean Products",
description: "We only use premium, safe products.",
},
{
title: "Skilled Artistry",
description: "Our stylists are internationally trained.",
},
{
title: "Exceptional Care",
description: "Personalized service for every guest.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-lying-massage-table-smiling_1098-2710.jpg?_wi=1"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="More than a salon — a beauty sanctuary"
description="At Lush Beauty Lounge, every detail is designed around you. We combine global techniques with Jordanian hospitality."
bulletPoints={[
{ title: "Clean Products", description: "We only use premium, safe products." },
{ title: "Skilled Artistry", description: "Our stylists are internationally trained." },
{ title: "Exceptional Care", description: "Personalized service for every guest." },
]}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-lying-massage-table-smiling_1098-2710.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Precision Hair",
description: "Coloring, balayage, and cuts.",
bentoComponent: "reveal-icon",
icon: Scissors,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-with-mascara_23-2148553439.jpg",
imageAlt: "professional hair coloring tool",
},
{
title: "Nail Bar",
description: "Gel nails and luxury extensions.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668420.jpg?_wi=2",
imageAlt: "professional hair coloring tool",
},
{
title: "Occasion Styling",
description: "Makeup, bridal, and blowouts.",
bentoComponent: "reveal-icon",
icon: Feather,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-massage-table-smiling_1098-2710.jpg?_wi=2",
imageAlt: "professional hair coloring tool",
},
]}
title="Signature Services"
description="Expert treatments designed to elevate your natural beauty."
/>
</div>
<div id="features" data-section="features">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Precision Hair", description: "Coloring, balayage, and cuts.", bentoComponent: "reveal-icon", icon: Scissors },
{ title: "Nail Bar", description: "Gel nails and luxury extensions.", bentoComponent: "reveal-icon", icon: Sparkles },
{ title: "Occasion Styling", description: "Makeup, bridal, and blowouts.", bentoComponent: "reveal-icon", icon: Feather },
]}
title="Signature Services"
description="Expert treatments designed to elevate your natural beauty."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "p1",
badge: "Essential",
price: "Starting from 25 JOD",
subtitle: "Blowouts & Maintenance",
features: [
"Consultation",
"Expert Wash",
"Blowout Style",
],
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
},
{
id: "p2",
badge: "Popular",
price: "Starting from 65 JOD",
subtitle: "Hair Color & Treatments",
features: [
"Consultation",
"Balayage",
"Gloss Treatment",
],
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
},
{
id: "p3",
badge: "Luxury",
price: "Starting from 40 JOD",
subtitle: "Full Nail Service",
features: [
"Gel Extensions",
"Nail Art",
"Manicure",
],
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
},
]}
title="Service Packages"
description="Elegant care for every need."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{ id: "p1", badge: "Essential", price: "Starting from 25 JOD", subtitle: "Blowouts & Maintenance", features: ["Consultation", "Expert Wash", "Blowout Style"], buttons: [{ text: "Book Now", href: "#contact" }] },
{ id: "p2", badge: "Popular", price: "Starting from 65 JOD", subtitle: "Hair Color & Treatments", features: ["Consultation", "Balayage", "Gloss Treatment"], buttons: [{ text: "Book Now", href: "#contact" }] },
{ id: "p3", badge: "Luxury", price: "Starting from 40 JOD", subtitle: "Full Nail Service", features: ["Gel Extensions", "Nail Art", "Manicure"], buttons: [{ text: "Book Now", href: "#contact" }] },
]}
title="Service Packages"
description="Elegant care for every need."
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
groups={[
{
id: "g1",
groupTitle: "Stylists",
members: [
{
id: "m1",
title: "Fawzi",
subtitle: "Creative Stylist",
detail: "Master of precision cuts.",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-looking-camera-showing-thumb-up-isolated-red-background_141793-137078.jpg",
},
{
id: "m2",
title: "Dareen",
subtitle: "Color Expert",
detail: "Specializing in dimensional balayage.",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-holding-few-makeup-brushes-table_23-2148113077.jpg",
},
{
id: "m3",
title: "Ehab",
subtitle: "Senior Hairdresser",
detail: "Expert in elegant bridal styling.",
imageSrc: "http://img.b2bpic.net/free-photo/glamorous-model-make-up-studio_23-2148328753.jpg",
},
{
id: "m4",
title: "Asem",
subtitle: "Nail Artist",
detail: "Detail-oriented nail perfectionist.",
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668420.jpg?_wi=3",
imageAlt: "smiling beauty stylist portrait",
},
]}
title="Meet Our Artists"
description="The talent behind your most beautiful look."
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
groups={[
{
id: "g1", groupTitle: "Stylists", members: [
{ id: "m1", title: "Fawzi", subtitle: "Creative Stylist", detail: "Master of precision cuts.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-looking-camera-showing-thumb-up-isolated-red-background_141793-137078.jpg" },
{ id: "m2", title: "Dareen", subtitle: "Color Expert", detail: "Specializing in dimensional balayage.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-holding-few-makeup-brushes-table_23-2148113077.jpg" },
{ id: "m3", title: "Ehab", subtitle: "Senior Hairdresser", detail: "Expert in elegant bridal styling.", imageSrc: "http://img.b2bpic.net/free-photo/glamorous-model-make-up-studio_23-2148328753.jpg" },
{ id: "m4", title: "Asem", subtitle: "Nail Artist", detail: "Detail-oriented nail perfectionist.", imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg" },
]
}
]}
title="Meet Our Artists"
description="The talent behind your most beautiful look."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Jasmine",
role: "Client",
testimonial: "Extremely happy with my hair.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white-background_1187-3894.jpg",
},
{
id: "t2",
name: "Tania",
role: "Client",
testimonial: "So professional and warm.",
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg",
},
{
id: "t3",
name: "Sarah",
role: "Client",
testimonial: "The best blowout in Amman.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7525.jpg",
},
{
id: "t4",
name: "Leila",
role: "Client",
testimonial: "Fawzi is a genius.",
imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-girl-with-red-hair-freckles-touch-her-head-smiling-happy-gazing-camera-confident-cheerful-face-expression-posing-white-studio-against-background_176420-45729.jpg",
},
{
id: "t5",
name: "Nadia",
role: "Client",
testimonial: "A true beauty sanctuary.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-with-bright-lipstick-happy-smile-posing-christmas-garlands-portrait-girl-with-curly-hair_197531-8272.jpg",
},
]}
title="Voices of Lush"
description="Trusted by hundreds across Jordan."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Jasmine", role: "Client", testimonial: "Extremely happy with my hair.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white-background_1187-3894.jpg" },
{ id: "t2", name: "Tania", role: "Client", testimonial: "So professional and warm.", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg" },
{ id: "t3", name: "Sarah", role: "Client", testimonial: "The best blowout in Amman.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7525.jpg" },
{ id: "t4", name: "Leila", role: "Client", testimonial: "Fawzi is a genius.", imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-girl-with-red-hair-freckles-touch-her-head-smiling-happy-gazing-camera-confident-cheerful-face-expression-posing-white-studio-against-background_176420-45729.jpg" },
{ id: "t5", name: "Nadia", role: "Client", testimonial: "A true beauty sanctuary.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-with-bright-lipstick-happy-smile-posing-christmas-garlands-portrait-girl-with-curly-hair_197531-8272.jpg" },
]}
title="Voices of Lush"
description="Trusted by hundreds across Jordan."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer bridal consultations?",
content: "Yes, we offer custom bridal styling consultations.",
},
{
id: "f2",
title: "Is there a private section?",
content: "We offer a private area for hijabi clients to ensure comfort.",
},
{
id: "f3",
title: "How do I book?",
content: "Use our WhatsApp link or call us during business hours.",
},
]}
title="Beauty FAQs"
description="Common questions about your visit."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do you offer bridal consultations?", content: "Yes, we offer custom bridal styling consultations." },
{ id: "f2", title: "Is there a private section?", content: "We offer a private area for hijabi clients to ensure comfort." },
{ id: "f3", title: "How do I book?", content: "Use our WhatsApp link or call us during business hours." },
]}
title="Beauty FAQs"
description="Common questions about your visit."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
text="Experience luxury that lasts. Book your visit at Lush Beauty Lounge today."
buttons={[
{
text: "WhatsApp Booking",
href: "https://wa.me/9627XXXXXXXX",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
text="Experience luxury that lasts. Book your visit at Lush Beauty Lounge today."
buttons={[{ text: "WhatsApp Booking", href: "https://wa.me/9627XXXXXXXX" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Location",
items: [
{
label: "Abdoun, Amman, Jordan",
href: "#",
},
],
},
{
title: "Hours",
items: [
{
label: "MonSat: 10 AM 8 PM",
href: "#",
},
{
label: "Sun: Closed",
href: "#",
},
],
},
{
title: "Contact",
items: [
{
label: "hello@lushbeautylounge.com",
href: "mailto:hello@lushbeautylounge.com",
},
],
},
]}
bottomLeftText="© 2024 Lush Beauty Lounge"
bottomRightText="Crafted with care."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Location", items: [{ label: "Abdoun, Amman, Jordan", href: "#" }] },
{ title: "Hours", items: [{ label: "MonSat: 10 AM 8 PM", href: "#" }, { label: "Sun: Closed", href: "#" }] },
{ title: "Contact", items: [{ label: "hello@lushbeautylounge.com", href: "mailto:hello@lushbeautylounge.com" }] },
]}
bottomLeftText="© 2024 Lush Beauty Lounge"
bottomRightText="Crafted with care."
/>
</div>
</ReactLenis>
</ThemeProvider>
);