| Server IP : 212.252.79.165 / Your IP : 216.73.216.24 [ Web Server : Apache System : Linux 212-252-79-165.cprapid.com 5.15.0-153-generic #163-Ubuntu SMP Thu Aug 7 16:37:18 UTC 2025 x86_64 User : cehaburo ( 1001) PHP Version : 8.1.33 Disable Function : exec,passthru,shell_exec,system Domains : 48 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/cehaburo/public_html/ |
Upload File : |
<?php
include('lib/include.php');
$url = $_SERVER['REQUEST_URI'];
$urlParts = parse_url($url);
$path = $urlParts['path'];
$parts = explode('/', $path);
$seo_id = end($parts);
$product_result = $ceha->query("SELECT * FROM tbl_product WHERE id='$seo_id' AND active='1' ORDER BY id");
$product = $product_result->fetch_assoc();
$category_result = $ceha->query("SELECT * FROM tbl_product_category WHERE id='" . $product['category_id'] . "' AND active='1'");
$category = $category_result->fetch_assoc();
$parent_category_result = $ceha->query("SELECT * FROM tbl_product_category WHERE id='" . $category['parent_id'] . "' AND active='1'");
$parent_category = $parent_category_result->fetch_assoc();
$product_properties_result = $ceha->query("SELECT * FROM tbl_product_properties WHERE product_id='" . $product['id'] . "' AND active='1' ORDER BY id");
$product_gallery_result = $ceha->query("SELECT * FROM tbl_product_gallery WHERE product_id='" . $product['id'] . "' AND active='1' ORDER BY sequence");
$galleryCount = $product_gallery_result->num_rows;
$product_variation_result = $ceha->query("SELECT * FROM tbl_product_variation WHERE product_id='" . $product['id'] . "' AND active='1' ORDER BY sequence LIMIT 1");
$variation = $product_variation_result->fetch_assoc();
$product_variations_result1 = $ceha->query("SELECT * FROM tbl_product_variation WHERE product_id='" . $product['id'] . "' AND active='1' ORDER BY sequence");
$product_variations_result2 = $ceha->query("SELECT * FROM tbl_product_variation WHERE product_id='" . $product['id'] . "' AND active='1' ORDER BY sequence");
$product_variations_image_result = $ceha->query("SELECT * FROM tbl_product_image WHERE variation_id='" . $variation['id'] . "' AND active='1' ORDER BY sequence");
$product_tech_detail_result = $ceha->query("SELECT * FROM tbl_product_tech_detail WHERE variation_id='" . $variation['id'] . "' AND active='1' ORDER BY id");
$product_icon_result = $ceha->query("SELECT * FROM tbl_product_icons p,`tbl_icons` i WHERE product_id='" . $product['id'] . "' AND p.active='1' AND i.active='1' AND icon_id=i.id");
$pdfsql = "SELECT * FROM tbl_product_pdf WHERE product_id = '$seo_id'";
// Sorguyu veritabanında çalıştırın
$resultpdf = $ceha->query($pdfsql);
if ($resultpdf) {
// Eğer sonuç varsa, PDF'leri listele
if ($resultpdf->num_rows > 0) {
while ($row = $resultpdf->fetch_assoc()) {
$pdf_name = $row['file_name'];
$pdf_size = $row['file_size'];
$pdf_path = $row['file_path'];
}
} else {
echo 'Bu ürün için PDF bulunamadı.';
}
} else {
// Sorgu başarısız olduysa hata mesajı gönderin
echo 'PDF listesi alınamadı.';
}
//if ($product_pdf_result->num_rows > 0) {
// $row = $result->fetch_assoc();
// $pdfFilePath = $row['file_path'];
//} else {
// $pdfFilePath = './pdf/demo.pdf'; // Eğer dosya bulunamazsa varsayılan bir dosya
//}
?>
<!DOCTYPE html>
<html lang="tr">
<head>
<base href="https://cehaburo.com/qr-screen.php">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CEHA Buro</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/pdfjs-dist@2.7.570/build/pdf.worker.min.jss"></script>
<script src='/pdfjs/lib/webviewer.min.js'></script>
</head>
<body class="text-['Helvetica', 'Arial', 'sans-serif'],">
<!-- Header -->
<header class="flex items-center justify-between p-4 bg-[#1F3663] h-[132px] md:h-[164px]">
<div class="container mx-auto px-4 flex items-center justify-between">
<div class="flex items-center justify-between w-[20rem]">
<button id="menuButton" class="hidden md:block">
<div class="space-y-2">
<div class="w-8 h-[4px] rounded bg-white"></div>
<div class="w-8 h-[4px] rounded bg-white"></div>
<div class="w-8 h-[4px] rounded bg-white"></div>
</div>
</button>
<div>
<img src="/images/ceha-logo.png" alt="Website Logo" class="w-[110px] h-[30px] md:w-[218px] md:h-[58px]">
</div>
</div>
<div>
<h2 class="text-3xl md:text-5xl font-bold text-white text-right"><?php echo $product['title_tr']; ?></h2>
<div class="product-variations">
<?php
$i = 1;
while ($product_variation = $product_variations_result1->fetch_assoc()) {
?>
<a class="<?php if ($i == 1) {
echo "active";
} ?>" id="varVal<?php echo $product_variation['id']; ?>" data-val="<?php echo $product_variation['id']; ?>"><span class="text-md md:text-xl font-normal text-white text-right"><?php echo $product_variation['title_' . $lang]; ?> /</span></a>
<?php
$i = $i + 1;
}
?>
</div>
</div>
</div>
</header>
<div id="menuContent" class="hidden flex flex-col bg-[#274A8F] w-[295px] h-[268px] mt-4 absolute top-28 left-40 z-50">
<button id="closeMenuButton" class="text-white mt-4 mr-4 flex justify-end">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="white">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
<a href="#videoSection" class="text-white text-xl py-4 px-6">Ürün Videosu</a>
<a href="#gallerySection" class="text-white text-xl py-4 px-6">Galeri</a>
<a href="#feedbackSection" class="text-white text-xl py-4 px-6">Değerlendirme Anketi</a>
</div>
<!-- Hero Section -->
<section class="py-8 h-[85px] md:h-[561px] bg-[#1F3663] flex align-center justify-center">
<!-- PDF Reader -->
<div class="w-full px-5 md:w-[1234px] h-[888px] relative ">
<div id="viewer" class="w-full h-full rounded-xl"></div>
</div>
</section>
<!-- Video Section -->
<section id="videoSection" class="py-8 px-5 container mx-auto flex flex-colomn justify-center mt-[900px] md:mt-[500px] w-full md:w-[1084px]">
<div class="w-full md:h-[710px]">
<h2 class="text-2xl md:text-4xl font-bold text-black mb-10"><?php echo $product['title_tr'] ?> | <span class="font-medium">Ürün Kullanım Videosu </span> </h2>
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/dccDn-ugCWA" title="Ceha Factory Movie 2022" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</section>
<!-- Photo Gallery Section -->
<section id="gallerySection" class="mt-24 py-8 container mx-auto flex flex-column justify-center w-full md:w-[1084px]">
<div class="container pl-5">
<h2 class="text-3xl md:text-5xl font-bold text-black mb-10"><?php echo $product['title_tr'] ?> | <span class="font-medium">Galeri</span> </h2>
<div class="overflow-hidden w-full md:w-[1120px]">
<div id="imageContainer" class="mx-5 d-flex flex-row">
<?php while ($product_gallery = $product_gallery_result->fetch_assoc()) { ?>
<div class="card p-2" style="width: 18rem;">
<div class="card-img-top d-flex align-items-center justify-content-center" style="height: 196px;">
<img src="<?php echo $product_gallery['image_url']; ?>" class="img-fluid" style="max-height: 100%;">
</div>
</div>
<?php } ?>
</div>
</div>
<div class="flex justify-center items-center mt-8">
<button id="prevPage" class="mr-4"><svg width="26" height="21" viewBox="0 0 26 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.4328 20.0873C11.5297 19.9933 11.6066 19.8816 11.659 19.7588C11.7115 19.6359 11.7385 19.5042 11.7385 19.3711C11.7385 19.2381 11.7115 19.1064 11.659 18.9835C11.6066 18.8606 11.5297 18.749 11.4328 18.6549L3.8324 11.2729L24.2422 11.2729C24.5186 11.2729 24.7836 11.1663 24.9791 10.9764C25.1745 10.7866 25.2843 10.5291 25.2843 10.2606C25.2843 9.99217 25.1745 9.7347 24.9791 9.54486C24.7836 9.35502 24.5186 9.24837 24.2422 9.24837L3.8324 9.24837L11.4328 1.86635C11.6284 1.67641 11.7382 1.41879 11.7382 1.15017C11.7382 0.881546 11.6284 0.623927 11.4328 0.433983C11.2373 0.244039 10.9721 0.13733 10.6956 0.13733C10.4191 0.13733 10.1539 0.244039 9.95834 0.433983L0.57991 9.54446C0.483024 9.63847 0.406164 9.75011 0.353724 9.873C0.301283 9.99589 0.274292 10.1276 0.274292 10.2606C0.274292 10.3937 0.301283 10.5254 0.353724 10.6483C0.406164 10.7712 0.483024 10.8828 0.57991 10.9768L9.95834 20.0873C10.0551 20.1814 10.17 20.2561 10.2966 20.307C10.4231 20.358 10.5587 20.3842 10.6956 20.3842C10.8325 20.3842 10.9681 20.358 11.0946 20.307C11.2211 20.2561 11.3361 20.1814 11.4328 20.0873Z" fill="#1F3663" />
</svg></button> <!-- Geri ok -->
<div id="pageDots" class="flex"></div> <!-- Dot ikonları için alan -->
<button id="nextPage" class="ml-4">
<svg width="26" height="21" viewBox="0 0 26 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.3825 0.610569C14.2856 0.704582 14.2087 0.816226 14.1563 0.939115C14.1038 1.062 14.0768 1.19373 14.0768 1.32675C14.0768 1.45978 14.1038 1.59151 14.1563 1.7144C14.2087 1.83729 14.2856 1.94893 14.3825 2.04294L21.9829 9.42496L1.57309 9.42496C1.29672 9.42496 1.03167 9.5316 0.836249 9.72144C0.640826 9.91128 0.531041 10.1688 0.531041 10.4372C0.531041 10.7057 0.640826 10.9632 0.836249 11.153C1.03167 11.3429 1.29672 11.4495 1.57309 11.4495L21.9829 11.4495L14.3825 18.8315C14.1869 19.0215 14.0771 19.2791 14.0771 19.5477C14.0771 19.8163 14.1869 20.0739 14.3825 20.2639C14.578 20.4538 14.8432 20.5605 15.1197 20.5605C15.3962 20.5605 15.6614 20.4538 15.857 20.2639L25.2354 11.1534C25.3323 11.0594 25.4091 10.9478 25.4616 10.8249C25.514 10.702 25.541 10.5703 25.541 10.4372C25.541 10.3042 25.514 10.1725 25.4616 10.0496C25.4091 9.9267 25.3323 9.81506 25.2354 9.72105L15.857 0.610569C15.7602 0.51645 15.6453 0.441785 15.5188 0.390844C15.3923 0.339902 15.2567 0.313682 15.1197 0.313682C14.9828 0.313682 14.8472 0.339902 14.7207 0.390844C14.5942 0.441785 14.4792 0.51645 14.3825 0.610569Z" fill="#1F3663" />
</svg>
</button> <!-- İleri ok -->
</div>
</div>
</section>
<!-- Bottom Section -->
<section id="feedbackSection" class="mt-24 mb-48 y-4 container mx-auto w-full h-full md:h-[320px] md:w-[1084px] bg-[#F5F5F5] ">
<div class="mx-10 py-4 flex flex-col justify-between align-center h-full md:h-[300px]">
<h2 class="font-semibold text-2xl md:text-4xl"><?php echo "Ürünümüzden memnun kaldınız mı?" ?> </h2>
<p class="text-lg md:text-xl">
<?php echo "Mobilya kurulum hizmetimizi kullandığınız için teşekkür ederiz. Sizlere daha iyi bir hizmet sunabilmek için deneyiminizi öğrenmek ve kendimizi geliştirmek istiyoruz. Lütfen aşağıdaki kısa geri bildirimi doldurarak bize yardımcı olun. Geri bildirimin tamamlanması sadece birkaç dakikanızı alacaktır. Geri bildiriminiz bizim için çok değerlidir!" ?>
</p>
<button class="w-[225px] h-[50px] bg-[#1F3663] rounded-md text-white font-bold text-xl" onclick="window.location.href='https://cehaburo.com/tr/iletisim'">
<?php echo "Geri Bildirim Gönder" ?>
</button>
</div>
</section>
<div class="mobile-tab-bar md:hidden fixed grid grid-cols-4 bottom-10 mx-3 rounded-2xl bg-[#F1F3F5] shadow">
<a href="#" class="tab flex flex-col align-center justify-center"><svg width="21" height="24" viewBox="0 0 21 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.00720215 23.35V8.07012L10.1938 0.430176L20.3804 8.07012V23.35H12.7404V14.4367H7.64714V23.35H0.00720215Z" fill="#1F3663" />
</svg>
<p class="text-xs">Anasayfa</p>
</a>
<a href="#videoSection" class="tab flex flex-col align-center justify-center">
<svg width="27" height="18" viewBox="0 0 27 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.1528 2.15463V15.9365C26.1528 16.4587 25.9454 16.9595 25.5762 17.3287C25.2069 17.6979 24.7061 17.9054 24.184 17.9054H2.5267C2.00453 17.9054 1.50375 17.6979 1.13452 17.3287C0.765292 16.9595 0.557861 16.4587 0.557861 15.9365V2.15463C0.557861 1.63246 0.765292 1.13168 1.13452 0.762452C1.50375 0.393222 2.00453 0.185791 2.5267 0.185791H24.184C24.7061 0.185791 25.2069 0.393222 25.5762 0.762452C25.9454 1.13168 26.1528 1.63246 26.1528 2.15463ZM17.7852 9.04559C17.7852 8.87991 17.7433 8.71692 17.6635 8.57172C17.5837 8.42653 17.4686 8.30383 17.3287 8.21498L11.9144 4.7695C11.7656 4.67496 11.5941 4.62211 11.4179 4.61649C11.2416 4.61087 11.0671 4.65269 10.9126 4.73757C10.7581 4.82244 10.6292 4.94727 10.5393 5.099C10.4495 5.25073 10.4021 5.42379 10.4021 5.60011V12.4911C10.4021 12.6674 10.4495 12.8404 10.5393 12.9922C10.6292 13.1439 10.7581 13.2687 10.9126 13.3536C11.0671 13.4385 11.2416 13.4803 11.4179 13.4747C11.5941 13.4691 11.7656 13.4162 11.9144 13.3217L17.3287 9.87619C17.4686 9.78735 17.5837 9.66464 17.6635 9.51945C17.7433 9.37425 17.7852 9.21127 17.7852 9.04559Z" fill="#1F3663" />
</svg>
<p class="text-xs"> Kullanım Videosu</p>
</a>
<a href="#gallerySection" class="tab flex flex-col align-center justify-center"><svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_0_612)">
<path d="M16.3049 7.34252C16.3049 7.84506 16.1053 8.32701 15.7499 8.68236C15.3946 9.03771 14.9126 9.23735 14.4101 9.23735C13.9075 9.23735 13.4256 9.03771 13.0702 8.68236C12.7149 8.32701 12.5153 7.84506 12.5153 7.34252C12.5153 6.83998 12.7149 6.35802 13.0702 6.00267C13.4256 5.64733 13.9075 5.44769 14.4101 5.44769C14.9126 5.44769 15.3946 5.64733 15.7499 6.00267C16.1053 6.35802 16.3049 6.83998 16.3049 7.34252Z" fill="#1F3663" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5665 0.947418H10.6745C12.8621 0.947418 14.5759 0.947418 15.9137 1.12743C17.2817 1.31122 18.3618 1.69587 19.2097 2.54286C20.0577 3.3908 20.4414 4.47085 20.6252 5.83986C20.8052 7.17666 20.8052 8.89053 20.8052 11.0781V11.1615C20.8052 12.9701 20.8052 14.45 20.7066 15.6551C20.6081 16.8678 20.4063 17.8786 19.9535 18.7199C19.7545 19.0904 19.5082 19.4229 19.2097 19.7214C18.3618 20.5693 17.2817 20.953 15.9127 21.1368C14.5759 21.3168 12.8621 21.3168 10.6745 21.3168H10.5665C8.3789 21.3168 6.66503 21.3168 5.32729 21.1368C3.95922 20.953 2.87917 20.5683 2.03124 19.7214C1.27994 18.9701 0.891497 18.035 0.685908 16.8734C0.482214 15.7337 0.445265 14.3154 0.437686 12.5551C0.435791 12.107 0.435791 11.6333 0.435791 11.1331V11.0781C0.435791 8.89053 0.435791 7.17666 0.6158 5.83891C0.799598 4.47085 1.18425 3.3908 2.03124 2.54286C2.87917 1.69493 3.95922 1.31122 5.32823 1.12743C6.66503 0.947418 8.3789 0.947418 10.5665 0.947418ZM5.51677 2.53528C4.30597 2.69824 3.57552 3.00899 3.03644 3.54807C2.49641 4.08809 2.18661 4.8176 2.02366 6.02934C1.85881 7.26098 1.85691 8.87916 1.85691 11.1321V11.9317L2.80527 11.1018C3.22125 10.7377 3.76009 10.5452 4.31264 10.5635C4.86518 10.5818 5.39011 10.8095 5.7811 11.2003L9.8455 15.2647C10.1609 15.5801 10.5774 15.774 11.0218 15.8125C11.4661 15.851 11.9098 15.7315 12.2747 15.4751L12.557 15.2761C13.0835 14.9062 13.7199 14.7258 14.3621 14.7645C15.0044 14.8033 15.6145 15.0588 16.0927 15.4893L18.7739 17.9023C19.0449 17.3358 19.205 16.5911 19.2903 15.5404C19.3831 14.3988 19.3841 12.9758 19.3841 11.1321C19.3841 8.87916 19.3822 7.26098 19.2173 6.02934C19.0544 4.8176 18.7436 4.08715 18.2045 3.54712C17.6645 3.00804 16.935 2.69824 15.7233 2.53528C14.4916 2.37043 12.8734 2.36854 10.6205 2.36854C8.36754 2.36854 6.74841 2.37043 5.51677 2.53528Z" fill="#1F3663" />
</g>
<defs>
<clipPath id="clip0_0_612">
<rect width="21.2221" height="21.98" fill="white" transform="translate(0.00927734 0.900055)" />
</clipPath>
</defs>
</svg>
<p class="text-xs">Galeri</p>
</a>
<a href="#feedbackSection" class="tab flex flex-col align-center justify-center"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.423096 19.6472V2.08411C0.423096 1.54746 0.614338 1.08822 0.996823 0.706387C1.37931 0.324553 1.83855 0.13331 2.37455 0.13266H17.9862C18.5228 0.13266 18.9824 0.323902 19.3649 0.706387C19.7474 1.08887 19.9383 1.54811 19.9376 2.08411V13.7928C19.9376 14.3295 19.7467 14.7891 19.3649 15.1715C18.983 15.554 18.5235 15.7449 17.9862 15.7443H4.326L0.423096 19.6472ZM10.1804 12.8171C10.4568 12.8171 10.6887 12.7234 10.8761 12.5361C11.0634 12.3488 11.1567 12.1172 11.1561 11.8414C11.1561 11.5649 11.0624 11.3334 10.8751 11.1467C10.6877 10.96 10.4562 10.8663 10.1804 10.8657C9.90391 10.8657 9.67233 10.9593 9.48565 11.1467C9.29896 11.334 9.20529 11.5656 9.20464 11.8414C9.20464 12.1178 9.29831 12.3497 9.48565 12.5371C9.67299 12.7244 9.90456 12.8178 10.1804 12.8171ZM9.20464 8.9142H11.1561V3.05984H9.20464V8.9142Z" fill="#1F3663" />
</svg>
<p class="text-xs">Değerlendirme Anketi</p>
</a>
</div>
<script>
const menuButton = document.getElementById('menuButton');
const closeMenuButton = document.getElementById('closeMenuButton');
const menuContent = document.getElementById('menuContent');
menuButton.addEventListener('click', () => {
menuContent.classList.remove('hidden');
});
closeMenuButton.addEventListener('click', () => {
menuContent.classList.add('hidden');
});
</script>
<script>
let currentPage = 0;
const imagesPerPage = 3; // Her sayfadaki resim sayısı
const totalImages = <?php echo $galleryCount; ?>; // PHP'den alınan toplam resim sayısı
const totalPages = Math.ceil(totalImages / imagesPerPage); // Toplam sayfa sayısı
const prevButton = document.getElementById('prevPage');
const nextButton = document.getElementById('nextPage');
const imageContainer = document.getElementById('imageContainer');
const pageDots = document.getElementById('pageDots');
function renderPageDots() {
pageDots.innerHTML = '';
for (let i = 0; i < totalPages; i++) {
const dot = document.createElement('span');
dot.classList.add('mr-2', 'cursor-pointer', 'text-blue-500', 'dot');
dot.addEventListener('click', () => {
currentPage = i;
loadImages();
});
pageDots.appendChild(dot);
}
updateActiveDot();
}
function updateActiveDot() {
const dots = document.querySelectorAll('.dot');
dots.forEach(dot => dot.classList.remove('active'));
if (dots[currentPage]) {
dots[currentPage].classList.add('active');
}
}
prevButton.addEventListener('click', () => {
if (currentPage > 0) {
currentPage--;
loadImages();
}
});
nextButton.addEventListener('click', () => {
if (currentPage < totalPages - 1) {
currentPage++;
loadImages();
}
});
function loadImages() {
updateActiveDot();
const offset = currentPage * imagesPerPage;
imageContainer.style.transform = `translateX(-${offset * 360}px)`;
}
renderPageDots();
loadImages(); // İlk yüklemede resimleri yüklemek için
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const pdfPath = <?php echo json_encode($pdf_path); ?>;
console.log("pdf", pdfPath)
WebViewer({
path: './pdfjs/lib',
licenseKey: 'DvnS39zAfO7h6TiaKY4q',
initialDoc: pdfPath,
}, document.getElementById('viewer'))
.then(instance => {
// now you can access APIs through the WebViewer instance
const {
Core,
UI
} = instance;
// adding an event listener for when a document is loaded
Core.documentViewer.addEventListener('documentLoaded', () => {
console.log('document loaded');
});
// adding an event listener for when the page number has changed
Core.documentViewer.addEventListener('pageNumberUpdated', (pageNumber) => {
console.log(`Page number is: ${pageNumber}`);
});
});
});
</script>
<script>
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
<style>
.dot {
width: 13px;
height: 13px;
background-color: #EEEEEE;
border-radius: 50%;
transition: background-color 0.5s ease;
}
.dot.active {
background-color: #1F3663;
}
#imageContainer {
transition: transform 0.5s ease;
display: flex;
}
#imageContainer>div {
flex: 0 0 auto;
}
/* Mobil ekranlar için tab bar stilleri */
@media (max-width: 768px) {
.mobile-tab-bar {
justify-content: space-between;
align-items: center;
height: 74px;
/* Tab bar arka plan rengi */
box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
/* Tab bar gölgesi */
z-index: 999;
/* Diğer içeriklerin üzerinde olması için z-index */
}
.tab {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
text-decoration: none;
height: 50px;
font-weight: 600;
color: #1F3663;
/* Tab yazı rengi */
text-align: center;
}
.tab:hover {
background-color: #f0f0f0;
/* Tab'a hover olduğunda arka plan rengi */
}
}
</style>
</body>
</html>