297 lines
21 KiB
HTML
297 lines
21 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<html class="dark" lang="tr"><head>
|
||
<meta charset="utf-8"/>
|
||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||
<title>Hakkımızda | Aydoğan Nakliyat</title>
|
||
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
|
||
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"/>
|
||
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
|
||
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
|
||
<script id="tailwind-config">
|
||
tailwind.config = {
|
||
darkMode: "class",
|
||
theme: {
|
||
extend: {
|
||
"colors": {
|
||
"primary-fixed-dim": "#e9c400",
|
||
"surface-container-lowest": "#0e0e0e",
|
||
"on-primary-fixed-variant": "#544600",
|
||
"surface-container-high": "#2a2a2a",
|
||
"primary": "#fff6df",
|
||
"on-surface-variant": "#d0c6ab",
|
||
"surface-tint": "#e9c400",
|
||
"on-secondary": "#2f3131",
|
||
"tertiary": "#defcff",
|
||
"surface-container-low": "#1c1b1b",
|
||
"on-primary-fixed": "#221b00",
|
||
"surface-container-highest": "#353535",
|
||
"on-surface": "#e5e2e1",
|
||
"surface-dim": "#131313",
|
||
"error-container": "#93000a",
|
||
"inverse-primary": "#705d00",
|
||
"primary-container": "#ffd700",
|
||
"on-primary": "#3a3000",
|
||
"background": "#131313",
|
||
"surface-container": "#20201f",
|
||
"surface": "#131313",
|
||
"outline-variant": "#4d4732"
|
||
},
|
||
"borderRadius": {
|
||
"DEFAULT": "0px",
|
||
"lg": "0px",
|
||
"xl": "0px",
|
||
"full": "9999px"
|
||
},
|
||
"fontFamily": {
|
||
"headline": ["Space Grotesk", "sans-serif"],
|
||
"body": ["Inter", "sans-serif"],
|
||
"label": ["Inter", "sans-serif"]
|
||
}
|
||
},
|
||
},
|
||
}
|
||
</script>
|
||
<style>
|
||
.material-symbols-outlined {
|
||
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
|
||
}
|
||
body {
|
||
background-color: #131313;
|
||
color: #e5e2e1;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="font-body">
|
||
<!-- Shared Header -->
|
||
<header class="flex items-center justify-between whitespace-nowrap border-b border-solid border-outline-variant px-6 lg:px-20 py-4 bg-surface sticky top-0 z-50">
|
||
<div class="flex items-center gap-4 text-white">
|
||
<div class="size-8 text-primary-container">
|
||
<svg fill="none" viewbox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||
<path clip-rule="evenodd" d="M39.475 21.6262C40.358 21.4363 40.6863 21.5589 40.7581 21.5934C40.7876 21.655 40.8547 21.857 40.8082 22.3336C40.7408 23.0255 40.4502 24.0046 39.8572 25.2301C38.6799 27.6631 36.5085 30.6631 33.5858 33.5858C30.6631 36.5085 27.6632 38.6799 25.2301 39.8572C24.0046 40.4502 23.0255 40.7407 22.3336 40.8082C21.8571 40.8547 21.6551 40.7875 21.5934 40.7581C21.5589 40.6863 21.4363 40.358 21.6262 39.475C21.8562 38.4054 22.4689 36.9657 23.5038 35.2817C24.7575 33.2417 26.5497 30.9744 28.7621 28.762C30.9744 26.5497 33.2417 24.7574 35.2817 23.5037C36.9657 22.4689 38.4054 21.8562 39.475 21.6262ZM4.41189 29.2403L18.7597 43.5881C19.8813 44.7097 21.4027 44.9179 22.7217 44.7893C24.0585 44.659 25.5148 44.1631 26.9723 43.4579C29.9052 42.0387 33.2618 39.5667 36.4142 36.4142C39.5667 33.2618 42.0387 29.9052 43.4579 26.9723C44.1631 25.5148 44.659 24.0585 44.7893 22.7217C44.9179 21.4027 44.7097 19.8813 43.5881 18.7597L29.2403 4.41187C27.8527 3.02428 25.8765 3.02573 24.2861 3.36776C22.6081 3.72863 20.7334 4.58419 18.8396 5.74801C16.4978 7.18716 13.9881 9.18353 11.5858 11.5858C9.18354 13.988 7.18717 16.4978 5.74802 18.8396C4.58421 20.7334 3.72865 22.6081 3.36778 24.2861C3.02574 25.8765 3.02429 27.8527 4.41189 29.2403Z" fill="currentColor" fill-rule="evenodd"></path>
|
||
</svg>
|
||
</div>
|
||
<h2 class="text-white text-xl font-headline font-bold leading-tight tracking-[-0.015em]">Aydoğan Nakliyat</h2>
|
||
</div>
|
||
<div class="hidden md:flex flex-1 justify-end gap-8">
|
||
<nav class="flex items-center gap-9">
|
||
<a class="text-white text-sm font-medium hover:text-primary-container transition-colors" href="#">Anasayfa</a>
|
||
<a class="text-white text-sm font-medium hover:text-primary-container transition-colors" href="#">Hizmetler</a>
|
||
<a class="text-white text-sm font-medium hover:text-primary-container transition-colors" href="#">Galeri</a>
|
||
<a class="text-white text-sm font-medium hover:text-primary-container transition-colors" href="#">İletişim</a>
|
||
</nav>
|
||
<button class="flex items-center justify-center bg-surface-container-highest text-white px-4 py-2 hover:bg-primary-container hover:text-on-primary transition-all">
|
||
<span class="material-symbols-outlined mr-2" data-icon="phone">phone</span>
|
||
<span class="text-sm font-bold">Hemen Ara</span>
|
||
</button>
|
||
</div>
|
||
</header>
|
||
<!-- Hero Section -->
|
||
<section class="relative h-[614px] min-h-[400px] flex items-center justify-center overflow-hidden">
|
||
<div class="absolute inset-0 bg-cover bg-center z-0" data-alt="Heavy industrial crane towering against a dramatic sunset sky at a construction site with sharp steel textures and golden lighting" style="background-image: linear-gradient(to bottom, rgba(19, 19, 19, 0.4), rgba(19, 19, 19, 0.9)), url('https://lh3.googleusercontent.com/aida-public/AB6AXuDgXwx1ScSKzThcSZVBFwN2BfXUpbEFYwOgbCkAXqa4hzIeOQRxqMHjyzUIMv0C7EmaDkB7J4CF5mJ8SBTZLJ91xh_wxkyNpzz53jpwiygithDN0XoMXWrhddNaK2byvFVuhqiHmEMoOvoqq1s0I9TAq4IVB9gWhQvf76BPuUy6BHSm-ly6tFv4NxoFbr5r_oauFVge63qLtA6XBwV-jtNe_Dqt4HR8Mktf5ECW_6PjSQCFrtSu3h4PF3VfTWKGjxfbkak2qbNTYnA');">
|
||
</div>
|
||
<div class="relative z-10 text-center px-4">
|
||
<h1 class="text-primary-container text-6xl md:text-8xl font-headline font-black tracking-tighter uppercase">
|
||
Hakkımızda
|
||
</h1>
|
||
<div class="h-1 w-24 bg-primary-container mx-auto mt-4 mb-6"></div>
|
||
<p class="text-on-surface text-lg md:text-xl max-w-2xl mx-auto font-light tracking-wide">
|
||
Dalaman'ın güvenilir çözüm ortağı: Tecrübe, güç ve hassasiyetle yükseliyoruz.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
<!-- Our Story -->
|
||
<section class="py-20 px-6 lg:px-20 bg-surface">
|
||
<div class="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
|
||
<div class="relative">
|
||
<div class="absolute -top-4 -left-4 w-24 h-24 border-t-4 border-l-4 border-primary-container"></div>
|
||
<img alt="Our Story" class="grayscale hover:grayscale-0 transition-all duration-700" data-alt="Wide angle shot of a large yellow heavy-duty crane parked at an industrial site in Dalaman with mountain background" src="https://lh3.googleusercontent.com/aida-public/AB6AXuBzBYFgesJhpqzuW-5vjLXy989WMZa7pD-d3JQJTOGKzaJ5YiXNYLSMY3aAByWjMgfuSYT5d5lqSaMObGYU2Yo6eyWgIrajXeSRzOJ9uqzLgt7Ui4Ssl_pmcGKjzqA3zYFm1Q-HHdevkymKLOID80gM69nTigSgqvbADDs5lmMH5I0ws9n7mskTpCooZslypTrss6hE-MNWmRnnFK492nXC9DS-F3yKDmI1B-sVuNgtwK1X-jS01uPyz_X2eo1QoQ6rX5EOU1vsHSk"/>
|
||
<div class="absolute -bottom-8 -right-8 bg-primary-container p-8 hidden md:block">
|
||
<p class="text-on-primary font-headline font-black text-4xl">20+</p>
|
||
<p class="text-on-primary text-xs uppercase font-bold tracking-widest">Yıllık Tecrübe</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col gap-6">
|
||
<span class="text-primary-container font-label text-sm uppercase tracking-[0.3em]">Kurumsal Kimliğimiz</span>
|
||
<h2 class="text-4xl md:text-5xl font-headline font-bold text-on-surface leading-none">Dalaman'ın Gücü, Sizin Güveniniz.</h2>
|
||
<p class="text-on-surface-variant text-lg leading-relaxed">
|
||
Aydoğan Nakliyat Vinç olarak, Dalaman ve çevresinde uzun yıllardır güvenilirlik ve tecrübeyle hizmet vermekteyiz. Sektördeki köklü geçmişimizle, her projede en yüksek standartları hedefliyoruz.
|
||
</p>
|
||
<p class="text-on-surface-variant text-lg leading-relaxed">
|
||
Ağır yük nakliyatından hassas vinç operasyonlarına kadar, modern filomuz ve uzman kadromuzla projelerinizin her aşamasında yanınızdayız. Mühendislik odaklı yaklaşımımızla, en zorlu coğrafi koşullarda bile kusursuz hizmet sağlıyoruz.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Core Values -->
|
||
<section class="py-20 bg-surface-container-low border-y border-outline-variant">
|
||
<div class="max-w-7xl mx-auto px-6 lg:px-20">
|
||
<div class="text-center mb-16">
|
||
<h2 class="text-3xl font-headline font-bold text-white uppercase tracking-wider">Temel Değerlerimiz</h2>
|
||
<div class="w-16 h-1 bg-primary-container mx-auto mt-4"></div>
|
||
</div>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||
<!-- Value 1 -->
|
||
<div class="bg-surface-container p-8 border-b-4 border-transparent hover:border-primary-container transition-all">
|
||
<span class="material-symbols-outlined text-primary-container text-4xl mb-6" data-icon="security">security</span>
|
||
<h3 class="text-xl font-headline font-bold text-white mb-3">Güvenlik</h3>
|
||
<p class="text-on-surface-variant text-sm">Sıfır kaza politikasıyla, tüm operasyonlarımızda uluslararası güvenlik standartlarını uyguluyoruz.</p>
|
||
</div>
|
||
<!-- Value 2 -->
|
||
<div class="bg-surface-container p-8 border-b-4 border-transparent hover:border-primary-container transition-all">
|
||
<span class="material-symbols-outlined text-primary-container text-4xl mb-6" data-icon="speed">speed</span>
|
||
<h3 class="text-xl font-headline font-bold text-white mb-3">Hız</h3>
|
||
<p class="text-on-surface-variant text-sm">Zamanın değerini biliyoruz. En karmaşık projeleri bile belirlenen takvim dahilinde tamamlıyoruz.</p>
|
||
</div>
|
||
<!-- Value 3 -->
|
||
<div class="bg-surface-container p-8 border-b-4 border-transparent hover:border-primary-container transition-all">
|
||
<span class="material-symbols-outlined text-primary-container text-4xl mb-6" data-icon="precision_manufacturing">precision_manufacturing</span>
|
||
<h3 class="text-xl font-headline font-bold text-white mb-3">Hassasiyet</h3>
|
||
<p class="text-on-surface-variant text-sm">Milimetrik hesaplamalarla, en değerli yüklerinizi en ufak bir zarar görmeden taşıyoruz.</p>
|
||
</div>
|
||
<!-- Value 4 -->
|
||
<div class="bg-surface-container p-8 border-b-4 border-transparent hover:border-primary-container transition-all">
|
||
<span class="material-symbols-outlined text-primary-container text-4xl mb-6" data-icon="group">group</span>
|
||
<h3 class="text-xl font-headline font-bold text-white mb-3">Müşteri Odaklılık</h3>
|
||
<p class="text-on-surface-variant text-sm">Her projenin kendine has ihtiyaçları vardır. Size özel esnek ve akılcı çözümler üretiyoruz.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Mission & Vision -->
|
||
<section class="py-20 px-6 lg:px-20 bg-surface">
|
||
<div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-px bg-outline-variant border border-outline-variant">
|
||
<div class="bg-surface-container-high p-12 lg:p-20">
|
||
<div class="flex items-center gap-4 mb-8">
|
||
<div class="w-12 h-12 bg-primary-container flex items-center justify-center">
|
||
<span class="material-symbols-outlined text-on-primary" data-icon="rocket_launch">rocket_launch</span>
|
||
</div>
|
||
<h2 class="text-3xl font-headline font-bold text-white uppercase tracking-tight">Misyonumuz</h2>
|
||
</div>
|
||
<p class="text-on-surface-variant text-lg leading-relaxed italic">
|
||
"Modern teknolojiyi geleneksel iş ahlakıyla birleştirerek, Dalaman bölgesindeki altyapı ve inşaat projelerine en güvenilir, en hızlı ve en profesyonel lojistik ve vinç desteğini sağlamak."
|
||
</p>
|
||
</div>
|
||
<div class="bg-surface-container-lowest p-12 lg:p-20">
|
||
<div class="flex items-center gap-4 mb-8">
|
||
<div class="w-12 h-12 bg-primary-container flex items-center justify-center">
|
||
<span class="material-symbols-outlined text-on-primary" data-icon="visibility">visibility</span>
|
||
</div>
|
||
<h2 class="text-3xl font-headline font-bold text-white uppercase tracking-tight">Vizyonumuz</h2>
|
||
</div>
|
||
<p class="text-on-surface-variant text-lg leading-relaxed">
|
||
"Sektörde yenilikçi çözümlerimiz ve sarsılmaz güvenilirliğimizle, sadece Dalaman'da değil, tüm Ege ve Akdeniz bölgesinde ağır nakliyat ve vinç hizmetlerinde lider marka olmak."
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Stats -->
|
||
<section class="py-16 bg-primary-container">
|
||
<div class="max-w-7xl mx-auto px-6 lg:px-20 flex flex-wrap justify-between gap-12 text-on-primary">
|
||
<div class="flex flex-col items-center md:items-start">
|
||
<span class="text-5xl font-headline font-black">20+</span>
|
||
<span class="text-xs font-bold uppercase tracking-widest opacity-80">Yıllık Tecrübe</span>
|
||
</div>
|
||
<div class="flex flex-col items-center md:items-start">
|
||
<span class="text-5xl font-headline font-black">1500+</span>
|
||
<span class="text-xs font-bold uppercase tracking-widest opacity-80">Tamamlanan Proje</span>
|
||
</div>
|
||
<div class="flex flex-col items-center md:items-start">
|
||
<span class="text-5xl font-headline font-black">25+</span>
|
||
<span class="text-xs font-bold uppercase tracking-widest opacity-80">Modern Araç Filosu</span>
|
||
</div>
|
||
<div class="flex flex-col items-center md:items-start">
|
||
<span class="text-5xl font-headline font-black">500t</span>
|
||
<span class="text-xs font-bold uppercase tracking-widest opacity-80">Maksimum Kaldırma Kapasitesi</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Call to Action -->
|
||
<section class="relative py-24 px-6 lg:px-20 overflow-hidden bg-surface-container-lowest">
|
||
<div class="absolute right-0 top-0 h-full w-1/3 opacity-20 hidden lg:block">
|
||
<img class="h-full w-full object-cover" data-alt="Technical close-up of heavy industrial gears and steel chains from a crane system with industrial yellow highlights" src="https://lh3.googleusercontent.com/aida-public/AB6AXuA_ZX-fbwQbf9kIEKnJnFtu5NQ363H44RdCxqVhdpgIUb0jKFxAqO6uKqCDRQ7qS49Sd7Kwt8VTe_lzV0ZEHkJJnL767brwA1lticCl17-MHc78XDvJhCZjD6r6oLqhTgut5U9LvjXY0UjD3VH0HPo7_MLdK45SnTu3nqQ7Y11hqTwxxyWaqzmT0qKiYbIs0ryfiebNF9wu4JaIE_pWilEt7JiwhZNWb1jcZWCn1FDrAskjvDf2ioo-CD1mk7vXVcKI4_DhUvcqXP8"/>
|
||
</div>
|
||
<div class="max-w-7xl mx-auto relative z-10">
|
||
<div class="max-w-2xl">
|
||
<h2 class="text-4xl md:text-6xl font-headline font-black text-white leading-tight mb-8">
|
||
BÜYÜK PROJELER, <span class="text-primary-container">GÜÇLÜ ÇÖZÜMLER</span> İSTER.
|
||
</h2>
|
||
<p class="text-on-surface-variant text-xl mb-10">
|
||
Sizin için en uygun vinç ve nakliyat çözümünü birlikte planlayalım. Projenizin detaylarını paylaşın, profesyonel teklifimizi sunalım.
|
||
</p>
|
||
<div class="flex flex-wrap gap-4">
|
||
<button class="bg-primary-container text-on-primary px-10 py-5 font-headline font-bold text-lg hover:bg-white transition-all">
|
||
Teklif İste
|
||
</button>
|
||
<button class="border-2 border-primary-container text-primary-container px-10 py-5 font-headline font-bold text-lg hover:bg-primary-container hover:text-on-primary transition-all">
|
||
Hizmetlerimiz
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Footer -->
|
||
<footer class="bg-surface-container-low border-t border-outline-variant pt-20 pb-10">
|
||
<div class="max-w-7xl mx-auto px-6 lg:px-20 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-20">
|
||
<div>
|
||
<div class="flex items-center gap-2 mb-6">
|
||
<div class="size-6 text-primary-container">
|
||
<svg fill="none" viewbox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M39.475 21.6262C40.358 21.4363 40.6863 21.5589 40.7581 21.5934C40.7876 21.655 40.8547 21.857 40.8082 22.3336C40.7408 23.0255 40.4502 24.0046 39.8572 25.2301C38.6799 27.6631 36.5085 30.6631 33.5858 33.5858C30.6631 36.5085 27.6632 38.6799 25.2301 39.8572C24.0046 40.4502 23.0255 40.7407 22.3336 40.8082C21.8571 40.8547 21.6551 40.7875 21.5934 40.7581C21.5589 40.6863 21.4363 40.358 21.6262 39.475C21.8562 38.4054 22.4689 36.9657 23.5038 35.2817C24.7575 33.2417 26.5497 30.9744 28.7621 28.762C30.9744 26.5497 33.2417 24.7574 35.2817 23.5037C36.9657 22.4689 38.4054 21.8562 39.475 21.6262ZM4.41189 29.2403L18.7597 43.5881C19.8813 44.7097 21.4027 44.9179 22.7217 44.7893C24.0585 44.659 25.5148 44.1631 26.9723 43.4579C29.9052 42.0387 33.2618 39.5667 36.4142 36.4142C39.5667 33.2618 42.0387 29.9052 43.4579 26.9723C44.1631 25.5148 44.659 24.0585 44.7893 22.7217C44.9179 21.4027 44.7097 19.8813 43.5881 18.7597L29.2403 4.41187C27.8527 3.02428 25.8765 3.02573 24.2861 3.36776C22.6081 3.72863 20.7334 4.58419 18.8396 5.74801C16.4978 7.18716 13.9881 9.18353 11.5858 11.5858C9.18354 13.988 7.18717 16.4978 5.74802 18.8396C4.58421 20.7334 3.72865 22.6081 3.36778 24.2861C3.02574 25.8765 3.02429 27.8527 4.41189 29.2403Z" fill="currentColor"></path>
|
||
</svg>
|
||
</div>
|
||
<span class="text-xl font-headline font-bold text-white">Aydoğan Nakliyat</span>
|
||
</div>
|
||
<p class="text-on-surface-variant text-sm leading-relaxed mb-6">
|
||
Dalaman ve çevresinde profesyonel vinç ve nakliyat çözümleri sunuyoruz. Tecrübemizle yükünüzü hafifletiyoruz.
|
||
</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-white font-headline font-bold mb-6 uppercase text-sm tracking-widest">Hızlı Bağlantılar</h4>
|
||
<ul class="flex flex-col gap-3">
|
||
<li><a class="text-on-surface-variant hover:text-primary-container text-sm transition-colors" href="#">Anasayfa</a></li>
|
||
<li><a class="text-on-surface-variant hover:text-primary-container text-sm transition-colors" href="#">Hizmetlerimiz</a></li>
|
||
<li><a class="text-on-surface-variant hover:text-primary-container text-sm transition-colors" href="#">Galeri</a></li>
|
||
<li><a class="text-on-surface-variant hover:text-primary-container text-sm transition-colors" href="#">Hakkımızda</a></li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-white font-headline font-bold mb-6 uppercase text-sm tracking-widest">İletişim Bilgileri</h4>
|
||
<ul class="flex flex-col gap-4 text-on-surface-variant text-sm">
|
||
<li class="flex items-start gap-3">
|
||
<span class="material-symbols-outlined text-primary-container" data-icon="location_on">location_on</span>
|
||
<span>Dalaman, Muğla, Türkiye</span>
|
||
</li>
|
||
<li class="flex items-center gap-3">
|
||
<span class="material-symbols-outlined text-primary-container" data-icon="call">call</span>
|
||
<span>+90 (5XX) XXX XX XX</span>
|
||
</li>
|
||
<li class="flex items-center gap-3">
|
||
<span class="material-symbols-outlined text-primary-container" data-icon="mail">mail</span>
|
||
<span>info@aydogannakliyat.com</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-white font-headline font-bold mb-6 uppercase text-sm tracking-widest">Çalışma Saatleri</h4>
|
||
<ul class="flex flex-col gap-3 text-on-surface-variant text-sm">
|
||
<li class="flex justify-between"><span>Pazartesi - Cumartesi:</span> <span>08:00 - 19:00</span></li>
|
||
<li class="flex justify-between"><span>Pazar:</span> <span class="text-primary-container">Acil Durum</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="max-w-7xl mx-auto px-6 lg:px-20 border-t border-outline-variant pt-8 flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-on-surface-variant font-medium">
|
||
<p>© 2024 Aydoğan Nakliyat Vinç. Tüm Hakları Saklıdır.</p>
|
||
<div class="flex gap-6">
|
||
<a class="hover:text-primary-container" href="#">Gizlilik Politikası</a>
|
||
<a class="hover:text-primary-container" href="#">KVKK</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- WhatsApp Floating Icon -->
|
||
<a class="fixed bottom-8 right-8 z-[100] bg-[#25D366] text-white p-4 rounded-full shadow-2xl hover:scale-110 transition-transform flex items-center justify-center" href="https://wa.me/905000000000" target="_blank">
|
||
<svg fill="currentColor" height="32" viewbox="0 0 448 512" width="32" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.7 17.8 69.7 27.2 106.2 27.2 122.4 0 222-99.6 222-222 0-59.3-23-115.1-65-157.1zM223.9 445.9c-33.1 0-65.4-8.9-93.6-25.7l-6.7-4-69.6 18.3 18.6-67.9-4.4-7c-18.4-29.4-28.1-63.3-28.1-98.2 0-101.7 82.8-184.5 184.5-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.7-186.6 184.7zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-5.5-2.8-23.2-8.5-44.2-27.1-16.4-14.6-27.4-32.7-30.6-38.2-3.2-5.6-.3-8.6 2.4-11.3 2.5-2.5 5.5-6.5 8.3-9.7 2.8-3.3 3.7-5.6 5.6-9.3 1.9-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 13.2 5.8 23.5 9.2 31.5 11.8 13.3 4.2 25.4 3.6 35 2.2 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path>
|
||
</svg>
|
||
</a>
|
||
</body></html> |