315 lines
10 KiB
TypeScript
315 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
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="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="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="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="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>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|