What are the best landing pages examples?

Hi all,

I am wondering what’s the best way to go, I don’t love my statagpt.com landing page and I want to redesign it. I fear that the Pickaxe UX is a bit rigid, since I would like to play more with the HTML. How would you handle that? What are good examples?

Thank you in advance,
Josh

A quick solution is to keep it simple, just use 2 sections (Header and List of Tools). Make sure the header banner design will stand out. The challenge though is to keep it consistent in mobile view. Here’s an example: https://app.plateperfectai.com/

Another solution is to use a custom landing page outside of Pickaxe. But I would not suggest his approach if you’re just starting out as it will add cost to your operation. But if you’re starting to get traction, here’s 6 landing page templates that you can test out: Premade Landing Page Templates for for Ai Apps & Ai Agency

By the way, to get rid of the white overlay in your header section, try this css script:

<style>
  /* CSS Script to Remove White Overlay */

  section#hero {
    background-blend-mode: normal !important;
  }

</style>

Hope this help

2 Likes

Hi @vener,
where do insert the css script in Pickaxe? I haven’t found a css injector anywhere yet?

Not suggesting mine is a good example in the context of what you are looking for but it hopefully serves as a good example of how much styling can be done to improve the ‘uniqueness’ of a studio.

I use some scripting in the header and footer to do most of the heavy lifting and then I pull through external css style sheets that I store (at the moment, on my own storage but soon to be located on AWS).

The code example above from @vener can be added in the same way (as described in his post) in the header section which is accessed via the Settings tab on your Studio.

I add a series of buttons on different pages, restyled input fields, additional images and I style text with new (google) fonts and popups including an on page FAQ popup. Attached are some screen shots - the final one shows how I have modified my prompts to have the Ai style my output with arrows/bullets and indents. I also add code to deal with basic SEO so when my site is shared via social media, it pulls through a styled description and image.

You can see the styling I have introduced live here: Athleet AI

3 Likes

WOW - I love the quality and work put organising everything. Also thank you very much for the suggestions. :slight_smile:

This is amazing indeed. I felt Pickaxe was powerful from just getting started. Thanks to prove this, ecaveo!

I saw these pre-made landing pages, but I don’t see how they can be implemented. If you have some details, please pass them on.

Working on a video tutorials @ihmunro

1 Like

Excellent - would like to see that.

Any update?

Screenshots, simple video etc

Hey I manage to change all of my landing and make it responsive using HTML injection thisis the result: https://statagpt.com/

2 Likes

This is amazing - perfect example.

Are you able to share the code so that I have something to work with ?

Iain

a splendid result, how did you use the code structure to achieve this?

These are really great examples!

Thanks! I kept it super simple — just some inline CSS and basic HTML structure.

Here’s a tiny peek at how it’s set up:

<div class="sticky-banner">Over 1000 professionals use Estima 🚀</div>

<div class="hero">
  <h1><span style="color:#00C897;">Σ</span> Estima</h1>
  <p>AI tools for economists and researchers.</p>
  <a href="https://statagpt.com/pricing">Try for $5</a>
</div>

And then a bit of CSS like:

.sticky-banner {
  position: fixed;
  top: 0;
  background: #00C897;
  color: white;
  text-align: center;
}

Just enough to get the layout and style right all added within the header — nothing fancy, but it works well!

1 Like