Beauty Salon Landing Page Template

[ashen fox]

Hello, everyone,

I spent roughly a month making and polishing this template, and I’m really curious to hear your take on it. I’m wondering if this is impressive enough to showcase my capabilities to the potential clients.

I did my best to keep it as clean as possible while also making it modern and flashy. For the semi-transparent elements (navbar and price tag within the product cards in the store section), I aimed to create a darkened, glassmorphic style slightly influenced by Apple’s Liquid UI, while making sure it stays consistent with the overall aesthetic.

I know that styling the testimonial arrow buttons as the primary ones wasn’t a particularly good idea and might be a bit confusing (a prominent filled button suggests a primary action, while a subtle outlined button indicates something less important), but I couldn’t come up with anything better.

The template is live at https://clandestine-beauty-salon-landing-page.netlify.app/

By the way, how much do you think a landing page like this would cost if it were built for a real business?

[runic pine]

Looks really nice - the disclaimer actually surprised me as it's so length and it's the first thing I see. Is there a way to put this later on in the flow or at least shortern the copy? Like I had to scroll to accept it. Visually I love the navigation menu & the 'spotlight' look however I don't personally think the icons reflect where I'm going. Why is the 'ai sparkle' your services? I'd like a pause animation button somewhere as the floating images around the main image is quite distracting, acxtually speaking of why are all of these things visible on tablet view but not desktop?
Honestly from a UI standpoint it looks really nice

[hearty fossil]

Look cools! In my opinion the paragraph is a bit too long and it can probably use a bit better spacing between the title, body and cta with more space between the body and ctas than title and body. But pretty cool otherwise

[ornate cliff]

my honest first impression is that it looks like an advertisement, but this has a lot of potential

[ashen fox]

Thank you all for your feedback.

[ashen fox]

Yeah, the disclaimer is a bit annoying, but I figured I should make it as bulletproof as possible to avoid potential legal issues in the future. I'm glad you like the spotlight part — it was a real headache making it work, even though I built it from a template.
Thank you for pointing out the inconsistency between the sections and the icons that are supposed to represent them. Quite frankly, I have a hard time figuring out how to pick the right icons from a UX point of view. I guess I got too caught up in the SaaS bubble, that it influenced my design decisions even for things completely unrelated to it.

"I'd like a pause animation button somewhere as the floating images around the main image is quite distracting, acxtually speaking of why are all of these things visible on tablet view but not desktop?"

I hadn’t even thought of that, and actually the idea of adding a pause button sounds good. I just don’t know where to place it so it wouldn’t be a thorn. I guess making the main card for the tablet/mobile version change the images using a nice blurring effect — and then adding a button to pause it while simultaneously freezing all motion within the hero section — could be a potential workaround that wouldn’t look out of place.
Initially, I wanted the desktop version to have floating images, like here: https://namer-ui.vercel.app, but I can’t even remember the exact reason why I abandoned that idea and instead used a still image with moving testimonial containers. I guess I should've written more notes and made them more detailed.
As for the tablet/mobile version of the hero section, I figured that a version without a media section might appear raw, unpolished, and incomplete. However, I didn’t want to use a still image either, as I thought that might look too primitive and give off a cheap impression. So I decided to place several moving images there while also adding testimonial containers to avoid gaps on tablet view.

[ashen fox]

Thank you for your suggestions! I might actually do that in future templates (if I decide to make more) or even amend this one.

[ashen fox]

I think it's a good thing. To some extent, I actually tried making it look like one; however, it’s hard for me to understand whether I succeeded in that and to what degree it should actually appear like an advertisement.

[brisk saddle]

Hi @ashen fox Hope you are doing good !
I'm an aspiring graphic designer
You made an beautiful website with pleasant design. Your designs gives me more innovative ideas. Such a cool and wonderfull website. I really like that liquid typee nav bar
Thank You !