x
1
2
3
4
5
6
7
8
9
10
11
12
<footer class="border-t border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-950 px-6 py-8">
<div class="max-w-7xl mx-auto">
<div class="flex flex-wrap gap-6 justify-center mb-4">
<a href='#' class='text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200'>Docs</a>
<a href='#' class='text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200'>GitHub</a>
<a href='#' class='text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200'>Twitter</a>
</div>
<div class="text-center text-sm text-gray-500 dark:text-gray-400">
Built with <strong>SolRengine</strong> on Solana
</div>
</div>
</footer>
1
2
3
4
5
6
render(Solrengine::Ui::FooterComponent.new) do |c|
c.with_link { "<a href='#' class='text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200'>Docs</a>".html_safe }
c.with_link { "<a href='#' class='text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200'>GitHub</a>".html_safe }
c.with_link { "<a href='#' class='text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200'>Twitter</a>".html_safe }
c.with_powered_by { "Built with <strong>SolRengine</strong> on Solana".html_safe }
end