Server : ApacheSystem : Linux sh00666.bluehost.com 5.14.0-687.26.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Jul 14 16:32:02 EDT 2026 x86_64 User : ndkhermy ( 1200) PHP Version : 8.5.12 Disable Function : NONE Directory : /home1/ndkhermy/www/website_93b53270/ |
Upload File : |
<?php include('header.php'); ?>
<style>
@media screen and (max-width: 430px) {
.seprator {
display: none;
}
.flex-service {
display: block;
}
.service-name h5 {
font-size: 0.7rem;
}
.timeline-vertical {
display: none;
}
.service-name {
padding: 5px;
}
.timeline-hori {
display: block !important;
}
}
.new-bg {
background-color: white !important;
box-shadow: none !important;
}
.nice-bg {
background-color: #ff5e00 !important;
}
.new-text {
color: black;
}
.popular-service h2.mobile {
color: black;
}
.bg-red {
background-color: white;
}
.service-list {
margin-top: 86px !important;
}
.flex-service:hover h5 {
color: white !important;
}
.new-a {
color: black !important;
}
.service-name h5 {
color: black !important;
}
.new-text {
color: white;
}
.timeline-hori {
display: none;
}
.new-text {
color: white;
}
.slider {
display: flex;
overflow: hidden;
}
.slider img {
width: 150px;
flex-shrink: 0;
transition: transform 0.5s ease;
}
.my-new-slider {
width: 150px;
height: auto;
}
.swiper {
width: 100%;
padding: 20px 0;
}
.swiper-slide img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
}
.flex-btn a:hover {
color: #fff !important;
background: green !important;
border: green !important;
}
.input-group:hover {
color: #fff !important;
background: green !important;
}
.nice-bg {
background-color: #ff5e00 !important;
}
.theme-bg {
background: #ff5e00;
}
.theme-text {
color: #ff5e00;
}
.card:hover {
transform: translateY(-6px);
transition: 0.3s;
box-shadow: 0 10px 20px #ff5e00;
}
.btn {
color: white;
font-weight: 700;
background: #ff5e00;
}
.btn:hover {
color: white;
background: green;
}
</style>
<section class="service-list">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="slick1">
<?php
$service01Qry = mysqli_query($conn, "SELECT * FROM product_product_sevice_tbl WHERE status=1 ORDER BY id DESC");
while ($Servicerow0 = mysqli_fetch_array($service01Qry)) {
?>
<div>
<div class="flex-service">
<div class="service-image">
<a href="<?= $base_url . $Servicerow0['slug'] ?>-prod.php">
<img src="<?= $base_url ?>images/Upload/service/<?= $Servicerow0['image1'] ?>"
class="img-fluid" style="width: 50px;">
</a>
</div>
<div class="seprator"></div>
<div class="service-name">
<a class="new-a" href="<?= $base_url . $Servicerow0['slug'] ?>-prod.php">
<!-- <h5 class="f_light mb-0">Car</h5> -->
<h5 class=" mb-0" style="text-decoration: none;">
<?= $Servicerow0['title'] ?>
</h5>
</a>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</section>
<section class="choose-car mt-30 mb-70">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="slick2">
<?php $mysqli_sli = mysqli_query($conn, "SELECT * FROM `slider_tbl` WHERE status=1");
while ($fetch_slider = mysqli_fetch_assoc($mysqli_sli)) {
?>
<div class="banner">
<img src="<?= $base_url ?>images/Upload/slider/<?= $fetch_slider['image1'] ?>"
class="img-fluid">
<div class="red-overlay1"></div>
<div class="banner-text">
<h1><?= $fetch_slider['title1'] ?></h1>
</div>
</div>
<?php } ?>
</div>
</div>
<div class="col-md-5">
<?php include('choose-car-include.php'); ?>
<div class="choose-car-phview">
<button type="submit" class="btn-theme">Choose your car</button>
<!-- <p>7 days Money Back Guarantee</p> -->
<!-- <div class="payment-cards">
<div>
<img src="img/tabby.svg" class="img-fluid">
</div>
<div>
<img src="img/visa-card.svg" class="img-fluid">
</div>
<div>
<img src="img/mastercard.svg" class="img-fluid">
</div>
<div>
<img src="img/apple-pay.svg" class="img-fluid">
</div>
</div> -->
</div>
</div>
</div>
</div>
</section>
<section class="book-service mt-30 mb-70">
<div class="container">
<div class="row">
<div class="col-md-9">
<h2 class="poppin">Book your Car <span class="text-red d-block">Services</span></h2>
<div class="service-book-buttons">
<!-- <label class="custom-service-book">-->
<!-- <input type="radio" name="radio">-->
<!-- <span class="service-book-btn serv">-->
<!-- <a href="<?= $base_url ?>batteries.php">-->
<!-- <div class="hobbies-icon">-->
<!-- <div class="service-img">-->
<!-- <img src="<?= $base_url ?>images/battery.svg"-->
<!-- class="img-fluid">-->
<!-- </div>-->
<!-- <p class="poppin fw-bold mb-0 mt-2">Batteries</p>-->
<!-- </div>-->
<!-- </a>-->
<!-- </span>-->
<!--</label>-->
<?php
$fetch_servi1 = mysqli_fetch_assoc(mysqli_query($conn, "SELECT * FROM `sevice_tbl` WHERE id=1"));
$mysqli_sev1 = mysqli_query($conn, "SELECT * FROM `sevice_tbl` WHERE status=1 AND id!=1 ORDER by sequence ASC");
while ($fetch_serv1 = mysqli_fetch_assoc($mysqli_sev1)) {
?>
<label class="custom-service-book">
<input type="radio" name="radio">
<span class="service-book-btn serv">
<!--href="<?= $base_url . $fetch_serv1['slug'] ?>-serv.php"-->
<a <?php if($fetch_serv1['sequence']==1){ echo 'href="'.$base_url.'batteries.php"'; } ?>>
<div class="hobbies-icon">
<div class="service-img">
<img src="<?= $base_url ?>images/Upload/service/<?= $fetch_serv1['image1'] ?>"
class="img-fluid">
</div>
<p class="poppin fw-bold mb-0 mt-2"><?= $fetch_serv1['title'] ?></p>
</div>
</a>
</span>
</label>
<?php } ?>
</div>
</div>
<div class="col-md-3">
<img src="<?= $base_url ?>images/Upload/service/<?= $fetch_servi1['image1'] ?>"
class="img-fluid service-booki">
</div>
</div>
</div>
</section>
<section class="how-works mt-30 mb-70">
<div class="container">
<div class="row align-items-center">
<div class="col-md-3">
<?php $fetch_how1 = mysqli_fetch_assoc(mysqli_query($conn, "SELECT * FROM `how_to_work_tbl`")); ?>
<h2 class="poppin"><?= $fetch_how1['title'] ?> <span
class="text-red d-block"><?= $fetch_how1['title1'] ?></span></h2>
</div>
<div class="col-md-9">
<img src="<?=$base_url?>images/Upload/how_it_works/<?=$fetch_how1['image1']?>" class="img-fluid timeline">
<img src="<?= $base_url ?>images/Upload/how_it_works/<?= $fetch_how1['image1'] ?>"
class="img-fluid timeline-vertical">
<center>
<img src="<?= $base_url ?>images/Upload/how_it_works/<?= $fetch_how1['image2'] ?>" alt=""
class="img-fluid timeline-hori">
</center>
</div>
</div>
</div>
</section>
<section class="popular-service mt-30 mb-70">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="br-10">
<div class="row align-items-center">
<div class="col-md-4">
<?php $fetch_our_fet1 = mysqli_fetch_assoc(mysqli_query($conn, "SELECT * FROM `product_tbl` WHERE id=1")); ?>
<h2 class="poppin desktop new-tex text-black text-center">
<?= $fetch_our_fet1['our_title1'] ?> <span
class="fw-bold"><?= $fetch_our_fet1['our_title2'] ?></span> <span
class="d-block"><?= $fetch_our_fet1['our_title3'] ?></span>
</h2>
<h2 class="poppin mobile new-tex text-black text-center">
<?= $fetch_our_fet1['our_title1'] ?>
<?= $fetch_our_fet1['our_title2'] ?> <?= $fetch_our_fet1['our_title3'] ?>
</h2>
</div>
<div class="col-md-8 desktop">
<div class="slick3">
<?php $mysqli_our1 = mysqli_query($conn, "SELECT * FROM `product_tbl` WHERE status=1 AND id!=1 AND our_type=1");
while ($fetch_our1 = mysqli_fetch_assoc($mysqli_our1)) {
?>
<div class="major">
<div class="major-img">
<img src="<?= $base_url ?>images/Upload/product/<?= $fetch_our1['image1'] ?>"
class="img-fluid w-100">
<div class="black_overlay"></div>
</div>
<div class="limited-offer">
<?php if ($fetch_our1['offer_valid_date'] > date("Y-m-d H:i:s")) { ?>
<span class="success-badge">Limited Offer</span>
<?php } else { ?>
<span class="danger-badge">Offer Expired</span>
<?php } ?>
</div>
<div class="major-detail">
<h3><?= $fetch_our1['title'] ?></h3>
<p><?= $fetch_our1['short_description'] ?></p>
<?php if ($fetch_our1['offer_valid_date'] > date("Y-m-d H:i:s")) { ?>
<a href="#" data-price="<?= $fetch_our1['price'] ?>"
data-id="<?= $fetch_our1['id'] ?>"
data-catid="<?= $fetch_our1['service_id'] ?>" data-bs-toggle="modal"
data-bs-target="#myModal"
class="btn-red white-cart"><?= $fetch_our1['price'] ?> AED</a>
<?php } else { ?>
<!-- <a href="javascript:void(0);" onclick="alert('This service offer has expired.')" data-price="<?= $fetch_our1['price'] ?>"
data-id="<?= $fetch_our1['id'] ?>" class="btn-red"><?= $fetch_our1['price'] ?> AED</a> -->
<?php } ?>
</div>
</div>
<?php } ?>
</div>
</div>
<div class="col-md-12 mobile" style="max-height:500px; overflow-y:auto;">
<?php $mysqli_our2 = mysqli_query($conn, "SELECT * FROM `product_tbl` WHERE status=1 AND id!=1 AND our_type=1");
while ($fetch_our2 = mysqli_fetch_assoc($mysqli_our2)) {
?>
<div class="card mb-3">
<div class="row g-0">
<div class="col-md-4 col-4">
<img src="<?= $base_url ?>images/Upload/product/<?= $fetch_our2['image1'] ?>"
class="img-fluid rounded-start">
</div>
<div class="col-md-8 col-8">
<div class="card-body nice-bg">
<h5 class="card-title"><?= $fetch_our2['title'] ?></h5>
<p class="card-text"><?= $fetch_our2['short_description'] ?></p>
<!-- <a href="#" data-price="</?= $fetch_our2['price'] ?>" -->
<!-- data-id="</?= $fetch_our2['id'] ?>" -->
<!-- data-catid="</?= $fetch_our2['service_id'] ?>" data-bs-toggle="modal" -->
<!-- data-bs-target="#myModal" -->
<!-- class="btn-white-bdr "></?= $fetch_our2['price'] ?> AED</a> -->
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php $fetch_home_static1 = mysqli_fetch_assoc(mysqli_query($conn, "SELECT * FROM `home_static_tbl` WHERE id=1")); ?>
<?php $fetch_home_static2 = mysqli_fetch_assoc(mysqli_query($conn, "SELECT * FROM `home_static_tbl` WHERE id=2")); ?>
<?php $fetch_home_static3 = mysqli_fetch_assoc(mysqli_query($conn, "SELECT * FROM `home_static_tbl` WHERE id=3")); ?>
<style type="text/css">
ul li {
list-style-type: none;
margin: 12px 0px;
}
</style>
<section class="we-serve annual-service mt-30 mb-70 desktop-annual-service">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<div class="banner">
<img src="img/cards.jpg"
class="img-fluid">
<div class="black_overlay opacity-75"></div>
</div>
</div>
<div class="col-md-6 ul-index">
<h2 class="poppin"><span class="text-red"><?= $fetch_home_static1['title'] ?></span></h2>
<h2><?= $fetch_home_static1['heading'] ?></h2>
<?= $fetch_home_static1['content'] ?>
<div class="flex-btn">
<div>
<a href="<?= $base_url ?>#" class="btn-theme">Service Packages</a>
</div>
<div>
<a href="https://wa.me/<?= $rows_website['mobile_number1'] ?>" class="btn-outline"
target="_blank">WhatsApp Us <img src="img/whatsapp.svg" alt="" width="25px"></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="we-serve annual-service mt-30 mb-70 mobile-annual-service">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 ul-index">
<h2><?= $fetch_home_static1['title'] ?> <span
class="text-red"><?= $fetch_home_static1['heading'] ?></span>
</h2>
<div class="banner">
<img src="img/cards.jpg"
class="img-fluid">
<div class="black_overlay opacity-75"></div>
</div>
<?= $fetch_home_static1['content'] ?>
<div class="flex-btn">
<div>
<a href="<?= $base_url ?>#" class="btn-theme">Service Packages</a>
</div>
<div>
<a href="https://wa.me/<?= $rows_website['mobile_number1'] ?>" class="btn-outline"
target="_blank">WhatsApp Us <img src="img/whatsapp.svg" alt="" width="20px"></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="we-serve annual-service mt-30 mb-70 desktop-annual-service">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 ul-index">
<h2><?= $fetch_home_static2['title'] ?></h2>
<h2 class="poppin"><span class="text-red"><?= $fetch_home_static2['heading'] ?></span></h2>
<?= $fetch_home_static2['content'] ?>
<div class="flex-btn">
<div>
<a href="#" class="btn-theme">Choose Car</a>
</div>
<div>
<a href="#" class="btn-outline">Request Plan</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="banner">
<img src="img/card.jpg"
class="img-fluid">
<div class="black_overlay opacity-75"></div>
</div>
</div>
</div>
</div>
</section>
<section class="we-serve annual-service mt-30 mb-70 mobile-annual-service">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 ul-index">
<h2><?= $fetch_home_static2['title'] ?> <span
class="text-red"><?= $fetch_home_static2['heading'] ?></span>
</h2>
<div class="banner">
<img src="img/card.jpg"
class="img-fluid">
<div class="black_overlay opacity-75"></div>
</div>
<?= $fetch_home_static2['content'] ?>
<div class="flex-btn">
<div>
<a href="#" class="btn-theme">Choose Car</a>
</div>
<div>
<a href="#" class="btn-outline">Request Plan</a>
</div>
</div>
</div>
<div class="col-md-6">
</div>
</div>
</div>
</section>
<section class="we-serve annual-service mt-30 mb-70 desktop-annual-service">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<div class="banner">
<img src="img/card2.jpg"
class="img-fluid">
<div class="black_overlay opacity-75"></div>
</div>
</div>
<div class="col-md-6 ul-index">
<h2><?= $fetch_home_static3['title'] ?></h2>
<h2 class="poppin"><span class="text-red"><?= $fetch_home_static3['heading'] ?></span></h2>
<?= $fetch_home_static3['content'] ?>
<div class="flex-btn">
<div>
<a href="#" class="btn-theme">Request Now</a>
</div>
<!-- <div>
<a href="#" class="btn-outline">Request Plan</a>
</div> -->
</div>
</div>
</div>
</div>
</section>
<section class="we-serve annual-service mt-30 mb-70 mobile-annual-service">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 ul-index">
<h2><?= $fetch_home_static3['title'] ?> <span
class="text-red"><?= $fetch_home_static3['heading'] ?></span>
</h2>
<div class="banner">
<img src="img/card2.jpg"
class="img-fluid">
<div class="black_overlay opacity-75"></div>
</div>
<?= $fetch_home_static3['content'] ?>
<div class="flex-btn">
<div>
<a href="#" class="btn-theme">Request Now</a>
</div>
<!-- <div>
<a href="#" class="btn-outline">Request Plan</a>
</div> -->
</div>
</div>
</div>
</div>
</section>
<section class="py-5">
<div class="container">
<div class="text-center mb-5">
<h2 class="fw-bold">New <span class="theme-text">spare parts</span></h2>
<p class="text-muted">Explore our latest brand new car spare parts</p>
</div>
<div class="row g-4">
<?php $mysqli_servi2 = mysqli_query($conn, "SELECT * FROM `product_tbl` WHERE status=1 AND service_id='31'");
while ($fetch_servi2 = mysqli_fetch_assoc($mysqli_servi2)) {
?>
<div class="col-lg-3 col-md-4 col-6">
<div class="card h-100 border-0 shadow-sm">
<img src="<?=$base_url?>images/Upload/product/<?= $fetch_servi2['image1'] ?>" class="card-img-top">
<div class="card-body text-center">
<h6 class="fw-bold"><?=$fetch_servi2['title']?></h6>
<p class="small text-muted"><?=substr_replace($fetch_servi2['short_description'],'...',30)?></p>
<a href="<?=$base_url?>deatils.php?id=<?=$fetch_servi2['id']?>" class="btn">View Details</a>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</section>
<section class="py-5 bg-light">
<div class="container">
<div class="text-center mb-5">
<h2 class="fw-bold">Used <span class="theme-text">Spare Parts</span></h2>
<p class="text-muted">Affordable and tested used spare parts</p>
</div>
<div class="row g-4">
<?php $mysqli_servi3 = mysqli_query($conn, "SELECT * FROM `product_tbl` WHERE status=1 AND service_id='32'");
while ($fetch_servi3 = mysqli_fetch_assoc($mysqli_servi3)) {
?>
<div class="col-lg-3 col-md-4 col-6">
<div class="card h-100 border-0 shadow-sm">
<img src="<?=$base_url?>images/Upload/product/<?= $fetch_servi3['image1'] ?>" class="card-img-top">
<div class="card-body text-center">
<h6 class="fw-bold"><?=$fetch_servi3['title']?></h6>
<p class="small text-muted"><?=substr_replace($fetch_servi3['short_description'],'...',30)?></p>
<a href="<?=$base_url?>deatils.php?id=<?=$fetch_servi3['id']?>" class="btn">View Details</a>
</div>
</div>
</div>
<?php } ?>
</section>
<?php include('client-include.php'); ?>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<?php $fetch_head_brd = mysqli_fetch_assoc(mysqli_query($conn, "SELECT * FROM `suplire_head_tbl` WHERE id=1")); ?>
<section>
<div class="container">
<div class="row" style="justify-content: center;">
<h2 class="text-center"><?= $fetch_head_brd['title'] ?> <span
class="text-red"><?= $fetch_head_brd['title1'] ?></span>
</h2>
<p style="width: 80%"><?= $fetch_head_brd['content'] ?></p>
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<?php
$sql = "SELECT * FROM `sulire_tbl` WHERE status=1 ORDER BY id ASC";
$serQrybrand = mysqli_query($conn, $sql);
while ($rowbrand = mysqli_fetch_array($serQrybrand)) {
?>
<div class="swiper-slide">
<img src="<?= $base_url ?>images/Upload/suplire/<?= $rowbrand['image1'] ?>" alt="">
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<?php include('footer.php'); ?>
<script type="text/javascript">
$(document).ready(function() {
$('.white-cart').on('click', function() {
var price = $(this).data('price');
});
});
</script>
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title fw-bold">Standard Service</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<input type="hidden" id="catid">
<div class="row" id="oilContent">
</div>
<div class="row">
<div class="col-md-12">
<h5 class="my-3 fw-bold">Boost Your Service</h5>
</div>
</div>
<div class="row y-scroll" id="partContent">
</div>
</div>
<div class="modal-footer flex-justify-radio">
<div>
<h5 id="totalPrice">AED 0</h5>
</div>
<a class="btn btn-danger rounded-0 add_to_cart"><i class="bi bi-plus"></i>Add To Cart</a>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$('#myModal').on('show.bs.modal', function(e) {
var button = $(e.relatedTarget);
var catid = button.data('catid');
$('#catid').val(catid);
$.ajax({
url: 'fetch_oil_parts.php',
method: 'GET',
data: {
catid: catid
},
success: function(response) {
var data = JSON.parse(response);
$('#oilContent').html(data.oilContent);
$('#partContent').html(data.partContent);
}
});
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
var price = 0;
var productId = 0;
var sevi_id = 0;
$('.white-cart').on('click', function() {
price = parseFloat($(this).data('price'));
productId = parseInt($(this).data('id'));
sevi_id = parseInt($(this).data('catid'));
calculateTotalPrice();
});
function calculateTotalPrice() {
var total = 0;
total += price;
const selectedOilPrice = $("input[name='oil']:checked").val();
if (selectedOilPrice) {
total += parseFloat(selectedOilPrice);
sevi_id = parseInt($("input[name='oil']:checked").data('s_id'));
}
$("input[name='check1[]']:checked").each(function() {
total += parseFloat($(this).data('ch'));
});
$("#totalPrice").html("AED " + total.toFixed(2));
}
calculateTotalPrice();
$("body").on('change', "input[name='oil'], input[name='check1[]']", function() {
calculateTotalPrice();
});
$('.add_to_cart').on('click', function() {
calculateTotalPrice();
let total = parseFloat($("#totalPrice").text().replace("AED ", ""));
var selectedOilPrice = parseFloat($("input[name='oil']:checked").val());
var parts = $("input[name='check1[]']:checked").map(function() {
return $(this).val();
}).get();
var quantity = 1;
addToCart(productId, quantity, total, selectedOilPrice, parts, sevi_id, price);
});
function addToCart(productId, quantity, total, selectedOilPrice, parts, sevi_id, price) {
$.ajax({
type: "POST",
url: "addToCart.php",
data: {
id: productId,
quantity: quantity,
total: total,
selectedOilPrice: selectedOilPrice,
parts: parts,
sevi_id: sevi_id,
price: price
},
dataType: 'json',
success: function(response) {
if (response.status === 'success') {
localStorage.setItem('addCartMessage', response.message);
window.location.href = "#";
} else if (response.status === 'error') {
localStorage.setItem('addCartMessage1', response.message);
window.location.href = "#";
}
},
error: function(xhr, status, error) {
console.error(error);
}
});
}
var addCartMessage = localStorage.getItem('addCartMessage');
var addCartMessage1 = localStorage.getItem('addCartMessage1');
if (addCartMessage) {
localStorage.removeItem('addCartMessage');
showAlert('success', addCartMessage);
}
if (addCartMessage1) {
localStorage.removeItem('addCartMessage1');
showAlert('danger', addCartMessage1);
}
function showAlert(type, message) {
$(".cart_add_success").html(`
<div class="alert alert-${type} alert-dismissible" id="alertClose">
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
${message}
</div>
`);
$("#shoppingCart").addClass("show");
setTimeout(function() {
$(".cart_add_success").html('');
}, 3000);
}
});
</script>
<script>
const swiper = new Swiper(".mySwiper", {
loop: true,
autoplay: {
delay: 2000,
disableOnInteraction: false,
},
grabCursor: true,
spaceBetween: 10,
breakpoints: {
0: {
slidesPerView: 3,
},
480: {
slidesPerView: 4,
},
768: {
slidesPerView: 5,
},
1024: {
slidesPerView: 6,
},
},
});
</script>