2026-04-04 18:19:34 +03:00
|
|
|
|
@extends('layouts.app')
|
|
|
|
|
|
|
|
|
|
|
|
@section('title', 'Contact Us - JobifyGarden')
|
|
|
|
|
|
@section('description', 'Get in touch with JobifyGarden. We\'re here to help with any questions or feedback you may have.')
|
|
|
|
|
|
@section('canonical', route('contact'))
|
|
|
|
|
|
|
|
|
|
|
|
@section('content')
|
|
|
|
|
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
|
|
|
|
|
|
<!-- Header -->
|
|
|
|
|
|
<div class="text-center mb-12">
|
|
|
|
|
|
<h1 class="text-4xl font-bold text-gray-900 mb-4">Contact Us</h1>
|
|
|
|
|
|
<p class="text-xl text-gray-600">We'd love to hear from you</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-8">
|
|
|
|
|
|
<!-- Contact Information -->
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-sm border border-gray-200 p-8">
|
|
|
|
|
|
<h2 class="text-2xl font-semibold text-gray-900 mb-6">Get In Touch</h2>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="space-y-6">
|
|
|
|
|
|
<!-- Email -->
|
|
|
|
|
|
<div class="flex items-start">
|
|
|
|
|
|
<div class="flex-shrink-0">
|
|
|
|
|
|
<svg class="w-6 h-6 text-emerald-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ml-4">
|
|
|
|
|
|
<h3 class="text-lg font-medium text-gray-900">Email</h3>
|
|
|
|
|
|
<p class="text-gray-600">hello@jobifygarden.com</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Support -->
|
|
|
|
|
|
<div class="flex items-start">
|
|
|
|
|
|
<div class="flex-shrink-0">
|
|
|
|
|
|
<svg class="w-6 h-6 text-emerald-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z"></path>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ml-4">
|
|
|
|
|
|
<h3 class="text-lg font-medium text-gray-900">Support</h3>
|
|
|
|
|
|
<p class="text-gray-600">support@jobifygarden.com</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Business Hours -->
|
|
|
|
|
|
<div class="flex items-start">
|
|
|
|
|
|
<div class="flex-shrink-0">
|
|
|
|
|
|
<svg class="w-6 h-6 text-emerald-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ml-4">
|
|
|
|
|
|
<h3 class="text-lg font-medium text-gray-900">Response Time</h3>
|
|
|
|
|
|
<p class="text-gray-600">We typically respond within 24-48 hours</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- FAQ Link -->
|
|
|
|
|
|
<div class="mt-8 pt-8 border-t border-gray-200">
|
|
|
|
|
|
<h3 class="text-lg font-medium text-gray-900 mb-2">Frequently Asked Questions</h3>
|
|
|
|
|
|
<p class="text-gray-600 text-sm mb-4">
|
|
|
|
|
|
Before reaching out, you might find answers to common questions in our FAQ section.
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Contact Form -->
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-sm border border-gray-200 p-8">
|
|
|
|
|
|
<h2 class="text-2xl font-semibold text-gray-900 mb-6">Send Us a Message</h2>
|
|
|
|
|
|
|
|
|
|
|
|
<form class="space-y-6">
|
|
|
|
|
|
<!-- Name -->
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<label for="name" class="block text-sm font-medium text-gray-700 mb-2">Name</label>
|
|
|
|
|
|
<input type="text" id="name" name="name"
|
|
|
|
|
|
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500"
|
|
|
|
|
|
placeholder="Your name">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Email -->
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<label for="email" class="block text-sm font-medium text-gray-700 mb-2">Email</label>
|
|
|
|
|
|
<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-emerald-500 focus:border-emerald-500"
|
|
|
|
|
|
placeholder="your.email@example.com">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Subject -->
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<label for="subject" class="block text-sm font-medium text-gray-700 mb-2">Subject</label>
|
|
|
|
|
|
<input type="text" id="subject" name="subject"
|
|
|
|
|
|
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500"
|
|
|
|
|
|
placeholder="How can we help?">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Message -->
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<label for="message" class="block text-sm font-medium text-gray-700 mb-2">Message</label>
|
|
|
|
|
|
<textarea id="message" name="message" rows="5"
|
|
|
|
|
|
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500"
|
|
|
|
|
|
placeholder="Tell us more about your question or feedback..."></textarea>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Submit Button -->
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<button type="submit"
|
|
|
|
|
|
class="w-full px-6 py-3 bg-emerald-600 hover:bg-emerald-700 text-white font-semibold rounded-lg transition-colors duration-200">
|
|
|
|
|
|
Send Message
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<p class="text-xs text-gray-500 text-center">
|
2026-05-28 22:18:36 +03:00
|
|
|
|
We'll get back to you within 24–48 hours.
|
2026-04-04 18:19:34 +03:00
|
|
|
|
</p>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
@endsection
|
