<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    
    <?php
        $canonical = url()->current();
        $ogImage = filter_var(asset('img/icon.webp'), FILTER_VALIDATE_URL) ? asset('img/icon.webp') : config('app.url') . ltrim(asset('img/icon.webp'), '/');
    ?>
    <title><?php echo $__env->yieldContent('title', 'Home'); ?> | ARZYLY MENZILE TARAP</title>
    <meta name="description" content="<?php echo $__env->yieldContent('meta_description', 'Professional power plant repair, maintenance, and support. Partners: TurkmenGaz, TurkmenEnergo. Contact info@arzyly.com'); ?>">
    <meta name="keywords" content="<?php echo $__env->yieldContent('meta_keywords', 'power plant repair, power plant maintenance, turbine repair, electrical maintenance, TurkmenGaz, TurkmenEnergo, ARZYLY MENZILE TARAP'); ?>">
    <meta name="author" content="ARZYLY MENZILE TARAP">
    <meta name="robots" content="<?php echo $__env->yieldContent('robots', 'index, follow'); ?>">
    <link rel="canonical" href="<?php echo e($canonical); ?>">

    
    <meta property="og:type" content="website">
    <meta property="og:url" content="<?php echo e($canonical); ?>">
    <meta property="og:title" content="<?php echo $__env->yieldContent('title', 'Home'); ?> | ARZYLY MENZILE TARAP">
    <meta property="og:description" content="<?php echo $__env->yieldContent('meta_description', 'Professional power plant repair, maintenance, and support. Partners: TurkmenGaz, TurkmenEnergo.'); ?>">
    <meta property="og:image" content="<?php echo e($ogImage); ?>">
    <meta property="og:site_name" content="ARZYLY MENZILE TARAP">
    <meta property="og:locale" content="en_US">

    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="<?php echo $__env->yieldContent('title', 'Home'); ?> | ARZYLY MENZILE TARAP">
    <meta name="twitter:description" content="<?php echo $__env->yieldContent('meta_description', 'Professional power plant repair, maintenance, and support. Partners: TurkmenGaz, TurkmenEnergo.'); ?>">
    <meta name="twitter:image" content="<?php echo e($ogImage); ?>">

    
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "ARZYLY MENZILE TARAP",
        "url": "<?php echo e(config('app.url')); ?>",
        "logo": "<?php echo e($ogImage); ?>",
        "description": "Professional power plant repair, maintenance, and support. Partners: TurkmenGaz, TurkmenEnergo.",
        "email": "info@arzyly.com",
        "telephone": "+1234567890",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "Gubadag etraby",
            "addressLocality": "Gubadag",
            "addressRegion": "Daşoguz welayati",
            "addressCountry": "Turkmenistan"
        }
    }
    </script>
    <?php echo $__env->yieldPushContent('head'); ?>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
    <link href="https://fonts.bunny.net/css?family=inter:400,500,600,700" rel="stylesheet" />
    <style>
        :root { --primary: #DC2626; --primary-hover: #B91C1C; --secondary: #F8B803; --dark: #1a1a1a; --text-muted: #6c757d; }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body { font-family: 'Inter', sans-serif; overflow-x: hidden; }
        .top-bar { background: #000; color: #fff; padding: 10px 0; font-size: 14px; }
        .top-bar a { color: #fff; text-decoration: none; transition: color 0.3s; }
        .top-bar a:hover { color: var(--primary); }
        .navbar { background: #fff !important; box-shadow: 0 2px 10px rgba(0,0,0,0.08); padding: 12px 0; }
        .navbar-brand { display: flex; align-items: center; gap: 12px; font-size: 22px; font-weight: 700; color: #000 !important; }
        .navbar-brand img { width: 42px; height: 42px; object-fit: contain; }
        .navbar-nav .nav-link { color: #333 !important; font-weight: 500; padding: 8px 14px !important; transition: color 0.3s; }
        .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color: var(--primary) !important; }
        .btn-quote { background: var(--primary); color: #fff !important; padding: 10px 24px; border-radius: 6px; font-weight: 600; border: none; transition: all 0.3s; text-decoration: none; display: inline-block; }
        .btn-quote:hover { background: var(--primary-hover); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(220,38,38,0.35); color: #fff !important; }
        .section-title { font-size: 2.25rem; font-weight: 700; margin-bottom: 2rem; color: #1a1a1a; position: relative; }
        .section-title::after { content: ''; position: absolute; bottom: -10px; left: 0; width: 70px; height: 4px; background: var(--primary); border-radius: 2px; }
        .section-title.centered { text-align: center; }
        .section-title.centered::after { left: 50%; transform: translateX(-50%); }
        .page-hero { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: #fff; padding: 80px 0 60px; }
        .page-hero h1 { font-size: 2.75rem; font-weight: 700; margin-bottom: 0.5rem; }
        .page-hero .breadcrumb { background: none; padding: 0; margin: 0; }
        .page-hero .breadcrumb-item a { color: var(--secondary); text-decoration: none; }
        .page-hero .breadcrumb-item.active { color: rgba(255,255,255,0.8); }
        .hero-section { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); position: relative; overflow: hidden; min-height: 700px; display: flex; align-items: center; padding: 100px 0; }
        .hero-section::before { content: ''; position: absolute; inset: 0; background: url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1920&fit=crop') center/cover; opacity: 0.12; z-index: 0; }
        .hero-content { position: relative; z-index: 1; }
        .hero-dots { display: flex; gap: 8px; margin-bottom: 18px; }
        .hero-dots .dot { width: 10px; height: 10px; background: var(--primary); border-radius: 50%; }
        .hero-title { font-size: clamp(28px, 4vw, 52px); font-weight: 700; line-height: 1.2; margin-bottom: 20px; color: #fff; }
        .hero-description { font-size: 1.1rem; color: #e0e0e0; margin-bottom: 30px; line-height: 1.75; }
        .btn-hero-primary { background: var(--primary); color: #fff; padding: 14px 32px; border-radius: 6px; font-weight: 600; border: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s; text-decoration: none; }
        .btn-hero-primary:hover { background: var(--primary-hover); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(220,38,38,0.4); color: #fff; }
        .btn-hero-secondary { background: #fff; color: #000; padding: 14px 32px; border-radius: 6px; font-weight: 600; border: 2px solid #fff; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s; text-decoration: none; }
        .btn-hero-secondary:hover { background: transparent; color: #fff; transform: translateY(-2px); }
        .hero-image { position: relative; }
        .hero-image img { width: 100%; height: 520px; object-fit: cover; border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,0.35); }
        .hero-image .lightning-effect { position: absolute; top: -24px; right: -24px; width: 90px; height: 90px; z-index: 10; animation: pulse 2s ease-in-out infinite; }
        @keyframes pulse { 0%, 100% { opacity: 0.9; transform: scale(1); } 50% { opacity: 1; transform: scale(1.08); } }
        #why-us-section { padding: 100px 0; background: var(--dark); color: #fff; }
        #why-us-section .section-title { color: #fff; }
        #why-us-section .section-title::after { background: var(--secondary); }
        .service-card { background: #fff; border-radius: 12px; padding: 2rem; height: 100%; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: all 0.3s; border: 1px solid #eee; }
        .service-card:hover { transform: translateY(-6px); box-shadow: 0 12px 30px rgba(0,0,0,0.12); border-color: var(--primary); }
        .service-card .icon-wrap { width: 60px; height: 60px; background: rgba(220,38,38,0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; }
        .service-card .icon-wrap i { font-size: 1.75rem; color: var(--primary); }
        .stat-box { text-align: center; padding: 1.5rem; }
        .stat-box .number { font-size: 2.5rem; font-weight: 700; color: var(--secondary); display: block; margin-bottom: 0.25rem; }
        .stat-box .label { font-size: 0.95rem; opacity: 0.9; }
        .project-card { border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: all 0.3s; height: 100%; }
        .project-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,0.15); }
        .project-card img { width: 100%; height: 220px; object-fit: cover; }
        .contact-form-card .form-control, .contact-form-card .form-select { border-radius: 8px; padding: 12px 16px; border: 1px solid #dee2e6; }
        .contact-form-card .form-control:focus, .contact-form-card .form-select:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(220,38,38,0.15); }
        .btn-submit { background: var(--primary); color: #fff; padding: 12px 28px; font-weight: 600; border-radius: 8px; border: none; transition: all 0.3s; }
        .btn-submit:hover { background: var(--primary-hover); color: #fff; transform: translateY(-2px); }
        .contact-info-item { display: flex; align-items: start; gap: 1rem; margin-bottom: 1.25rem; }
        .contact-info-item i { font-size: 1.5rem; color: var(--primary); margin-top: 2px; }
        .partner-logo { font-size: 1.75rem; font-weight: 700; color: #333; padding: 24px 48px; background: #f8f9fa; border-radius: 12px; text-align: center; transition: all 0.3s; border: 1px solid #eee; }
        .partners-section { padding: 80px 0; background: #fff; }
        .partners-title { font-size: 2rem; font-weight: 700; margin-bottom: 3rem; color: #333; text-align: center; position: relative; }
        .partners-title::after { content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 70px; height: 4px; background: var(--primary); border-radius: 2px; }
        .partner-logo:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.1); border-color: var(--primary); color: var(--primary); }
        .circuit-pattern { background: #e9ecef; height: 80px; position: relative; overflow: hidden; }
        .circuit-pattern::before { content: ''; position: absolute; inset: 0; background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 4px), repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 4px); }
        footer { background: #1a1a1a; color: #fff; padding: 60px 0 30px; }
        footer a { color: rgba(255,255,255,0.8); text-decoration: none; transition: color 0.3s; }
        footer a:hover { color: #fff; }
        footer .footer-brand { font-size: 1.25rem; font-weight: 700; color: #fff !important; margin-bottom: 1rem; display: inline-flex; align-items: center; gap: 8px; }
        footer h6 { color: #fff; font-weight: 600; margin-bottom: 1.25rem; font-size: 1rem; }
        footer ul { list-style: none; padding: 0; margin: 0; }
        footer ul li { margin-bottom: 0.5rem; }
        .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); margin-top: 2.5rem; padding-top: 1.5rem; text-align: center; font-size: 0.9rem; opacity: 0.85; }
        .blog-card { border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: all 0.3s; height: 100%; }
        .blog-card:hover { box-shadow: 0 12px 30px rgba(0,0,0,0.15); }
        .blog-card img { height: 200px; object-fit: cover; }
        @media (max-width: 992px) { .navbar-brand { font-size: 18px; } .navbar-brand img { width: 36px; height: 36px; } }
    </style>
    <?php echo $__env->yieldPushContent('styles'); ?>
</head>
<body>
    <?php if(session('contact_success')): ?>
        <div class="alert alert-success alert-dismissible fade show rounded-0 mb-0 text-center" role="alert">
            <strong>Thank you!</strong> Your message has been sent. We will get back to you soon.
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    <?php endif; ?>
    <?php if(session('quote_success')): ?>
        <div class="alert alert-success alert-dismissible fade show rounded-0 mb-0 text-center" role="alert">
            <strong>Quote request received!</strong> Our team will contact you shortly.
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    <?php endif; ?>
    <?php if($errors->any()): ?>
        <div class="alert alert-danger alert-dismissible fade show rounded-0 mb-0" role="alert">
            <strong>Please fix the errors below.</strong>
            <ul class="mb-0 mt-1"><?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $err): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <li><?php echo e($err); ?></li> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?></ul>
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    <?php endif; ?>

    <div class="top-bar">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <div class="d-flex flex-wrap gap-4">
                        <span><i class="bi bi-geo-alt me-1"></i> Turkmenistan, Daşoguz welayati, Gubadag etraby</span>
                        <span><i class="bi bi-envelope me-1"></i> <a href="mailto:info@arzyly.com">info@arzyly.com</a></span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="d-flex justify-content-md-end justify-content-start align-items-center gap-3 flex-wrap">
                        <div class="d-flex gap-3">
                            <a href="https://facebook.com" target="_blank" rel="noopener" aria-label="Facebook"><i class="bi bi-facebook"></i></a>
                            <a href="https://linkedin.com" target="_blank" rel="noopener" aria-label="LinkedIn"><i class="bi bi-linkedin"></i></a>
                            <a href="https://instagram.com" target="_blank" rel="noopener" aria-label="Instagram"><i class="bi bi-instagram"></i></a>
                            <a href="https://youtube.com" target="_blank" rel="noopener" aria-label="YouTube"><i class="bi bi-youtube"></i></a>
                        </div>
                        <span><i class="bi bi-telephone me-1"></i> <a href="tel:+99362110548">+99362110548</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <nav class="navbar navbar-expand-lg navbar-light sticky-top">
        <div class="container">
            <a class="navbar-brand" href="<?php echo e(route('home')); ?>">
                <img src="<?php echo e(asset('img/icon.webp')); ?>" alt="ARZYLY MENZILE TARAP">
                ARZYLY MENZILE TARAP
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto align-items-center">
                    <li class="nav-item"><a class="nav-link <?php if(request()->routeIs('home')): ?> active <?php endif; ?>" href="<?php echo e(route('home')); ?>">Home</a></li>
                    <li class="nav-item"><a class="nav-link <?php if(request()->routeIs('about')): ?> active <?php endif; ?>" href="<?php echo e(route('about')); ?>">About</a></li>
                    <li class="nav-item"><a class="nav-link <?php if(request()->routeIs('services')): ?> active <?php endif; ?>" href="<?php echo e(route('services')); ?>">Services</a></li>
                    <li class="nav-item"><a class="nav-link <?php if(request()->routeIs('projects')): ?> active <?php endif; ?>" href="<?php echo e(route('projects')); ?>">Projects</a></li>
                    <li class="nav-item"><a class="nav-link <?php if(request()->routeIs('blogs')): ?> active <?php endif; ?>" href="<?php echo e(route('blogs')); ?>">Blogs</a></li>
                    <li class="nav-item"><a class="nav-link <?php if(request()->routeIs('contact')): ?> active <?php endif; ?>" href="<?php echo e(route('contact')); ?>">Contact</a></li>
                    <li class="nav-item ms-2">
                        <a href="#" class="text-dark" data-bs-toggle="modal" data-bs-target="#searchModal" aria-label="Search"><i class="bi bi-search fs-5"></i></a>
                    </li>
                    <li class="nav-item ms-2">
                        <a href="#" class="btn btn-quote" data-bs-toggle="modal" data-bs-target="#quoteModal">Get A Quote</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <?php echo $__env->yieldContent('content'); ?>

    <div class="circuit-pattern"></div>

    <footer>
        <div class="container">
            <div class="row g-4">
                <div class="col-lg-4">
                    <a href="<?php echo e(route('home')); ?>" class="footer-brand">
                        <img src="<?php echo e(asset('img/icon.webp')); ?>" alt="" width="36" height="36" style="object-fit: contain;">
                        ARZYLY MENZILE TARAP
                    </a>
                    <p class="opacity-75 small">Power plant repair, maintenance, and support. Partnering with TurkmenGaz and TurkmenEnergo for reliable energy infrastructure solutions.</p>
                </div>
                <div class="col-6 col-lg-2">
                    <h6>Quick Links</h6>
                    <ul>
                        <li><a href="<?php echo e(route('home')); ?>">Home</a></li>
                        <li><a href="<?php echo e(route('about')); ?>">About</a></li>
                        <li><a href="<?php echo e(route('services')); ?>">Services</a></li>
                        <li><a href="<?php echo e(route('projects')); ?>">Projects</a></li>
                        <li><a href="<?php echo e(route('blogs')); ?>">Blogs</a></li>
                        <li><a href="<?php echo e(route('contact')); ?>">Contact</a></li>
                    </ul>
                </div>
                <div class="col-6 col-lg-2">
                    <h6>Services</h6>
                    <ul>
                        <li><a href="<?php echo e(route('services')); ?>">Emergency Repairs</a></li>
                        <li><a href="<?php echo e(route('services')); ?>">Maintenance</a></li>
                        <li><a href="<?php echo e(route('services')); ?>">Technical Support</a></li>
                        <li><a href="<?php echo e(route('services')); ?>">Equipment Upgrades</a></li>
                    </ul>
                </div>
                <div class="col-lg-4">
                    <h6>Contact</h6>
                    <p class="small opacity-75 mb-1"><i class="bi bi-envelope me-2"></i> info@arzyly.com</p>
                    <p class="small opacity-75 mb-0"><i class="bi bi-telephone me-2"></i> (123) 456-7890</p>
                </div>
            </div>
            <div class="footer-bottom">&copy; <?php echo e(date('Y')); ?> ARZYLY MENZILE TARAP. All rights reserved.</div>
        </div>
    </footer>

    <div class="modal fade" id="quoteModal" tabindex="-1" aria-labelledby="quoteModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content border-0 shadow-lg rounded-3">
                <div class="modal-header border-0 pb-0">
                    <h5 class="modal-title fw-bold" id="quoteModalLabel">Request a Quote</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pt-0">
                    <form action="<?php echo e(route('quote.submit')); ?>" method="POST">
                        <?php echo csrf_field(); ?>
                        <div class="mb-3">
                            <label class="form-label">Name <span class="text-danger">*</span></label>
                            <input type="text" name="name" class="form-control" required value="<?php echo e(old('name')); ?>" placeholder="Your name">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Email <span class="text-danger">*</span></label>
                            <input type="email" name="email" class="form-control" required value="<?php echo e(old('email')); ?>" placeholder="your@email.com">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Phone <span class="text-danger">*</span></label>
                            <input type="text" name="phone" class="form-control" required value="<?php echo e(old('phone')); ?>" placeholder="+1 234 567 890">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Company</label>
                            <input type="text" name="company" class="form-control" value="<?php echo e(old('company')); ?>" placeholder="Company name">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Service of interest</label>
                            <select name="service" class="form-select">
                                <option value="">Select service</option>
                                <option value="Emergency Repairs">Emergency Repairs</option>
                                <option value="Preventive Maintenance">Preventive Maintenance</option>
                                <option value="Technical Support">Technical Support</option>
                                <option value="Equipment Upgrades">Equipment Upgrades</option>
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Message</label>
                            <textarea name="message" class="form-control" rows="3" placeholder="Brief description of your needs"><?php echo e(old('message')); ?></textarea>
                        </div>
                        <button type="submit" class="btn btn-submit w-100">Submit Quote Request</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="searchModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content border-0 shadow rounded-3">
                <div class="modal-body">
                    <form action="<?php echo e(route('services')); ?>" method="GET" class="d-flex gap-2">
                        <input type="search" name="q" class="form-control form-control-lg" placeholder="Search..." aria-label="Search">
                        <button type="submit" class="btn btn-quote">Search</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <?php echo $__env->yieldPushContent('scripts'); ?>
</body>
</html>
<?php /**PATH /var/www/6942494c3fd34/data/www/arzyly.com/resources/views/layouts/app.blade.php ENDPATH**/ ?>