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

feat: enhance MusicProductionController with structured data support, improve SEO metadata handling, and add JSON-LD integration in views for better search engine visibility

Browse Source
This commit is contained in:
Ümit Tunç
2026-05-20 23:17:30 +03:00
parent 33c7b6a51e
commit 15896248c4
8 changed files with 367 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/front/music-productions/index.blade.php
+83 -17
View File
@@ -1,5 +1,7 @@
@extends('layouts.site')
<x-seo.json-ld :data="$structuredData ?? null" />
@section('content')
{{-- demo28.html: hero + itemgrid --}}
<section class="wrapper bg-gradient-blend">
@@ -24,23 +26,26 @@
<div class="md:w-10/12 lg:w-9/12 xl:w-9/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
<h1 class="xl:!text-[2.4rem] !text-[calc(1.365rem_+_1.38vw)] font-semibold !leading-[1.15] !mb-5 xl:!px-14">{{ __('music_productions.meta-index-title') }}</h1>
<p class="lead !text-[1.1rem]">{{ __('music_productions.meta-index-description') }}</p>
<form
action="{{ route('music-productions.index') }}"
method="GET"
role="search"
class="search-form relative !mt-8 w-full max-w-3xl !mx-auto before:content-['\eca5'] before:block before:absolute before:-translate-y-2/4 before:text-[1.05rem] before:!text-[#747ed1] before:z-[1] before:left-5 before:top-2/4 before:font-Unicons"
>
<input
type="search"
name="q"
value="{{ $search ?? request('q') }}"
class="form-control relative block w-full text-[0.95rem] font-medium !text-[#60697b] bg-[rgba(255,255,255,0.95)] shadow-[0_0_1.25rem_rgba(30,34,40,0.08)] rounded-[50rem] border border-solid border-[rgba(8,60,130,0.1)] !pl-12 !pr-5 py-[0.85rem] min-h-[3rem] focus:shadow-[0_0_1.25rem_rgba(116,126,209,0.18)] focus-visible:!border-[#747ed1] placeholder:!text-[#959ca9] placeholder:opacity-100"
placeholder="{{ __('music_productions.search_placeholder') }}"
aria-label="{{ __('music_productions.search_placeholder') }}"
autocomplete="off"
>
</form>
<p class="lead !text-[1.1rem] !mb-0">{{ __('music_productions.meta-index-description') }}</p>
<div class="music-production-search">
<form action="{{ route('music-productions.index') }}" method="GET" role="search" class="music-production-search__form">
<span class="music-production-search__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="7"/>
<path d="M20 20l-3-3"/>
</svg>
</span>
<input
type="search"
name="q"
value="{{ $search ?? request('q') }}"
class="music-production-search__input"
placeholder="{{ __('music_productions.search_placeholder') }}"
aria-label="{{ __('music_productions.search_placeholder') }}"
autocomplete="off"
>
</form>
</div>
</div>
<!-- /column -->
</div>
@@ -170,6 +175,67 @@
@push('styles')
<style>
.music-production-search {
width: 100%;
max-width: 36rem;
margin: 2.25rem auto 1.75rem;
padding: 0 0.25rem;
}
.music-production-search__form {
position: relative;
width: 100%;
}
.music-production-search__icon {
position: absolute;
left: 1.35rem;
top: 50%;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 1.25rem;
height: 1.25rem;
color: #747ed1;
pointer-events: none;
transform: translateY(-50%);
}
.music-production-search__icon svg {
display: block;
width: 100%;
height: 100%;
}
.music-production-search__input {
display: block;
width: 100%;
height: 3.35rem;
margin: 0;
padding: 0 1.35rem 0 3.35rem;
font-family: inherit;
font-size: 0.95rem;
font-weight: 500;
line-height: 1.5;
color: #60697b;
background: rgba(255, 255, 255, 0.97);
border: 1px solid rgba(8, 60, 130, 0.12);
border-radius: 50rem;
box-shadow: 0 0.35rem 1.35rem rgba(30, 34, 40, 0.1);
outline: none;
appearance: none;
-webkit-appearance: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.music-production-search__input::placeholder {
color: #959ca9;
opacity: 1;
}
.music-production-search__input:focus {
border-color: #747ed1;
box-shadow: 0 0.35rem 1.5rem rgba(116, 126, 209, 0.22);
}
.music-production-search__input::-webkit-search-cancel-button {
-webkit-appearance: none;
}
/* 1:1 kapak karesi — dikdörtgen görseli kırpar, yan boşluk bırakmaz */
.projects-masonry .music-production-cover {
position: relative;