Merge version_1 into main #2
389
src/app/page.tsx
389
src/app/page.tsx
@@ -25,289 +25,124 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Honey's Boutique Academy"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Honey's Boutique Academy"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Where Beauty Becomes Art"
|
||||
description="Step into a world of refined elegance. Honey's Boutique Academy is where talent is cultivated, confidence is born, and beauty mastery begins."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501044.jpg?_wi=1"
|
||||
imageAlt="Luxury Boutique Academy Interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500974.jpg",
|
||||
alt: "Beauty salon with cosmetology equipment in anime style",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg",
|
||||
alt: "Empty therapist office with modern furniture and decorations",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg",
|
||||
alt: "Mirror in hairdressing salon",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-corridor_1203-1418.jpg",
|
||||
alt: "Blurred corridor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-luxury-hotel-interior_1203-9517.jpg",
|
||||
alt: "Abstract blur and defocused luxury hotel interior",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Mastery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elegance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artistry",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Boutique",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Where Beauty Becomes Art"
|
||||
description="Step into a world of refined elegance. Honey's Boutique Academy is where talent is cultivated, confidence is born, and beauty mastery begins."
|
||||
buttons={[
|
||||
{ text: "Explore Services", href: "#services" },
|
||||
{ text: "Our Story", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501044.jpg"
|
||||
imageAlt="Luxury Boutique Academy Interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500974.jpg", alt: "Beauty salon with cosmetology equipment in anime style" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg", alt: "Empty therapist office with modern furniture and decorations" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg", alt: "Mirror in hairdressing salon" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blurred-corridor_1203-1418.jpg", alt: "Blurred corridor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-luxury-hotel-interior_1203-9517.jpg", alt: "Abstract blur and defocused luxury hotel interior" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Mastery" },
|
||||
{ type: "text", text: "Elegance" },
|
||||
{ type: "text", text: "Professional" },
|
||||
{ type: "text", text: "Artistry" },
|
||||
{ type: "text", text: "Boutique" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Salon Where You Belong",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg",
|
||||
alt: "Academy Interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "A Salon Where You Belong" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg", alt: "Academy Interior" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hair Styling & Cuts",
|
||||
description: "Precision cuts and transformative styling tailored to your unique face shape, lifestyle, and vision.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-hairdressing-equipment-white-background_23-2147711631.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-does-hair-style-woman_93675-134626.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501044.jpg?_wi=2",
|
||||
imageAlt: "professional salon styling tools",
|
||||
},
|
||||
{
|
||||
title: "Academy Training",
|
||||
description: "Launch your beauty career with our boutique academy courses. Intimate class sizes, real client experience.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-stylist-studio_23-2147784015.jpg",
|
||||
imageAlt: "professional salon styling tools",
|
||||
},
|
||||
{
|
||||
title: "Bridal & Occasions",
|
||||
description: "Make every milestone unforgettable. From bridal trials to special event styling, we ensure you look breathtaking.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life-top-view_23-2150217980.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-business-entrepreneur-with-laptop_482257-106279.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-up-bride_1157-136.jpg?_wi=1",
|
||||
imageAlt: "professional salon styling tools",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Crafted for Every Beauty Vision"
|
||||
description="From precision cuts to academy training, discover our full suite of professional beauty services."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
showStepNumbers={true}
|
||||
title="Crafted for Every Beauty Vision"
|
||||
description="From precision cuts to academy training, discover our full suite of professional beauty services."
|
||||
features={[
|
||||
{
|
||||
title: "Hair Styling & Cuts", description: "Precision cuts and transformative styling tailored to your unique face shape, lifestyle, and vision.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/various-hairdressing-equipment-white-background_23-2147711631.jpg", imageAlt: "professional salon styling tools" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-does-hair-style-woman_93675-134626.jpg", imageAlt: "professional salon styling tools" },
|
||||
},
|
||||
{
|
||||
title: "Academy Training", description: "Launch your beauty career with our boutique academy courses. Intimate class sizes, real client experience.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg", imageAlt: "professional salon styling tools" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg", imageAlt: "professional salon styling tools" },
|
||||
},
|
||||
{
|
||||
title: "Bridal & Occasions", description: "Make every milestone unforgettable. From bridal trials to special event styling, we ensure you look breathtaking.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life-top-view_23-2150217980.jpg", imageAlt: "professional salon styling tools" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-business-entrepreneur-with-laptop_482257-106279.jpg", imageAlt: "professional salon styling tools" },
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Lucy Barlow",
|
||||
handle: "Verified Google Review",
|
||||
testimonial: "Both Ruby and Lynzi are fabulous at what they do. Such a beautiful welcoming salon. I wouldn't go anywhere other than Honey's Boutique!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-up-bride_1157-136.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nadine Trickett",
|
||||
handle: "Verified Google Review",
|
||||
testimonial: "Beautiful salon — Ruby is outstanding. Loved my experience, will absolutely go again. Highly recommend to everyone!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-5219.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophie M.",
|
||||
handle: "Regular Client",
|
||||
testimonial: "From the moment I walked in, I felt like I was in the best hands. The atmosphere is simply unmatched. A truly luxurious experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9479.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma R.",
|
||||
handle: "Academy Graduate",
|
||||
testimonial: "The academy training was everything I hoped for and more. Intimate, professional, and genuinely transformative. Life-changing!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah J.",
|
||||
handle: "VIP Client",
|
||||
testimonial: "Simply the best academy experience I have ever had. The attention to detail is remarkable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg",
|
||||
},
|
||||
]}
|
||||
title="Words from Our Guests"
|
||||
description="Discover why our clients keep returning to Honey's Boutique Academy."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Lucy Barlow", handle: "Verified Google Review", testimonial: "Both Ruby and Lynzi are fabulous at what they do. Such a beautiful welcoming salon. I wouldn't go anywhere other than Honey's Boutique!", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-up-bride_1157-136.jpg" },
|
||||
{ id: "2", name: "Nadine Trickett", handle: "Verified Google Review", testimonial: "Beautiful salon — Ruby is outstanding. Loved my experience, will absolutely go again. Highly recommend to everyone!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-5219.jpg" },
|
||||
{ id: "3", name: "Sophie M.", handle: "Regular Client", testimonial: "From the moment I walked in, I felt like I was in the best hands. The atmosphere is simply unmatched. A truly luxurious experience.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9479.jpg" },
|
||||
{ id: "4", name: "Emma R.", handle: "Academy Graduate", testimonial: "The academy training was everything I hoped for and more. Intimate, professional, and genuinely transformative. Life-changing!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg" },
|
||||
{ id: "5", name: "Sarah J.", handle: "VIP Client", testimonial: "Simply the best academy experience I have ever had. The attention to detail is remarkable.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg" },
|
||||
]}
|
||||
title="Words from Our Guests"
|
||||
description="Discover why our clients keep returning to Honey's Boutique Academy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready to Experience Honey's?"
|
||||
description="Book your appointment today and discover why our clients keep coming back."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your needs",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/foam-texture_23-2147927731.jpg"
|
||||
buttonText="Book Appointment"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready to Experience Honey's?"
|
||||
description="Book your appointment today and discover why our clients keep coming back."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your needs", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/foam-texture_23-2147927731.jpg"
|
||||
buttonText="Book Appointment"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Hair Styling",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Academy Training",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Bridal",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Academy",
|
||||
items: [
|
||||
{
|
||||
label: "Our Courses",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Meet the Team",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Book Online",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Honey's Boutique Academy"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Hair Styling", href: "#" }, { label: "Academy Training", href: "#" }, { label: "Bridal", href: "#" }] },
|
||||
{ title: "Academy", items: [{ label: "Our Courses", href: "#" }, { label: "Meet the Team", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Book Online", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
logoText="Honey's Boutique Academy"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user