<!DOCTYPE html>
<html lang="ar" dir="rtl">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>تغليف بأعلى جودة - شركة حور لنقل العفش</title>
  <meta name="description" content="خدمة تغليف الأثاث بأعلى جودة - شركة حور لنقل العفش في الكويت. مواد تغليف متينة بطبقات متعددة من الحماية">
  <meta name="keywords" content="تغليف أثاث, تغليف عفش, مواد تغليف, حماية أثاث, نقل عفش, الكويت">
  <link rel="canonical" href="https://naqlafsha-hoor.com/portfolio-house1.html" />
  
  <!-- Favicons -->
  <link href="assets/img/favicon.png" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
  <link rel="manifest" href="site.webmanifest">
  
  <!-- Fonts -->
  <link href="https://fonts.googleapis.com" rel="preconnect">
  <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/bootstrap/css/bootstrap.rtl.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/css/main.css" rel="stylesheet">
  <link href="assets/css/portfolio.css" rel="stylesheet">

  <style>
  /* Story-Driven Portfolio Design */
  .story-hero {
    background: linear-gradient(135deg, #007bff 0%, #2c3e50 100%);
    color: white;
    padding: 120px 0 80px;
    position: relative;
    overflow: hidden;
  }

  .story-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('assets/img/hoors/img/video-1-cover.png') center/cover;
    opacity: 0.1;
    z-index: 1;
  }

  .story-hero .container {
    position: relative;
    z-index: 2;
  }

  .story-hero h1 {
    font-size: 3.5rem;
    font-weight: 900;
    margin-bottom: 1.5rem;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  }

  .story-hero p {
    font-size: 1.3rem;
    margin-bottom: 2rem;
    opacity: 0.9;
  }

  .story-hero .btn-story {
    background: rgba(255,255,255,0.2);
    border: 2px solid white;
    color: white;
    padding: 15px 40px;
    font-size: 1.1rem;
    border-radius: 50px;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    text-decoration: none;
    display: inline-block;
  }

  .story-hero .btn-story:hover {
    background: white;
    color: #007bff;
    transform: translateY(-3px);
  }

  /* Customer Journey Section */
  .customer-journey {
    padding: 80px 0;
    background: #f8f9fa;
  }

  .journey-step {
    text-align: center;
    padding: 40px 20px;
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    margin-bottom: 30px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }

  .journey-step::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #007bff, #3498db);
  }

  .journey-step:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
  }

  .journey-step .step-number {
    width: 60px;
    height: 60px;
    background: #007bff;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 auto 20px;
  }

  .journey-step h4 {
    color: #007bff;
    margin-bottom: 15px;
    font-size: 1.3rem;
  }

  /* Process Timeline */
  .process-timeline {
    padding: 80px 0;
    background: white;
  }

  .timeline {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
  }

  .timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #007bff;
    transform: translateX(-50%);
  }

  .timeline-item {
    position: relative;
    margin-bottom: 60px;
    width: 45%;
  }

  .timeline-item:nth-child(odd) {
    left: 0;
    text-align: right;
  }

  .timeline-item:nth-child(even) {
    left: 55%;
    text-align: left;
  }

  .timeline-content {
    background: white;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    position: relative;
    transition: all 0.3s ease;
  }

  .timeline-content:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  }

  .timeline-content::before {
    content: '';
    position: absolute;
    top: 20px;
    width: 0;
    height: 0;
    border: 15px solid transparent;
  }

  .timeline-item:nth-child(odd) .timeline-content::before {
    right: -30px;
    border-left-color: white;
  }

  .timeline-item:nth-child(even) .timeline-content::before {
    left: -30px;
    border-right-color: white;
  }

  .timeline-dot {
    position: absolute;
    top: 20px;
    width: 20px;
    height: 20px;
    background: #007bff;
    border: 4px solid white;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #007bff;
  }

  .timeline-item:nth-child(odd) .timeline-dot {
    right: -52px;
  }

  .timeline-item:nth-child(even) .timeline-dot {
    left: -52px;
  }

  /* Team Showcase */
  .team-showcase {
    padding: 80px 0;
    background: #f8f9fa;
  }

  .team-member {
    text-align: center;
    background: white;
    border-radius: 20px;
    padding: 40px 20px;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
  }

  .team-member:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
  }

  .team-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto 20px;
    background: linear-gradient(135deg, #007bff, #3498db);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: white;
  }

  /* Equipment Gallery */
  .equipment-gallery {
    padding: 80px 0;
    background: white;
  }

  .equipment-item {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    margin-bottom: 30px;
  }

  .equipment-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
  }

  .equipment-image {
    height: 200px;
    background: linear-gradient(135deg, #007bff, #3498db);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: white;
  }

  .equipment-content {
    padding: 25px;
  }

  .equipment-content h4 {
    color: #007bff;
    margin-bottom: 10px;
  }

  /* Call to Action */
  .story-cta {
    background: linear-gradient(135deg, #007bff 0%, #2c3e50 100%);
    color: white;
    padding: 80px 0;
    text-align: center;
  }

  .story-cta h2 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
  }

  .story-cta .btn-cta {
    background: white;
    color: #007bff;
    padding: 15px 40px;
    font-size: 1.2rem;
    border-radius: 50px;
    border: none;
    transition: all 0.3s ease;
    margin: 0 10px;
    text-decoration: none;
    display: inline-block;
  }

  .story-cta .btn-cta:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .story-hero h1 {
      font-size: 2.5rem;
    }
    
    .timeline::before {
      left: 20px;
    }
    
    .timeline-item {
      width: 100%;
      left: 0 !important;
      text-align: left !important;
    }
    
    .timeline-item .timeline-dot {
      left: -32px !important;
    }
    
    .timeline-item .timeline-content::before {
      left: -30px !important;
      border-right-color: white !important;
    }
  }

  /* Animations */
  .fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
  }

  .fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
  }

  .slide-in-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 0.6s ease;
  }

  .slide-in-left.visible {
    opacity: 1;
    transform: translateX(0);
  }

  .slide-in-right {
    opacity: 0;
    transform: translateX(50px);
    transition: all 0.6s ease;
  }

  .slide-in-right.visible {
    opacity: 1;
    transform: translateX(0);
  }

  /* Header Styles */
  .header {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  }

  .logo img {
    height: 40px;
    width: auto;
  }

  .sitename {
    font-size: 1.5rem;
    font-weight: 700;
    color: #007bff;
    margin: 0 0 0 10px;
  }

  .navmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 30px;
  }

  .navmenu a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
  }

  .navmenu a:hover {
    color: #007bff;
  }
  </style>

  <!-- Structured Data for SEO -->
  <meta name="geo.region" content="KW">
  <meta name="geo.placename" content="Kuwait">
  <meta name="ICBM" content="29.3759, 47.9774">
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Product",
    "name": "تغليف أثاث فاخر",
    "image": "https://naqlafsha-hoor.com/assets/img/hoors/img/video-1-cover.png",
    "description": "خدمة تغليف أثاث فاخر باحترافية - شركة حور لنقل العفش في الكويت. مواد تغليف عالية الجودة",
    "brand": {
      "@type": "Brand",
      "name": "حور لنقل العفش"
    },
    "offers": {
      "@type": "Offer",
      "priceCurrency": "KWD",
      "availability": "https://schema.org/InStock"
    }
  }
  </script>

  <!-- Breadcrumb Structured Data -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "الرئيسية",
        "item": "https://naqlafsha-hoor.com/"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "أعمالنا",
        "item": "https://naqlafsha-hoor.com/#portfolio"
      },
      {
        "@type": "ListItem",
        "position": 3,
        "name": "تغليف أثاث فاخر",
        "item": "https://naqlafsha-hoor.com/portfolio-house1.html"
      }
    ]
  }
  </script>

