@startuml
!theme plain
skinparam backgroundColor #ffffff
skinparam fontFamily monospaced

rectangle "SmartTools Website Structure" {
  rectangle "Tier 1: High-Traffic, Ad-Supported" #e8f4f8 {
    rectangle "Home/Landing" #c7e9f5
    rectangle "Tutorials & Docs" #c7e9f5
    rectangle "Blog/Announcements" #c7e9f5
    rectangle "Featured Projects" #c7e9f5
  }
  
  rectangle "Tier 2: Tool Registry (Ad-Free)" #f0f8e8 {
    rectangle "Browse Registry" #d4f1c5
    rectangle "Tool Details" #d4f1c5
    rectangle "Install Flows" #d4f1c5
  }
  
  rectangle "Tier 3: Community (Light Ads)" #f8f4e8 {
    rectangle "Forum/Discussions" #f5e6cc
    rectangle "Contributors" #f5e6cc
    rectangle "Changelog" #f5e6cc
  }
}

rectangle "Revenue Streams" {
  rectangle "AdSense" #ffe8e8 {
    rectangle "Sidebar Ads (300x600)" #ffd4d4
    rectangle "Footer Ads (728x90)" #ffd4d4
    rectangle "~$50-200/month" #ff9999
  }
  
  rectangle "YouTube" #ffe8e8 {
    rectangle "Embedded Tutorials" #ffd4d4
    rectangle "~$100-500/month" #ff9999
  }
  
  rectangle "Community" #ffe8e8 {
    rectangle "Donations/Sponsors" #ffd4d4
    rectangle "~$250-1500/month" #ff9999
  }
}

rectangle "Design Principles" {
  rectangle "Visual Hierarchy" #f5f5f5
  rectangle "Sparse Ad Placement" #f5f5f5
  rectangle "Mobile-First (No Ads <768px)" #f5f5f5
  rectangle "Professional Tone" #f5f5f5
}

Tier1 --> AdSense
Tier3 --> Community
DesignPrinciples ..> Tier1
DesignPrinciples ..> Tier2
@enduml