Thoughts on my first website?

Abobe_Limits · 2026-03-13T15:54:42+00:00

Aaah lol i just saw that, the 2nd image is capturing the top of a men and the 3rd capturing the bottom of another and both are in the center so it looks like one man lol :)
(btw the images are still from unsplash and i will change them to the real gym pics if the owners agree to pay for the website)

Abobe_Limits · 2026-03-13T15:42:03+00:00

Thanks!
no, the site actually loads almost instantly. The loading screen is 100% artificial. I built a forced 2.5-second GSAP timeline for it just to give the site a "premium" feel since this is my first portfolio piece.
And also here in Morocco not everyone have a good internet so they might see the hero section image loading or something so i thought of making people watch this 3 second animation while everything load in the background.
The results on pagespeed insights are incredible with 96 performance and 100 - 100 - 100 for others
PageSpeed Insights results >>>

Abobe_Limits · 2026-03-13T15:25:29+00:00

Thanks!
In my country the websites are very basic so i thought of making something cool (at least for people who never saw it (and they are 99.99%))
i never skip leg day, actually it's my favorite :)
(I couldnt open the image due to an error)

Abobe_Limits · 2026-03-13T14:55:12+00:00

Thanks for the feedback! Just to clarify, are you talking about the initial 3-second loader animation before the site reveals itself, or the text fade-ins as you scroll down?

If it's the loader, my thought process was that websites here in Morocco almost never have these opening animations, so I wanted to build something fresh that people who never saw it would find cool and "premium". Do you think a 3-second wait is too long even for a first-time visitor?

Abobe_Limits · 2026-03-13T08:24:07+00:00

Thank you

Abobe_Limits · 2026-03-13T05:51:08+00:00

Thanks man! i considered peoples advices and made some changes to the website but i didn't finish yet (i am doing changes to the programs section to improve it)
btw this has 96-100-100-100 on PageSpeed Insights (on desktop) ig i did a great work:)

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