</head>

<body class="story-portfolio-page">

  <!-- Header -->
  <header id="header" class="header sticky-top" role="banner" dir="rtl">
    <div class="branding d-flex align-items-center">
      <div class="container position-relative d-flex align-items-center justify-content-between">
        <a href="index.html" class="logo d-flex align-items-center" aria-label="الصفحة الرئيسية">
          <img src="assets/img/logo-rmbg.png" alt="حور لنقل العفش">
          <h1 class="sitename">حور</h1>
        </a>

        <nav id="navmenu" class="navmenu" role="navigation" aria-label="القائمة الرئيسية">
          <ul>
            <li><a href="index.html">الرئيسية</a></li>
            <li><a href="index.html#about">معلومات عنا</a></li>
            <li><a href="index.html#services">خدماتنا</a></li>
            <li><a href="index.html#portfolio">اعمالنا</a></li>
            <li><a href="index.html#articles">مقالات</a></li>
            <li><a href="index.html#contact">تواصل منا</a></li>
          </ul>
        </nav>
      </div>
    </div>
  </header>

  <!-- Breadcrumb Navigation -->
  <nav aria-label="breadcrumb" class="breadcrumb-nav" dir="rtl">
    <div class="container">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="index.html">الرئيسية</a></li>
        <li class="breadcrumb-item"><a href="index.html#portfolio">أعمالنا</a></li>
        <li class="breadcrumb-item active" aria-current="page">تغليف أثاث فاخر</li>
      </ol>
    </div>
  </nav>

  <main id="main">
    <!-- Story Hero Section -->
    <section class="story-hero" dir="rtl">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-8">
            <h1 class="fade-in-up">قصة نجاح: تغليف أثاث فاخر في السالمية</h1>
            <p class="fade-in-up">اكتشف كيف حولنا تحدي نقل أثاث فاخر إلى قصة نجاح مذهلة. من التغليف الدقيق إلى التسليم الآمن، كل خطوة تمت بدقة واحترافية.</p>
            <a href="#journey" class="btn-story fade-in-up">
              <i class="bi bi-play-circle me-2"></i>شاهد القصة كاملة
            </a>
          </div>
          <div class="col-lg-4">
            <div class="text-center">
              <img src="assets/img/hoors/img/video-1-cover.png" alt="تغليف أثاث فاخر" class="img-fluid rounded-3 shadow-lg">
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Customer Journey Section -->
    <section id="journey" class="customer-journey" dir="rtl">
      <div class="container">
        <div class="row text-center mb-5">
          <div class="col-12">
            <h2 class="fade-in-up">رحلة العميل مع حور</h2>
            <p class="fade-in-up">من اللحظة الأولى للاتصال حتى تسليم الأثاث في المكان الجديد</p>
          </div>
        </div>
        
        <div class="row">
          <div class="col-lg-3 col-md-6">
            <div class="journey-step fade-in-up">
              <div class="step-number">1</div>
              <h4>التواصل الأولي</h4>
              <p>اتصل العميل وشرح احتياجاته لنقل أثاث فاخر من السالمية</p>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="journey-step fade-in-up">
              <div class="step-number">2</div>
              <h4>المعاينة المجانية</h4>
              <p>فريقنا زار الموقع وقيم الأثاث وقدم خطة تغليف مخصصة</p>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="journey-step fade-in-up">
              <div class="step-number">3</div>
              <h4>التغليف الاحترافي</h4>
              <p>استخدمنا مواد تغليف عالية الجودة مع حماية متعددة الطبقات</p>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="journey-step fade-in-up">
              <div class="step-number">4</div>
              <h4>التسليم الآمن</h4>
              <p>تم تسليم الأثاث في الموقع الجديد بحالة مثالية</p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Process Timeline -->
    <section class="process-timeline" dir="rtl">
      <div class="container">
        <div class="row text-center mb-5">
          <div class="col-12">
            <h2 class="fade-in-up">الخطوات التفصيلية</h2>
            <p class="fade-in-up">كيف تم تنفيذ المشروع خطوة بخطوة</p>
          </div>
        </div>
        
        <div class="timeline">
          <div class="timeline-item slide-in-left">
            <div class="timeline-content">
              <h4>تقييم الأثاث</h4>
              <p>فحص شامل لكل قطعة أثاث لتحديد نوع التغليف المطلوب</p>
            </div>
            <div class="timeline-dot"></div>
          </div>
          
          <div class="timeline-item slide-in-right">
            <div class="timeline-content">
              <h4>تحضير المواد</h4>
              <p>اختيار مواد التغليف المناسبة لكل نوع من الأثاث</p>
            </div>
            <div class="timeline-dot"></div>
          </div>
          
          <div class="timeline-item slide-in-left">
            <div class="timeline-content">
              <h4>التغليف الدقيق</h4>
              <p>تطبيق طبقات متعددة من الحماية مع اهتمام خاص بالزوايا</p>
            </div>
            <div class="timeline-dot"></div>
          </div>
          
          <div class="timeline-item slide-in-right">
            <div class="timeline-content">
              <h4>النقل الآمن</h4>
              <p>استخدام سيارات مجهزة خصيصاً مع نظام تثبيت متطور</p>
            </div>
            <div class="timeline-dot"></div>
          </div>
          
          <div class="timeline-item slide-in-left">
            <div class="timeline-content">
              <h4>التسليم النهائي</h4>
              <p>فك التغليف وترتيب الأثاث في الموقع الجديد</p>
            </div>
            <div class="timeline-dot"></div>
          </div>
        </div>
      </div>
    </section>

    <!-- Team Showcase -->
    <!-- <section class="team-showcase" dir="rtl">
      <div class="container">
        <div class="row text-center mb-5">
          <div class="col-12">
            <h2 class="fade-in-up">فريق العمل المحترف</h2>
            <p class="fade-in-up">الخبراء الذين جعلوا هذا المشروع نجاحاً</p>
          </div>
        </div>
        
        <div class="row">
          <div class="col-lg-4 col-md-6">
            <div class="team-member fade-in-up">
              <div class="team-avatar">
                <i class="bi bi-person-fill"></i>
              </div>
              <h4>أحمد محمد</h4>
              <p>مدير المشروع</p>
              <p class="text-muted">خبرة 8 سنوات في نقل الأثاث الفاخر</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="team-member fade-in-up">
              <div class="team-avatar">
                <i class="bi bi-tools"></i>
              </div>
              <h4>محمد علي</h4>
              <p>متخصص التغليف</p>
              <p class="text-muted">خبير في تغليف القطع الحساسة والثمينة</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="team-member fade-in-up">
              <div class="team-avatar">
                <i class="bi bi-truck"></i>
              </div>
              <h4>علي حسن</h4>
              <p>سائق محترف</p>
              <p class="text-muted">خبرة في نقل الأثاث الثقيل والحساس</p>
            </div>
          </div>
        </div>
      </div>
    </section> -->

    <!-- Equipment Gallery -->
    <section class="equipment-gallery" dir="rtl">
      <div class="container">
        <div class="row text-center mb-5">
          <div class="col-12">
            <h2 class="fade-in-up">الأدوات والمعدات المستخدمة</h2>
            <p class="fade-in-up">أحدث التقنيات لضمان أفضل خدمة</p>
          </div>
        </div>
        
        <div class="row">
          <div class="col-lg-4 col-md-6">
            <div class="equipment-item fade-in-up">
              <div class="equipment-image">
                <i class="bi bi-box-seam"></i>
              </div>
              <div class="equipment-content">
                <h4>مواد التغليف المتطورة</h4>
                <p>ورق فقاعات، كراتين مبطنة، وأشرطة لاصقة عالية الجودة</p>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="equipment-item fade-in-up">
              <div class="equipment-image">
                <i class="bi bi-truck-flatbed"></i>
              </div>
              <div class="equipment-content">
                <h4>سيارات مجهزة</h4>
                <p>شاحنات مبطنة مع نظام تثبيت متطور للأثاث</p>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="equipment-item fade-in-up">
              <div class="equipment-image">
                <i class="bi bi-tools"></i>
              </div>
              <div class="equipment-content">
                <h4>أدوات متخصصة</h4>
                <p>أدوات فك وتركيب حديثة لحماية الأثاث</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Related Articles Section -->
    <section class="related-articles" dir="rtl">
      <div class="container">
        <div class="row text-center mb-5">
          <div class="col-12">
            <h2 class="fade-in-up">أعمالنا ذات الصلة</h2>
            <p class="fade-in-up">شاهد المزيد من مشاريعنا المتميزة</p>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-4 col-md-6">
            <div class="portfolio-card fade-in-up">
              <div class="portfolio-image">
                <img src="assets/img/hoors/img/video-2-cover.png" alt="فك وتركيب باحتراف" loading="lazy">
              </div>
              <div class="portfolio-content">
                <h4>فك وتركيب باحتراف</h4>
                <p>فك وتركيب الأثاث بأدوات متخصصة وفريق مدرب</p>
                <a href="portfolio-office1.html" class="btn-view-project">
                  عرض المشروع <i class="bi bi-arrow-left"></i>
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="portfolio-card fade-in-up">
              <div class="portfolio-image">
                <img src="assets/img/hoors/img/video-3-cover.png" alt="سيارات مبطنة ومجهزة" loading="lazy">
              </div>
              <div class="portfolio-content">
                <h4>سيارات مبطنة ومجهزة</h4>
                <p>سيارات نقل مجهزة خصيصًا لحماية الأثاث أثناء النقل</p>
                <a href="portfolio-appliances1.html" class="btn-view-project">
                  عرض المشروع <i class="bi bi-arrow-left"></i>
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="portfolio-card fade-in-up">
              <div class="portfolio-image">
                <img src="assets/img/portfolio/item-7.jpg" alt="خدمات التخزين" loading="lazy">
              </div>
              <div class="portfolio-content">
                <h4>خدمات التخزين</h4>
                <p>تخزين آمن ومرن لجميع احتياجاتك</p>
                <a href="portfolio-storage1.html" class="btn-view-project">
                  عرض المشروع <i class="bi bi-arrow-left"></i>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Call to Action -->
    <section class="story-cta" dir="rtl">
      <div class="container">
        <div class="row text-center">
          <div class="col-12">
            <h2 class="fade-in-up">هل تريد أن تكون قصتك التالية؟</h2>
            <p class="fade-in-up mb-4">اتصل بنا الآن واحصل على خدمة تغليف احترافية لأثاثك</p>
            <a href="tel:+96566401171" class="btn-cta fade-in-up">
              <i class="bi bi-telephone me-2"></i>اتصل الآن: 66401171
            </a>
            <a href="https://wa.me/+96566401171" class="btn-cta fade-in-up">
              <i class="bi bi-whatsapp me-2"></i>واتساب
            </a>
          </div>
        </div>
      </div>
    </section>
  </main>

  <footer id="footer" class="footer" role="contentinfo">
    <div class="container copyright text-center mt-4">
      <p>© <span>copyrights</span> <strong class="px-1 sitename">ARKIA</strong> <span>جميع الحقوق محفوظة</span></p>
      <div class="credits">
        صمم بواسطة <a href="https://wa.me/201022049740" rel="noopener noreferrer">ARKIA</a>
      </div>
    </div>
  </footer>

  <!-- Scroll Top -->
  <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- social contact -->
  <a href="tel:+96566401171" class="call active d-flex align-items-center justify-content-center"><img src="assets/img/call.png" alt="إتصل بنا"></a>
  <a href="https://wa.me/+96566401171" class="whats active d-flex align-items-center justify-content-center"><img src="assets/img/whats.png" alt="واتساب"></a>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>

  <!-- Main JS File -->
  <script src="assets/js/main.js"></script>

  <script>
  document.addEventListener('DOMContentLoaded', function() {
    // Initialize AOS
    if (typeof AOS !== 'undefined') {
      AOS.init({
        duration: 1000,
        easing: 'ease-in-out',
        once: true,
        mirror: false
      });
    }

    // Initialize PureCounter safely
    if (typeof PureCounter !== 'undefined') {
      new PureCounter();
    }

    // Scroll animations
    const observerOptions = {
      threshold: 0.1,
      rootMargin: '0px 0px -50px 0px'
    };

    const observer = new IntersectionObserver(function(entries) {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          entry.target.classList.add('visible');
        }
      });
    }, observerOptions);

    // Observe all animated elements
    document.querySelectorAll('.fade-in-up, .slide-in-left, .slide-in-right').forEach(el => {
      observer.observe(el);
    });

    // Smooth scrolling for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
      anchor.addEventListener('click', function (e) {
        e.preventDefault();
        const target = document.querySelector(this.getAttribute('href'));
        if (target) {
          target.scrollIntoView({
            behavior: 'smooth',
            block: 'start'
          });
        }
      });
    });
  });
  </script>

</body>

</html>