Türkçe
English
العربية
JCB DLA Arıza Tespit Cihazı / Orjinal
JCB DLA Arıza Tespit Cihazı | JCB Teşhis Yazılımı
.jcb-dla-wrapper {
font-family: 'Outfit', sans-serif;
line-height: 1.6;
color: #2c3e50;
background: #f8fafc;
scroll-behavior: smooth;
}
.jcb-dla-wrapper * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.jcb-dla-wrapper .container {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
}
/* Header */
.header-logo {
text-align: center;
margin-bottom: 30px;
}
.header-logo img {
max-height: 80px;
opacity: 0.8;
}
/* Hero Section */
.hero {
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e1 100%);
color: #1e293b;
padding: 120px 0;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 20% 20%, rgba(255, 193, 7, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(59, 130, 246, 0.08) 0%, transparent 50%);
}
.hero-container {
position: relative;
z-index: 10;
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
text-align: center;
}
.hero-content {
max-width: 800px;
margin: 0 auto;
}
.hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(107, 114, 128, 0.15);
border: 1px solid rgba(107, 114, 128, 0.3);
color: #6B7280;
padding: 10px 20px;
border-radius: 25px;
font-size: 0.9rem;
font-weight: 600;
margin-bottom: 40px;
backdrop-filter: blur(10px);
}
.hero h1 {
font-size: 4.5rem;
font-weight: 800;
margin-bottom: 25px;
letter-spacing: -0.02em;
line-height: 1.1;
color: #1e293b;
text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.hero h1 .highlight {
color: #6B7280;
position: relative;
}
.hero h1 .highlight::after {
content: '';
position: absolute;
bottom: -5px;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #6B7280, #4B5563);
border-radius: 2px;
}
.hero .subtitle {
font-size: 1.3rem;
font-weight: 400;
opacity: 0.9;
margin-bottom: 50px;
line-height: 1.6;
color: #64748b;
}
.hero-features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 30px;
margin-bottom: 50px;
}
.hero-feature {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 25px 20px;
border-radius: 15px;
text-align: center;
transition: all 0.3s ease;
}
.hero-feature:hover {
transform: translateY(-5px);
background: rgba(255, 255, 255, 0.08);
border-color: rgba(107, 114, 128, 0.3);
}
.hero-feature-icon {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #6B7280, #4B5563);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px;
color: #1e293b;
font-size: 1.3rem;
}
.hero-feature h3 {
font-size: 1.1rem;
font-weight: 600;
color: #1e293b;
margin-bottom: 8px;
}
.hero-feature p {
font-size: 0.9rem;
color: #64748b;
line-height: 1.4;
}
.hero-cta {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.hero-cta-button {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 15px 30px;
border-radius: 30px;
font-weight: 600;
font-size: 1rem;
text-decoration: none;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.hero-cta-button.primary {
background: linear-gradient(135deg, #6B7280, #4B5563);
color: #1e293b;
box-shadow: 0 8px 25px rgba(107, 114, 128, 0.3);
}
.hero-cta-button.primary:hover {
transform: translateY(-3px);
box-shadow: 0 12px 35px rgba(107, 114, 128, 0.4);
}
.hero-cta-button.secondary {
background: transparent;
color: white;
border-color: rgba(255, 255, 255, 0.3);
}
.hero-cta-button.secondary:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(107, 114, 128, 0.5);
transform: translateY(-2px);
}
/* Product Showcase */
.product-showcase {
padding: 80px 0;
background: white;
}
.product-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
margin-bottom: 60px;
}
.product-image {
text-align: center;
}
.product-gallery {
position: relative;
max-width: 500px;
margin: 0 auto;
}
.product-main-image {
position: relative;
width: 100%;
height: 450px;
overflow: visible;
border-radius: 20px;
box-shadow:
20px 20px 40px rgba(0,0,0,0.1),
-20px -20px 40px rgba(255,255,255,0.8);
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
background: #f8fafc;
padding: 20px;
}
.product-gallery-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: calc(100% - 40px);
max-height: calc(100% - 40px);
width: auto;
height: auto;
object-fit: contain;
object-position: center;
opacity: 0;
transition: opacity 0.5s ease-in-out;
border-radius: 15px;
pointer-events: none;
}
.product-gallery-image.active {
opacity: 1;
pointer-events: auto;
}
.product-gallery-360 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 40px);
height: calc(100% - 40px);
opacity: 0;
transition: opacity 0.5s ease-in-out;
border-radius: 15px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
z-index: 20;
}
.product-gallery-360.active {
opacity: 1;
pointer-events: auto;
}
.product-gallery-360 iframe {
width: 100%;
height: 100%;
border: none;
border-radius: 15px;
pointer-events: auto;
touch-action: manipulation;
z-index: 21;
}
.gallery-360-badge {
position: absolute;
top: 15px;
right: 15px;
background: rgba(107, 114, 128, 0.9);
color: white;
padding: 6px 12px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 700;
z-index: 22;
box-shadow: 0 2px 8px rgba(107, 114, 128, 0.3);
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.product-gallery-360.active .gallery-360-badge {
opacity: 1;
}
.product-thumbnail-360 {
width: 80px;
height: 60px;
border-radius: 12px;
cursor: pointer;
transition: all 0.3s ease;
border: 3px solid #e2e8f0;
opacity: 0.7;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
background: linear-gradient(135deg, #6B7280, #4B5563);
display: flex;
align-items: center;
justify-content: center;
color: #1e293b;
font-size: 1.2rem;
font-weight: 700;
}
.product-thumbnail-360.active {
border-color: #6B7280;
opacity: 1;
transform: scale(1.1);
box-shadow: 0 6px 20px rgba(107, 114, 128, 0.4);
}
.product-thumbnail-360:hover {
opacity: 1;
transform: scale(1.05);
border-color: #6B7280;
box-shadow: 0 4px 15px rgba(107, 114, 128, 0.3);
}
.product-gallery-thumbnails {
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
}
.product-thumbnail {
width: 80px;
height: 60px;
border-radius: 12px;
cursor: pointer;
transition: all 0.3s ease;
border: 3px solid #e2e8f0;
object-fit: cover;
opacity: 0.7;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.product-thumbnail.active {
border-color: #6B7280;
opacity: 1;
transform: scale(1.1);
box-shadow: 0 6px 20px rgba(107, 114, 128, 0.4);
}
.product-thumbnail:hover {
opacity: 1;
transform: scale(1.05);
border-color: #cbd5e1;
box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}
.product-gallery-indicator {
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
z-index: 10;
}
.gallery-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.5);
cursor: pointer;
transition: all 0.3s ease;
}
.gallery-dot.active {
background: #6B7280;
transform: scale(1.2);
}
.product-info h2 {
font-size: 2.5rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 20px;
}
.product-description {
font-size: 1.1rem;
color: #64748b;
line-height: 1.8;
margin-bottom: 30px;
}
.key-features {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.key-feature {
display: flex;
align-items: center;
gap: 10px;
font-weight: 500;
color: #1e293b;
}
.key-feature i {
color: #6B7280;
font-size: 1.1rem;
}
/* Common Section Styles */
.section-header {
text-align: center;
margin-bottom: 60px;
}
.section-title {
font-size: 3rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 20px;
}
.section-subtitle {
font-size: 1.2rem;
color: #64748b;
max-width: 600px;
margin: 0 auto;
}
/* Features Section */
.features {
padding: 80px 0;
background: white;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 30px;
}
.feature-card {
background: #f8fafc;
padding: 30px;
border-radius: 16px;
border-left: 4px solid #6B7280;
transition: all 0.3s ease;
text-align: center;
}
.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}
.feature-card i {
color: #6B7280;
font-size: 2.5rem;
margin-bottom: 20px;
display: block;
}
.feature-card h4 {
font-size: 1.2rem;
font-weight: 600;
color: #1e293b;
margin-bottom: 15px;
}
.feature-card p {
color: #64748b;
line-height: 1.6;
}
/* Video 360 Experience */
.video-360-experience {
padding: 8rem 0;
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
position: relative;
overflow: hidden;
color: #1e293b;
}
.video-360-experience::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 20% 20%, rgba(255, 193, 7, 0.05) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);
}
.video-360-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
position: relative;
z-index: 2;
}
.video-360-header {
text-align: center;
margin-bottom: 5rem;
}
.video-360-header h2 {
font-size: clamp(2.2rem, 4.4vw, 2.75rem);
font-weight: 900;
margin-bottom: 1.5rem;
color: #1e293b;
letter-spacing: -0.02em;
}
.video-360-header h2 .gradient-text {
background: linear-gradient(135deg, #6B7280, #4B5563);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.video-360-header p {
font-size: 1.2375rem;
line-height: 1.7;
color: #64748b;
max-width: 700px;
margin: 0 auto;
font-weight: 400;
}
.video-360-main {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5rem;
margin-bottom: 6rem;
align-items: center;
}
.video-360-player {
position: relative;
width: 100%;
padding-top: 56.25%;
border-radius: 24px;
overflow: hidden;
box-shadow:
0 0 0 1px rgba(255, 255, 255, 0.1),
0 20px 60px rgba(0, 0, 0, 0.4),
0 0 100px rgba(107, 114, 128, 0.2);
transition: all 0.4s ease;
}
.video-360-player:hover {
transform: scale(1.02);
}
.video-360-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
border-radius: 24px;
}
.video-360-content h3 {
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 1.5rem;
color: #1e293b;
text-align: center;
}
.video-360-content .intro-text {
font-size: 1.21rem;
line-height: 1.8;
color: #64748b;
margin-bottom: 2rem;
text-align: center;
}
.video-360-highlights {
display: grid;
gap: 1.5rem;
margin-bottom: 3rem;
}
.video-360-highlight {
display: flex;
align-items: flex-start;
gap: 1.5rem;
padding: 2rem;
background: rgba(255, 255, 255, 0.05);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.4s ease;
cursor: pointer;
position: relative;
overflow: hidden;
}
.video-360-highlight:hover {
background: rgba(255, 255, 255, 0.1);
transform: translateX(10px);
border-color: rgba(107, 114, 128, 0.3);
}
.video-360-highlight-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #6B7280, #4B5563);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.video-360-highlight-icon i {
color: #1e293b;
font-size: 1.8rem;
}
.video-360-highlight-content h4 {
font-size: 1.21rem;
font-weight: 600;
color: #1e293b;
margin-bottom: 0.5rem;
line-height: 1.4;
}
.video-360-highlight-content p {
font-size: 0.9625rem;
line-height: 1.5;
color: #64748b;
margin: 0;
}
.video-360-features-showcase {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
margin-top: 5rem;
}
.video-360-feature-card {
text-align: center;
padding: 2rem;
background: rgba(255, 255, 255, 0.05);
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.4s ease;
}
.video-360-feature-card:hover {
background: rgba(255, 255, 255, 0.1);
transform: translateY(-10px);
border-color: rgba(107, 114, 128, 0.3);
}
.video-360-feature-icon {
width: 80px;
height: 80px;
background: linear-gradient(135deg, rgba(107, 114, 128, 0.2), rgba(75, 85, 99, 0.2));
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
}
.video-360-feature-icon i {
color: #6B7280;
font-size: 2rem;
}
.video-360-feature-card h4 {
font-size: 1.1rem;
font-weight: 600;
color: #1e293b;
margin-bottom: 1rem;
line-height: 1.4;
}
.video-360-feature-card p {
font-size: 0.9625rem;
color: #64748b;
line-height: 1.5;
margin: 0;
}
/* Protocols Section */
.protocols {
padding: 80px 0;
background: #f8fafc;
}
.protocols-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.protocol-card {
background: white;
padding: 30px;
border-radius: 16px;
text-align: center;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
transition: all 0.3s ease;
border: 2px solid transparent;
}
.protocol-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
border-color: #6B7280;
}
.protocol-icon {
width: 70px;
height: 70px;
background: linear-gradient(135deg, #6B7280, #4B5563);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
color: #1e293b;
font-size: 1.8rem;
transition: all 0.3s ease;
}
.protocol-card:hover .protocol-icon {
transform: scale(1.1);
box-shadow: 0 8px 25px rgba(107, 114, 128, 0.4);
}
.protocol-card h4 {
font-size: 1.3rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 20px;
}
.protocol-details {
display: flex;
flex-direction: column;
gap: 12px;
}
.protocol-spec {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid #e2e8f0;
}
.protocol-spec:last-child {
border-bottom: none;
}
.protocol-spec .spec-label {
font-weight: 600;
color: #64748b;
font-size: 0.9rem;
}
.protocol-spec .spec-value {
font-weight: 600;
color: #1e293b;
font-size: 0.9rem;
}
/* Software Section */
.software {
padding: 80px 0;
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
color: #1e293b;
}
.software-showcase {
margin: 60px 0;
}
.software-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.software-showcase.reverse .software-content {
direction: rtl;
}
.software-showcase.reverse .software-info {
direction: ltr;
}
.software-info {
padding: 40px 0;
text-align: center;
}
.software-badge {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
background: rgba(107, 114, 128, 0.2);
color: #6B7280;
padding: 8px 16px;
border-radius: 20px;
font-size: 0.9rem;
font-weight: 600;
margin: 0 auto 20px auto;
}
.software-info h3 {
font-size: 2.2rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 20px;
}
.software-description {
font-size: 1.1rem;
color: #64748b;
line-height: 1.7;
margin-bottom: 30px;
}
.software-features {
display: flex;
flex-direction: column;
gap: 12px;
}
.software-feature {
display: flex;
align-items: center;
gap: 12px;
color: #1e293b;
}
.software-feature i {
color: #6B7280;
font-size: 1rem;
}
.software-screenshot {
background: #f8fafc;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 20px 40px rgba(0,0,0,0.3);
transform: perspective(1000px) rotateY(-5deg) rotateX(5deg);
transition: transform 0.3s ease;
}
.software-screenshot:hover {
transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
}
.screenshot-header {
background: #e2e8f0;
padding: 12px 20px;
display: flex;
align-items: center;
gap: 15px;
border-bottom: 1px solid #cbd5e1;
}
.screenshot-controls {
display: flex;
gap: 6px;
}
.control {
width: 12px;
height: 12px;
border-radius: 50%;
}
.control.red { background: #6B7280; }
.control.yellow { background: #6B7280; }
.control.green { background: #6B7280; }
.screenshot-title {
font-size: 0.9rem;
font-weight: 600;
color: #64748b;
}
.screenshot-content {
padding: 20px;
background: white;
min-height: 300px;
}
.software-gallery {
position: relative;
}
.gallery-images {
position: relative;
width: 100%;
height: 260px;
overflow: hidden;
border-radius: 8px;
}
.gallery-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 0.5s ease-in-out;
border-radius: 8px;
}
.gallery-image.active {
opacity: 1;
}
.gallery-thumbnails {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 15px;
}
.thumbnail {
width: 90px;
height: 70px;
border-radius: 12px;
cursor: pointer;
transition: all 0.3s ease;
border: 4px solid #e2e8f0;
object-fit: cover;
opacity: 0.6;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.thumbnail.active {
border-color: #6B7280;
opacity: 1;
transform: scale(1.15);
box-shadow: 0 8px 25px rgba(107, 114, 128, 0.6);
}
.thumbnail:hover {
opacity: 0.9;
transform: scale(1.08);
border-color: #6B7280;
box-shadow: 0 6px 18px rgba(107, 114, 128, 0.3);
}
.software-cta {
margin-top: 25px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.software-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
background: linear-gradient(135deg, #6B7280, #4B5563);
color: #1e293b;
padding: 12px 24px;
border-radius: 25px;
text-decoration: none;
font-weight: 600;
font-size: 0.95rem;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(107, 114, 128, 0.3);
margin: 0 auto;
}
.software-button:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(107, 114, 128, 0.4);
}
.software-important-notice {
margin-top: 30px;
padding: 20px 0;
border-top: 1px solid #e2e8f0;
}
.important-notice-content {
max-width: 800px;
margin: 0 auto;
background: linear-gradient(135deg, rgba(107, 114, 128, 0.1) 0%, rgba(107, 114, 128, 0.05) 100%);
padding: 25px;
border-radius: 12px;
border: 2px solid #6B7280;
box-shadow: 0 4px 15px rgba(107, 114, 128, 0.1);
text-align: center;
}
.notice-icon {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #6B7280, #4B5563);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px;
color: white;
font-size: 1.3rem;
}
.notice-title {
font-size: 1.2rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 15px;
}
.notice-text {
color: #1e293b;
line-height: 1.6;
font-size: 1rem;
margin: 0;
}
.full-package-link {
color: #6B7280;
text-decoration: none;
font-weight: 700;
transition: color 0.3s ease;
}
.full-package-link:hover {
color: #4B5563;
text-decoration: underline;
}
/* Vehicles Section */
.vehicles {
padding: 80px 0;
background: #f8fafc;
}
.vehicles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.vehicle-item {
background: white;
padding: 20px;
border-radius: 12px;
text-align: center;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
transition: all 0.3s ease;
}
.vehicle-item:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}
.vehicle-item i {
font-size: 2rem;
color: #6B7280;
margin-bottom: 15px;
}
.vehicle-item h5 {
font-weight: 600;
color: #1e293b;
font-size: 1rem;
}
/* Pricing Section */
.pricing-info-section {
padding: 60px 0;
text-align: center;
background: #fff;
}
.pricing-title {
font-size: 2.5rem;
font-weight: 700;
color: #6B7280;
margin-bottom: 15px;
position: relative;
display: inline-block;
}
.pricing-title::after {
content: '';
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
width: 60%;
height: 3px;
background-color: #6B7280;
}
.pricing-content {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
margin-top: 40px;
flex-wrap: wrap;
}
.pricing-features {
display: flex;
gap: 40px;
}
.pricing-feature-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.pricing-feature-item i {
font-size: 2.5rem;
color: #6B7280;
background-color: rgba(107, 114, 128, 0.1);
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.pricing-feature-item span {
font-weight: 600;
color: #555;
}
.pricing-notice {
background-color: rgba(107, 114, 128, 0.1);
border: 1px solid #6B7280;
border-radius: 8px;
padding: 20px;
display: flex;
align-items: center;
gap: 15px;
max-width: 400px;
}
.pricing-notice i {
color: #6B7280;
font-size: 1.5rem;
}
.pricing-notice p {
text-align: left;
margin: 0;
color: #6B7280;
}
.whatsapp-contact-btn {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 40px;
padding: 15px 30px;
background-color: #6B7280;
color: #fff;
border-radius: 50px;
text-decoration: none;
font-weight: 700;
font-size: 1.2rem;
box-shadow: 0 4px 15px rgba(107, 114, 128, 0.4);
transition: all 0.3s ease;
}
.whatsapp-contact-btn:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(107, 114, 128, 0.5);
}
.whatsapp-contact-btn i {
margin-right: 10px;
font-size: 1.5rem;
}
/* Package Section */
.package {
padding: 80px 0;
background: white;
}
.package-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
}
.package-item {
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
padding: 30px;
border-radius: 16px;
text-align: center;
border: 2px solid #6B7280;
}
.package-icon {
width: 70px;
height: 70px;
background: #6B7280;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
color: #1e293b;
font-size: 1.8rem;
}
.package-item h4 {
font-weight: 600;
color: #1e293b;
margin-bottom: 10px;
}
.package-item p {
color: #64748b;
font-size: 0.9rem;
}
/* FAQ Section */
.faq {
padding: 80px 0;
background: white;
}
.faq-content {
max-width: 800px;
margin: 0 auto;
}
.faq-item {
background: #f8fafc;
border-radius: 12px;
margin-bottom: 15px;
border: 2px solid transparent;
transition: all 0.3s ease;
overflow: hidden;
}
.faq-item:hover {
border-color: #6B7280;
box-shadow: 0 4px 15px rgba(107, 114, 128, 0.1);
}
.faq-question {
display: flex;
justify-content: space-between;
align-items: center;
padding: 25px 30px;
cursor: pointer;
transition: all 0.3s ease;
}
.faq-question:hover {
background: rgba(107, 114, 128, 0.05);
}
.faq-question h4 {
font-size: 1.1rem;
font-weight: 600;
color: #1e293b;
margin: 0;
flex: 1;
padding-right: 20px;
}
.faq-question i {
color: #6B7280;
font-size: 1rem;
transition: transform 0.3s ease;
}
.faq-item.active .faq-question i {
transform: rotate(180deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
background: white;
}
.faq-item.active .faq-answer {
max-height: 200px;
}
.faq-answer p {
padding: 0 30px 25px;
margin: 0;
color: #64748b;
line-height: 1.6;
font-size: 0.95rem;
}
/* Support Section */
.support-contact {
padding: 80px 0;
background: #f8fafc;
}
.support-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
}
.support-card {
background: white;
padding: 40px 30px;
border-radius: 16px;
text-align: center;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
transition: all 0.3s ease;
border: 2px solid transparent;
}
.support-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
border-color: #6B7280;
}
.support-icon {
width: 80px;
height: 80px;
background: linear-gradient(135deg, #6B7280, #4B5563);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 25px;
color: #1e293b;
font-size: 2rem;
transition: all 0.3s ease;
}
.support-card:hover .support-icon {
transform: scale(1.1);
box-shadow: 0 8px 25px rgba(107, 114, 128, 0.4);
}
.support-card h4 {
font-size: 1.3rem;
font-weight: 700;
color: #1e293b;
margin-bottom: 15px;
}
.support-card p {
color: #64748b;
line-height: 1.6;
margin-bottom: 25px;
font-size: 1rem;
}
.support-actions {
display: flex;
justify-content: center;
}
.support-button {
display: inline-flex;
align-items: center;
gap: 10px;
background: linear-gradient(135deg, #1e293b, #334155);
color: white;
padding: 12px 24px;
border-radius: 25px;
text-decoration: none;
font-weight: 600;
font-size: 0.95rem;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(30, 41, 59, 0.3);
}
.support-button:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(30, 41, 59, 0.4);
background: linear-gradient(135deg, #334155, #475569);
}
.support-button.whatsapp {
background: linear-gradient(135deg, #6B7280, #4B5563);
box-shadow: 0 4px 15px rgba(107, 114, 128, 0.3);
}
.support-button.whatsapp:hover {
background: linear-gradient(135deg, #4B5563, #374151);
box-shadow: 0 8px 25px rgba(107, 114, 128, 0.4);
}
.support-button i {
font-size: 1rem;
}
/* Responsive Design */
@media (max-width: 1024px) {
.hero-container {
padding: 0 20px;
}
.hero h1 {
font-size: 3.8rem;
}
.hero-features {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 20px;
}
.video-360-features-showcase {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.header-logo img {
max-height: 70px;
}
.hero {
padding: 60px 0;
}
.hero-container {
padding: 0 20px;
}
.hero h1 {
font-size: 3.2rem;
}
.hero .subtitle {
font-size: 1.2rem;
}
.hero-features {
grid-template-columns: 1fr;
gap: 20px;
}
.hero-feature {
padding: 20px 15px;
}
.hero-cta {
flex-direction: column;
align-items: center;
gap: 15px;
}
.hero-cta-button {
width: 100%;
max-width: 280px;
justify-content: center;
}
.section-title {
font-size: 2.5rem;
}
.section-subtitle {
font-size: 1.1rem;
}
.product-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.product-main-image {
height: 350px;
}
.product-gallery-thumbnails {
gap: 8px;
}
.product-thumbnail {
width: 60px;
height: 45px;
}
.product-info h2 {
font-size: 2rem;
}
.key-features {
grid-template-columns: 1fr;
}
.features-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.feature-card {
padding: 25px 20px;
}
.video-360-experience {
padding: 4rem 0;
}
.video-360-container {
padding: 0 1.5rem;
}
.video-360-main {
grid-template-columns: 1fr;
gap: 3rem;
}
.video-360-features-showcase {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.video-360-feature-card {
padding: 1.5rem;
}
.video-360-highlight {
padding: 1.5rem;
flex-direction: column;
text-align: center;
gap: 1rem;
}
.software-content {
grid-template-columns: 1fr;
gap: 30px;
}
.software-showcase.reverse .software-content {
direction: ltr;
}
.software-screenshot {
transform: none;
}
.software-info h3 {
font-size: 1.8rem;
}
.vehicles-grid {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.vehicle-item {
padding: 15px;
}
.package-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.package-item {
padding: 25px 20px;
}
.pricing-content {
flex-direction: column;
gap: 20px;
}
.pricing-features {
flex-wrap: wrap;
justify-content: center;
gap: 25px;
}
.pricing-info-section {
padding: 40px 15px;
}
.pricing-feature-item i {
font-size: 2rem;
width: 60px;
height: 60px;
}
.pricing-notice {
max-width: 100%;
padding: 15px;
}
.support-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.support-card {
padding: 30px 20px;
}
.support-icon {
width: 70px;
height: 70px;
font-size: 1.8rem;
margin-bottom: 20px;
}
.support-card h4 {
font-size: 1.2rem;
}
.support-card p {
font-size: 0.95rem;
margin-bottom: 20px;
}
.support-button {
padding: 10px 20px;
font-size: 0.9rem;
}
.protocols-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.protocol-card {
padding: 25px 20px;
}
.protocol-icon {
width: 60px;
height: 60px;
font-size: 1.6rem;
margin-bottom: 15px;
}
.protocol-card h4 {
font-size: 1.2rem;
margin-bottom: 15px;
}
.protocol-details {
gap: 10px;
}
.protocol-spec {
padding: 6px 0;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.protocol-spec .spec-label,
.protocol-spec .spec-value {
font-size: 0.85rem;
}
.protocol-spec .spec-value {
font-weight: 500;
color: #475569;
}
}
@media (max-width: 480px) {
.container {
padding: 0 15px;
}
.header-logo {
margin-bottom: 20px;
}
.header-logo img {
max-height: 60px;
}
.hero {
padding: 40px 0;
}
.hero-container {
padding: 0 15px;
}
.hero-badge {
font-size: 0.8rem;
padding: 8px 16px;
}
.hero h1 {
font-size: 2.8rem;
margin-bottom: 20px;
}
.hero .subtitle {
font-size: 1rem;
margin-bottom: 30px;
}
.hero-features {
margin-bottom: 30px;
}
.hero-feature {
padding: 15px 10px;
}
.hero-feature-icon {
width: 40px;
height: 40px;
font-size: 1.1rem;
}
.hero-feature h3 {
font-size: 1rem;
}
.hero-feature p {
font-size: 0.85rem;
}
.section-title {
font-size: 2rem;
margin-bottom: 15px;
}
.section-subtitle {
font-size: 1rem;
}
.product-showcase,
.protocols,
.features,
.software,
.vehicles,
.package,
.faq,
.support-contact {
padding: 40px 0;
}
.product-main-image {
height: 280px;
padding: 15px;
}
.product-gallery-nav {
width: 35px;
height: 35px;
font-size: 1rem;
}
.product-gallery-nav.prev {
left: 10px;
}
.product-gallery-nav.next {
right: 10px;
}
.product-thumbnail {
width: 50px;
height: 38px;
}
.product-info h2 {
font-size: 1.8rem;
}
.product-description {
font-size: 1rem;
}
.features-grid {
gap: 15px;
}
.feature-card {
padding: 20px 15px;
}
.feature-card i {
font-size: 2rem;
margin-bottom: 15px;
}
.feature-card h4 {
font-size: 1.1rem;
}
.feature-card p {
font-size: 0.9rem;
}
.video-360-player {
border-radius: 16px;
}
.video-360-highlight-icon {
width: 50px;
height: 50px;
}
.video-360-highlight-icon i {
font-size: 1.5rem;
}
.video-360-feature-icon {
width: 60px;
height: 60px;
border-radius: 15px;
}
.video-360-feature-icon i {
font-size: 1.5rem;
}
.software-info {
padding: 20px 0;
}
.software-badge {
font-size: 0.8rem;
padding: 6px 12px;
}
.software-info h3 {
font-size: 1.6rem;
}
.software-description {
font-size: 1rem;
}
.screenshot-content {
padding: 15px;
min-height: 250px;
}
.gallery-images {
height: 220px;
}
.thumbnail {
width: 60px;
height: 45px;
}
.vehicles-grid {
grid-template-columns: 1fr;
gap: 10px;
}
.vehicle-item {
padding: 12px;
}
.vehicle-item i {
font-size: 1.5rem;
margin-bottom: 10px;
}
.vehicle-item h5 {
font-size: 0.9rem;
}
.package-grid {
grid-template-columns: 1fr;
gap: 15px;
}
.package-item {
padding: 20px 15px;
}
.package-icon {
width: 60px;
height: 60px;
font-size: 1.5rem;
margin-bottom: 15px;
}
.package-item h4 {
font-size: 1rem;
margin-bottom: 8px;
}
.package-item p {
font-size: 0.85rem;
}
.pricing-title {
font-size: 1.8rem;
}
.pricing-features {
flex-direction: column;
gap: 20px;
}
.pricing-feature-item i {
font-size: 1.8rem;
width: 55px;
height: 55px;
}
.pricing-notice {
flex-direction: column;
text-align: center;
}
.pricing-notice p {
text-align: center;
}
.support-contact {
padding: 40px 0;
}
.support-grid {
gap: 15px;
}
.support-card {
padding: 25px 15px;
}
.support-icon {
width: 60px;
height: 60px;
font-size: 1.5rem;
margin-bottom: 15px;
}
.support-card h4 {
font-size: 1.1rem;
margin-bottom: 10px;
}
.support-card p {
font-size: 0.9rem;
margin-bottom: 15px;
line-height: 1.5;
}
.support-button {
padding: 8px 16px;
font-size: 0.85rem;
gap: 8px;
}
.support-button i {
font-size: 0.9rem;
}
.protocols {
padding: 40px 0;
}
.protocols-grid {
gap: 15px;
}
.protocol-card {
padding: 20px 15px;
}
.protocol-icon {
width: 55px;
height: 55px;
font-size: 1.4rem;
margin-bottom: 12px;
}
.protocol-card h4 {
font-size: 1.1rem;
margin-bottom: 12px;
}
.protocol-details {
gap: 8px;
}
.protocol-spec {
padding: 4px 0;
}
.protocol-spec .spec-label,
.protocol-spec .spec-value {
font-size: 0.8rem;
}
}
Profesyonel Teşhis Teknolojisi
JCB DLA
JCB araçları için gelişmiş arıza tespit ve teşhis cihazı. Profesyonel servis kalitesinde diagnostik çözümü.
Hızlı Teşhis
Dakikalar içinde kapsamlı arıza analizi
ECU Programlama
Motor kontrol ünitesi yeniden programlama
Canlı Veri
Gerçek zamanlı sistem izleme
Hemen Satın Al
Detayları İncele
360°
360°
JCB DLA 2.0 Arıza Tespit Cihazı
JCB Dealer Level Adapter (DLA) 2.0, JCB makine elektronik sistemlerine bilgisayar üzerinden erişim sağlayan USB arayüzlü profesyonel teşhis adaptörüdür. PC'nin USB portundaki verileri JCB makinesinin teşhis portuna (J1939 CAN-Bus) aktarır ve motor, transmisyon gibi sistemlerden gelen verileri PC'nin anlayacağı formata dönüştürür. Sağlam plastik kasa ve saha koşullarına dayanıklı tasarımıyla profesyonel kullanım için optimize edilmiştir.
Tüm JCB makine ailelerine uyumlu
Motor kontrol ünitesi teşhisi
RP1210 uyumlu arayüz
USB 2.0 yüksek hızlı iletişim
JCB DLA Özellikleri
Profesyonel teşhis ve bakım için gereken tüm özellikler
Araç Yapılandırması
Araç yapılandırmasını okumak ve tüm sistem parçalarını aktifleştirme ve adaptasyon yapma
Hata Kodu Yönetimi
Modüllerden hata kodlarını okuma ve silme, hata kodları ve sebebini açıklama
Sıcaklık İzleme
Motor sıcaklık ve hararet bilgilerini görüntüleme ve izleme
Canlı Veri
Canlı verileri görüntüleme ve gerçek zamanlı sistem takibi
Yakıt Testi
Yakıt tüketim testi ve yakıt tüketimi bilgilerini görüntüleme
Parametre Yükleme
Parametre ve kalibrasyon yükleme, ECU'lara yeni yazılım yükleme
Derinlemesine Teşhis
Derinlemesine diagnostik yapma ve kapsamlı sistem analizi
Tesisat Şemaları
Tesisat şemalarını ve parça yerlerini görüntüleme
Motor Dyno Testleri
Motor dyno testleri ve performans ölçümleri
Sürüş Bilgi Sistemi
Sürüş bilgi ve kayıt sistemi, çalışma saatleri görüntüleme
ECU Güvenliği
Geliştirilmiş ECU güvenliği ve beyin programlama
Daha Fazla Özellik
JCB DLA cihazı bunların yanında daha birçok gelişmiş özellik ve fonksiyon sunmaktadır
Cihazı 360° Açıdan Keşfedin
JCB DLA'nın her detayını interaktif deneyimle yaşayın. Profesyonel tasarımından gelişmiş özelliklerine kadar her şeyi yakından inceleyin.
JCB DLA İnteraktif Tanıtım Videosu
Sağlam Yapı & Profesyonel Tasarım
JCB DLA, zorlu saha koşullarına dayanacak şekilde tasarlanmış profesyonel bir teşhis cihazıdır. Her detayı özenle işlenmiş tasarımı ile endüstriyel kullanım için mükemmel dayanıklılık sunar.
Endüstriyel Dayanıklılık
Sağlam yapısı ile zorlu saha koşullarında güvenilir performans sağlar.
Çoklu Bağlantı Desteği
J1939, CAN Bus ve JCB özel protokolleri ile geniş araç uyumluluğu.
Kolay Kullanım
Ergonomik tasarım ve kullanıcı dostu arayüz ile hızlı teşhis imkanı.
Güçlü İşlemci
Hızlı veri işleme ve stabil performans
USB Bağlantı
USB 2.0 ile hızlı ve güvenilir veri aktarımı
Çoklu Protokol
J1939, CAN Bus ve JCB protokol desteği
ECU Programlama
Motor kontrol ünitesi yeniden programlama
Desteklenen İletişim Protokolleri
JCB DLA ile tüm araç iletişim standartlarına tam uyumluluk
CAN (Controller Area Network)
Hız:
250 Kbps / 500 Kbps
Kablo:
Twisted Pair
Kullanım:
Modern JCB Araçları
J1939
Standard:
SAE J1939
Pin:
9 Pin Deutsch
Kullanım:
JCB İş Makineleri
ISO 11898 (CAN)
Hız:
125 Kbps / 250 Kbps
Pin:
9 Pin Deutsch
Kullanım:
JCB İş Makineleri
JCB Proprietary
Hız:
9600-38400 Baud
Konnektör:
JCB Özel
Kullanım:
JCB Özel Protokol
Kurulabilen Opsiyonel Yazılımlar
İhtiyacınıza göre seçebileceğiniz profesyonel yazılım paketleri
Ana Yazılım
JCB Service Master
Kapsamlı araç diagnostiği yapmanıza olanak sağlayan ana yazılımdır. JCB motorlu araçlarda tüm teşhis işlemlerini gerçekleştirebilir, ECU programlama, parametre yükleme ve kalibrasyon işlemlerini yapabilirsiniz.
Kapsamlı araç diagnostiği
ECU programlama ve kalibrasyon
Gerçek zamanlı veri izleme
Hata kodu analizi
Yazılımı İncele
JCB Service Master
Yakında Eklenecek
Yakında Eklenecek
Katalog Yazılımı
JCB Parts Catalog
Yedek parça ve servis bilgilerini barındıran kapsamlı katalog yazılımıdır. Detaylı parça bilgilerine, servis prosedürlerine ve teknik dokümanlara erişim sağlar.
Kapsamlı yedek parça katalogu
Servis prosedürleri
Teknik dokümantasyon
Parça numarası sorgulama
Yazılımı İncele
JCB Parts Catalog
Yakında Eklenecek
Yakında Eklenecek
Yakında Eklenecek
Önemli Bilgilendirme
Bu ilan sadece donanım cihazı ve kabloları kapsamaktadır. Service Master ve Parts Catalog yazılımları dahil değildir.
Komple çözüm için Full Yazılım Paketini inceleyebilirsiniz.
JCB DLA Desteklenen Araçlar
Geniş araç yelpazesi için tam uyumluluk
Hidrolik Ekskavatörler (JS/JZ Serileri)
Tekerlekli Yükleyiciler
Bekoloderler (3CX/4CX Serileri)
Teleskopik Yükleyiciler (Loadall)
Kayar Yönlendirmeli Yükleyiciler
Titreşimli Silindirler/Kompaktörler
Eklemli Kaya Kamyonları (ADT)
Arazi Forkliftleri & Teletruk
Fastrac Traktörler (2000-8000 Serisi)
JCB Dieselmax & Ecomax Motorları
Atık Yönetimi Makineleri
Üçüncü Parti Motorlar (Cummins, Deutz, Isuzu)
Fiyat Bilgisi
Ücretsiz Kargo
Teknik Destek
Garanti
Güncel fiyat bilgisi ve detaylar için lütfen bizimle iletişime geçin.
Sıkça Sorulan Sorular
JCB DLA hakkında merak edilenler
JCB DLA hangi araçlarda kullanılabilir?
JCB DLA 2.0, tüm JCB makine ailelerinde kullanılabilir. Bekoloderler (3CX/4CX), hidrolik ekskavatörler (JS/JZ serileri), teleskopik yükleyiciler (Loadall), Fastrac traktörler (2000-8000 serisi), arazi forkliftleri ve JCB Dieselmax/Ecomax motorları dahil olmak üzere geniş bir makine yelpazesini destekler. Ayrıca Cummins, Deutz, Isuzu gibi üçüncü parti motorlar da desteklenir.
Yazılım dahil mi?
Bu paket sadece donanım cihazını içermektedir. Service Master ve Parts Catalog yazılımları ayrıca satın alınmalıdır. Komple çözüm için Full Yazılım Paketi seçeneğimizi inceleyebilirsiniz.
Teknik destek sağlanıyor mu?
Evet, satın alma sonrası kapsamlı teknik destek sağlanmaktadır. Kurulum, kullanım ve sorun giderme konularında uzman ekibimizden destek alabilirsiniz.
Garanti süresi ne kadar?
JCB DLA 2.0 cihazı 1 yıl garanti ile satılmaktadır. Sağlam plastik kasa ve saha koşullarına dayanıklı tasarımıyla uzun ömürlü kullanım sağlar. Garanti kapsamında arızalı cihazlar ücretsiz olarak değiştirilir veya onarılır.
Kargo ücreti var mı?
Türkiye genelinde kargo ücretsizdir. Siparişiniz özenle paketlenerek güvenli bir şekilde adresinize teslim edilir.
Destek & İletişim
Size nasıl yardımcı olabiliriz?
WhatsApp Destek
7/24 WhatsApp üzerinden anlık destek alın. Hızlı çözüm için tercih edilen iletişim kanalımız.
Telefon Desteği
Uzman ekibimizle doğrudan görüşerek detaylı bilgi alın ve sorularınızı yanıtlayın.
E-posta Desteği
Detaylı sorularınız için e-posta gönderebilirsiniz. En kısa sürede size dönüş yapacağız.
12 Installment
12 Installment
12 Installment
12 Installment
12 Installment
12 Installment
12 Installment
12 Installment
No questions have been asked about this product yet.
Be the first to ask a question!Ask a Question
No reviews yet
Have you tried this product? Share your experience and help other customers make the right choice. Your review will be published after approval.
Write a Review
Related Products
View All
