GLL Component Library
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<main>
  <section class="panel" data-bgc="primary-light" data-panel-style="hero">
    <div class="container">
      <div class="row">
        <div class="panel__body col-9">
          <div class='panel__header'>
            <h1 class="panel_title">Simple Landing Page</h1>
          </div>
          <div class='panel__copy large-text'>
            <p>A page with just a hero panel</p>
          </div>
          <div class='panel__button'>
            <a class="button secondary" href="/lookbook/#">
              <div class="button-content">
                Learn More
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>
</main>
1
2
3
4
5
6
7
8
9
10
page = build_page(title: "Home")
hero_panel = build_hero_panel(
  title: "Simple Landing Page",
  subtitle: "A page with just a hero panel",
  button: build_button(title: "Learn More", style: "secondary")
)
render GllComponentLibrary::Documents::PageComponent.new(page:) do |c|
  c.with_panel(panel: GllComponentLibrary::Panels::HeroComponent.new(panel: hero_panel, pages: []))
end

No notes provided.

No params configured.