git add .

git commit "style: improve tour archive cards"

public/assets/css/header.css

@@ -296,3 +296,228 @@
 .logout-btn:active {
     transform: scale(.97);
 }
+
+
+
+
+
+ .flight-hero {
+     padding: 80px 0 100px;
+
+     background:
+         linear-gradient(
+             135deg,
+             #09203f,
+             #176b87
+         );
+
+     color: #fff;
+ }
+
+.flight-hero-content {
+    text-align: center;
+    margin-bottom: 40px;
+}
+
+.flight-badge {
+    display: inline-block;
+
+    padding: 8px 18px;
+
+    margin-bottom: 18px;
+
+    border-radius: 30px;
+
+    background: rgba(255,255,255,.12);
+
+    font-size: 14px;
+}
+
+.flight-hero h1 {
+    margin: 0;
+
+    font-size: 48px;
+
+    font-weight: 800;
+}
+
+.flight-hero h1 span {
+    color: #ffc107;
+}
+
+.flight-hero p {
+    margin-top: 15px;
+
+    font-size: 17px;
+
+    opacity: .85;
+}
+
+
+.flight-search-card {
+
+    max-width: 1100px;
+
+    margin: auto;
+
+    padding: 30px;
+
+    background: #fff;
+
+    border-radius: 18px;
+
+    color: #263238;
+
+    box-shadow:
+        0 20px 60px rgba(0,0,0,.25);
+
+}
+
+
+.flight-search-header {
+
+    display: flex;
+
+    justify-content: space-between;
+
+    align-items: center;
+
+    margin-bottom: 25px;
+
+}
+
+.flight-search-header h3 {
+    margin: 0 0 5px;
+}
+
+.flight-search-header span {
+    color: #78909c;
+
+    font-size: 13px;
+}
+
+
+.flight-type {
+
+    display: flex;
+
+    gap: 20px;
+
+    font-size: 14px;
+}
+
+
+.flight-fields {
+
+    display: grid;
+
+    grid-template-columns:
+        repeat(3, 1fr);
+
+    gap: 18px;
+
+}
+
+
+.flight-field label {
+
+    display: block;
+
+    margin-bottom: 8px;
+
+    font-size: 13px;
+
+    font-weight: 600;
+
+}
+
+
+.flight-field select,
+.flight-field input {
+
+    width: 100%;
+
+    height: 50px;
+
+    padding: 0 12px;
+
+    border: 1px solid #e0e6ed;
+
+    border-radius: 9px;
+
+    background: #f8fafc;
+
+    outline: none;
+
+}
+
+
+.flight-field select:focus,
+.flight-field input:focus {
+
+    border-color: #1976d2;
+
+    background: #fff;
+
+}
+
+
+.flight-button-wrapper {
+
+    display: flex;
+
+    align-items: end;
+
+}
+
+
+.flight-search-button {
+
+    width: 100%;
+
+    height: 50px;
+
+    border: none;
+
+    border-radius: 9px;
+
+    background: #1976d2;
+
+    color: #fff;
+
+    font-weight: 700;
+
+    cursor: pointer;
+
+}
+
+
+.flight-search-button:hover {
+
+    background: #125ca8;
+
+}
+
+
+@media (max-width: 768px) {
+
+    .flight-hero {
+        padding: 60px 15px 70px;
+    }
+
+    .flight-hero h1 {
+        font-size: 34px;
+    }
+
+    .flight-search-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 15px;
+    }
+
+    .flight-fields {
+        grid-template-columns: 1fr;
+    }
+
+}
+

resources/views/layouts/hero.blade.php

@@ -100,226 +100,3 @@
 </section>
 
 
