<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" href="https://shadowtalk.us/icon.png" type="image/x-icon">
<link rel="preload" as="style" href="https://shadowtalk.us/build/assets/app-DfuHdQnf.css" /><link rel="stylesheet" href="https://shadowtalk.us/build/assets/app-DfuHdQnf.css" /> <title>Dynamic Blog Home</title>
</head>
<style>
*{
box-sizing: border-box;
}
</style>
<body>
<nav class="p-6" style="background: rgb(87,4,66);
background: linear-gradient(90deg, rgba(87,4,66,1) 6%, rgba(87,7,119,1) 30%, rgba(209,42,233,1) 69%, rgba(239,0,255,1) 100%);">
<div class="container mx-auto flex justify-between items-center sticky top-0">
<!-- Logo -->
<div class="text-white text-2xl font-bold">
<a href="/">
Dynamic Blog
</a>
</div>
<div class="text-white text-xl flex flex-row justify-between items-center">
<a href="/category/news">News</a>
</div>
<!-- Placeholder for future nav items -->
<div class="flex flex-row w-40 items-center justify-between">
<div class="text-white text-lg font-bold">
<a href="/login">
Login
</a>
</div>
</div>
</div>
</nav>
<div class="flex flex-col items-center justify-evenly w-[100vw]">
<br>
<section class="hero-container text-white py-20 flex items-center justify-center">
<div class="mx-auto px-6 text-center">
<h1 class="text-4xl font-bold mb-4 flex flex-col items-center justify-center">Welcome to Dynamic Blog</h1>
</div>
</section>
<br>
<div class="w-[80vw] h-fit grid lg:grid-cols-3 md:grid-cols-1 sm:grid-cols-1 gap-2 p-6">
</div><br>
<div class="w-[100vw] flex flex-row items-center justify-center">
<a href="/?page=1" class="rounded-lg text-white w-8 h-8 flex items-center justify-center" style="background-color:background: rgb(87,4,66);
background: linear-gradient(90deg, rgba(87,4,66,1) 6%, rgba(87,7,119,1) 30%, rgba(209,42,233,1) 69%, rgba(239,0,255,1) 100%);;">1</a>
</div><br>
</div>
<footer class="bg-gray-800 text-white py-4 fixed bottom-0 w-[100vw]" style="background: rgb(87,4,66);
background: linear-gradient(90deg, rgba(87,4,66,1) 6%, rgba(87,7,119,1) 30%, rgba(209,42,233,1) 69%, rgba(239,0,255,1) 100%);">
<div class="container mx-auto text-center">
<p class="text-white">© 2024 YourCompany. All rights reserved.</p>
</div>
</footer>
</body>
</html>