tutorialkit/packages/astro/src/default/components/Footer.astro at 67a5d3e308d677cc5eb257728633a2e7763f718d · stackblitz/tutorialkit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<footer class="bg-tk-elements-footer-backgroundColor border-t border-tk-elements-app-borderColor">
  <div class="max-w-7xl mx-auto px-4 py-6">
    <div class="flex flex-col md:flex-row justify-between items-center gap-4">
      <div class="flex-1">
        <slot name="edit-page-link" />
      </div>
      <div class="flex-1">
        <slot name="lesson-links" />
      </div>
      <div class="flex-1">
        <slot name="webcontainers-link" />
      </div>
    </div>

    <div class="mt-6 pt-6 border-t border-tk-elements-app-borderColor">
      <div class="flex flex-col md:flex-row justify-between items-center gap-4">
        <div class="flex-1">
          <slot name="terms" />
        </div>
        <div class="flex-1">
          <slot name="contact-info" />
        </div>
        <div class="flex-1 text-right">
          <slot name="copyright" />
        </div>
      </div>
    </div>
  </div>
</footer>