-<style>
-
-    .flight-hero {
-        padding: 80px 0 100px;
-
-        background:
-            linear-gradient(
-                135deg,
-                #09203f,
-                #176b87
-            );
-
-        color: #fff;
-    }
-
-    .flight-hero-content {
-        text-align: center;
-        margin-bottom: 40px;
-    }
-
-    .flight-badge {
-        display: inline-block;
-
-        padding: 8px 18px;
-
-        margin-bottom: 18px;
-
-        border-radius: 30px;
-
-        background: rgba(255,255,255,.12);
-
-        font-size: 14px;
-    }
-
-    .flight-hero h1 {
-        margin: 0;
-
-        font-size: 48px;
-
-        font-weight: 800;
-    }
-
-    .flight-hero h1 span {
-        color: #ffc107;
-    }
-
-    .flight-hero p {
-        margin-top: 15px;
-
-        font-size: 17px;
-
-        opacity: .85;
-    }
-
-
-    .flight-search-card {
-
-        max-width: 1100px;
-
-        margin: auto;
-
-        padding: 30px;
-
-        background: #fff;
-
-        border-radius: 18px;
-
-        color: #263238;
-
-        box-shadow:
-            0 20px 60px rgba(0,0,0,.25);
-
-    }
-
-
-    .flight-search-header {
-
-        display: flex;
-
-        justify-content: space-between;
-
-        align-items: center;
-
-        margin-bottom: 25px;
-
-    }
-
-    .flight-search-header h3 {
-        margin: 0 0 5px;
-    }
-
-    .flight-search-header span {
-        color: #78909c;
-
-        font-size: 13px;
-    }
-
-
-    .flight-type {
-
-        display: flex;
-
-        gap: 20px;
-
-        font-size: 14px;
-    }
-
-
-    .flight-fields {
-
-        display: grid;
-
-        grid-template-columns:
-        repeat(3, 1fr);
-
-        gap: 18px;
-
-    }
-
-
-    .flight-field label {
-
-        display: block;
-
-        margin-bottom: 8px;
-
-        font-size: 13px;
-
-        font-weight: 600;
-
-    }
-
-
-    .flight-field select,
-    .flight-field input {
-
-        width: 100%;
-
-        height: 50px;
-
-        padding: 0 12px;
-
-        border: 1px solid #e0e6ed;
-
-        border-radius: 9px;
-
-        background: #f8fafc;
-
-        outline: none;
-
-    }
-
-
-    .flight-field select:focus,
-    .flight-field input:focus {
-
-        border-color: #1976d2;
-
-        background: #fff;
-
-    }
-
-
-    .flight-button-wrapper {
-
-        display: flex;
-
-        align-items: end;
-
-    }
-
-
-    .flight-search-button {
-
-        width: 100%;
-
-        height: 50px;
-
-        border: none;
-
-        border-radius: 9px;
-
-        background: #1976d2;
-
-        color: #fff;
-
-        font-weight: 700;
-
-        cursor: pointer;
-
-    }
-
-
-    .flight-search-button:hover {
-
-        background: #125ca8;
-
-    }
-
-
-    @media (max-width: 768px) {
-
-        .flight-hero {
-            padding: 60px 15px 70px;
-        }
-
-        .flight-hero h1 {
-            font-size: 34px;
-        }
-
-        .flight-search-header {
-            flex-direction: column;
-            align-items: flex-start;
-            gap: 15px;
-        }
-
-        .flight-fields {
-            grid-template-columns: 1fr;
-        }
-
-    }
-
-</style>

resources/views/tours/index.blade.php

@@ -1,51 +1,75 @@
-@extends('layouts.app')
+ @extends('layouts.app')
 
 @section('content')
 
     <div class="container py-5">
 
-        <h2 class="mb-4">
+        <div class="d-flex justify-content-between align-items-center mb-4">
-            آرشیو تورها
+
-        </h2>
+            <h2 class="fw-bold">
+                آرشیو تورها
+            </h2>
+
+        </div>
 
 
-        <div class="row">
+        <div class="row g-4">
 
             @foreach($tours as $tour)
 
-                <div class="col-md-4 mb-4">
+                <div class="col-lg-4 col-md-6">
 
-                    <div class="card shadow-sm">
+                    <div class="card h-100 shadow-sm border-0 rounded-4 overflow-hidden">
 
-                        <img src="{{ getImageUrl($tour->image) }}"
+                         <div class="position-relative">
-                             class="card-img-top"
-                             style="height:220px; object-fit:cover;"
-                             alt="{{ $tour->title }}">
 
-                        <div class="card-body">
+                            <img
+                                src="{{ getImageUrl($tour->image) }}"
+                                class="card-img-top"
+                                style="height:220px; object-fit:cover;"
+                                alt="{{ $tour->title }}"
+                            >
 
-                            <h5>
+                            <span class="position-absolute top-0 end-0 m-3 badge bg-primary">
+                                تور
+                            </span>
+
+                        </div>
+
+
+                         <div class="card-body d-flex flex-column">
+
+                            <h5 class="fw-bold mb-3">
                                 {{ $tour->title }}
                             </h5>
 
 
-                            <p>
+                            <p class="text-muted mb-3">
+
                                 {{ $tour->summary }}
+
                             </p>
 
 
-                            <strong>
+                            <div class="d-flex justify-content-between align-items-center mt-auto pt-3">
-                                {{ number_format($tour->price) }}
-                                تومان
-                            </strong>
 
-                            <a href="{{route('index')}}"
+                                <strong class="text-primary fs-5">
-                               class="btn btn-outline-primary rounded-pill">
 
-                                برگشت
+                                    {{ number_format($tour->price) }}
 
-                            </a>
+                                    تومان
 
+                                </strong>
+
+
+                                <a
+                                    href="{{ route('index') }}"
+                                    class="btn btn-outline-primary rounded-pill px-4"
+                                >
+                                    برگشت
+                                </a>
+
+                            </div>
 
                         </div>
 
@@ -57,10 +81,12 @@
 
         </div>
 
-        <br>
-        <br>
 
-         {{$tours->links()}}
+         <div class="mt-5 d-flex justify-content-center">
+
+            {{ $tours->links() }}
+
+        </div>
 
     </div>