<script>
	// import {Icon} from '@iconify/svelte';
	// import {FaTelegramPlane} from 'svelte-icons/fa';
</script>

<section>
	<div class="container">
		<div class="text-center my-40">
			<h1 class="text-3xl sm:text-4xl font-bold">Honesty</h1>
			<sub class="text-sm">By Fishie</sub>
		</div>
	</div>
	<div class="p-10 sm:p-20" />
	<div class="p-10" />

	<footer class="container mx-auto">
		<div class="flex justify-center items-center">
			<button class="btn btn-error">
				<!-- <a href="">Login via Telegram</a> -->
				Click here to login 
				<script async src="https://telegram.org/js/telegram-widget.js?22" data-telegram-login="Fishie_Honesty_bot" data-size="large" data-auth-url="/" data-request-access="write"></script>
			</button>
		</div>
	</footer>
</section>

<!-- TODO:
1. make it responsive
2. decide font
3. work on padding and Margins
4. this works
 -->

<!-- Path: Fishie-Honesty-UI\src\routes\+page.svelte -->