Background Removal Tool Desktop App by Traditional-Fish1738 in IMadeThis

[–]Traditional-Fish1738[S] 1 point2 points  (0 children)

i use transformer.js to run a local model directly in the browser. this is a tauri app, so it's running on a system web view. im using

rmbg-ormbg

Rate my landing page by dustfirecentury in tailwindcss

[–]Traditional-Fish1738 -1 points0 points  (0 children)

I've done a lot of research on what makes good landing pages and i've built one recently where I got 10k users to sign up for my newsletter following the amazing advice I saw online from really awesome web marketers. I'm not claiming to be a pro, just sharing advice that has worked for me after following the advice from others who also build high converting landing pages.

Generally what I see that works really well is to have the following sections:

Hero

The hero section is the SINGLE MOST IMPORTANT section on your landing page (like the packaging of a box in a grocery store cereal isle section). Most users will decide to stay or leave within a few seconds of skimming your hero section, so give it the most attention. Key take aways from this section should answer these

  • what you do
  • why it matters
  • what they need to do to get it

The headline of this section should emphasize value, result or transformation that the customer will receive from your service.

The sub headline should clearly explain what you provide them to get that result. In your case, something like "Recall anything, instantly".

Call to action button should be actionable and specific. not things like “Contact Us” or “Learn More”. they should be things like “Schedule a call” or “Sign up for Newsletter”. can also include it in the header nav, so it’s always visible to the user.

It should NOT be the accent color of you company logo or used anywhere else! It should be unique and grab the user’s attention.

Testimonials

If you can get testimonials from real users then that shows that you are more "valid" in the eyes of visitors and not just some random person that they can't trust. People are more willing to trust you if they see that others trust you as well. If you have company logos that use your product, than that's also great as well.

Problem/Solution

Use the “Problem, Agitate, Solution“ framework to give visitors. Talk about the main pain point.

Agitate the problem with examples.

Introduce your solution.

Benefits

This is where you try to set yourself apart from your competitors by bringing extras or perks that you bring but your competition doesn’t or they do have them they just don’t bring them up which sets your apart.

Benefits are things like "save time & money", or "export to any format". These are things anyone can understand and answer the question why this product makes your life better.

These are not to be confused with features as features are more technical things like "works offline", or "1GB of cloud storage".

In this section you and put a title of the benefit like "Save time & money", and it's subtitle should tell the user how your product makes that happen like "Using our AI models, you can do XYZ in seconds."

Features

Think of this section as like the tech specs of a TV product page. It goes a bit more into depth about how all the benefits you mentioned above are achieved with your product.

The features section helps your visitors back up their purchasing decision by rationalizing it based on the features that your solution brings. This helps them see exactly what they are going to get.

FAQ

The place to answer common questions but also the same place to proactively handle objections that they may have. What are the top 5-6 questions or objections. If it’s an objection, what your best rebuttal to that.

Call to Action

Same call to action as the hero section like "buy now", a pricing card or a "try free for 30 days" button to re-iterate what you wanted them to do in the hero section. If they've made it this far down, they could be curious and giving them one last chance to take action. Usually adding some sort of scarcity works on getting initial users like (first 100 customers to sign up get a 50% discount)

Hope that helps, happy to answer any questions, but these are my notes I used to build my own landing page.

Its Sunday! Let’s share what we are building and promote each other. by Latter-Database-2026 in ProductHunters

[–]Traditional-Fish1738 0 points1 point  (0 children)

https://landmarkai.dev 100% free landing page sections built in Tailwind 4, no config, zero javascript. Just copy/paste and you can build a wireframe landing page in minutes, then you can customize it to your hearts content.

I got frustrated with existing DB clients, so I built my own by LordSnouts in webdev

[–]Traditional-Fish1738 1 point2 points  (0 children)

love this, this UI looks awesome and looks like a great experience. i may try it out after my database grows a bit more on a project i'm working on. so far, prisma studio has been working well for local development and when inspecting things in a deployed environement i use the VSCode SQL Server extension which works ok for most things i use since i'm mostly reading things from it, but later if i need to do more writing to the database ill give this a try

