Compare commits
4 Commits
f77866faa5
...
0bdf0c3394
| Author | SHA1 | Date | |
|---|---|---|---|
 Ümit Tunç
|
0bdf0c3394 | ||
|
Ümit Tunç
|
d7200111e2 | ||
|
Ümit Tunç
|
faf752dd3c | ||
|
Ümit Tunç
|
31e695cd3a |
@@ -0,0 +1,144 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
// Navigation & list
|
||||
'nav-music-productions' => 'الإنتاج الموسيقي',
|
||||
'breadcrumb_home' => 'الرئيسية',
|
||||
'meta-index-subtitle' => 'Truncgil',
|
||||
'meta-index-title' => 'إنتاج موسيقي، موسيقى أفلام ومشاريع موسيقية مؤسسية.',
|
||||
'meta-index-description' => 'اكتشف ألبوماتنا وسينغلاتنا ومشاريع الإنتاج المنشورة على Spotify وYouTube والمنصات الرقمية.',
|
||||
'empty' => 'لا يوجد إنتاج موسيقي مسجّل حتى الآن.',
|
||||
'search_placeholder' => 'ابحث بالعنوان أو اسم العميل…',
|
||||
'search_no_results' => 'لا توجد نتائج لـ ":query".',
|
||||
'card_category_default' => 'إنتاج',
|
||||
'production_date_unknown' => 'التاريخ غير محدد',
|
||||
'view_details_tooltip' => 'عرض التفاصيل',
|
||||
'project_details' => 'تفاصيل المشروع',
|
||||
'back_to_list' => 'العودة إلى القائمة',
|
||||
'prev' => 'السابق',
|
||||
'next' => 'التالي',
|
||||
|
||||
// Module labels
|
||||
'title' => 'الإنتاج الموسيقي',
|
||||
'navigation_label' => 'إنتاج موسيقي',
|
||||
'model_label' => 'إنتاج موسيقي',
|
||||
'plural_model_label' => 'إنتاجات موسيقية',
|
||||
|
||||
// Actions
|
||||
'create' => 'إنشاء إنتاج موسيقي جديد',
|
||||
'edit' => 'تعديل الإنتاج الموسيقي',
|
||||
'save' => 'حفظ',
|
||||
'cancel' => 'إلغاء',
|
||||
'delete' => 'حذف الإنتاج الموسيقي',
|
||||
'restore' => 'استعادة الإنتاج الموسيقي',
|
||||
'force_delete' => 'حذف نهائي',
|
||||
|
||||
// Form fields
|
||||
'title_field' => 'العنوان',
|
||||
'slug_field' => 'مسار URL',
|
||||
'content_field' => 'المحتوى',
|
||||
'client_name_field' => 'اسم العميل',
|
||||
'production_date_field' => 'تاريخ الإنتاج',
|
||||
'cover_image_field' => 'صورة الغلاف',
|
||||
'gallery_field' => 'صور المعرض',
|
||||
'is_active_field' => 'نشط؟',
|
||||
'sort_order_field' => 'ترتيب الفرز',
|
||||
|
||||
// Sections
|
||||
'content_section' => 'المحتوى',
|
||||
'settings_section' => 'إعدادات الإنتاج',
|
||||
'translations_section' => 'الترجمات',
|
||||
|
||||
// Helper texts
|
||||
'slug_helper' => 'الجزء الذي سيظهر في URL. مثال: music-production-1',
|
||||
'cover_image_helper' => 'اختر صورة غلاف للإنتاج',
|
||||
'gallery_helper' => 'اختر صورًا أخرى للإنتاج (يدعم الرفع المتعدد)',
|
||||
'production_date_helper' => 'تاريخ اكتمال الإنتاج',
|
||||
'is_active_helper' => 'عرض هذا الإنتاج الموسيقي على الموقع',
|
||||
'sort_order_helper' => 'أدخل رقم ترتيب لأولوية القائمة',
|
||||
|
||||
// Status options
|
||||
'status_draft' => 'مسودة',
|
||||
'status_published' => 'منشور',
|
||||
'status_archived' => 'مؤرشف',
|
||||
|
||||
// Messages
|
||||
'created_successfully' => 'تم إنشاء الإنتاج الموسيقي بنجاح.',
|
||||
'updated_successfully' => 'تم تحديث الإنتاج الموسيقي بنجاح.',
|
||||
'deleted_successfully' => 'تم حذف الإنتاج الموسيقي بنجاح.',
|
||||
'restored_successfully' => 'تم استعادة الإنتاج الموسيقي بنجاح.',
|
||||
|
||||
// Table columns
|
||||
'table_title' => 'العنوان',
|
||||
'table_slug' => 'مسار URL',
|
||||
'table_client_name' => 'العميل',
|
||||
'table_production_date' => 'تاريخ الإنتاج',
|
||||
'table_status' => 'الحالة',
|
||||
'table_is_active' => 'نشط',
|
||||
'table_created_at' => 'تاريخ الإنشاء',
|
||||
'table_updated_at' => 'تاريخ التحديث',
|
||||
|
||||
// Validation messages
|
||||
'title_required' => 'حقل العنوان إلزامي.',
|
||||
'slug_required' => 'حقل مسار URL إلزامي.',
|
||||
'slug_unique' => 'هذا المسار مستخدم بالفعل.',
|
||||
|
||||
// Spotify
|
||||
'spotify_section' => 'معلومات Spotify',
|
||||
'spotify_album_id_field' => 'معرّف ألبوم Spotify',
|
||||
'spotify_url_field' => 'رابط Spotify',
|
||||
'spotify_type_field' => 'نوع Spotify',
|
||||
'spotify_synced_at_field' => 'آخر مزامنة Spotify',
|
||||
'spotify_type_album' => 'ألبوم',
|
||||
'spotify_type_single' => 'سينغل',
|
||||
'spotify_type_compilation' => 'تجميعة',
|
||||
'spotify_listen_on_spotify' => 'استمع على Spotify',
|
||||
'spotify_track_singular' => 'مقطوعة',
|
||||
'spotify_track_plural' => 'مقطوعات',
|
||||
'sync_spotify' => 'مزامنة من Spotify',
|
||||
'sync_spotify_heading' => 'مزامنة Spotify',
|
||||
'sync_spotify_description' => 'سيتم مزامنة الألبومات والسينغلات من حساب الفنان مع الإنتاجات الموسيقية.',
|
||||
'spotify_sync_started' => 'جارٍ بدء مزامنة Spotify...',
|
||||
'spotify_sync_completed' => 'اكتملت المزامنة. :created جديد، :updated محدَّث (الإجمالي :total).',
|
||||
'spotify_sync_success' => 'اكتملت مزامنة Spotify بنجاح.',
|
||||
'spotify_sync_failed' => 'فشلت مزامنة Spotify. تحقق من السجلات.',
|
||||
'spotify_not_configured' => 'بيانات Spotify API مفقودة. حدد SPOTIFY_CLIENT_ID وSPOTIFY_CLIENT_SECRET وSPOTIFY_ARTIST_ID في ملف .env.',
|
||||
'spotify_token_failed' => 'فشل الحصول على رمز الوصول لـ Spotify.',
|
||||
'spotify_albums_fetch_failed' => 'فشل جلب قائمة ألبومات Spotify.',
|
||||
'spotify_premium_required' => 'يحتاج حساب Spotify المطوّر إلى اشتراك Premium نشط. Detail: :detail',
|
||||
'spotify_no_albums' => 'لم يتم العثور على ألبومات أو سينغلات في حساب فنان Spotify.',
|
||||
'spotify_untitled_album' => 'ألبوم بلا عنوان',
|
||||
|
||||
// YouTube
|
||||
'youtube_section' => 'معلومات YouTube',
|
||||
'youtube_video_id_field' => 'معرّف فيديو YouTube',
|
||||
'youtube_url_field' => 'رابط YouTube',
|
||||
'youtube_description_field' => 'وصف YouTube',
|
||||
'youtube_synced_at_field' => 'آخر مزامنة YouTube',
|
||||
'youtube_watch_on_youtube' => 'شاهد على YouTube',
|
||||
'sync_youtube' => 'مزامنة من YouTube',
|
||||
'sync_youtube_heading' => 'مزامنة إصدارات YouTube',
|
||||
'sync_youtube_description' => 'سيتم مزامنة إصدارات المقاطع الفنية من قائمة تشغيل Releases في قناتك.',
|
||||
'youtube_sync_started' => 'جارٍ بدء مزامنة إصدارات YouTube...',
|
||||
'youtube_sync_source' => 'المصدر: :source',
|
||||
'youtube_sync_completed' => 'اكتملت المزامنة. :created جديد، :updated محدَّث (الإجمالي :total).',
|
||||
'youtube_sync_success' => 'اكتملت مزامنة YouTube بنجاح.',
|
||||
'youtube_sync_failed' => 'فشلت مزامنة YouTube. تحقق من السجلات.',
|
||||
'youtube_not_configured' => 'بيانات YouTube API مفقودة. حدد YOUTUBE_API_KEY وYOUTUBE_CHANNEL_ID في ملف .env.',
|
||||
'youtube_releases_fetch_failed' => 'فشل جلب قائمة إصدارات YouTube.',
|
||||
'youtube_referrer_blocked' => 'رفض مفتاح YouTube API الطلب. Detail: :detail',
|
||||
'youtube_playlist_not_resolved' => 'تعذّر تحليل معرّف قائمة التشغيل. حدد YOUTUBE_CHANNEL_ID أو YOUTUBE_PLAYLIST_ID.',
|
||||
'youtube_no_releases' => 'لم يتم العثور على إصدارات في قائمة تشغيل YouTube Releases.',
|
||||
'youtube_untitled_release' => 'إصدار بلا عنوان',
|
||||
|
||||
// Metadata table labels
|
||||
'field' => 'الحقل',
|
||||
'value' => 'القيمة',
|
||||
'track' => 'المقطوعة',
|
||||
'style' => 'الأسلوب',
|
||||
'contributors' => 'المساهمون',
|
||||
'released_on' => 'تاريخ الإصدار',
|
||||
'distributor' => 'الموزع',
|
||||
'label' => 'التسجيلات',
|
||||
'youtube' => 'YouTube',
|
||||
];
|
||||
@@ -0,0 +1,15 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
// Metadata table labels
|
||||
'field' => 'Feld',
|
||||
'value' => 'Wert',
|
||||
'track' => 'Titel',
|
||||
'style' => 'Stil',
|
||||
'contributors' => 'Mitwirkende',
|
||||
'released_on' => 'Veröffentlicht am',
|
||||
'distributor' => 'Vertriebsfirma',
|
||||
'label' => 'Label',
|
||||
'youtube' => 'YouTube',
|
||||
];
|
||||
?>
|
||||
@@ -130,4 +130,16 @@ return [
|
||||
'youtube_playlist_not_resolved' => 'Could not resolve YouTube Releases playlist ID. Set YOUTUBE_CHANNEL_ID or YOUTUBE_PLAYLIST_ID.',
|
||||
'youtube_no_releases' => 'No releases found in the YouTube Releases playlist.',
|
||||
'youtube_untitled_release' => 'Untitled Release',
|
||||
|
||||
// Metadata table labels
|
||||
'field' => 'Field',
|
||||
'value' => 'Value',
|
||||
'track' => 'Track',
|
||||
'style' => 'Style',
|
||||
'contributors' => 'Contributors',
|
||||
'released_on' => 'Released on',
|
||||
'distributor' => 'Distributor',
|
||||
'label' => 'Label',
|
||||
'youtube' => 'YouTube',
|
||||
];
|
||||
|
||||
|
||||
@@ -109,7 +109,16 @@ return [
|
||||
'spotify_no_albums' => 'Spotify sanatçı hesabında albüm veya single bulunamadı.',
|
||||
'spotify_untitled_album' => 'İsimsiz Albüm',
|
||||
|
||||
// YouTube
|
||||
// Metadata table labels
|
||||
'field' => 'Alan',
|
||||
'value' => 'Değer',
|
||||
'track' => 'Parça',
|
||||
'style' => 'Stil',
|
||||
'contributors' => 'Katkıda Bulunanlar',
|
||||
'released_on' => 'Yayın Tarihi',
|
||||
'distributor' => 'Dağıtıcı',
|
||||
'label' => 'Etiket',
|
||||
|
||||
'youtube_section' => 'YouTube Bilgileri',
|
||||
'youtube_video_id_field' => 'YouTube Video ID',
|
||||
'youtube_url_field' => 'YouTube URL',
|
||||
|
||||
@@ -177,54 +177,69 @@
|
||||
<div class="xl:w-10/12 xl:!ml-[8.33333333%] lg:w-10/12 lg:!ml-[8.33333333%] w-full flex-[0_0_auto] !px-[15px] max-w-full">
|
||||
<h2 class="!text-[calc(1.265rem_+_0.18vw)] font-bold xl:!text-[1.4rem] !leading-[1.35] !mb-4">{{ __('music_productions.project_details') }}</h2>
|
||||
<div class="flex flex-wrap mx-0">
|
||||
{{-- Content column --}}
|
||||
<div class="xl:w-9/12 lg:w-9/12 md:w-9/12 w-full flex-[0_0_auto] max-w-full">
|
||||
<div class="music-production-content prose max-w-none">
|
||||
{!! $production->translate('content') !!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{{-- Sidebar - Date & Client --}}
|
||||
<div class="xl:w-3/12 lg:w-3/12 md:w-3/12 w-full flex-[0_0_auto] max-w-full !ml-auto">
|
||||
<ul class="pl-0 list-none">
|
||||
@if($production->production_date)
|
||||
<li>
|
||||
<h5 class="!mb-1">{!! t('Tarih') !!}</h5>
|
||||
<p>{{ $production->production_date->format('d M Y') }}</p>
|
||||
</li>
|
||||
@endif
|
||||
@if($production->client_name)
|
||||
<li>
|
||||
<h5 class="!mb-1">{!! t('Müşteri') !!}</h5>
|
||||
<p>{{ $production->translate('client_name') }}</p>
|
||||
</li>
|
||||
@endif
|
||||
@if($production->spotify_url)
|
||||
<li class="!mb-3">
|
||||
<h5 class="!mb-1">Spotify</h5>
|
||||
<p>
|
||||
<a href="{{ $production->spotify_url }}" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-soft-primary !rounded-[50rem] w-full text-center">
|
||||
{{ __('music_productions.spotify_listen_on_spotify') }}
|
||||
</a>
|
||||
</p>
|
||||
</li>
|
||||
@endif
|
||||
@if($production->youtube_url)
|
||||
<li class="!mb-3">
|
||||
<h5 class="!mb-1">YouTube</h5>
|
||||
<p>
|
||||
<a href="{{ $production->youtube_url }}" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-soft-red !rounded-[50rem] w-full text-center" style="background-color: rgba(227, 30, 36, 0.1); color: #e31e24;">
|
||||
{{ __('music_productions.youtube_watch_on_youtube') }}
|
||||
</a>
|
||||
</p>
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
<a href="{{ route('music-productions.index') }}" class="more hover mt-4 inline-block">
|
||||
<i class="uil uil-arrow-left before:content-['\e949'] !mr-1"></i>
|
||||
{{ __('music_productions.back_to_list') }}
|
||||
</a>
|
||||
</div>
|
||||
{{-- Premium Metadata Table --}}
|
||||
<div class="prod-meta-card">
|
||||
<table class="prod-meta-table">
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="prod-meta-label"><i class="uil uil-music"></i> {{ __("music_productions.track") }}</td>
|
||||
<td class="prod-meta-value">{{ $trackNameParsed ?? $titlePart }}</td>
|
||||
</tr>
|
||||
@if($styleParsed)
|
||||
<tr>
|
||||
<td class="prod-meta-label"><i class="uil uil-layer-group"></i> {{ __("music_productions.style") }}</td>
|
||||
<td class="prod-meta-value"><span class="prod-meta-badge">{{ $styleParsed }}</span></td>
|
||||
</tr>
|
||||
@endif
|
||||
@if(!empty($contributors))
|
||||
<tr>
|
||||
<td class="prod-meta-label"><i class="uil uil-users-alt"></i> {{ __("music_productions.contributors") }}</td>
|
||||
<td class="prod-meta-value">{{ implode(', ', $contributors) }}</td>
|
||||
</tr>
|
||||
@endif
|
||||
@if($releasedOn)
|
||||
<tr>
|
||||
<td class="prod-meta-label"><i class="uil uil-calendar-alt"></i> {{ __("music_productions.released_on") }}</td>
|
||||
<td class="prod-meta-value">{{ \Carbon\Carbon::parse($releasedOn)->format('d.m.Y') }}</td>
|
||||
</tr>
|
||||
@endif
|
||||
|
||||
@if($label)
|
||||
<tr>
|
||||
<td class="prod-meta-label"><i class="uil uil-record-audio"></i> {{ __("music_productions.label") }}</td>
|
||||
<td class="prod-meta-value">{{ $label }}</td>
|
||||
</tr>
|
||||
@endif
|
||||
@if($production->spotify_url)
|
||||
<tr>
|
||||
<td class="prod-meta-label"><i class="uil uil-headphones"></i> Spotify</td>
|
||||
<td class="prod-meta-value">
|
||||
<a href="{{ $production->spotify_url }}" target="_blank" rel="noopener noreferrer" class="prod-platform-btn prod-platform-btn--spotify">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor" width="14" height="14"><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/></svg>
|
||||
{{ __('music_productions.spotify_listen_on_spotify') }}
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
@endif
|
||||
@if($production->youtube_url)
|
||||
<tr>
|
||||
<td class="prod-meta-label"><i class="uil uil-youtube"></i> {{ __("music_productions.youtube") }}</td>
|
||||
<td class="prod-meta-value">
|
||||
<a href="{{ $production->youtube_url }}" target="_blank" rel="noopener noreferrer" class="prod-platform-btn prod-platform-btn--youtube">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor" width="14" height="14"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
|
||||
{{ __('music_productions.youtube_watch_on_youtube') }}
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
@endif
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -730,6 +745,143 @@ body.lightbox-open .player {
|
||||
perspective: none !important;
|
||||
z-index: 1 !important;
|
||||
}
|
||||
|
||||
/* ===== Premium Metadata Table ===== */
|
||||
.prod-meta-card {
|
||||
margin: 2.5rem auto;
|
||||
max-width: 720px;
|
||||
border-radius: 14px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4px 24px rgba(30, 34, 40, 0.08);
|
||||
border: 1px solid rgba(164,174,198,0.18);
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.prod-meta-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.prod-meta-table thead tr {
|
||||
background: linear-gradient(90deg, #343f52 0%, #4a5568 100%);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.prod-meta-table thead th {
|
||||
padding: 0.85rem 1.25rem;
|
||||
text-align: left;
|
||||
font-weight: 600;
|
||||
font-size: 0.78rem;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.prod-meta-table thead th i {
|
||||
margin-right: 0.4rem;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.prod-meta-table tbody tr {
|
||||
transition: background 0.18s ease;
|
||||
border-bottom: 1px solid rgba(164,174,198,0.12);
|
||||
}
|
||||
|
||||
.prod-meta-table tbody tr:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.prod-meta-table tbody tr:nth-child(even) {
|
||||
background: #f8f9fc;
|
||||
}
|
||||
|
||||
.prod-meta-table tbody tr:hover {
|
||||
background: #eef1f9;
|
||||
}
|
||||
|
||||
.prod-meta-label {
|
||||
padding: 0.85rem 1.25rem;
|
||||
font-weight: 600;
|
||||
color: #343f52;
|
||||
white-space: nowrap;
|
||||
width: 36%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.prod-meta-label i {
|
||||
margin-right: 0.45rem;
|
||||
color: #e31e24;
|
||||
font-size: 1rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.prod-meta-value {
|
||||
padding: 0.85rem 1.25rem;
|
||||
color: #60697b;
|
||||
vertical-align: middle;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.prod-meta-badge {
|
||||
display: inline-block;
|
||||
padding: 0.2em 0.75em;
|
||||
border-radius: 50rem;
|
||||
background: rgba(116, 126, 209, 0.12);
|
||||
color: #747ed1;
|
||||
font-size: 0.82rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
.prod-platform-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.45rem;
|
||||
padding: 0.38rem 1rem;
|
||||
border-radius: 50rem;
|
||||
font-size: 0.82rem;
|
||||
font-weight: 600;
|
||||
text-decoration: none !important;
|
||||
transition: all 0.22s ease;
|
||||
border: 1.5px solid transparent;
|
||||
}
|
||||
|
||||
.prod-platform-btn--spotify {
|
||||
background: rgba(30, 215, 96, 0.1);
|
||||
color: #1db954;
|
||||
border-color: rgba(30, 215, 96, 0.25);
|
||||
}
|
||||
|
||||
.prod-platform-btn--spotify:hover {
|
||||
background: #1db954;
|
||||
color: #fff !important;
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 12px rgba(30, 215, 96, 0.35);
|
||||
}
|
||||
|
||||
.prod-platform-btn--youtube {
|
||||
background: rgba(227, 30, 36, 0.08);
|
||||
color: #e31e24;
|
||||
border-color: rgba(227, 30, 36, 0.2);
|
||||
}
|
||||
|
||||
.prod-platform-btn--youtube:hover {
|
||||
background: #e31e24;
|
||||
color: #fff !important;
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 12px rgba(227, 30, 36, 0.35);
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.prod-meta-table {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.prod-meta-label {
|
||||
width: auto;
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
|
||||
@@ -0,0 +1,383 @@
|
||||
@extends('layouts.site')
|
||||
|
||||
@section('title', 'Dijital Dönüşüm (Yazılım Danışmanlığı) | Trunçgil')
|
||||
|
||||
@section('meta_description', 'İşletmenizin dijital dönüşüm yolculuğunda uzman kadromuzla stratejik danışmanlık, süreç otomasyonu, yapay zeka entegrasyonu ve bulut çözümleri sunuyoruz.')
|
||||
|
||||
@push('styles')
|
||||
<style>
|
||||
.typer-custom, .typer, .cursor {
|
||||
color: #e31e24 !important;
|
||||
}
|
||||
.hero-gradient-bg {
|
||||
background: linear-gradient(135deg, #edf2fc 0%, #f4f7fd 100%) !important;
|
||||
}
|
||||
.hover-lift {
|
||||
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
|
||||
}
|
||||
.hover-lift:hover {
|
||||
transform: translateY(-5px) !important;
|
||||
box-shadow: 0 1rem 3rem rgba(30, 34, 40, 0.075) !important;
|
||||
}
|
||||
.nav-tabs.nav-tabs-bg .nav-link.active {
|
||||
background-color: #ffffff !important;
|
||||
box-shadow: 0 0.25rem 1.75rem rgba(30,34,40,.07) !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
.bullet-soft-red i {
|
||||
background-color: #fdebee !important;
|
||||
color: #e31e24 !important;
|
||||
}
|
||||
.bullet-soft-green i {
|
||||
background-color: #e6f5ec !important;
|
||||
color: #45c4a0 !important;
|
||||
}
|
||||
.bullet-soft-yellow i {
|
||||
background-color: #feeed9 !important;
|
||||
color: #fab758 !important;
|
||||
}
|
||||
.btn-premium-red {
|
||||
background-color: #e31e24 !important;
|
||||
color: #ffffff !important;
|
||||
border-color: #e31e24 !important;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.btn-premium-red:hover {
|
||||
background-color: #c1161b !important;
|
||||
border-color: #c1161b !important;
|
||||
box-shadow: 0 0.5rem 1.5rem rgba(227, 30, 36, 0.25) !important;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
.btn-premium-teal {
|
||||
background-color: #45c4a0 !important;
|
||||
color: #ffffff !important;
|
||||
border-color: #45c4a0 !important;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.btn-premium-teal:hover {
|
||||
background-color: #34a383 !important;
|
||||
border-color: #34a383 !important;
|
||||
box-shadow: 0 0.5rem 1.5rem rgba(69, 196, 160, 0.25) !important;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
@section('content')
|
||||
<div class="grow shrink-0">
|
||||
|
||||
{{-- Section 1: Hero --}}
|
||||
<section class="wrapper hero-gradient-bg">
|
||||
<div class="container pt-10 pb-16 xl:pt-[5rem] lg:pt-[5rem] md:pt-[5rem] xl:pb-28 lg:pb-28 md:pb-28">
|
||||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-50px] items-center">
|
||||
|
||||
{{-- Left Column: Copywriting --}}
|
||||
<div class="md:w-10/12 md:!ml-[8.33333333%] lg:!ml-0 lg:w-5/12 xl:!ml-0 xl:w-5/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[50px] max-w-full lg:!mt-[-.5rem] xl:!mt-[-.5rem] text-center lg:text-left xl:text-left order-2 lg:!order-none xl:!order-none">
|
||||
<h1 class="xl:!text-[2.6rem] !text-[calc(1.385rem_+_1.62vw)] !leading-[1.1] !font-bold !tracking-normal [word-spacing:normal!important] !mb-5 md:mx-10 lg:mx-0">
|
||||
Geleceğin Teknolojisi ile<br>
|
||||
<span class="typer !text-[#e31e24] whitespace-nowrap" data-delay="100" data-words="Dijital Dönüşüm,Stratejik Danışmanlık,Akıllı Otomasyon,Bulut Çözümleri"></span>
|
||||
<span class="cursor !text-[#e31e24]" data-owner="typer"></span>
|
||||
</h1>
|
||||
<p class="lead !text-[1.05rem] !leading-[1.6] font-medium !mb-7 text-muted">
|
||||
İşletmenizin dijital olgunluk seviyesini artırıyor; ölçeklenebilir yazılımlar, yapay zeka modelleri ve yeni nesil entegrasyonlar ile pazar liderliğinizi pekiştiriyoruz.
|
||||
</p>
|
||||
<div class="flex justify-center lg:!justify-start xl:!justify-start">
|
||||
<span><a href="{{ route('page.show', ['slug' => 'iletisim']) }}" class="btn btn-lg btn-premium-red rounded !mr-3">Teklif Alın</a></span>
|
||||
<span><a href="#neler-apiyoruz" class="btn btn-lg btn-premium-teal rounded">Hizmetlerimiz</a></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Right Column: Dynamic Image Grid --}}
|
||||
<div class="xl:w-7/12 lg:w-7/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[50px] max-w-full">
|
||||
<div class="flex flex-wrap mx-[-15px]">
|
||||
<div class="w-3/12 !ml-[8.33333333%] lg:!ml-0 lg:w-4/12 xl:!ml-0 xl:w-4/12 flex-[0_0_auto] !px-[15px] max-w-full flex flex-col">
|
||||
<div class="ml-auto !mt-auto"><img class="!max-w-full h-auto rounded-[.6rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]" src="{{ asset('assets/img/photos/sa20.jpg') }}" alt="Yazılım Geliştirme"></div>
|
||||
<div class="ml-auto !mt-5 !mb-10"><img class="!max-w-full h-auto rounded-[.6rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]" src="{{ asset('assets/img/photos/sa18.jpg') }}" alt="Bulut Dönüşümü"></div>
|
||||
</div>
|
||||
<div class="w-4/12 lg:w-5/12 xl:w-5/12 flex-[0_0_auto] !px-[15px] max-w-full">
|
||||
<div><img class="w-full max-w-full h-auto rounded-[.6rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]" src="{{ asset('assets/img/photos/sa16.jpg') }}" alt="Süreç Analizi"></div>
|
||||
</div>
|
||||
<div class="w-3/12 flex-[0_0_auto] !px-[15px] max-w-full flex flex-col">
|
||||
<div class="!mt-auto"><img class="!max-w-full h-auto rounded-[.6rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]" src="{{ asset('assets/img/photos/sa21.jpg') }}" alt="AI Entegrasyonu"></div>
|
||||
<div class="!mt-5"><img class="!max-w-full h-auto rounded-[.6rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]" src="{{ asset('assets/img/photos/sa19.jpg') }}" alt="Yazılım Mimarisi"></div>
|
||||
<div class="!mt-5 !mb-10"><img class="!max-w-full h-auto rounded-[.6rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]" src="{{ asset('assets/img/photos/sa17.jpg') }}" alt="Siber Güvenlik"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{-- Section 2: Clients --}}
|
||||
<section class="wrapper !bg-[#ffffff]">
|
||||
<div class="container py-8 border-b">
|
||||
<h2 class="!text-[.75rem] !leading-[1.35] font-bold [word-spacing:0.1rem] !tracking-[0.02rem] uppercase !text-[#aab0bc] !text-center !mb-6">BİRLİKTE BAŞARDIK & GÜVENİLİR ÇÖZÜM ORTAKLARI</h2>
|
||||
<div class="flex flex-wrap mx-0 md:mx-[-20px] lg:mx-[-20px] xl:mx-[-35px] !mt-[-20px] justify-center items-center opacity-70">
|
||||
<div class="w-4/12 xl:w-2/12 lg:w-2/12 md:w-2/12 flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !mt-[20px] max-w-full">
|
||||
<figure class="px-5 md:!px-0 lg:!px-2 xl:!px-3 xxl:!px-4"><img src="{{ asset('assets/img/brands/c1.png') }}" alt="Client 1"></figure>
|
||||
</div>
|
||||
<div class="w-4/12 xl:w-2/12 lg:w-2/12 md:w-2/12 flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !mt-[20px] max-w-full">
|
||||
<figure class="px-5 md:!px-0 lg:!px-2 xl:!px-3 xxl:!px-4"><img src="{{ asset('assets/img/brands/c2.png') }}" alt="Client 2"></figure>
|
||||
</div>
|
||||
<div class="w-4/12 xl:w-2/12 lg:w-2/12 md:w-2/12 flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !mt-[20px] max-w-full">
|
||||
<figure class="px-5 md:!px-0 lg:!px-2 xl:!px-3 xxl:!px-4"><img src="{{ asset('assets/img/brands/c3.png') }}" alt="Client 3"></figure>
|
||||
</div>
|
||||
<div class="w-4/12 xl:w-2/12 lg:w-2/12 md:w-2/12 flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !mt-[20px] max-w-full">
|
||||
<figure class="px-5 md:!px-0 lg:!px-2 xl:!px-3 xxl:!px-4"><img src="{{ asset('assets/img/brands/c4.png') }}" alt="Client 4"></figure>
|
||||
</div>
|
||||
<div class="w-4/12 xl:w-2/12 lg:w-2/12 md:w-2/12 flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !mt-[20px] max-w-full">
|
||||
<figure class="px-5 md:!px-0 lg:!px-2 xl:!px-3 xxl:!px-4"><img src="{{ asset('assets/img/brands/c5.png') }}" alt="Client 5"></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{-- Section 3: Value Pillars & Interactive Tabs --}}
|
||||
<section class="wrapper !bg-[#ffffff]" id="neler-apiyoruz">
|
||||
<div class="container py-20 xl:py-28 lg:py-28 md:py-28">
|
||||
<div class="flex flex-wrap mx-[-15px]">
|
||||
<div class="md:w-10/12 md:!ml-[8.33333333%] lg:w-8/12 lg:!ml-[16.66666667%] xl:w-8/12 xl:!ml-[16.66666667%] w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
|
||||
<h2 class="!text-[.75rem] uppercase !text-[#aab0bc] !mb-3 !tracking-[0.02rem] !leading-[1.35]">HİZMET ALANLARIMIZ</h2>
|
||||
<h3 class="xl:!text-[2rem] !text-[calc(1.325rem_+_0.9vw)] !leading-[1.2] !font-bold !tracking-normal [word-spacing:normal!important] !mb-10 xl:!px-10 xxl:!px-20">Uçtan Uca Dijital Dönüşüm Stratejileri</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Nav Tabs --}}
|
||||
<ul class="nav nav-tabs nav-tabs-bg flex justify-between nav-justified xl:!flex-row lg:!flex-row flex-col !mb-8">
|
||||
<li class="nav-item !mb-[20px]">
|
||||
<a class="nav-link !flex flex-row hover-lift active" data-bs-toggle="tab" href="#tab-strateji">
|
||||
<div class="icon btn btn-block btn-lg btn-soft-red pointer-events-none !mr-4 !p-3">
|
||||
<i class="uil uil-presentation-play text-[1.4rem]"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="!mb-[.25rem] !text-[0.95rem]">Stratejik Planlama</h4>
|
||||
<p class="text-muted !text-[0.75rem]">Yol haritası & mimari tasarım</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item !mb-[20px]">
|
||||
<a class="nav-link !flex flex-row hover-lift" data-bs-toggle="tab" href="#tab-otomasyon">
|
||||
<div class="icon btn btn-block btn-lg btn-soft-green pointer-events-none !mr-4 !p-3">
|
||||
<i class="uil uil-processor text-[1.4rem]"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="!mb-[.25rem] !text-[0.95rem]">Akıllı Otomasyon</h4>
|
||||
<p class="text-muted !text-[0.75rem]">Hızlı, hatasız ve optimize süreçler</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item !mb-[20px]">
|
||||
<a class="nav-link !flex flex-row hover-lift" data-bs-toggle="tab" href="#tab-guvenlik">
|
||||
<div class="icon btn btn-block btn-lg btn-soft-yellow pointer-events-none !mr-4 !p-3">
|
||||
<i class="uil uil-shield-check text-[1.4rem]"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="!mb-[.25rem] !text-[0.95rem]">Siber Güvenlik & Bulut</h4>
|
||||
<p class="text-muted !text-[0.75rem]">Yüksek performans & güvenli altyapı</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
{{-- Tab Contents --}}
|
||||
<div class="tab-content !mt-10">
|
||||
|
||||
{{-- Tab 1: Strategy --}}
|
||||
<div class="tab-pane fade show active" id="tab-strateji">
|
||||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-50px] items-center">
|
||||
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] max-w-full !mt-[50px]">
|
||||
<div class="flex flex-wrap mx-[-12.5px] !mt-[-25px] items-center">
|
||||
<div class="w-6/12 flex-[0_0_auto] xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !px-[15px] max-w-full !mt-[25px]">
|
||||
<img class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] flex !ml-auto" src="{{ asset('assets/img/photos/sa13.jpg') }}" alt="Analiz">
|
||||
</div>
|
||||
<div class="w-6/12 flex-[0_0_auto] xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !px-[15px] max-w-full !mt-[25px]">
|
||||
<img class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] !mb-5" src="{{ asset('assets/img/photos/sa14.jpg') }}" alt="Toplantı">
|
||||
<img class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] flex !w-10/12 flex-[0_0_auto]" src="{{ asset('assets/img/photos/sa15.jpg') }}" alt="Karar">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] max-w-full !mt-[50px]">
|
||||
<h2 class="!mb-3 !leading-[1.35]">Teknolojik Yol Haritanızı Çiziyoruz</h2>
|
||||
<p class="!mb-6">İşletmenizin mevcut dijital yapısını derinlemesine inceliyor, darboğazları belirliyor ve büyüme hedeflerinize en uygun teknoloji yığınını seçiyoruz.</p>
|
||||
<ul class="pl-0 list-none bullet-bg bullet-soft-red !mb-6">
|
||||
<li class="relative !pl-6 !mb-2"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle"></i>Dijital Olgunluk Seviyesi Analizi</li>
|
||||
<li class="relative !pl-6 !mb-2"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle"></i>Doğru Teknoloji Seçimi & Mimari Tasarım</li>
|
||||
<li class="relative !pl-6"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle"></i>Geleceğe Hazır, Ölçeklenebilir Yol Haritası</li>
|
||||
</ul>
|
||||
<a href="{{ route('page.show', ['slug' => 'iletisim']) }}" class="btn btn-premium-red rounded">Danışmanlık Alın</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Tab 2: Automation --}}
|
||||
<div class="tab-pane fade" id="tab-otomasyon">
|
||||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-50px] items-center">
|
||||
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] max-w-full !mt-[50px] xl:!order-2 lg:!order-2">
|
||||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-12.5px] lg:mx-[-12.5px] md:mx-[-12.5px] !mt-[-25px]">
|
||||
<div class="w-5/12 flex-[0_0_auto] xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !px-[15px] max-w-full !mt-[25px]">
|
||||
<img class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] my-5 flex !ml-auto" src="{{ asset('assets/img/photos/sa9.jpg') }}" alt="Kodlama">
|
||||
<img class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] flex !w-10/12 flex-[0_0_auto] !ml-auto" src="{{ asset('assets/img/photos/sa10.jpg') }}" alt="Kontrol">
|
||||
</div>
|
||||
<div class="w-7/12 flex-[0_0_auto] xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !px-[15px] max-w-full !mt-[25px]">
|
||||
<img class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] !mb-5" src="{{ asset('assets/img/photos/sa11.jpg') }}" alt="Entegrasyon">
|
||||
<img class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] flex w-11/12 flex-[0_0_auto]" src="{{ asset('assets/img/photos/sa12.jpg') }}" alt="Başarı">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] max-w-full !mt-[50px]">
|
||||
<h2 class="!mb-3 !leading-[1.35]">Manuel Süreçlerinizi Otomatikleştirin</h2>
|
||||
<p class="!mb-6">Hata oranlarını sıfıra indirmek ve operasyonel hızı katlamak için iş akışlarınızı dijital sistemler ile uçtan uca otomatik hale getiriyoruz.</p>
|
||||
<ul class="pl-0 list-none bullet-bg bullet-soft-green !mb-6">
|
||||
<li class="relative !pl-6 !mb-2"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle"></i>Yapay Zeka Destekli Süreç Yönetimi (RPA)</li>
|
||||
<li class="relative !pl-6 !mb-2"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle"></i>Kusursuz ve Hızlı Veri Akışı Entegrasyonları</li>
|
||||
<li class="relative !pl-6"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle"></i>Özel Geliştirilmiş Web ve Mobil ERP/CRM Arayüzleri</li>
|
||||
</ul>
|
||||
<a href="{{ route('page.show', ['slug' => 'iletisim']) }}" class="btn btn-premium-teal rounded">Hemen Başlayın</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Tab 3: Security & Cloud --}}
|
||||
<div class="tab-pane fade" id="tab-guvenlik">
|
||||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-50px] items-center">
|
||||
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] max-w-full !mt-[50px]">
|
||||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-12.5px] lg:mx-[-12.5px] md:mx-[-12.5px] !mt-[-25px]">
|
||||
<div class="w-6/12 flex-[0_0_auto] xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !px-[15px] max-w-full !mt-[25px]">
|
||||
<img class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] !mb-5" src="{{ asset('assets/img/photos/sa5.jpg') }}" alt="Siber Güvenlik">
|
||||
<img class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] flex !w-10/12 flex-[0_0_auto] !ml-auto" src="{{ asset('assets/img/photos/sa6.jpg') }}" alt="Gözlem">
|
||||
</div>
|
||||
<div class="w-6/12 flex-[0_0_auto] xl:!px-[12.5px] lg:!px-[12.5px] md:!px-[12.5px] !px-[15px] max-w-full !mt-[25px]">
|
||||
<img class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] my-5" src="{{ asset('assets/img/photos/sa7.jpg') }}" alt="Cloud">
|
||||
<img class="max-w-full h-auto rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] flex !w-10/12 flex-[0_0_auto]" src="{{ asset('assets/img/photos/sa8.jpg') }}" alt="Tasarım">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] max-w-full !mt-[50px]">
|
||||
<h2 class="!mb-3 !leading-[1.35]">Verilerinizi Buluta Güvenle Taşıyın</h2>
|
||||
<p class="!mb-6">Güvenli, yedekli ve yüksek performanslı bulut native altyapılar tasarlıyor, ISO27001 standartlarında siber güvenlik denetimleri yapıyoruz.</p>
|
||||
<ul class="pl-0 list-none bullet-bg bullet-soft-yellow !mb-6">
|
||||
<li class="relative !pl-6 !mb-2"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle"></i>Cloud Native Mimariler (AWS, Azure, GCP)</li>
|
||||
<li class="relative !pl-6 !mb-2"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle"></i>Sızma Testleri & Güvenlik Duvarı Entegrasyonları</li>
|
||||
<li class="relative !pl-6"><i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle"></i>Uptime & Performans Optimizasyonları</li>
|
||||
</ul>
|
||||
<a href="{{ route('page.show', ['slug' => 'iletisim']) }}" class="btn btn-premium-teal rounded">Hemen İletişime Geçin</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{-- Section 4: Success Statistics / Fact Counters --}}
|
||||
<section class="wrapper !bg-[#edf2fc]">
|
||||
<div class="container py-16 xl:py-24 lg:py-24 md:py-24">
|
||||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-50px] xl:!mt-0 lg:!mt-0 items-center">
|
||||
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[50px] xl:!mt-0 lg:!mt-0 max-w-full">
|
||||
<h2 class="!text-[0.8rem] uppercase inline-flex !leading-[1.35] text-line relative align-top !pl-[1.4rem] !tracking-[0.02rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24] !text-[#e31e24] !mb-3">Başarı Karnemiz</h2>
|
||||
<h3 class="!text-[calc(1.315rem_+_0.78vw)] font-bold xl:!text-[1.9rem] !leading-[1.25] !mb-0 xxl:!pr-10">Rakamlarla Dijital Dönüşüm Gücü</h3>
|
||||
</div>
|
||||
<div class="lg:w-8/12 xl:w-8/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[50px] max-w-full xl:!mt-2 lg:!mt-2">
|
||||
<div class="flex flex-wrap mx-[-15px] items-center counter-wrapper !mt-[-30px] !text-center">
|
||||
<div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-[30px] max-w-full">
|
||||
<h3 class="counter counter-lg !text-[calc(1.35rem_+_1.2vw)] !tracking-[normal] !leading-none !mb-[.5rem] xl:!text-[2.25rem]">%40+</h3>
|
||||
<p class="font-medium !mb-0">Operasyonel Maliyet Düşüşü</p>
|
||||
</div>
|
||||
<div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-[30px] max-w-full">
|
||||
<h3 class="counter counter-lg !text-[calc(1.35rem_+_1.2vw)] !tracking-[normal] !leading-none !mb-[.5rem] xl:!text-[2.25rem]">3 Kat</h3>
|
||||
<p class="font-medium !mb-0">Hız ve Verimlilik Artışı</p>
|
||||
</div>
|
||||
<div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-[30px] max-w-full">
|
||||
<h3 class="counter counter-lg !text-[calc(1.35rem_+_1.2vw)] !tracking-[normal] !leading-none !mb-[.5rem] xl:!text-[2.25rem]">%99.9</h3>
|
||||
<p class="font-medium !mb-0">Sistem Ayakta Kalma Oranı</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{-- Section 5: Happy Customers / Testimonials --}}
|
||||
<section class="wrapper !bg-[#ffffff]">
|
||||
<div class="container py-20 xl:py-28 lg:py-28 md:py-28">
|
||||
<div class="flex flex-wrap mx-[-15px]">
|
||||
<div class="md:w-10/12 md:!ml-[8.33333333%] lg:w-8/12 lg:!ml-[16.66666667%] xl:w-8/12 xl:!ml-[16.66666667%] w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
|
||||
<h2 class="!text-[.75rem] uppercase !text-[#aab0bc] !mb-3 !tracking-[0.02rem] !leading-[1.35]">MÜŞTERİ YORUMLARI</h2>
|
||||
<h3 class="xl:!text-[2rem] !text-[calc(1.325rem_+_0.9vw)] !leading-[1.2] !font-bold !tracking-normal [word-spacing:normal!important] !mb-10">İş Ortaklarımızın Başarı Hikayeleri</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap mx-[-15px] !mt-[-30px]">
|
||||
{{-- Testimonial 1 --}}
|
||||
<div class="md:w-6/12 lg:w-6/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
||||
<div class="card !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] hover-lift">
|
||||
<div class="card-body flex-[1_1_auto] p-[40px]">
|
||||
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(38,43,50,0.1)] after:inline-block after:not-italic after:font-normal after:absolute after:!text-[#fcc032] after:content-['\2605\2605\2605\2605\2605'] after:overflow-hidden after:left-0 after:top-0 before:inline-block before:not-italic before:font-normal before:absolute before:!text-[#fcc032] before:content-['\2605\2605\2605\2605\2605'] before:overflow-hidden before:left-0 before:top-0 five !mb-3"></span>
|
||||
<blockquote class="!text-[0.85rem] !leading-[1.7] font-medium !pl-0 relative border-0">
|
||||
<p class="!mb-6">“Trunçgil ekibi sayesinde tüm üretim ve sipariş süreçlerimizi tek bir ERP sisteminde topladık. Manuel hatalarımız sıfıra indi ve verimliliğimiz inanılmaz arttı!”</p>
|
||||
<div class="flex items-center text-left">
|
||||
<div class="info !pl-0">
|
||||
<h5 class="!mb-1 text-[.95rem] !leading-[1.5]">Mustafa Şen</h5>
|
||||
<p class="!mb-0 !text-[.8rem] text-muted">Üretim Direktörü</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Testimonial 2 --}}
|
||||
<div class="md:w-6/12 lg:w-6/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
||||
<div class="card !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] hover-lift">
|
||||
<div class="card-body flex-[1_1_auto] p-[40px]">
|
||||
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(38,43,50,0.1)] after:inline-block after:not-italic after:font-normal after:absolute after:!text-[#fcc032] after:content-['\2605\2605\2605\2605\2605'] after:overflow-hidden after:left-0 after:top-0 before:inline-block before:not-italic before:font-normal before:absolute before:!text-[#fcc032] before:content-['\2605\2605\2605\2605\2605'] before:overflow-hidden before:left-0 before:top-0 five !mb-3"></span>
|
||||
<blockquote class="!text-[0.85rem] !leading-[1.7] font-medium !pl-0 relative border-0">
|
||||
<p class="!mb-6">“Altyapımızı bulut mimarisine geçirirken sundukları stratejik danışmanlık hizmeti mükemmeldi. Sıfır kesintiyle tüm geçişi tamamladık. Kesinlikle tavsiye ediyoruz.”</p>
|
||||
<div class="flex items-center text-left">
|
||||
<div class="info !pl-0">
|
||||
<h5 class="!mb-1 text-[.95rem] !leading-[1.5]">Ayşe Yurt</h5>
|
||||
<p class="!mb-0 !text-[.8rem] text-muted">CTO, FinTech Startup</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Testimonial 3 --}}
|
||||
<div class="md:w-6/12 lg:w-6/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px] max-md:hidden">
|
||||
<div class="card !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] hover-lift">
|
||||
<div class="card-body flex-[1_1_auto] p-[40px]">
|
||||
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(38,43,50,0.1)] after:inline-block after:not-italic after:font-normal after:absolute after:!text-[#fcc032] after:content-['\2605\2605\2605\2605\2605'] after:overflow-hidden after:left-0 after:top-0 before:inline-block before:not-italic before:font-normal before:absolute before:!text-[#fcc032] before:content-['\2605\2605\2605\2605\2605'] before:overflow-hidden before:left-0 before:top-0 five !mb-3"></span>
|
||||
<blockquote class="!text-[0.85rem] !leading-[1.7] font-medium !pl-0 relative border-0">
|
||||
<p class="!mb-6">“Yapay zeka modellerinin entegrasyonu aşamasındaki bilgileri ve profesyonel yaklaşımları takdire şayandı. Müşteri analizlerimizde büyük yol kat ettik.”</p>
|
||||
<div class="flex items-center text-left">
|
||||
<div class="info !pl-0">
|
||||
<h5 class="!mb-1 text-[.95rem] !leading-[1.5]">Hakan Yıldız</h5>
|
||||
<p class="!mb-0 !text-[.8rem] text-muted">Dijital Pazarlama Müdürü</p>
|
||||
</div>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{-- Section 6: Action Banner --}}
|
||||
<section class="wrapper !bg-[#e31e24] text-white">
|
||||
<div class="container py-14 text-center">
|
||||
<div class="flex flex-wrap mx-[-15px] justify-center">
|
||||
<div class="xl:w-10/12 w-full px-[15px]">
|
||||
<h3 class="!text-[calc(1.3rem_+_0.6vw)] xl:!text-[1.75rem] font-bold !leading-[1.3] text-white !mb-4">İşletmenizi Geleceğe Birlikte Taşıyalım</h3>
|
||||
<p class="lead !text-[1.05rem] !leading-[1.6] !mb-6 text-white-50">Dijital dönüşüm stratejinizi oluşturmak ve size özel yazılım çözümleri üretmek için hazırız.</p>
|
||||
<a href="{{ route('page.show', ['slug' => 'iletisim']) }}" class="btn btn-white !rounded-[50rem] !mb-0">Hemen Başvurun</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user