109 lines
7.7 KiB
PHP
109 lines
7.7 KiB
PHP
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>TechBlog | Insights for Developers</title>
|
||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
|
|
<style>
|
||
|
|
body { font-family: 'Inter', sans-serif; }
|
||
|
|
.glass { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
|
||
|
|
</style>
|
||
|
|
@vite(['resources/js/app.js'])
|
||
|
|
</head>
|
||
|
|
<body class="bg-gray-50 text-gray-900 antialiased">
|
||
|
|
<!-- Navigation -->
|
||
|
|
<nav class="sticky top-0 z-50 glass">
|
||
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
|
|
<div class="flex justify-between h-16 items-center">
|
||
|
|
<a href="{{ route('home') }}" class="flex items-center space-x-2">
|
||
|
|
<div class="w-8 h-8 bg-indigo-600 rounded-lg flex items-center justify-center text-white font-bold">T</div>
|
||
|
|
<span class="text-xl font-bold tracking-tight">TechBlog</span>
|
||
|
|
</a>
|
||
|
|
<div class="hidden md:flex space-x-8 text-sm font-medium text-gray-600">
|
||
|
|
<a href="#" class="hover:text-indigo-600 transition">Latest</a>
|
||
|
|
<a href="#" class="hover:text-indigo-600 transition">Development</a>
|
||
|
|
<a href="#" class="hover:text-indigo-600 transition">AI & ML</a>
|
||
|
|
<a href="#" class="hover:text-indigo-600 transition">Cloud</a>
|
||
|
|
</div>
|
||
|
|
<div class="flex items-center space-x-4">
|
||
|
|
<button class="text-gray-500 hover:text-indigo-600">
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
<a href="/login" class="text-sm font-medium text-gray-700 hover:text-indigo-600 transition">Log in</a>
|
||
|
|
<a href="/register" class="bg-indigo-600 text-white px-4 py-2 rounded-full text-sm font-medium hover:bg-indigo-700 transition shadow-sm shadow-indigo-200">Subscribe</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
{{ $slot }}
|
||
|
|
|
||
|
|
<!-- Footer -->
|
||
|
|
<footer class="bg-white border-t border-gray-100 pt-16 pb-8">
|
||
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
|
|
<div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-8 mb-12">
|
||
|
|
<div class="col-span-2 lg:col-span-2">
|
||
|
|
<div class="flex items-center space-x-2 mb-6">
|
||
|
|
<div class="w-8 h-8 bg-indigo-600 rounded-lg flex items-center justify-center text-white font-bold">T</div>
|
||
|
|
<span class="text-xl font-bold tracking-tight">TechBlog</span>
|
||
|
|
</div>
|
||
|
|
<p class="text-gray-500 text-sm max-w-xs mb-6">
|
||
|
|
Bridging the gap between complex technology and clean, scalable solutions for developers worldwide.
|
||
|
|
</p>
|
||
|
|
<div class="flex space-x-4">
|
||
|
|
<a href="#" class="text-gray-400 hover:text-indigo-600 transition">
|
||
|
|
<span class="sr-only">Twitter</span>
|
||
|
|
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="text-gray-400 hover:text-indigo-600 transition">
|
||
|
|
<span class="sr-only">GitHub</span>
|
||
|
|
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h4 class="text-sm font-bold text-gray-900 mb-4 uppercase tracking-wider">Categories</h4>
|
||
|
|
<ul class="space-y-2 text-sm text-gray-500">
|
||
|
|
<li><a href="#" class="hover:text-indigo-600 transition">Development</a></li>
|
||
|
|
<li><a href="#" class="hover:text-indigo-600 transition">Design</a></li>
|
||
|
|
<li><a href="#" class="hover:text-indigo-600 transition">DevOps</a></li>
|
||
|
|
<li><a href="#" class="hover:text-indigo-600 transition">Cloud</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h4 class="text-sm font-bold text-gray-900 mb-4 uppercase tracking-wider">Company</h4>
|
||
|
|
<ul class="space-y-2 text-sm text-gray-500">
|
||
|
|
<li><a href="{{ route('aboutus') }}" class="hover:text-indigo-600 transition">About Us</a></li>
|
||
|
|
<li><a href="#" class="hover:text-indigo-600 transition">Careers</a></li>
|
||
|
|
<li><a href="{{ route('contactus') }}" class="hover:text-indigo-600 transition">Contact</a></li>
|
||
|
|
<li><a href="#" class="hover:text-indigo-600 transition">Privacy</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h4 class="text-sm font-bold text-gray-900 mb-4 uppercase tracking-wider">Support</h4>
|
||
|
|
<ul class="space-y-2 text-sm text-gray-500">
|
||
|
|
<li><a href="#" class="hover:text-indigo-600 transition">Help Center</a></li>
|
||
|
|
<li><a href="#" class="hover:text-indigo-600 transition">RSS Feed</a></li>
|
||
|
|
<li><a href="#" class="hover:text-indigo-600 transition">Status</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="border-t border-gray-100 pt-8 flex flex-col md:flex-row justify-between items-center text-xs text-gray-400">
|
||
|
|
<p>© 2026 TechBlog Inc. All rights reserved.</p>
|
||
|
|
<div class="flex space-x-6 mt-4 md:mt-0">
|
||
|
|
<a href="#" class="hover:text-gray-600">Terms of Service</a>
|
||
|
|
<a href="#" class="hover:text-gray-600">Privacy Policy</a>
|
||
|
|
<a href="#" class="hover:text-gray-600">Cookie Settings</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|