contact.html
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
{{partial "head"}}
<title>Contact - {{site_name}}</title>
</head>
<body class="min-h-screen bg-base-200 flex flex-col">
{{partial "header"}}
<main class="container mx-auto p-8 flex-1">
<div class="max-w-2xl mx-auto">
<h1 class="text-4xl font-bold mb-6">Contact Us</h1>
<p class="text-lg text-base-content/70 mb-8">
Have questions? We'd love to hear from you. Send us a message and we'll respond as soon as possible.
</p>
<div class="card bg-base-100 shadow-xl">
<div class="card-body">
<div class="form-control mb-4">
<label class="floating-label">
<span>Your Name</span>
<input type="text" placeholder="John Doe" class="input input-bordered w-full" />
</label>
</div>
<div class="form-control mb-4">
<label class="floating-label">
<span>Email Address</span>
<input type="email" placeholder="you@example.com" class="input input-bordered w-full" />
</label>
</div>
<div class="form-control mb-4">
<label class="floating-label">
<span>Message</span>
<textarea placeholder="Your message..." class="textarea textarea-bordered w-full h-32"></textarea>
</label>
</div>
<button class="btn btn-primary">Send Message</button>
</div>
</div>
<div class="mt-12 grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="text-center p-6">
<div class="text-3xl mb-2">📧</div>
<h3 class="font-semibold">Email</h3>
<p class="text-base-content/70">hello@example.com</p>
</div>
<div class="text-center p-6">
<div class="text-3xl mb-2">📍</div>
<h3 class="font-semibold">Location</h3>
<p class="text-base-content/70">San Francisco, CA</p>
</div>
</div>
</div>
</main>
{{partial "footer"}}
</body>
</html>