Merge version_1_1781527100325 into main #1

Merged
bender merged 3 commits from version_1_1781527100325 into main 2026-06-15 12:39:35 +00:00
2 changed files with 151 additions and 349 deletions

View File

@@ -7,103 +7,54 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "About",
"href": "about"
},
{
"name": "Services",
"href": "services"
},
{
"name": "Bridal",
"href": "bridal"
},
{
"name": "Gallery",
"href": "gallery"
},
{
"name": "Contact",
"href": "contact"
},
{
"name": "Hero",
"href": "#hero"
},
{
"name": "Metrics",
"href": "#metrics"
}
];
{ name: "About", href: "about" },
{ name: "Services", href: "services" },
{ name: "Bridal", href: "bridal" },
{ name: "Gallery", href: "gallery" },
{ name: "Contact", href: "contact" },
];
return (
<StyleProvider buttonVariant="magnetic" siteBackground="floatingGradient" heroBackground="cornerGlow">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="Beauty Lounge"
ctaButton={{
text: "Book Now",
href: "#contact",
}}
navItems={navItems} />
logo="Beauty Lounge"
logoImageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=8fd7r1"
ctaButton={{
text: "Book Now", href: "#contact"}}
navItems={navItems}
/>
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterSimpleMedia
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=abvx6z"
brand="Beauty Lounge by Fatima Nasir"
columns={[
{
title: "Studio",
items: [
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=abvx6z"
brand="Beauty Lounge by Fatima Nasir"
columns={[
{
label: "About Us",
href: "#about",
title: "Studio", items: [
{ label: "About Us", href: "#about" },
{ label: "Services", href: "#services" },
{ label: "Bridal Studio", href: "#bridal" },
],
},
{
label: "Services",
href: "#services",
title: "Connect", items: [
{ label: "Appointments", href: "#contact" },
{ label: "Reviews", href: "#testimonials" },
{ label: "Location", href: "#contact" },
],
},
{
label: "Bridal Studio",
href: "#bridal",
},
],
},
{
title: "Connect",
items: [
{
label: "Appointments",
href: "#contact",
},
{
label: "Reviews",
href: "#testimonials",
},
{
label: "Location",
href: "#contact",
},
],
},
]}
copyright="© 2024 Beauty Lounge by Fatima Nasir. All rights reserved."
links={[
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
]}
/>
]}
copyright="© 2024 Beauty Lounge by Fatima Nasir. All rights reserved."
links={[
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
]}
/>
</SectionErrorBoundary>
</StyleProvider>
);

View File

