Gianluca Mendiola | GMT

Small landing page project I worked on for a bit, landing page for a local beauty salon.

Used some inspo from the AirBnB website for a few components and had some ideas of my own as well.

You can check it out live clicking here.

First dev in progress for a friend's app. Check it out here.

Keeping the design as sober as possible while still getting some nice contrast with only two accent colors.

"It is vain to do with more, what can be done with less" - William of Ockham; solid concept to keep in mind while designing.

Always working on improving client's sites.

Tasked to add two simple "Download now" buttons, decided to take it a step further and create a dedicated subpage with a mockup I made on Figma (the iPhone).

Check it out live at https://flow-calisthenics.com/app

My own website is now live in the Gallery.

Let me know what you think.

New FAQ section component is live, check out the live preview now!

First component's looking better.

Final visual touch-ups, getting ready for shipping.

Would you use this on one of your sites? It's an AI inspired FAQ interactive section Framer component.

Same feel as an LLM, but extremely lightweight in comparison to run smoothly on your site.

It has question "sets," so you can get as many Q&As in it as you like while still keeping it small for a clean design and layout.

Let me know what you'd change, still working on it before shipping.

First component in the making, while trying out Framer's built in Fable 5.

Doing great so far, might run out of credits from all the Clauding.

How to connect Claude Code to your Framer project (in under 9 mins.):

- Create a Project Directory on your PC (where you’ll put the files you want claude to work with)

- Open your Terminal and run the command cd directory_name

- On the same terminal window, run the command claude

- Claude will launch in the new directory, now you need to download the Framer agent skills to work on your project:

- Run this command npx @framer/agent setup

- Follow the instructions on the terminal, should be done in about 5 min

- Ask Claude to make sure the skill files were downloaded correctly

- Once you’re done downloading the skills, open a new terminal window and launch claude, which will now have access to the /framer commands

 - Now type: /framer [paste your project invite link here]

Claude will access your project but first you’ll have to grant permission (via login window, will open automatically, don't worry).

Once the connection is established Claude will let you know via the terminal and you can now send it instructions to work on your Framer project.

You're welcome.

Awesome new project I took on for a local calisthenics gym whose owner is a friend of mine.

They are getting a lot of traction locally and it's great to be a part of something that improves people's life's while also showcasing my work.

This is just the landing page for now, I'll get the full structure version out soon, stayed tuned.

Simple code component I created for this architecture studio project I'm working on.

Here's the prompt I used to create it:

"Create a code component in [your stack here], turn this section into a track of images that move from right to left as the user scrolls down the page. Once pictures in this scrollable carrousel have passed, visitors can continue to scroll along the website. The images are attached (make sure you attach your photos)."

Let me know what you think and if you've made anything similar, would love to see it.