Buttons

    site "Soft pill"
  colors ink #16151A, cream #F7F3EC
  fonts "Satoshi"
  style background cream, color ink

style pill
  background ink, color cream, radius 999, padding 18 30, weight 600
  hover lift 3, shadow medium

style pill-line
  background transparent, color ink, border 2 ink, radius 999, padding 16 28, weight 600, shadow none
  hover background ink, color cream

page "/"
  section fullscreen, center
    row gap 14, center
      button "Get started", pill
      button "Learn more →", pill-line
    ```

    site "Neon"
  colors night #07060D, pink #FF2E88, cyan #2EF2FF
  fonts "Clash Display"
  style background night, color white

style neon-pink
  background transparent, color pink, border 2 pink, radius 14, padding 16 32, glow pink 16, text-glow pink 8, uppercase, tracking 3, weight 600
  hover background pink, color night, glow pink 36

style neon-cyan
  background transparent, color cyan, border 2 cyan, radius 14, padding 16 32, glow cyan 16, text-glow cyan 8, uppercase, tracking 3, weight 600
  hover background cyan, color night, glow cyan 36

page "/"
  section fullscreen, center
    row gap 22, center
      button "Play now", neon-pink
      button "Join the club", neon-cyan
    ```

    site "Brutalist"
  colors paper #F2F0E9, ink #111111, acid #D7FF3A, pink #FF4FA3
  fonts "Space Grotesk"
  style background paper, color ink

style brutal
  background acid, color ink, border 3 ink, radius 0, padding 16 28, shadow hard ink, weight 800, uppercase, tracking 1
  hover move -3 -3, shadow hard pink

style brutal-dark
  background ink, color paper, border 3 ink, radius 0, padding 16 28, shadow hard pink, weight 800, uppercase, tracking 1
  hover move -3 -3, shadow hard acid

page "/"
  section fullscreen, center
    row gap 22, center
      button "Buy it now", brutal
      button "No thanks", brutal-dark
    ```

    site "Glass"
  colors violet #7B5CFF, rose #FF7AC6, sun #FFC46B, deep #1B1340
  fonts "General Sans"
  style background deep, color white

style glass-pill
  glass, color white, radius 999, padding 18 32, weight 600, border 1 #FFFFFF55, shadow none
  hover background #FFFFFF33, lift 2

page "/"
  section fullscreen, center, mesh violet rose sun
    row gap 16, center
      button "Download the app", glass-pill
      button "Watch the film ▶", glass-pill
    ```

    site "Gradient"
  colors coral #FF5F6D, honey #FFC371, ink #2A1A1F, blush #FFF4EE
  fonts "Cabinet Grotesk"
  style background blush, color ink

style sunset
  gradient coral honey, color white, radius 18, padding 18 34, weight 800, size 18, shadow medium
  hover lift 4, grow 1.03

style sunset-ghost
  background transparent, color #B8404B, radius 18, padding 18 26, weight 800, size 18, shadow none
  hover background #FF5F6D1A

page "/"
  section fullscreen, center
    row gap 10, center
      button "Start for free", sunset
      button "Talk to sales", sunset-ghost
    ```

    site "Magnetic"
  colors ink #0F0F12, lime #C6FF4D, smoke #F4F4F0
  fonts "Satoshi"
  style background smoke, color ink

style magnet
  background ink, color lime, radius 999, padding 22 40, weight 700, size 18
  hover grow 1.06

page "/"
  section fullscreen, center
    button "Catch me if you can", magnet
      follows mouse, smooth
    text "It follows your mouse.", color #0F0F1299, size 14
    ```

    site "Luxury"
  colors noir #15120F, ivory #F4EEE3, gold #B08D57
  fonts "Satoshi", "Gambetta"
  style background ivory, color noir

style lux-solid
  background noir, color ivory, radius 0, padding 20 40, uppercase, tracking 4, size 12, weight 500, shadow none
  hover background gold

style lux-link
  background transparent, color noir, radius 0, padding 8 2, border-bottom 1 gold, font "titles", italic, size 22, shadow none
  hover color gold

page "/"
  section fullscreen, center
    row gap 36, center
      button "Book a fitting", lux-solid
      button "Discover the collection", lux-link
    ```

    site "Confetti"
  colors grape #6C3BFF, candy #FF4FA3, cream #FFF8F0
  fonts "Chillax"
  style background cream, color grape

state party = 0

style jelly
  gradient grape candy, color white, radius 999, padding 20 38, weight 700, size 20, shadow strong
  hover grow 1.08, tilt -3

page "/"
  section fullscreen, center
    button "Celebrate 🎉", jelly ->
      party += 1
      confetti()
    text "Clicked {party} times", size 14
    ```