buildHtml
baseUrl https://beats.scroll.pub
metaTags
editButton /edit.html
title TrendBeats - Music Genre Trend Analyzer
style.css
header
 class hero
 nav
  div TrendBeats
   class logo
  div
   class nav-links
   a Trends
    href #trends
   a Analytics
    href #analytics
   a About
    href #about
main
 section
  class search-section
  h1 Discover What's Trending in Music
  div
   class search-container
   input
    type text
    id genreInput
    placeholder Enter a music genre...
   button Search
    id searchBtn
    class primary-button
 section
  id trends
  class trend-grid
  h2 Current Trending Genres
  div
   class trend-cards
   div
    class trend-card
    h3 Hip-Hop
    div
     class trend-meter
    p Trending: 92%
   div
    class trend-card
    h3 K-Pop
    div
     class trend-meter
    p Trending: 88%
   div
    class trend-card
    h3 Indie Rock
    div
     class trend-meter
    p Trending: 75%
 section
  id analytics
  class analytics-section
  h2 Genre Analytics
  div
   class chart-container
   canvas
    id trendChart
 section
  id about
  class about-section
  h2 About TrendBeats
  p Discover real-time music genre trends and analytics. Our platform analyzes global music consumption patterns to bring you the most accurate trending data.
footer
 div
  class footer-content
  p Made with ♪ by music lovers
  div
   class footer-links
   a Terms
    href /terms
   a Privacy
    href /privacy
   a Contact
    href /contact
script.js