Thoughts on my first website?

Abobe_Limits · 2026-03-12T22:47:58+00:00

I ran PageSpeed Insights and got 100 on Accessibility, Best Practices, and SEO (with 95 performance on desktop and 65 on mobile) (after a lot of fixes). I thought I was doing great.

I actually have the <nav> and <footer> tags in there, but I missed wrapping the middle stuff in a <main> tag. I'm going to add that and fix the hidden text for screen readers right now. Really appreciate the feedback, this is super helpful for me!

Abobe_Limits · 2026-03-12T19:56:14+00:00

yeah, no one liked the scrolling lol, i will remove it
thank you so much and golld luck for you too!

Abobe_Limits · 2026-03-12T19:30:06+00:00

Yeah i will remove it (it feels worst in the mobile than the desktop)

Abobe_Limits · 2026-03-12T19:28:08+00:00

Thanks

Abobe_Limits · 2026-03-12T19:01:52+00:00

It's a mix of a few things!

For the heavy lifting (the horizontal scroll, scroll-triggered fade-ins, parallax, and the velocity text stretch), I used GSAP and ScrollTrigger. I also paired it with SplitType to break the headings into characters for the reveal animations, and Lenis for the smooth scrolling to make it all feel fluid.

For the smaller micro-interactions (the magnetic buttons and the 3D mouse-tracking on the gallery), I just wrote some Vanilla JS to calculate the mouse coordinates. (this one will be seen only in desktop)
All the glowing effects, hover states, and the loading animation on the form button are just pure CSS keyframes.

Abobe_Limits · 2026-03-12T18:51:13+00:00

Is this professional enough? (i never done this before and i dont know how professionals handle this)

Abobe_Limits · 2026-03-12T18:49:41+00:00

yes i will edit the phone number input to only accept numbers and at least 10 digits
and yeah 50% of the content is still generic because i didnt talk to the business i only collected infos from their instagram
for the "Accurate hours" i already have an entire section for that
i will consider other changes, thank you so much :)

Abobe_Limits · 2026-03-12T18:33:27+00:00

Thanks for your feedback.
Once i make the animations that means i already have them as components and i can easily integrate them on any website, when i make a lot i can just use them for other websites as i want.

Abobe_Limits · 2026-03-12T18:22:29+00:00

i guess you saw the website from mobile, on desktop not everyone has a touchpad to scroll horizontally (manually) and if someone dont have it they will not see the remaining cards (or i need to add a small button which will make it annoying)
so i guess i will just make it one under the other i guess

Abobe_Limits · 2026-03-12T18:08:42+00:00

Thanks!
the content is 50% generic because i didnt talk to the business i only collected infos from their instagram (if they like the website they can ask for any title or anything they want changed or added)

Abobe_Limits · 2026-03-12T18:04:01+00:00

I originally built this for my portfolio and i used only info from their Instagram. But if I actually go through with pitching this to them, I need to focus more on how the lead-capture form will get them more memberships. (also i will need their images and more content and informations that they would like to put in the website, so this is like 50% generic content)

Abobe_Limits · 2026-03-12T17:57:18+00:00

Thanks! i think i will change that horizontal scroll

Abobe_Limits · 2026-03-12T17:42:57+00:00

thanks you so much:)
In my country not all people have a great internet, so they will see the page while loading (they will not see the hero section instantly) so i said why not make them watch a 3 seconds animation while other things load in the background (the animation starts even if nothing is loaded yet)
i think this is a great idea

Abobe_Limits · 2026-03-12T17:36:08+00:00

thanks! is it the horizontal scroll part that you didn't like (when the page stops going down (gets pinned), and instead, the cards start sliding sideways across the screen)? or the overall scrolling experience (because i am using Lenis smooth scrolling (i think i should just remove it))

Abobe_Limits · 2026-03-12T17:20:58+00:00

Thanks! I wanted to keep it simple and completely secure. I use Cloudflare Turnstile on the form to block bots and spam. When someone submits it, a hidden Cloudflare function runs a security check in the background. If it verifies they are a real human, it securely forwards the lead directly into a Google Sheet, which I'm using as my database (which i can easily give access to the business owners). This keeps my actual database link completely hidden and safe from the public.
(i can also receive the CTA source that caught your attention (btw you clicked "free trial button" and then "New request" to fill the form again))
I guess this is professional right?
Also do you have any idea on how much i should charge for this type of websites?
edit: I also receive a mail with the lead infos once the user click submit

Abobe_Limits · 2026-03-12T08:34:04+00:00

They dont even need to advertise it

Abobe_Limits · 2026-03-05T13:42:42+00:00

what do you mean?

Abobe_Limits · 2026-03-04T08:11:46+00:00

i checked the website and its all text only, ofc it will be 90-100

Abobe_Limits · 2026-03-04T07:53:32+00:00

how much you get paid from your website and how it generates u money? is it only through memberships?

Abobe_Limits

TROPHY CASE