@@ -13,291 +13,142 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardBrand
brand="Beauty Crafted to Perfection"
description="Experience luxury beauty services, advanced skincare treatments, and signature bridal transformations designed to enhance your natural elegance."
primaryButton={{
text: "Book Appointment",
href: "#contact",
}}
secondaryButton={{
text: "Explore Services",
href: "#services",
}}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-bride-with-wedding-makeup-hairstyle-bedroom_8353-5894.jpg"
/>
</SectionErrorBoundary>
</div>
brand="Beauty Crafted to Perfection"
description="Experience luxury beauty services, advanced skincare treatments, and signature bridal transformations designed to enhance your natural elegance."
primaryButton={{
text: "Book Appointment", href: "#contact"}}
secondaryButton={{
text: "Explore Services", href: "#services"}}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-bride-with-wedding-makeup-hairstyle-bedroom_8353-5894.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="Our Mission"
quote="Empowering confidence through exceptional beauty services, innovative treatments, and personalized care for every client."
author="Fatima Nasir"
role="Founder & Lead Artist"
imageSrc="http://img.b2bpic.net/free-photo/woman-s-body-submerged-water-holding-green-plant_209303-34.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Our Mission"
quote="Empowering confidence through exceptional beauty services, innovative treatments, and personalized care for every client."
author="Fatima Nasir"
role="Founder & Lead Artist"
imageSrc="http://img.b2bpic.net/free-photo/woman-s-body-submerged-water-holding-green-plant_209303-34.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesBorderGlow
tag="Expertise"
title="Our Signature Services"
description="Discover a range of premium treatments tailored to your unique beauty needs."
features={[
{
icon: Scissors,
title: "Hair Studio",
description: "Luxury haircuts, coloring, and protein treatments.",
},
{
icon: Sparkles,
title: "Skincare",
description: "Advanced facials and professional skin consultations.",
},
{
icon: Palette,
title: "Makeup Studio",
description: "Bridal, party, and event styling artistry.",
},
{
icon: Diamond,
title: "Nail Lounge",
description: "Luxury manicures and bespoke nail enhancements.",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Expertise"
title="Our Signature Services"
description="Discover a range of premium treatments tailored to your unique beauty needs."
features={[
{ icon: Scissors, title: "Hair Studio", description: "Luxury haircuts, coloring, and protein treatments." },
{ icon: Sparkles, title: "Skincare", description: "Advanced facials and professional skin consultations." },
{ icon: Palette, title: "Makeup Studio", description: "Bridal, party, and event styling artistry." },
{ icon: Diamond, title: "Nail Lounge", description: "Luxury manicures and bespoke nail enhancements." },
]}
/>
</SectionErrorBoundary>
</div>
<div id="gallery" data-section="gallery">
<SectionErrorBoundary name="gallery">
<div id="gallery" data-section="gallery">
<SectionErrorBoundary name="gallery">
<FeaturesImageBento
tag="Showcase"
title="Beauty Transformations"
description="A glimpse into the stunning work of our talented artists."
items={[
{
title: "Bridal Artistry",
description: "Signature bridal looks.",
imageSrc: "http://img.b2bpic.net/free-photo/female-model-fall-winter-makeup-commercial_114579-9364.jpg",
},
{
title: "Balayage",
description: "Premium hair color.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668446.jpg",
},
{
title: "Skin Care",
description: "Radiant treatments.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-getting-face-skin-treatment-spa_23-2148825382.jpg",
},
{
title: "Nail Design",
description: "Bespoke nail art.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-coffee-cup_23-2149820390.jpg",
},
{
title: "Hair Care",
description: "Healthy transformations.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pensive-woman-touching-her-wavy-hair-outdoor-photo-winsome-caucasian-girl-posing_197531-9083.jpg",
},
{
title: "Styling",
description: "Event transformations.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-bride-before-wedding-medium-shot_23-2149860834.jpg",
},
{
title: "Consultation",
description: "Personalized care.",
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Showcase"
title="Beauty Transformations"
description="A glimpse into the stunning work of our talented artists."
items={[
{ title: "Bridal Artistry", description: "Signature bridal looks.", imageSrc: "http://img.b2bpic.net/free-photo/female-model-fall-winter-makeup-commercial_114579-9364.jpg" },
{ title: "Balayage", description: "Premium hair color.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668446.jpg" },
{ title: "Skin Care", description: "Radiant treatments.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-getting-face-skin-treatment-spa_23-2148825382.jpg" },
{ title: "Nail Design", description: "Bespoke nail art.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-coffee-cup_23-2149820390.jpg" },
{ title: "Hair Care", description: "Healthy transformations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pensive-woman-touching-her-wavy-hair-outdoor-photo-winsome-caucasian-girl-posing_197531-9083.jpg" },
{ title: "Styling", description: "Event transformations.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-bride-before-wedding-medium-shot_23-2149860834.jpg" },
{ title: "Consultation", description: "Personalized care.", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="bridal" data-section="bridal">
<SectionErrorBoundary name="bridal">
<div id="bridal" data-section="bridal">
<SectionErrorBoundary name="bridal">
<PricingMediaCards
tag="Bridal Studio"
title="Our Bridal Collections"
description="Select from our curated packages for your special day."
plans={[
{
tag: "Signature",
price: "Custom",
period: "Package",
features: [
"Bridal Makeup",
"Hairstyling",
"Consultation",
"Dupatta Styling",
],
primaryButton: {
text: "Inquire",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-caucasian-bride-getting-ready_1153-9831.jpg",
},
{
tag: "Royal",
price: "Custom",
period: "Package",
features: [
"Premium Transformation",
"Luxury Styling",
"Skin Prep",
"Touch-Up Support",
],
primaryButton: {
text: "Inquire",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-grey-looking-garland-hands_23-2147970490.jpg",
},
{
tag: "Platinum",
price: "Custom",
period: "Experience",
features: [
"Full Styling",
"Family Services",
"Day Assistance",
"VIP Consultation",
],
primaryButton: {
text: "Inquire",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Bridal Studio"
title="Our Bridal Collections"
description="Select from our curated packages for your special day."
plans={[
{ tag: "Signature", price: "Custom", period: "Package", features: ["Bridal Makeup", "Hairstyling", "Consultation", "Dupatta Styling"], primaryButton: { text: "Inquire", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-caucasian-bride-getting-ready_1153-9831.jpg" },
{ tag: "Royal", price: "Custom", period: "Package", features: ["Premium Transformation", "Luxury Styling", "Skin Prep", "Touch-Up Support"], primaryButton: { text: "Inquire", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/woman-grey-looking-garland-hands_23-2147970490.jpg" },
{ tag: "Platinum", price: "Custom", period: "Experience", features: ["Full Styling", "Family Services", "Day Assistance", "VIP Consultation"], primaryButton: { text: "Inquire", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsIconCards
tag="Our Growth"
title="Trusted Excellence"
description="Quality services built on years of professional experience."
metrics={[
{
icon: Star,
title: "Client Rating",
value: "4.8★",
},
{
icon: Users,
title: "Happy Clients",
value: "105+",
},
{
icon: Award,
title: "Years Experience",
value: "10+",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Growth"
title="Trusted Excellence"
description="Quality services built on years of professional experience."
metrics={[
{ icon: "Star", title: "Client Rating", value: "4.8★" },
{ icon: "Users", title: "Happy Clients", value: "105+" },
{ icon: "Award", title: "Years Experience", value: "10+" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamListCards
tag="Team"
title="Meet Our Beauty Experts"
description="Our professionals are dedicated to your beauty experience."
groups={[
{
title: "Bridal Team",
members: [
{
name: "Fatima N.",
role: "Founder",
detail: "15+ years experience.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-nice-ladies-standing-discussing-work-while-holding-tablet-cup-coffee-hands-office_574295-4572.jpg",
},
{
name: "Sarah A.",
role: "Artist",
detail: "Bridal Specialist.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-bride-before-wedding-side-view_23-2149860829.jpg",
},
],
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=8fd7r1",
imageAlt: "luxury skincare treatment",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Team"
title="Meet Our Beauty Experts"
description="Our professionals are dedicated to your beauty experience."
groups={[
{
title: "Bridal Team", members: [
{ name: "Fatima N.", role: "Founder", detail: "15+ years experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-nice-ladies-standing-discussing-work-while-holding-tablet-cup-coffee-hands-office_574295-4572.jpg" },
{ name: "Sarah A.", role: "Artist", detail: "Bridal Specialist.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-bride-before-wedding-side-view_23-2149860829.jpg" },
],
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialQuoteCards
tag="Reviews"
title="What Our Clients Say"
description="Experience the magic of our salon through our client stories."
testimonials={[
{
name: "Ayesha K.",
role: "Bride",
quote: "Outstanding bridal services, every detail handled perfectly.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-married_23-2150753663.jpg",
},
{
name: "Sara H.",
role: "Regular",
quote: "Expert beauty treatments and exceptional care.",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-mysterious-symbol-bride-alone_1304-3425.jpg",
},
{
name: "Zara M.",
role: "Bride",
quote: "Professional, kind, and talented team.",
imageSrc: "http://img.b2bpic.net/free-photo/charming-women-with-motorcycle-helmets_23-2147771901.jpg",
},
{
name: "Nida S.",
role: "Client",
quote: "The best beauty lounge in Multan, truly luxury.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
},
{
name: "Hina R.",
role: "Regular",
quote: "Beautiful atmosphere and expert results.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nails-hand-self-care_140725-65113.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Reviews"
title="What Our Clients Say"
description="Experience the magic of our salon through our client stories."
testimonials={[
{ name: "Ayesha K.", role: "Bride", quote: "Outstanding bridal services, every detail handled perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-married_23-2150753663.jpg" },
{ name: "Sara H.", role: "Regular", quote: "Expert beauty treatments and exceptional care.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-mysterious-symbol-bride-alone_1304-3425.jpg" },
{ name: "Zara M.", role: "Bride", quote: "Professional, kind, and talented team.", imageSrc: "http://img.b2bpic.net/free-photo/charming-women-with-motorcycle-helmets_23-2147771901.jpg" },
{ name: "Nida S.", role: "Client", quote: "The best beauty lounge in Multan, truly luxury.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg" },
{ name: "Hina R.", role: "Regular", quote: "Beautiful atmosphere and expert results.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nails-hand-self-care_140725-65113.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Bookings"
text="Reserve your session at Beauty Lounge by Fatima Nasir today."
primaryButton={{
text: "WhatsApp Booking",
href: "https://wa.me/923248650251",
}}
secondaryButton={{
text: "Call Now",
href: "tel:03248650251",
}}
/>
</SectionErrorBoundary>
</div>
tag="Bookings"
text="Reserve your session at Beauty Lounge by Fatima Nasir today."
primaryButton={{ text: "WhatsApp Booking", href: "https://wa.me/923248650251" }}
secondaryButton={{ text: "Call Now", href: "tel:03248650251" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}