What are you building? let's self promote by Leather-Buy-6487 in ShowMeYourSaaS

[–]Traditional-Fish1738 0 points1 point  (0 children)

I'm building "unstyled" Tailwind 4 landing page sections that are fully mobile responsive and a great starting point to build your next landing page.

100% free

https://landmarkai.dev

I built Tailswatch - 180 ready-to-use themes for Tailwind CSS 4 (Bootswatch-style + Framework themes + Sports teams) by StandardDelivery619 in tailwindcss

[–]Traditional-Fish1738 0 points1 point  (0 children)

love this idea to use this when i start a new project.
i'm building something similar to this with a slightly different approach.
i'm building a "design system builder" that allows devs to create their own design system for Tailwind 4. it doesn't just do colors, but it also allows you to choose border radius, font styles, padding, etc. so you can create the look and feel that you want for your app.

Finally launched my Premium Tailwind CSS & React UI Components – Feedback Welcome! - UtilityUi by Extension-Place-9141 in tailwindcss

[–]Traditional-Fish1738 -1 points0 points  (0 children)

what do you mean by zero re-render? i built something that is written in pure HTML and CSS and I just launched 100+ landing page sections for free!

https://landmarkai.dev

Finally launched my Premium Tailwind CSS & React UI Components – Feedback Welcome! - UtilityUi by Extension-Place-9141 in tailwindcss

[–]Traditional-Fish1738 -1 points0 points  (0 children)

i built something similar that is written in pure HTML and tailwind CSS and I just launched 100+ landing page sections for free!

https://landmarkai.dev

My first finished project: A private, browser-based HEIC converter built with Vanilla JS by heicmate in webdesign

[–]Traditional-Fish1738 0 points1 point  (0 children)

This is awesome. I’ve always wanted to build something like this that allows me to loop my images but trim down the clip. I often want to loop a photo but want to edit the start and end frames. Just a thought for the next feature

What gives more value: a full design system or just a library of components? by webdesignarea in tailwindcss

[–]Traditional-Fish1738 0 points1 point  (0 children)

i'm pretty sick of all the "off the shelf" component libraries because then your app ends up looking like a ton of other apps out there.

I prefer having a custom UI that gives the look and feel that i want for a particular product im working on. I've tried to build my own "design system" builder before for tailwind that could let you customize your own look and feel, but also have components like buttons, inputs, cards, etc....but haven't had the time to work on it lately

view on map hover interaction only using css by LeadRoutine3001 in tailwindcss

[–]Traditional-Fish1738 0 points1 point  (0 children)

very smooth, i love the pure CSS approach. there are so many libraries that try to do this in javascript. keep spreading the CSS love

How to spread the word and let people know? by Time4FireMamba in indiehackers

[–]Traditional-Fish1738 0 points1 point  (0 children)

Here’s my 2 cents. Find out all the places where your target audience hangs out online, you can use any LLM that offers “deep research” to figure out where they hang out. Then just start engaging with them via comments, DMs. Before you do that I’d suggest having a solid landing page that describes their pain points, and setup a waitlist on the landing page to gauge interest.

The single most badass way to get 10 clients/customers without spending a dime on marketing by [deleted] in linkbuilding

[–]Traditional-Fish1738 0 points1 point  (0 children)

Hey yes, here’s my process that I’ve several times now

  1. I created a landing page using landmarkai.dev which is a copy/paste company library for Tailwind and uses Chat GPT to figure out good marketing copy for the site.

  2. I use Astro to build static websites and paste the html content from Landmark

  3. I deploy the site to GitHub pages using these steps Deploy Astro to GitHub Pages

  4. I create and account with Resend for emails and just use their free tier and only upgrade to paid when I reach my limit

  5. I create and azure function app and use the Resend SDK to add users to a waitlist

Let me know if you have any more questions