truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: kariyer formu, mobil offcanvas menu ve blog modulu iyilestirmeleri

Browse Source
This commit is contained in:
Muhammet Güler
2026-03-10 18:50:23 +03:00
parent f4f601a492
commit 4924cb0dc8
25 changed files with 1220 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/front/career/index.blade.php
+179
View File
@@ -0,0 +1,179 @@
@extends('layouts.site')
@section('content')
<section class="wrapper bg-soft-primary">
<div class="container pt-15 pb-0 pt-md-20 pb-md-0 text-center">
<div class="row">
<div class="col-xl-8 col-lg-10 mx-auto">
<h1 class="display-1 mb-3 text-dark">{{ __('career.title', ['default' => 'Kariyer']) }}</h1>
<p class="lead mb-0 text-muted">{{ __('career.description', ['default' => 'Ekibimize katılmak için aşağıdaki formu doldurarak CV\'nizi iletebilirsiniz.']) }}</p>
</div>
</div>
</div>
</section>
<section class="wrapper bg-light">
<div class="container pt-5 pb-14 pb-md-16">
<div class="row">
<div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto">
<div class="card shadow-xl border-0 rounded-4">
<div class="card-body p-8 p-md-12">
<div class="row mb-10 text-center text-md-start">
<div class="col-12">
<h2 class="h3 mb-2 text-dark">Başvuru Formu</h2>
<div class="divider-citrus"></div>
</div>
</div>
@if(session('success'))
<div class="alert alert-success mt-4 mb-10 border-0 shadow-sm rounded-3">
<div class="d-flex align-items-center">
<i class="uil uil-check-circle fs-24 me-3 text-success"></i>
<div class="fw-medium text-success">{{ session('success') }}</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
trackEvent('career_form_success', {form_name: 'career_application'});
});
</script>
@endif
<form action="{{ route('career.store') }}" method="POST" enctype="multipart/form-data" class="career-form">
@csrf
<!-- Personal Info Group -->
<div class="row mb-8 align-items-center">
<label for="name" class="col-md-3 col-form-label fw-bold text-md-end text-dark mb-2 mb-md-0">{{ __('career.name', ['default' => 'Ad Soyad']) }} <span class="text-citrus">*</span></label>
<div class="col-md-9">
<input type="text" name="name" id="name" class="form-control custom-input @error('name') is-invalid @enderror" placeholder="Örn: Ahmet Yılmaz" value="{{ old('name') }}" required>
@error('name') <div class="invalid-feedback text-start">{{ $message }}</div> @enderror
</div>
</div>
<div class="row mb-8 align-items-center">
<label for="email" class="col-md-3 col-form-label fw-bold text-md-end text-dark mb-2 mb-md-0">{{ __('career.email', ['default' => 'E-posta']) }} <span class="text-citrus">*</span></label>
<div class="col-md-9">
<input type="email" name="email" id="email" class="form-control custom-input @error('email') is-invalid @enderror" placeholder="Örn: ahmet@example.com" value="{{ old('email') }}" required>
@error('email') <div class="invalid-feedback text-start">{{ $message }}</div> @enderror
</div>
</div>
<div class="row mb-8 align-items-center">
<label for="phone" class="col-md-3 col-form-label fw-bold text-md-end text-dark mb-2 mb-md-0">{{ __('career.phone', ['default' => 'Telefon']) }}</label>
<div class="col-md-9">
<input type="text" name="phone" id="phone" class="form-control custom-input @error('phone') is-invalid @enderror" placeholder="Örn: 05XX XXX XX XX" value="{{ old('phone') }}">
@error('phone') <div class="invalid-feedback text-start">{{ $message }}</div> @enderror
</div>
</div>
<div class="row mb-8 align-items-center">
<label for="cv" class="col-md-3 col-form-label fw-bold text-md-end text-dark mb-2 mb-md-0">{{ __('career.cv', ['default' => 'Özgeçmiş (CV)']) }} <span class="text-citrus">*</span></label>
<div class="col-md-9">
<div class="input-group">
<input type="file" name="cv" id="cv" class="form-control custom-input @error('cv') is-invalid @enderror" required>
</div>
<div class="form-text text-start text-muted mt-2">PDF, DOC, DOCX dosyaları kabul edilir. (Maks. 5MB)</div>
@error('cv') <div class="invalid-feedback d-block text-start">{{ $message }}</div> @enderror
</div>
</div>
<div class="row mb-10">
<label for="message" class="col-md-3 col-form-label fw-bold text-md-end text-dark mb-2 mb-md-0 pt-md-3">{{ __('career.message', ['default' => 'Mesajınız']) }}</label>
<div class="col-md-9">
<textarea name="message" id="message" class="form-control custom-input @error('message') is-invalid @enderror" placeholder="Başvurunuzla ilgili iletmek istediklerinizi yazabilirsiniz..." style="height: 180px">{{ old('message') }}</textarea>
@error('message') <div class="invalid-feedback text-start">{{ $message }}</div> @enderror
</div>
</div>
<div class="row">
<div class="col-md-9 offset-md-3 text-center text-md-start">
<button type="submit" class="btn btn-citrus btn-lg rounded-pill px-12 transition-all shadow-citrus" onclick="trackEvent('career_form_submit_attempt', {form_name: 'career_application'})">
{{ __('career.submit', ['default' => 'Başvuruyu Gönder']) }}
<i class="uil uil-arrow-right ms-2 fs-20"></i>
</button>
</div>
</div>
</form>
</div>
<!--/.card-body -->
</div>
<!--/.card -->
</div>
<!-- /column -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
@push('styles')
<style>
:root {
--citrus-red: #e31e24;
--citrus-red-soft: rgba(227, 30, 36, 0.05);
--citrus-red-hover: #c4191f;
}
.text-citrus { color: var(--citrus-red) !important; }
.bg-citrus { background-color: var(--citrus-red) !important; }
.btn-citrus {
color: #fff !important;
background-color: var(--citrus-red) !important;
border-color: var(--citrus-red) !important;
}
.btn-citrus:hover {
background-color: var(--citrus-red-hover) !important;
border-color: var(--citrus-red-hover) !important;
transform: translateY(-2px);
}
.shadow-citrus {
box-shadow: 0 0.5rem 1.5rem rgba(227, 30, 36, 0.25) !important;
}
.divider-citrus {
width: 60px;
height: 4px;
background-color: var(--citrus-red);
border-radius: 2px;
margin: 1.5rem 0;
}
@media (max-width: 767.98px) {
.divider-citrus { margin: 1.5rem auto; }
}
.career-form .custom-input {
border: 1px solid #dfe5ef;
padding: 1rem 1.2rem;
background-color: #f8fbff;
border-radius: 0.75rem;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
font-size: 0.95rem;
}
.career-form .custom-input:focus {
border-color: var(--citrus-red);
box-shadow: 0 0 0 0.25rem var(--citrus-red-soft);
background-color: #fff;
outline: none;
}
.career-form .custom-input::placeholder {
color: #aeb6c2;
font-style: italic;
}
.bg-soft-primary {
background: linear-gradient(135deg, #f0f7ff 0%, #e8f1ff 100%) !important;
}
.shadow-xl {
box-shadow: 0 1.5rem 4rem rgba(30, 41, 59, 0.1) !important;
}
</style>
@endpush
@endsection