App Screenshot

featurefrom Startup Bold

Live

AI Usage Rules

Show product screenshot with glow effect. Pair with feature bullets on the left.

Code Template

<section className="bg-[#0F0F23] py-24"><div className="mx-auto max-w-6xl px-6"><div className="grid grid-cols-1 gap-16 md:grid-cols-2 items-center"><div><h2 className="text-3xl font-bold text-white">{title}</h2><p className="mt-4 text-lg text-gray-300">{description}</p><ul className="mt-8 space-y-3">{bulletPoints}</ul></div><div className="relative"><div className="absolute -inset-4 bg-gradient-to-r from-purple-600/20 to-pink-600/20 rounded-2xl blur-xl" /><img src="{screenshot}" alt="{alt}" className="relative rounded-xl shadow-2xl" /></div></div></div></section>

Props Schema

Property	Type	Default
alt	string	—
title	string	—
screenshot	string	—
description	string	—
bulletPoints	array	—

View raw JSON schema

{
  "type": "object",
  "properties": {
    "alt": {
      "type": "string"
    },
    "title": {
      "type": "string"
    },
    "screenshot": {
      "type": "string"
    },
    "description": {
      "type": "string"
    },
    "bulletPoints": {
      "type": "array"
    }
  }
}