@startuml
!theme plain
package "Landing Page" {
    package Header {
        package "Logo & Nav" {
            rectangle "SmartTools Logo" #F0F0F0
            rectangle Navigation #F0F0F0
        }
    }

    package "Hero Section" #FFFFFF {
        note right: Headline: "Build AI Commands in YAML"\nSubheading: "Unix-style, provider-agnostic, composable"\nCTA: "Browse Registry" (Primary)\nCTA: "Get Started" (Secondary)
    }

    package "Why SmartTools" #F9FAFB {
        note right: 3 Pillars with Icons:\n- Easy to Use\n- Powerful\n- Community
    }

    package "Featured Tools" #FFFFFF {
        note right: Tool Cards (3 columns):\n- Category badge\n- Tool icon/thumbnail\n- Download count\n- Author\n- Quick install command
    }

    package "Getting Started" #F9FAFB {
        note right: Tutorial/Example cards\nLinks to docs, tutorials, examples
    }

    package Footer #FFFFFF {
        note right: Links: About | Donate | Forum | Docs\nOptional footer ad (light background)\nNewsletter signup (subtle)
    }
}

note "Design Notes\n---\nColor Palette:\n- Primary: #0052CC (brand blue)\n- Accent: #06B6D4 (teal for secondaries)\n- Background: #F9FAFB (light gray)\n- Cards: #FFFFFF with subtle shadow\n- Ad zone: #FEF3C7 (light yellow background)\n\nMobile: Single column, nav collapses\nTablet: 2 columns featured tools\nDesktop: 3 columns featured tools" as DesignNotes
@enduml