refactor: convert newsletter section to column 3 in footer

This commit is contained in:
Chaoming Li 2024-11-20 16:04:09 +11:00
parent 2fcb7dd09c
commit 467f927f3f

View file

@ -71,16 +71,14 @@
</ul> </ul>
</div> </div>
<!-- Newsletter --> <!-- Column 3 -->
<div class="flex-1"> <div class="flex-1">
<h3 class="text-sm font-semibold uppercase tracking-wider text-gray-900 mb-4">STAY UPDATED</h3> <h3 class="text-sm font-semibold uppercase tracking-wider text-gray-900 mb-4">{{ .Site.Params.footer.column_3_title }}</h3>
<form class="space-y-4"> <ul class="space-y-2">
<div> {{ range .Site.Menus.footer_column_3 }}
<label for="email" class="sr-only">Email address</label> <li><a href="{{ .URL }}" class="text-gray-600 hover:text-primary-600">{{ .Name }}</a></li>
<input type="email" id="email" name="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" placeholder="Enter your email"> {{ end }}
</div> </ul>
<button type="submit" class="w-full inline-flex items-center justify-center px-6 py-3 rounded-lg font-medium transition duration-200 ease-in-out bg-primary-600 text-white hover:bg-primary-700 hover:scale-105">Subscribe</button>
</form>
</div> </div>
</div> </div>