<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Vehicles &#8211; haflatsalam</title>
	<atom:link href="https://haflatsalam.com/en/fleet/feed/" rel="self" type="application/rss+xml" />
	<link>https://haflatsalam.com</link>
	<description>حلول النقل الفاخر والخدمات اللوجستية</description>
	<lastBuildDate>Tue, 07 Jul 2026 21:19:26 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://haflatsalam.com/wp-content/uploads/2026/05/salam-logo-e1778289063418-150x150.png</url>
	<title>Vehicles &#8211; haflatsalam</title>
	<link>https://haflatsalam.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Mercedes Tourismo VIP Coaches</title>
		<link>https://haflatsalam.com/en/fleet/mercedes-tourismo-vip-coaches/</link>
		
		<dc:creator><![CDATA[Rania nasr]]></dc:creator>
		<pubDate>Wed, 17 Jun 2026 02:02:21 +0000</pubDate>
				<guid isPermaLink="false">https://haflatsalam.com/?post_type=fleet&#038;p=3965</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3965" class="elementor elementor-3965">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-f0d3c42 e-con-full e-flex e-con e-parent" data-id="f0d3c42" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-c0e7832 elementor-widget__width-auto elementor-widget elementor-widget-shortcode" data-id="c0e7832" data-element_type="widget" data-e-type="widget" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">


<section class="vehicle-hero"

		 

style="background-image:url('https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-تارڤيجو-VIP.png');">

    <div class="vehicle-hero-content">



        


        <div class="vehicle-badge reveal">
    <span>
        <i class="fas fa-star"></i>

        Most Requested    </span>
</div>



        <h1 class="vehicle-title reveal">

            Mercedes Tourismo VIP Coaches
        </h1>



        <p class="vehicle-desc reveal">

            The Mercedes-Benz Tourismo VIP offers an exceptional travel experience that combines luxury, comfort, and safety. It is equipped with the highest quality standards to suit executive trips, official delegations, special events, and intercity travel, featuring a luxurious interior design and fully integrated services that ensure an unforgettable journey.
        </p>

		<div class="d-flex 

    justify-content-center mb-3">

<div class="vehicle-features reveal">



    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-bus"></i>

        </div>

        <h3>Mercedes Tourismo VIP Coaches</h3>

    </div>

<div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-couch"></i>

        </div>

        <h3>Wide VIP reclining seats</h3>

    </div>

    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-users"></i>

        </div>

       <h3>
    50     Passengers</h3>

    </div>



    



</div>

			

		</div>



       <div class="d-flex gap-30 reveal">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20حافلات%20مرسيدس%20VIP" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>



    </div>



</section>











<!-- ================= Gallery ================= -->



<section class="vehicle-gallery-section">



    


    <div class="vehicle-gallery-wrap">

<div class="section-heading reveal"> 
<span>Gallery</span>

<h2>Luxury Experience Inside & Out</h2>
<p>
Explore the vehicle details and premium features designed for comfort and safety.</p> 
</div>

        <!-- الصورة الكبيرة -->

        <div class="gallery-main reveal-zoom">



            <div class="gallery-overlay"></div>




<img decoding="async"
    id="main-gallery-image"
    src="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-تارڤيجو-VIP-1.webp"
>



           



            <!-- الميزات -->

            <section class="vehicle-features-section">

 <!-- الوصف الدينامك -->

            <div class="gallery-description-box reveal">



             <h2 id="gallery-title">
    مرسيدس تارڤيجو VIP</h2>

<p id="gallery-description">
    تجربة نقل استثنائية تجمع بين الفخامة والراحة والأمان. تم تجهيز حافلات مرسيدس VIP بأعلى معايير الجودة لتناسب الرحلات التنفيذية، الوفود الرسمية، المناسبات الخاصة، والتنقلات بين المدن، مع تصميم داخلي فاخر وخدمات متكاملة تمنح الركاب تجربة لا تُنسى.</p>
 <div class="features-grid d-flex">



                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-wifi"></i>

                      <span>Wi-Fi</span>

                    </div>

                    


                    
                    <div class="feature-box  d-flex reveal">

                        <i class="fas fa-map-marker-alt"></i>
<span>GPS Tracking</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-plug"></i>

                       <span>USB Chargers</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-video"></i>

                        <span>Cameras</span>

                    </div>

                    


                    


                    


                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-snowflake"></i>

                      <span>Air Conditioning</span>

                    </div>

                    


                    


                    


                </div>


            </div>

               



            </section>



        </div>



        <!-- الصور الصغيرة -->

        <div class="gallery-thumbs">



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-تارڤيجو-VIP-1-300x200.webp"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-تارڤيجو-VIP-1.webp"
data-title="مرسيدس تارڤيجو VIP"
data-description="تجربة نقل استثنائية تجمع بين الفخامة والراحة والأمان. تم تجهيز حافلات مرسيدس VIP بأعلى معايير الجودة لتناسب الرحلات التنفيذية، الوفود الرسمية، المناسبات الخاصة، والتنقلات بين المدن، مع تصميم داخلي فاخر وخدمات متكاملة تمنح الركاب تجربة لا تُنسى."

                    class="gallery-thumb active"

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/مرسيدس-تارڤيجو-VIP3-225x300.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/مرسيدس-تارڤيجو-VIP3.jpeg"
data-title="مرسيدس تارڤيجو VIP"
data-description=""

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/مرسيدس-تارڤيجو-VIP2-225x300.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/مرسيدس-تارڤيجو-VIP2.jpeg"
data-title="مرسيدس تارڤيجو VIP"
data-description=""

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-تارڤيجو-VIP3-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-تارڤيجو-VIP3.png"
data-title="مرسيدس تارڤيجو VIP"
data-description="مرسيدس تارڤيجو VIP"

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/مرسيدس-تارڤيجو-VIP1-225x300.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/مرسيدس-تارڤيجو-VIP1.jpeg"
data-title="مرسيدس تارڤيجو VIP"
data-description=""

                    class="gallery-thumb "

                >



            


        </div>



    </div>



    


</section>

<section class="vehicle-ideal-section">



    <div class="ideal-heading reveal">

<span>Ideal For</span>
<h2>Luxury for Every Journey</h2>


<p>
Premium amenities and exceptional travel experience designed for every need.</p>

    </div>

<div class="d-flex justify-content-center align-items-flex-start">

	

		 <div class="ideal-grid">



        
        <div class="ideal-box">

            <i class="fas fa-user-tie"></i>

            <p>Executive &amp; VIP transportation</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-road"></i>

            <p>Delegation &amp; conference transfers</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-handshake"></i>

            <p>Comfortable intercity travel</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-users"></i>

            <p>Special events &amp; official visits</p>

        </div>

        


    </div>

	

	
<div class="d-flex justify-content-center flex-direction-column box-img">
    <img decoding="async"
        class="ideal-bus-bg reveal-right"
        src="https://haflatsalam.com/wp-content/uploads/2026/05/حافلة-مرسيدس-تارڤيجو-1-e1780505050174.png"
        alt="Mercedes Tourismo VIP Coaches">

	

		<div class="d-flex gap-30 justify-content-center">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20حافلات%20مرسيدس%20VIP" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp
        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>

	</div>

  


   

	</div>



</section>



<!-- ================= Gallery JS ================= -->



<script>

document.addEventListener('DOMContentLoaded', function () {



    const thumbs = document.querySelectorAll('.gallery-thumb');

    const mainImage = document.getElementById('main-gallery-image');



    const title = document.getElementById('gallery-title');

    const description = document.getElementById('gallery-description');



    if (!thumbs.length || !mainImage) return;



    thumbs.forEach(function(thumb){



        thumb.addEventListener('click', function(){



            mainImage.src = this.getAttribute('data-full');



            if(title){

                title.textContent = this.getAttribute('data-title');

            }



            if(description){

                description.textContent = this.getAttribute('data-description');

            }



            thumbs.forEach(function(t){

                t.classList.remove('active');

            });



            this.classList.add('active');



        });



    });



});



</script>


<script>
	window.addEventListener("load", () => {

   gsap.registerPlugin(ScrollTrigger);
    ScrollTrigger.config({ ignoreMobileResize: true });


    // ================= HERO INTRO =================

    const heroTl = gsap.timeline();

    heroTl
        .from(".vehicle-badge", {
            y: 30,
            opacity: 0,
            duration: 0.6
        })
        .from(".vehicle-title", {
            y: 80,
            opacity: 0,
            duration: 1
        }, "-=0.3")
        .from(".vehicle-desc", {
            y: 50,
            opacity: 0,
            duration: 0.8
        }, "-=0.5")
      .fromTo(".hero-book-btn",
{
    y: 30,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.6
}, "-=0.4");



    // ================= HERO PARALLAX =================

    gsap.to(".vehicle-hero-content", {
        y: -120,
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });

    gsap.to(".vehicle-hero", {
        backgroundPosition: "50% 80%",
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });



    // ================= FEATURES =================

    gsap.from(".feature-item", {
        scrollTrigger: {
            trigger: ".vehicle-features",
            start: "top 85%"
        },
        x: 80,
        opacity: 0,
        stagger: 0.2,
        duration: 1
    });



    // ================= GALLERY =================

    gsap.from(".gallery-main", {
        scrollTrigger: {
            trigger: ".gallery-main",
            start: "top 80%"
        },
        scale: 1.15,
        opacity: 0,
        duration: 1.3,
        ease: "power3.out"
    });

    gsap.from(".gallery-description-box", {
        scrollTrigger: {
            trigger: ".gallery-description-box",
            start: "top 85%"
        },
        x: 100,
        opacity: 0,
        duration: 1
    });



    // ================= FEATURE CIRCLES =================

   gsap.fromTo(".feature-box",
{
    scale: 0,
    rotate: 20,
    opacity: 0
},
{
    scale: 1,
    rotate: 0,
    opacity: 1,
    stagger: 0.06,
    duration: 0.7,
    ease: "back.out(1.7)",
    scrollTrigger: {
        trigger: ".features-grid",
        start: "top 85%"
    }
});



    // ================= THUMBS =================

    gsap.fromTo(".gallery-thumb",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.1,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".gallery-thumbs",
        start: "top 90%"
    }
});



    // ================= BUS PNG =================

gsap.fromTo(".ideal-bus-bg",
{
    x: 0,        // تدخل من اليمين
    y: 50,         // ارتفاع بسيط كأنها على طريق
    opacity: 0,
    rotate: -8,     // ميل بسيط يعطي إحساس حركة
    scale: 0.95
},
{
    x: 0,
    y: 0,
    opacity: 1,
    rotate: 0,
    scale: 1,
    duration: 1.6,
    ease: "power4.out",
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 75%",
        toggleActions: "play none none reverse"
    }
});

// gsap.fromTo(".ideal-bus-bg",
// {
//     x: 0,
//     y: 0,        // ← غيري من 50 لـ 0
//     opacity: 0,
//     rotate: 0,   // ← غيري من -8 لـ 0
//     scale: 0.95
// },
// {
//     x: 0,
//     y: 0,
//     opacity: 1,
//     rotate: 0,
//     scale: 1,
//     duration: 1.6,
//     ease: "power4.out",
//     scrollTrigger: {
//         trigger: ".vehicle-ideal-section",
//         start: "top 75%",
//         toggleActions: "play none none reverse"
//     }
// });

    // ================= IDEAL CARDS =================

   gsap.fromTo(".ideal-box",
{
    opacity: 0,
    y: 80,
    scale: 0.8
},
{
    opacity: 1,
    y: 0,
    scale: 1,
    duration: 0.8,
    stagger: 0.15,
    ease: "power3.out",
    scrollTrigger: {
        trigger: ".ideal-grid",
        start: "top 85%",
        toggleActions: "play none none reverse"
    }
});



    // ================= CTA BUTTONS =================

   gsap.fromTo(".vehicle-ideal-section .hero-book-btn",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 80%"
    }
});
    setTimeout(() => {
        ScrollTrigger.refresh();
    }, 500);

});
</script>





</div>
						</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Mercedes Sprinter VIP</title>
		<link>https://haflatsalam.com/en/fleet/mercedes-sprinter-vip/</link>
		
		<dc:creator><![CDATA[Rania nasr]]></dc:creator>
		<pubDate>Wed, 17 Jun 2026 01:58:00 +0000</pubDate>
				<guid isPermaLink="false">https://haflatsalam.com/?post_type=fleet&#038;p=3962</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3962" class="elementor elementor-3962">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-f0d3c42 e-con-full e-flex e-con e-parent" data-id="f0d3c42" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-c0e7832 elementor-widget__width-auto elementor-widget elementor-widget-shortcode" data-id="c0e7832" data-element_type="widget" data-e-type="widget" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">


<section class="vehicle-hero"

		 

style="background-image:url('https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-سبرنتر.png');">

    <div class="vehicle-hero-content">



        


        <div class="vehicle-badge reveal">
    <span>
        <i class="fas fa-crown"></i>

        Luxury VIP    </span>
</div>



        <h1 class="vehicle-title reveal">

            Mercedes Sprinter VIP
        </h1>



        <p class="vehicle-desc reveal">

            The Mercedes-Benz Sprinter VIP delivers an exceptional travel experience that combines luxury, comfort, and privacy. It is equipped with premium leather seats, spacious interiors, and advanced features designed for business executives, VIPs, and private journeys.
        </p>

		<div class="d-flex 

    justify-content-center mb-3">

<div class="vehicle-features reveal">



    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-bus"></i>

        </div>

        <h3>Mercedes Sprinter VIP</h3>

    </div>

<div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-couch"></i>

        </div>

        <h3>Luxurious face-to-face leather seating</h3>

    </div>

    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-users"></i>

        </div>

       <h3>
    7-20    Passengers</h3>

    </div>



    



</div>

			

		</div>



       <div class="d-flex gap-30 reveal">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20مرسيدس%20سبرنتر%20VIP" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>



    </div>



</section>











<!-- ================= Gallery ================= -->



<section class="vehicle-gallery-section">



    


    <div class="vehicle-gallery-wrap">

<div class="section-heading reveal"> 
<span>Gallery</span>

<h2>Luxury Experience Inside & Out</h2>
<p>
Explore the vehicle details and premium features designed for comfort and safety.</p> 
</div>

        <!-- الصورة الكبيرة -->

        <div class="gallery-main reveal-zoom">



            <div class="gallery-overlay"></div>




<img decoding="async"
    id="main-gallery-image"
    src="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-سبرنتر1.png"
>



           



            <!-- الميزات -->

            <section class="vehicle-features-section">

 <!-- الوصف الدينامك -->

            <div class="gallery-description-box reveal">



             <h2 id="gallery-title">
    مرسيدس سبرنتر</h2>

<p id="gallery-description">
    مظهر فاخر يعكس الاحترافية والرقي في جميع المناسبات والرحلات.</p>
 <div class="features-grid d-flex">



                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-wifi"></i>

                      <span>Wi-Fi</span>

                    </div>

                    


                    
                    <div class="feature-box  d-flex reveal">

                        <i class="fas fa-map-marker-alt"></i>
<span>GPS Tracking</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-plug"></i>

                       <span>USB Chargers</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-video"></i>

                        <span>Cameras</span>

                    </div>

                    


                    


                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-tv"></i>

<span>Screens</span>
                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-snowflake"></i>

                      <span>Air Conditioning</span>

                    </div>

                    


                    


                    


                </div>


            </div>

               



            </section>



        </div>



        <!-- الصور الصغيرة -->

        <div class="gallery-thumbs">



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-سبرنتر1-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-سبرنتر1.png"
data-title="مرسيدس سبرنتر"
data-description="مظهر فاخر يعكس الاحترافية والرقي في جميع المناسبات والرحلات."

                    class="gallery-thumb active"

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-سبرنتر2-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-سبرنتر2.png"
data-title="مرسيدس سبرنتر"
data-description="مظهر فاخر يعكس الاحترافية والرقي في جميع المناسبات والرحلات."

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-سبرنتر3-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-سبرنتر3.png"
data-title="مرسيدس سبرنتر"
data-description="مظهر فاخر يعكس الاحترافية والرقي في جميع المناسبات والرحلات."

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/مرسيدس-سبرنتر-VIP1-300x225.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/مرسيدس-سبرنتر-VIP1.jpeg"
data-title="مرسيدس سبرنتر VIP"
data-description=""

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/مرسيدس-سبرنتر-VIP-225x300.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/مرسيدس-سبرنتر-VIP.jpeg"
data-title="مرسيدس سبرنتر VIP"
data-description=""

                    class="gallery-thumb "

                >



            


        </div>



    </div>



    


</section>

<section class="vehicle-ideal-section">



    <div class="ideal-heading reveal">

<span>Ideal For</span>
<h2>Luxury for Every Journey</h2>


<p>
Premium amenities and exceptional travel experience designed for every need.</p>

    </div>

<div class="d-flex justify-content-center align-items-flex-start">

	

		 <div class="ideal-grid">



        
        <div class="ideal-box">

            <i class="fas fa-user-tie"></i>

            <p>Business Travelers &amp; VIPs</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-road"></i>

            <p>Luxury Executive Transportation</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-handshake"></i>

            <p>Delegation &amp; Guest Reception Services</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-users"></i>

            <p>Private &amp; Family Trips</p>

        </div>

        


    </div>

	

	
<div class="d-flex justify-content-center flex-direction-column box-img">
    <img decoding="async"
        class="ideal-bus-bg reveal-right"
        src="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-سبرنتر-VIP.png"
        alt="Mercedes Sprinter VIP">

	

		<div class="d-flex gap-30 justify-content-center">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20مرسيدس%20سبرنتر%20VIP" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp
        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>

	</div>

  


   

	</div>



</section>



<!-- ================= Gallery JS ================= -->



<script>

document.addEventListener('DOMContentLoaded', function () {



    const thumbs = document.querySelectorAll('.gallery-thumb');

    const mainImage = document.getElementById('main-gallery-image');



    const title = document.getElementById('gallery-title');

    const description = document.getElementById('gallery-description');



    if (!thumbs.length || !mainImage) return;



    thumbs.forEach(function(thumb){



        thumb.addEventListener('click', function(){



            mainImage.src = this.getAttribute('data-full');



            if(title){

                title.textContent = this.getAttribute('data-title');

            }



            if(description){

                description.textContent = this.getAttribute('data-description');

            }



            thumbs.forEach(function(t){

                t.classList.remove('active');

            });



            this.classList.add('active');



        });



    });



});



</script>


<script>
	window.addEventListener("load", () => {

   gsap.registerPlugin(ScrollTrigger);
    ScrollTrigger.config({ ignoreMobileResize: true });


    // ================= HERO INTRO =================

    const heroTl = gsap.timeline();

    heroTl
        .from(".vehicle-badge", {
            y: 30,
            opacity: 0,
            duration: 0.6
        })
        .from(".vehicle-title", {
            y: 80,
            opacity: 0,
            duration: 1
        }, "-=0.3")
        .from(".vehicle-desc", {
            y: 50,
            opacity: 0,
            duration: 0.8
        }, "-=0.5")
      .fromTo(".hero-book-btn",
{
    y: 30,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.6
}, "-=0.4");



    // ================= HERO PARALLAX =================

    gsap.to(".vehicle-hero-content", {
        y: -120,
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });

    gsap.to(".vehicle-hero", {
        backgroundPosition: "50% 80%",
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });



    // ================= FEATURES =================

    gsap.from(".feature-item", {
        scrollTrigger: {
            trigger: ".vehicle-features",
            start: "top 85%"
        },
        x: 80,
        opacity: 0,
        stagger: 0.2,
        duration: 1
    });



    // ================= GALLERY =================

    gsap.from(".gallery-main", {
        scrollTrigger: {
            trigger: ".gallery-main",
            start: "top 80%"
        },
        scale: 1.15,
        opacity: 0,
        duration: 1.3,
        ease: "power3.out"
    });

    gsap.from(".gallery-description-box", {
        scrollTrigger: {
            trigger: ".gallery-description-box",
            start: "top 85%"
        },
        x: 100,
        opacity: 0,
        duration: 1
    });



    // ================= FEATURE CIRCLES =================

   gsap.fromTo(".feature-box",
{
    scale: 0,
    rotate: 20,
    opacity: 0
},
{
    scale: 1,
    rotate: 0,
    opacity: 1,
    stagger: 0.06,
    duration: 0.7,
    ease: "back.out(1.7)",
    scrollTrigger: {
        trigger: ".features-grid",
        start: "top 85%"
    }
});



    // ================= THUMBS =================

    gsap.fromTo(".gallery-thumb",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.1,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".gallery-thumbs",
        start: "top 90%"
    }
});



    // ================= BUS PNG =================

gsap.fromTo(".ideal-bus-bg",
{
    x: 0,        // تدخل من اليمين
    y: 50,         // ارتفاع بسيط كأنها على طريق
    opacity: 0,
    rotate: -8,     // ميل بسيط يعطي إحساس حركة
    scale: 0.95
},
{
    x: 0,
    y: 0,
    opacity: 1,
    rotate: 0,
    scale: 1,
    duration: 1.6,
    ease: "power4.out",
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 75%",
        toggleActions: "play none none reverse"
    }
});

// gsap.fromTo(".ideal-bus-bg",
// {
//     x: 0,
//     y: 0,        // ← غيري من 50 لـ 0
//     opacity: 0,
//     rotate: 0,   // ← غيري من -8 لـ 0
//     scale: 0.95
// },
// {
//     x: 0,
//     y: 0,
//     opacity: 1,
//     rotate: 0,
//     scale: 1,
//     duration: 1.6,
//     ease: "power4.out",
//     scrollTrigger: {
//         trigger: ".vehicle-ideal-section",
//         start: "top 75%",
//         toggleActions: "play none none reverse"
//     }
// });

    // ================= IDEAL CARDS =================

   gsap.fromTo(".ideal-box",
{
    opacity: 0,
    y: 80,
    scale: 0.8
},
{
    opacity: 1,
    y: 0,
    scale: 1,
    duration: 0.8,
    stagger: 0.15,
    ease: "power3.out",
    scrollTrigger: {
        trigger: ".ideal-grid",
        start: "top 85%",
        toggleActions: "play none none reverse"
    }
});



    // ================= CTA BUTTONS =================

   gsap.fromTo(".vehicle-ideal-section .hero-book-btn",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 80%"
    }
});
    setTimeout(() => {
        ScrollTrigger.refresh();
    }, 500);

});
</script>





</div>
						</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Mercedes Vito VIP</title>
		<link>https://haflatsalam.com/en/fleet/mercedes-vito-vip/</link>
		
		<dc:creator><![CDATA[Rania nasr]]></dc:creator>
		<pubDate>Wed, 17 Jun 2026 01:56:23 +0000</pubDate>
				<guid isPermaLink="false">https://haflatsalam.com/?post_type=fleet&#038;p=3960</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3960" class="elementor elementor-3960">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-f0d3c42 e-con-full e-flex e-con e-parent" data-id="f0d3c42" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-c0e7832 elementor-widget__width-auto elementor-widget elementor-widget-shortcode" data-id="c0e7832" data-element_type="widget" data-e-type="widget" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">


<section class="vehicle-hero"

		 

style="background-image:url('https://haflatsalam.com/wp-content/uploads/2026/06/مرسيدس-ڤيتو-VIP.png');">

    <div class="vehicle-hero-content">



        


        <div class="vehicle-badge reveal">
    <span>
        <i class="fas fa-gem"></i>

        VIP Luxury    </span>
</div>



        <h1 class="vehicle-title reveal">

            Mercedes Vito VIP
        </h1>



        <p class="vehicle-desc reveal">

            The Mercedes-Benz Vito VIP combines luxury and comfort in an exceptional travel experience, featuring premium leather seats, advanced amenities, and an elegant spacious interior—making it the ideal choice for business executives, delegations, VIPs, and private trips.
        </p>

		<div class="d-flex 

    justify-content-center mb-3">

<div class="vehicle-features reveal">



    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-bus"></i>

        </div>

        <h3>Mercedes Vito VIP</h3>

    </div>

<div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-couch"></i>

        </div>

        <h3>Luxurious reclining leather seats</h3>

    </div>

    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-users"></i>

        </div>

       <h3>
    5    Passengers</h3>

    </div>



    



</div>

			

		</div>



       <div class="d-flex gap-30 reveal">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20مرسيدس%20ڤيتو%20VIP" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>



    </div>



</section>











<!-- ================= Gallery ================= -->



<section class="vehicle-gallery-section">



    


    <div class="vehicle-gallery-wrap">

<div class="section-heading reveal"> 
<span>Gallery</span>

<h2>Luxury Experience Inside & Out</h2>
<p>
Explore the vehicle details and premium features designed for comfort and safety.</p> 
</div>

        <!-- الصورة الكبيرة -->

        <div class="gallery-main reveal-zoom">



            <div class="gallery-overlay"></div>




<img decoding="async"
    id="main-gallery-image"
    src="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-فيتو-1.png"
>



           



            <!-- الميزات -->

            <section class="vehicle-features-section">

 <!-- الوصف الدينامك -->

            <div class="gallery-description-box reveal">



             <h2 id="gallery-title">
    مرسيدس فيتو</h2>

<p id="gallery-description">
    واجهة أنيقة وتصميم فاخر يعكس مستوى الخدمة الاحترافي الذي تقدمه المركبة.</p>
 <div class="features-grid d-flex">



                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-wifi"></i>

                      <span>Wi-Fi</span>

                    </div>

                    


                    
                    <div class="feature-box  d-flex reveal">

                        <i class="fas fa-map-marker-alt"></i>
<span>GPS Tracking</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-plug"></i>

                       <span>USB Chargers</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-video"></i>

                        <span>Cameras</span>

                    </div>

                    


                    


                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-tv"></i>

<span>Screens</span>
                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-snowflake"></i>

                      <span>Air Conditioning</span>

                    </div>

                    


                    


                    


                </div>


            </div>

               



            </section>



        </div>



        <!-- الصور الصغيرة -->

        <div class="gallery-thumbs">



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-فيتو-1-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-فيتو-1.png"
data-title="مرسيدس فيتو"
data-description="واجهة أنيقة وتصميم فاخر يعكس مستوى الخدمة الاحترافي الذي تقدمه المركبة."

                    class="gallery-thumb active"

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-فيتو-2-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-فيتو-2.png"
data-title="مرسيدس فيتو"
data-description="مرسيدس فيتو  أناقة خارجية مميزة"

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-فيتو-3-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-فيتو-3.png"
data-title="مرسيدس فيتو"
data-description="مرسيدس فيتو مقصورة فاخرة بتصميم عصري"

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-فيتو-4-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-فيتو-4.png"
data-title="مرسيدس فيتو"
data-description="مرسيدس فيتو 
تصميم داخلي يوفر أعلى مستويات الراحة والخصوصية للرحلات التنفيذية والخاصة."

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-فيتو-5-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/مرسيدس-فيتو-5.png"
data-title="مرسيدس فيتو"
data-description="مرسيدس فيتو راحة استثنائية في كل رحلة"

                    class="gallery-thumb "

                >



            


        </div>



    </div>



    


</section>

<section class="vehicle-ideal-section">



    <div class="ideal-heading reveal">

<span>Ideal For</span>
<h2>Luxury for Every Journey</h2>


<p>
Premium amenities and exceptional travel experience designed for every need.</p>

    </div>

<div class="d-flex justify-content-center align-items-flex-start">

	

		 <div class="ideal-grid">



        
        <div class="ideal-box">

            <i class="fas fa-user-tie"></i>

            <p>Business &amp; Executive Travel</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-road"></i>

            <p>Airport Pickup &amp; Drop-off</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-handshake"></i>

            <p>Private Luxury Sightseeing Tours</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-users"></i>

            <p>Luxury Family &amp; Small Group Trips</p>

        </div>

        


    </div>

	

	
<div class="d-flex justify-content-center flex-direction-column box-img">
    <img decoding="async"
        class="ideal-bus-bg reveal-right"
        src="https://haflatsalam.com/wp-content/uploads/2026/06/مرسيدس-فيتو-vip-e1780798946305.png"
        alt="Mercedes Vito VIP">

	

		<div class="d-flex gap-30 justify-content-center">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20مرسيدس%20ڤيتو%20VIP" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp
        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>

	</div>

  


   

	</div>



</section>



<!-- ================= Gallery JS ================= -->



<script>

document.addEventListener('DOMContentLoaded', function () {



    const thumbs = document.querySelectorAll('.gallery-thumb');

    const mainImage = document.getElementById('main-gallery-image');



    const title = document.getElementById('gallery-title');

    const description = document.getElementById('gallery-description');



    if (!thumbs.length || !mainImage) return;



    thumbs.forEach(function(thumb){



        thumb.addEventListener('click', function(){



            mainImage.src = this.getAttribute('data-full');



            if(title){

                title.textContent = this.getAttribute('data-title');

            }



            if(description){

                description.textContent = this.getAttribute('data-description');

            }



            thumbs.forEach(function(t){

                t.classList.remove('active');

            });



            this.classList.add('active');



        });



    });



});



</script>


<script>
	window.addEventListener("load", () => {

   gsap.registerPlugin(ScrollTrigger);
    ScrollTrigger.config({ ignoreMobileResize: true });


    // ================= HERO INTRO =================

    const heroTl = gsap.timeline();

    heroTl
        .from(".vehicle-badge", {
            y: 30,
            opacity: 0,
            duration: 0.6
        })
        .from(".vehicle-title", {
            y: 80,
            opacity: 0,
            duration: 1
        }, "-=0.3")
        .from(".vehicle-desc", {
            y: 50,
            opacity: 0,
            duration: 0.8
        }, "-=0.5")
      .fromTo(".hero-book-btn",
{
    y: 30,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.6
}, "-=0.4");



    // ================= HERO PARALLAX =================

    gsap.to(".vehicle-hero-content", {
        y: -120,
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });

    gsap.to(".vehicle-hero", {
        backgroundPosition: "50% 80%",
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });



    // ================= FEATURES =================

    gsap.from(".feature-item", {
        scrollTrigger: {
            trigger: ".vehicle-features",
            start: "top 85%"
        },
        x: 80,
        opacity: 0,
        stagger: 0.2,
        duration: 1
    });



    // ================= GALLERY =================

    gsap.from(".gallery-main", {
        scrollTrigger: {
            trigger: ".gallery-main",
            start: "top 80%"
        },
        scale: 1.15,
        opacity: 0,
        duration: 1.3,
        ease: "power3.out"
    });

    gsap.from(".gallery-description-box", {
        scrollTrigger: {
            trigger: ".gallery-description-box",
            start: "top 85%"
        },
        x: 100,
        opacity: 0,
        duration: 1
    });



    // ================= FEATURE CIRCLES =================

   gsap.fromTo(".feature-box",
{
    scale: 0,
    rotate: 20,
    opacity: 0
},
{
    scale: 1,
    rotate: 0,
    opacity: 1,
    stagger: 0.06,
    duration: 0.7,
    ease: "back.out(1.7)",
    scrollTrigger: {
        trigger: ".features-grid",
        start: "top 85%"
    }
});



    // ================= THUMBS =================

    gsap.fromTo(".gallery-thumb",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.1,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".gallery-thumbs",
        start: "top 90%"
    }
});



    // ================= BUS PNG =================

gsap.fromTo(".ideal-bus-bg",
{
    x: 0,        // تدخل من اليمين
    y: 50,         // ارتفاع بسيط كأنها على طريق
    opacity: 0,
    rotate: -8,     // ميل بسيط يعطي إحساس حركة
    scale: 0.95
},
{
    x: 0,
    y: 0,
    opacity: 1,
    rotate: 0,
    scale: 1,
    duration: 1.6,
    ease: "power4.out",
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 75%",
        toggleActions: "play none none reverse"
    }
});

// gsap.fromTo(".ideal-bus-bg",
// {
//     x: 0,
//     y: 0,        // ← غيري من 50 لـ 0
//     opacity: 0,
//     rotate: 0,   // ← غيري من -8 لـ 0
//     scale: 0.95
// },
// {
//     x: 0,
//     y: 0,
//     opacity: 1,
//     rotate: 0,
//     scale: 1,
//     duration: 1.6,
//     ease: "power4.out",
//     scrollTrigger: {
//         trigger: ".vehicle-ideal-section",
//         start: "top 75%",
//         toggleActions: "play none none reverse"
//     }
// });

    // ================= IDEAL CARDS =================

   gsap.fromTo(".ideal-box",
{
    opacity: 0,
    y: 80,
    scale: 0.8
},
{
    opacity: 1,
    y: 0,
    scale: 1,
    duration: 0.8,
    stagger: 0.15,
    ease: "power3.out",
    scrollTrigger: {
        trigger: ".ideal-grid",
        start: "top 85%",
        toggleActions: "play none none reverse"
    }
});



    // ================= CTA BUTTONS =================

   gsap.fromTo(".vehicle-ideal-section .hero-book-btn",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 80%"
    }
});
    setTimeout(() => {
        ScrollTrigger.refresh();
    }, 500);

});
</script>





</div>
						</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Hyundai Staria VIP</title>
		<link>https://haflatsalam.com/en/fleet/hyundai-staria-vip/</link>
		
		<dc:creator><![CDATA[Rania nasr]]></dc:creator>
		<pubDate>Wed, 17 Jun 2026 01:53:10 +0000</pubDate>
				<guid isPermaLink="false">https://haflatsalam.com/?post_type=fleet&#038;p=3958</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3958" class="elementor elementor-3958">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-f0d3c42 e-con-full e-flex e-con e-parent" data-id="f0d3c42" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-c0e7832 elementor-widget__width-auto elementor-widget elementor-widget-shortcode" data-id="c0e7832" data-element_type="widget" data-e-type="widget" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">


<section class="vehicle-hero"

		 

style="background-image:url('https://haflatsalam.com/wp-content/uploads/2026/06/هيونداي-ستاريا-hero.png');">

    <div class="vehicle-hero-content">



        


        <div class="vehicle-badge reveal">
    <span>
        <i class="fas fa-shield-alt"></i>

        Comfort &amp; Safety    </span>
</div>



        <h1 class="vehicle-title reveal">

            Hyundai Staria VIP
        </h1>



        <p class="vehicle-desc reveal">

            The Hyundai Staria VIP offers a premium travel experience that combines modern design with luxury comfort. It features comfortable captain seats and fully equipped interiors tailored for business executives, VIPs, and private trips.
        </p>

		<div class="d-flex 

    justify-content-center mb-3">

<div class="vehicle-features reveal">



    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-bus"></i>

        </div>

        <h3>Hyundai Staria VIP Van</h3>

    </div>

<div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-couch"></i>

        </div>

        <h3>Luxurious reclining seats</h3>

    </div>

    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-users"></i>

        </div>

       <h3>
    10    Passengers</h3>

    </div>



    



</div>

			

		</div>



       <div class="d-flex gap-30 reveal">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20هيونداي%20ستاريا%20VIP" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>



    </div>



</section>











<!-- ================= Gallery ================= -->



<section class="vehicle-gallery-section">



    


    <div class="vehicle-gallery-wrap">

<div class="section-heading reveal"> 
<span>Gallery</span>

<h2>Luxury Experience Inside & Out</h2>
<p>
Explore the vehicle details and premium features designed for comfort and safety.</p> 
</div>

        <!-- الصورة الكبيرة -->

        <div class="gallery-main reveal-zoom">



            <div class="gallery-overlay"></div>




<img decoding="async"
    id="main-gallery-image"
    src="https://haflatsalam.com/wp-content/uploads/2026/05/هيونداي-ستاريا1.png"
>



           



            <!-- الميزات -->

            <section class="vehicle-features-section">

 <!-- الوصف الدينامك -->

            <div class="gallery-description-box reveal">



             <h2 id="gallery-title">
    هيونداي ستاريا</h2>

<p id="gallery-description">
    هيونداي ستاريا VIP توفر تجربة نقل فاخرة تجمع بين الراحة والخصوصية والتقنيات الحديثة، مع مقاعد كابتن مريحة وتجهيزات متكاملة تناسب رجال الأعمال وكبار الشخصيات والرحلات الخاصة.</p>
 <div class="features-grid d-flex">



                    


                    
                    <div class="feature-box  d-flex reveal">

                        <i class="fas fa-map-marker-alt"></i>
<span>GPS Tracking</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-plug"></i>

                       <span>USB Chargers</span>

                    </div>

                    


                    


                    


                    


                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-snowflake"></i>

                      <span>Air Conditioning</span>

                    </div>

                    


                    


                    


                </div>


            </div>

               



            </section>



        </div>



        <!-- الصور الصغيرة -->

        <div class="gallery-thumbs">



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/هيونداي-ستاريا1-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/هيونداي-ستاريا1.png"
data-title="هيونداي ستاريا"
data-description="هيونداي ستاريا VIP توفر تجربة نقل فاخرة تجمع بين الراحة والخصوصية والتقنيات الحديثة، مع مقاعد كابتن مريحة وتجهيزات متكاملة تناسب رجال الأعمال وكبار الشخصيات والرحلات الخاصة."

                    class="gallery-thumb active"

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/هيونداي-ستاريا2-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/هيونداي-ستاريا2.png"
data-title="هيونداي ستاريا"
data-description="هيونداي ستاريا بتصميم خارجي عصري يمنحها حضورًا مميزًا وأناقة استثنائية في جميع المناسبات."

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/هيونداي-ستاريا3-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/هيونداي-ستاريا3.png"
data-title="هيونداي ستاريا"
data-description="مساحات داخلية رحبة ومقاعد فاخرة توفر أقصى درجات الراحة للركاب أثناء الرحلات."

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/هيونداي-ستاريا3-1-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/هيونداي-ستاريا3-1.png"
data-title="هيونداي ستاريا"
data-description="مقصورة واسعة ومريحة"

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/هيونداي-ستاريا5-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/هيونداي-ستاريا5.png"
data-title="هيونداي ستاريا"
data-description="هيونداي ستاريا
مقصورة مصممة بعناية لتوفير تجربة هادئة ومريحة تناسب كبار الشخصيات والرحلات التنفيذية.
"

                    class="gallery-thumb "

                >



            


        </div>



    </div>



    


</section>

<section class="vehicle-ideal-section">



    <div class="ideal-heading reveal">

<span>Ideal For</span>
<h2>Luxury for Every Journey</h2>


<p>
Premium amenities and exceptional travel experience designed for every need.</p>

    </div>

<div class="d-flex justify-content-center align-items-flex-start">

	

		 <div class="ideal-grid">



        
        <div class="ideal-box">

            <i class="fas fa-user-tie"></i>

            <p>Business &amp; Executive Trips</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-road"></i>

            <p>Airport Pickup &amp; Drop-off Services</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-handshake"></i>

            <p>Private Sightseeing Tours</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-users"></i>

            <p>Luxury Family &amp; Small Group Travel</p>

        </div>

        


    </div>

	

	
<div class="d-flex justify-content-center flex-direction-column box-img">
    <img decoding="async"
        class="ideal-bus-bg reveal-right"
        src="https://haflatsalam.com/wp-content/uploads/2026/06/هيونداي-ستاريا11-e1780634613302.png"
        alt="Hyundai Staria VIP">

	

		<div class="d-flex gap-30 justify-content-center">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20هيونداي%20ستاريا%20VIP" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp
        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>

	</div>

  


   

	</div>



</section>



<!-- ================= Gallery JS ================= -->



<script>

document.addEventListener('DOMContentLoaded', function () {



    const thumbs = document.querySelectorAll('.gallery-thumb');

    const mainImage = document.getElementById('main-gallery-image');



    const title = document.getElementById('gallery-title');

    const description = document.getElementById('gallery-description');



    if (!thumbs.length || !mainImage) return;



    thumbs.forEach(function(thumb){



        thumb.addEventListener('click', function(){



            mainImage.src = this.getAttribute('data-full');



            if(title){

                title.textContent = this.getAttribute('data-title');

            }



            if(description){

                description.textContent = this.getAttribute('data-description');

            }



            thumbs.forEach(function(t){

                t.classList.remove('active');

            });



            this.classList.add('active');



        });



    });



});



</script>


<script>
	window.addEventListener("load", () => {

   gsap.registerPlugin(ScrollTrigger);
    ScrollTrigger.config({ ignoreMobileResize: true });


    // ================= HERO INTRO =================

    const heroTl = gsap.timeline();

    heroTl
        .from(".vehicle-badge", {
            y: 30,
            opacity: 0,
            duration: 0.6
        })
        .from(".vehicle-title", {
            y: 80,
            opacity: 0,
            duration: 1
        }, "-=0.3")
        .from(".vehicle-desc", {
            y: 50,
            opacity: 0,
            duration: 0.8
        }, "-=0.5")
      .fromTo(".hero-book-btn",
{
    y: 30,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.6
}, "-=0.4");



    // ================= HERO PARALLAX =================

    gsap.to(".vehicle-hero-content", {
        y: -120,
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });

    gsap.to(".vehicle-hero", {
        backgroundPosition: "50% 80%",
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });



    // ================= FEATURES =================

    gsap.from(".feature-item", {
        scrollTrigger: {
            trigger: ".vehicle-features",
            start: "top 85%"
        },
        x: 80,
        opacity: 0,
        stagger: 0.2,
        duration: 1
    });



    // ================= GALLERY =================

    gsap.from(".gallery-main", {
        scrollTrigger: {
            trigger: ".gallery-main",
            start: "top 80%"
        },
        scale: 1.15,
        opacity: 0,
        duration: 1.3,
        ease: "power3.out"
    });

    gsap.from(".gallery-description-box", {
        scrollTrigger: {
            trigger: ".gallery-description-box",
            start: "top 85%"
        },
        x: 100,
        opacity: 0,
        duration: 1
    });



    // ================= FEATURE CIRCLES =================

   gsap.fromTo(".feature-box",
{
    scale: 0,
    rotate: 20,
    opacity: 0
},
{
    scale: 1,
    rotate: 0,
    opacity: 1,
    stagger: 0.06,
    duration: 0.7,
    ease: "back.out(1.7)",
    scrollTrigger: {
        trigger: ".features-grid",
        start: "top 85%"
    }
});



    // ================= THUMBS =================

    gsap.fromTo(".gallery-thumb",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.1,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".gallery-thumbs",
        start: "top 90%"
    }
});



    // ================= BUS PNG =================

gsap.fromTo(".ideal-bus-bg",
{
    x: 0,        // تدخل من اليمين
    y: 50,         // ارتفاع بسيط كأنها على طريق
    opacity: 0,
    rotate: -8,     // ميل بسيط يعطي إحساس حركة
    scale: 0.95
},
{
    x: 0,
    y: 0,
    opacity: 1,
    rotate: 0,
    scale: 1,
    duration: 1.6,
    ease: "power4.out",
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 75%",
        toggleActions: "play none none reverse"
    }
});

// gsap.fromTo(".ideal-bus-bg",
// {
//     x: 0,
//     y: 0,        // ← غيري من 50 لـ 0
//     opacity: 0,
//     rotate: 0,   // ← غيري من -8 لـ 0
//     scale: 0.95
// },
// {
//     x: 0,
//     y: 0,
//     opacity: 1,
//     rotate: 0,
//     scale: 1,
//     duration: 1.6,
//     ease: "power4.out",
//     scrollTrigger: {
//         trigger: ".vehicle-ideal-section",
//         start: "top 75%",
//         toggleActions: "play none none reverse"
//     }
// });

    // ================= IDEAL CARDS =================

   gsap.fromTo(".ideal-box",
{
    opacity: 0,
    y: 80,
    scale: 0.8
},
{
    opacity: 1,
    y: 0,
    scale: 1,
    duration: 0.8,
    stagger: 0.15,
    ease: "power3.out",
    scrollTrigger: {
        trigger: ".ideal-grid",
        start: "top 85%",
        toggleActions: "play none none reverse"
    }
});



    // ================= CTA BUTTONS =================

   gsap.fromTo(".vehicle-ideal-section .hero-book-btn",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 80%"
    }
});
    setTimeout(() => {
        ScrollTrigger.refresh();
    }, 500);

});
</script>





</div>
						</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>VIP Sofa Bus</title>
		<link>https://haflatsalam.com/en/fleet/vip-sofa-bus/</link>
		
		<dc:creator><![CDATA[Rania nasr]]></dc:creator>
		<pubDate>Wed, 17 Jun 2026 01:49:26 +0000</pubDate>
				<guid isPermaLink="false">https://haflatsalam.com/?post_type=fleet&#038;p=3956</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3956" class="elementor elementor-3956">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-f0d3c42 e-con-full e-flex e-con e-parent" data-id="f0d3c42" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-c0e7832 elementor-widget__width-auto elementor-widget elementor-widget-shortcode" data-id="c0e7832" data-element_type="widget" data-e-type="widget" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">


<section class="vehicle-hero"

		 

style="background-image:url('https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-الكنب111.png');">

    <div class="vehicle-hero-content">



        


        <div class="vehicle-badge reveal">
    <span>
        <i class="fas fa-couch"></i>

        Exceptional Luxury    </span>
</div>



        <h1 class="vehicle-title reveal">

            VIP Sofa Bus
        </h1>



        <p class="vehicle-desc reveal">

            Sofa buses feature face-to-face seating, a beverage refrigerator, and modern screens, offering passengers an exceptional travel experience that combines comfort and luxury.
They also provide a premium interior cabin with an elegant design and spacious layout, making them the ideal choice for private trips, mobile meetings, and luxury transportation with the highest levels of comfort and safety.
        </p>

		<div class="d-flex 

    justify-content-center mb-3">

<div class="vehicle-features reveal">



    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-bus"></i>

        </div>

        <h3>VIP Sofa Bus</h3>

    </div>

<div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-couch"></i>

        </div>

        <h3>Luxurious sofa seating with face-to-face arrangement</h3>

    </div>

    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-users"></i>

        </div>

       <h3>
    33    Passengers</h3>

    </div>



    



</div>

			

		</div>



       <div class="d-flex gap-30 reveal">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20حافلات%20الكنب%20" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>



    </div>



</section>











<!-- ================= Gallery ================= -->



<section class="vehicle-gallery-section">



    


    <div class="vehicle-gallery-wrap">

<div class="section-heading reveal"> 
<span>Gallery</span>

<h2>Luxury Experience Inside & Out</h2>
<p>
Explore the vehicle details and premium features designed for comfort and safety.</p> 
</div>

        <!-- الصورة الكبيرة -->

        <div class="gallery-main reveal-zoom">



            <div class="gallery-overlay"></div>




<img decoding="async"
    id="main-gallery-image"
    src="https://haflatsalam.com/wp-content/uploads/2026/05/حافلات-الكنب1.png"
>



           



            <!-- الميزات -->

            <section class="vehicle-features-section">

 <!-- الوصف الدينامك -->

            <div class="gallery-description-box reveal">



             <h2 id="gallery-title">
    حافلات الكنب</h2>

<p id="gallery-description">
    تجمع حافلات الكنب بين الرفاهية والأمان، مع تصميم أنيق وداخلية فخمة ومريحة، صُممت لتكون الخيار الأمثل لتنقل فاخر وآمن..
</p>
 <div class="features-grid d-flex">



                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-wifi"></i>

                      <span>Wi-Fi</span>

                    </div>

                    


                    
                    <div class="feature-box  d-flex reveal">

                        <i class="fas fa-map-marker-alt"></i>
<span>GPS Tracking</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-plug"></i>

                       <span>USB Chargers</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-video"></i>

                        <span>Cameras</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-users"></i>

<span>Meeting Seating</span>
                    </div>

                    


                    
                    <div class="feature-box d-flex reveal" >

                        <i class="fas fa-glass-cheers"></i>

                       <span>Beverage Fridge</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-tv"></i>

<span>Screens</span>
                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-snowflake"></i>

                      <span>Air Conditioning</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-couch"></i>

                       <span>Luxury Seats</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-user-shield"></i>

<span>Privacy</span>
                    </div>

                    


                </div>


            </div>

               



            </section>



        </div>



        <!-- الصور الصغيرة -->

        <div class="gallery-thumbs">



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/حافلات-الكنب1-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/حافلات-الكنب1.png"
data-title="حافلات الكنب"
data-description="تجمع حافلات الكنب بين الرفاهية والأمان، مع تصميم أنيق وداخلية فخمة ومريحة، صُممت لتكون الخيار الأمثل لتنقل فاخر وآمن..
"

                    class="gallery-thumb active"

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/حافلات-الكنب-2-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/حافلات-الكنب-2.png"
data-title="حافلات الكنب"
data-description="حافلة تجمع بين الفخامة والأمان والتجهيزات المتطورة لتلبية مختلف احتياجات النقل الراقي."

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-الكنب3-169x300.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-الكنب3.jpeg"
data-title="حافلات الكنب"
data-description=""

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-الكنب4-225x300.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-الكنب4.jpeg"
data-title="حافلات الكنب"
data-description=""

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-الكنب1-169x300.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-الكنب1.jpeg"
data-title="حافلات الكنب"
data-description=""

                    class="gallery-thumb "

                >



            


        </div>



    </div>



    


</section>

<section class="vehicle-ideal-section">



    <div class="ideal-heading reveal">

<span>Ideal For</span>
<h2>Luxury for Every Journey</h2>


<p>
Premium amenities and exceptional travel experience designed for every need.</p>

    </div>

<div class="d-flex justify-content-center align-items-flex-start">

	

		 <div class="ideal-grid">



        
        <div class="ideal-box">

            <i class="fas fa-user-tie"></i>

            <p>Long and Premium Tourist Trips</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-road"></i>

            <p>Executive Transfers for Delegations and VIPs</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-handshake"></i>

            <p>Mobile Meetings and Private Events</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-users"></i>

            <p>Luxury Family and Group Trips</p>

        </div>

        


    </div>

	

	
<div class="d-flex justify-content-center flex-direction-column box-img">
    <img decoding="async"
        class="ideal-bus-bg reveal-right"
        src="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-الكنبvip-e1780633487231.png"
        alt="VIP Sofa Bus">

	

		<div class="d-flex gap-30 justify-content-center">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20حافلات%20الكنب%20" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp
        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>

	</div>

  


   

	</div>



</section>



<!-- ================= Gallery JS ================= -->



<script>

document.addEventListener('DOMContentLoaded', function () {



    const thumbs = document.querySelectorAll('.gallery-thumb');

    const mainImage = document.getElementById('main-gallery-image');



    const title = document.getElementById('gallery-title');

    const description = document.getElementById('gallery-description');



    if (!thumbs.length || !mainImage) return;



    thumbs.forEach(function(thumb){



        thumb.addEventListener('click', function(){



            mainImage.src = this.getAttribute('data-full');



            if(title){

                title.textContent = this.getAttribute('data-title');

            }



            if(description){

                description.textContent = this.getAttribute('data-description');

            }



            thumbs.forEach(function(t){

                t.classList.remove('active');

            });



            this.classList.add('active');



        });



    });



});



</script>


<script>
	window.addEventListener("load", () => {

   gsap.registerPlugin(ScrollTrigger);
    ScrollTrigger.config({ ignoreMobileResize: true });


    // ================= HERO INTRO =================

    const heroTl = gsap.timeline();

    heroTl
        .from(".vehicle-badge", {
            y: 30,
            opacity: 0,
            duration: 0.6
        })
        .from(".vehicle-title", {
            y: 80,
            opacity: 0,
            duration: 1
        }, "-=0.3")
        .from(".vehicle-desc", {
            y: 50,
            opacity: 0,
            duration: 0.8
        }, "-=0.5")
      .fromTo(".hero-book-btn",
{
    y: 30,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.6
}, "-=0.4");



    // ================= HERO PARALLAX =================

    gsap.to(".vehicle-hero-content", {
        y: -120,
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });

    gsap.to(".vehicle-hero", {
        backgroundPosition: "50% 80%",
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });



    // ================= FEATURES =================

    gsap.from(".feature-item", {
        scrollTrigger: {
            trigger: ".vehicle-features",
            start: "top 85%"
        },
        x: 80,
        opacity: 0,
        stagger: 0.2,
        duration: 1
    });



    // ================= GALLERY =================

    gsap.from(".gallery-main", {
        scrollTrigger: {
            trigger: ".gallery-main",
            start: "top 80%"
        },
        scale: 1.15,
        opacity: 0,
        duration: 1.3,
        ease: "power3.out"
    });

    gsap.from(".gallery-description-box", {
        scrollTrigger: {
            trigger: ".gallery-description-box",
            start: "top 85%"
        },
        x: 100,
        opacity: 0,
        duration: 1
    });



    // ================= FEATURE CIRCLES =================

   gsap.fromTo(".feature-box",
{
    scale: 0,
    rotate: 20,
    opacity: 0
},
{
    scale: 1,
    rotate: 0,
    opacity: 1,
    stagger: 0.06,
    duration: 0.7,
    ease: "back.out(1.7)",
    scrollTrigger: {
        trigger: ".features-grid",
        start: "top 85%"
    }
});



    // ================= THUMBS =================

    gsap.fromTo(".gallery-thumb",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.1,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".gallery-thumbs",
        start: "top 90%"
    }
});



    // ================= BUS PNG =================

gsap.fromTo(".ideal-bus-bg",
{
    x: 0,        // تدخل من اليمين
    y: 50,         // ارتفاع بسيط كأنها على طريق
    opacity: 0,
    rotate: -8,     // ميل بسيط يعطي إحساس حركة
    scale: 0.95
},
{
    x: 0,
    y: 0,
    opacity: 1,
    rotate: 0,
    scale: 1,
    duration: 1.6,
    ease: "power4.out",
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 75%",
        toggleActions: "play none none reverse"
    }
});

// gsap.fromTo(".ideal-bus-bg",
// {
//     x: 0,
//     y: 0,        // ← غيري من 50 لـ 0
//     opacity: 0,
//     rotate: 0,   // ← غيري من -8 لـ 0
//     scale: 0.95
// },
// {
//     x: 0,
//     y: 0,
//     opacity: 1,
//     rotate: 0,
//     scale: 1,
//     duration: 1.6,
//     ease: "power4.out",
//     scrollTrigger: {
//         trigger: ".vehicle-ideal-section",
//         start: "top 75%",
//         toggleActions: "play none none reverse"
//     }
// });

    // ================= IDEAL CARDS =================

   gsap.fromTo(".ideal-box",
{
    opacity: 0,
    y: 80,
    scale: 0.8
},
{
    opacity: 1,
    y: 0,
    scale: 1,
    duration: 0.8,
    stagger: 0.15,
    ease: "power3.out",
    scrollTrigger: {
        trigger: ".ideal-grid",
        start: "top 85%",
        toggleActions: "play none none reverse"
    }
});



    // ================= CTA BUTTONS =================

   gsap.fromTo(".vehicle-ideal-section .hero-book-btn",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 80%"
    }
});
    setTimeout(() => {
        ScrollTrigger.refresh();
    }, 500);

});
</script>





</div>
						</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>VIP Opposite-Seating Bus</title>
		<link>https://haflatsalam.com/en/fleet/vip-opposite-seating-bus/</link>
		
		<dc:creator><![CDATA[Rania nasr]]></dc:creator>
		<pubDate>Wed, 17 Jun 2026 01:40:52 +0000</pubDate>
				<guid isPermaLink="false">https://haflatsalam.com/?post_type=fleet&#038;p=3954</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3954" class="elementor elementor-3954">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-f0d3c42 e-con-full e-flex e-con e-parent" data-id="f0d3c42" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-c0e7832 elementor-widget__width-auto elementor-widget elementor-widget-shortcode" data-id="c0e7832" data-element_type="widget" data-e-type="widget" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">


<section class="vehicle-hero"

		 

style="background-image:url('https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-كراسي-متقابلة.png');">

    <div class="vehicle-hero-content">



        


        <div class="vehicle-badge reveal">
    <span>
        <i class="fas fa-handshake"></i>

        Perfect for Meetings    </span>
</div>



        <h1 class="vehicle-title reveal">

            VIP Opposite-Seating Bus
        </h1>



        <p class="vehicle-desc reveal">

            With its elegant design and luxurious interior cabin, the VIP opposite-seating bus offers an exceptional travel experience that combines comfort, privacy, and safety.

It features face-to-face seating with central tables and modern amenities such as screens, a beverage refrigerator, and charging ports—delivering a premium level of luxury on every journey.
        </p>

		<div class="d-flex 

    justify-content-center mb-3">

<div class="vehicle-features reveal">



    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-bus"></i>

        </div>

        <h3>VIP Opposite-Seating Bus</h3>

    </div>

<div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-couch"></i>

        </div>

        <h3>Premium leather face-to-face seats with central tables + comfortable armrests</h3>

    </div>

    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-users"></i>

        </div>

       <h3>
    33    Passengers</h3>

    </div>



    



</div>

			

		</div>



       <div class="d-flex gap-30 reveal">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20حافلات%20الكراسي%20المتقابلة" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>



    </div>



</section>











<!-- ================= Gallery ================= -->



<section class="vehicle-gallery-section">



    


    <div class="vehicle-gallery-wrap">

<div class="section-heading reveal"> 
<span>Gallery</span>

<h2>Luxury Experience Inside & Out</h2>
<p>
Explore the vehicle details and premium features designed for comfort and safety.</p> 
</div>

        <!-- الصورة الكبيرة -->

        <div class="gallery-main reveal-zoom">



            <div class="gallery-overlay"></div>




<img decoding="async"
    id="main-gallery-image"
    src="https://haflatsalam.com/wp-content/uploads/2026/05/حافلة-كراسي-متقابلة_.png"
>



           



            <!-- الميزات -->

            <section class="vehicle-features-section">

 <!-- الوصف الدينامك -->

            <div class="gallery-description-box reveal">



             <h2 id="gallery-title">
    حافلة كراسي متقابلة​</h2>

<p id="gallery-description">
    كراسي متقابلة بين الرفاهية والأمان، مع تصميم أنيق وداخلية فخمة ومريحة</p>
 <div class="features-grid d-flex">



                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-wifi"></i>

                      <span>Wi-Fi</span>

                    </div>

                    


                    
                    <div class="feature-box  d-flex reveal">

                        <i class="fas fa-map-marker-alt"></i>
<span>GPS Tracking</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-plug"></i>

                       <span>USB Chargers</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-video"></i>

                        <span>Cameras</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-users"></i>

<span>Meeting Seating</span>
                    </div>

                    


                    
                    <div class="feature-box d-flex reveal" >

                        <i class="fas fa-glass-cheers"></i>

                       <span>Beverage Fridge</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-tv"></i>

<span>Screens</span>
                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-snowflake"></i>

                      <span>Air Conditioning</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-couch"></i>

                       <span>Luxury Seats</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-user-shield"></i>

<span>Privacy</span>
                    </div>

                    


                </div>


            </div>

               



            </section>



        </div>



        <!-- الصور الصغيرة -->

        <div class="gallery-thumbs">



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/حافلة-كراسي-متقابلة_-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/حافلة-كراسي-متقابلة_.png"
data-title="حافلة كراسي متقابلة​"
data-description="كراسي متقابلة بين الرفاهية والأمان، مع تصميم أنيق وداخلية فخمة ومريحة"

                    class="gallery-thumb active"

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/حافلة-كراسي-متقابلة_2-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/حافلة-كراسي-متقابلة_2.png"
data-title="حافلة كراسي متقابلة​"
data-description="واجهة الحافلة الخارجية بتصميم عصري فاخر، مع خطوط انسيابية تعكس الطابع VIP ومظهر احترافي مناسب للنقل السياحي والتنفيذي."

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/حافلة-كراسي-متقابلة​2-225x300.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/حافلة-كراسي-متقابلة​2.jpeg"
data-title="حافلة كراسي متقابلة"
data-description=""

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/حافلة-كراسي-متقابلة​-240x300.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/حافلة-كراسي-متقابلة​.jpeg"
data-title="حافلة كراسي متقابلة​"
data-description=""

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/حافلة-كراسي-متقابلة​2-225x300.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/حافلة-كراسي-متقابلة​2.jpeg"
data-title="حافلة كراسي متقابلة"
data-description=""

                    class="gallery-thumb "

                >



            


        </div>



    </div>



    


</section>

<section class="vehicle-ideal-section">



    <div class="ideal-heading reveal">

<span>Ideal For</span>
<h2>Luxury for Every Journey</h2>


<p>
Premium amenities and exceptional travel experience designed for every need.</p>

    </div>

<div class="d-flex justify-content-center align-items-flex-start">

	

		 <div class="ideal-grid">



        
        <div class="ideal-box">

            <i class="fas fa-user-tie"></i>

            <p>Long Group Trips</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-road"></i>

            <p>Executive Transportation for VIPs</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-handshake"></i>

            <p> Corporate &amp; Official Delegation Transfers</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-users"></i>

            <p>  Luxury Tourism Trips</p>

        </div>

        


    </div>

	

	
<div class="d-flex justify-content-center flex-direction-column box-img">
    <img decoding="async"
        class="ideal-bus-bg reveal-right"
        src="https://haflatsalam.com/wp-content/uploads/2026/06/حافلة-كراسي-متقابلة.png"
        alt="VIP Opposite-Seating Bus">

	

		<div class="d-flex gap-30 justify-content-center">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20حافلات%20الكراسي%20المتقابلة" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp
        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>

	</div>

  


   

	</div>



</section>



<!-- ================= Gallery JS ================= -->



<script>

document.addEventListener('DOMContentLoaded', function () {



    const thumbs = document.querySelectorAll('.gallery-thumb');

    const mainImage = document.getElementById('main-gallery-image');



    const title = document.getElementById('gallery-title');

    const description = document.getElementById('gallery-description');



    if (!thumbs.length || !mainImage) return;



    thumbs.forEach(function(thumb){



        thumb.addEventListener('click', function(){



            mainImage.src = this.getAttribute('data-full');



            if(title){

                title.textContent = this.getAttribute('data-title');

            }



            if(description){

                description.textContent = this.getAttribute('data-description');

            }



            thumbs.forEach(function(t){

                t.classList.remove('active');

            });



            this.classList.add('active');



        });



    });



});



</script>


<script>
	window.addEventListener("load", () => {

   gsap.registerPlugin(ScrollTrigger);
    ScrollTrigger.config({ ignoreMobileResize: true });


    // ================= HERO INTRO =================

    const heroTl = gsap.timeline();

    heroTl
        .from(".vehicle-badge", {
            y: 30,
            opacity: 0,
            duration: 0.6
        })
        .from(".vehicle-title", {
            y: 80,
            opacity: 0,
            duration: 1
        }, "-=0.3")
        .from(".vehicle-desc", {
            y: 50,
            opacity: 0,
            duration: 0.8
        }, "-=0.5")
      .fromTo(".hero-book-btn",
{
    y: 30,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.6
}, "-=0.4");



    // ================= HERO PARALLAX =================

    gsap.to(".vehicle-hero-content", {
        y: -120,
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });

    gsap.to(".vehicle-hero", {
        backgroundPosition: "50% 80%",
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });



    // ================= FEATURES =================

    gsap.from(".feature-item", {
        scrollTrigger: {
            trigger: ".vehicle-features",
            start: "top 85%"
        },
        x: 80,
        opacity: 0,
        stagger: 0.2,
        duration: 1
    });



    // ================= GALLERY =================

    gsap.from(".gallery-main", {
        scrollTrigger: {
            trigger: ".gallery-main",
            start: "top 80%"
        },
        scale: 1.15,
        opacity: 0,
        duration: 1.3,
        ease: "power3.out"
    });

    gsap.from(".gallery-description-box", {
        scrollTrigger: {
            trigger: ".gallery-description-box",
            start: "top 85%"
        },
        x: 100,
        opacity: 0,
        duration: 1
    });



    // ================= FEATURE CIRCLES =================

   gsap.fromTo(".feature-box",
{
    scale: 0,
    rotate: 20,
    opacity: 0
},
{
    scale: 1,
    rotate: 0,
    opacity: 1,
    stagger: 0.06,
    duration: 0.7,
    ease: "back.out(1.7)",
    scrollTrigger: {
        trigger: ".features-grid",
        start: "top 85%"
    }
});



    // ================= THUMBS =================

    gsap.fromTo(".gallery-thumb",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.1,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".gallery-thumbs",
        start: "top 90%"
    }
});



    // ================= BUS PNG =================

gsap.fromTo(".ideal-bus-bg",
{
    x: 0,        // تدخل من اليمين
    y: 50,         // ارتفاع بسيط كأنها على طريق
    opacity: 0,
    rotate: -8,     // ميل بسيط يعطي إحساس حركة
    scale: 0.95
},
{
    x: 0,
    y: 0,
    opacity: 1,
    rotate: 0,
    scale: 1,
    duration: 1.6,
    ease: "power4.out",
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 75%",
        toggleActions: "play none none reverse"
    }
});

// gsap.fromTo(".ideal-bus-bg",
// {
//     x: 0,
//     y: 0,        // ← غيري من 50 لـ 0
//     opacity: 0,
//     rotate: 0,   // ← غيري من -8 لـ 0
//     scale: 0.95
// },
// {
//     x: 0,
//     y: 0,
//     opacity: 1,
//     rotate: 0,
//     scale: 1,
//     duration: 1.6,
//     ease: "power4.out",
//     scrollTrigger: {
//         trigger: ".vehicle-ideal-section",
//         start: "top 75%",
//         toggleActions: "play none none reverse"
//     }
// });

    // ================= IDEAL CARDS =================

   gsap.fromTo(".ideal-box",
{
    opacity: 0,
    y: 80,
    scale: 0.8
},
{
    opacity: 1,
    y: 0,
    scale: 1,
    duration: 0.8,
    stagger: 0.15,
    ease: "power3.out",
    scrollTrigger: {
        trigger: ".ideal-grid",
        start: "top 85%",
        toggleActions: "play none none reverse"
    }
});



    // ================= CTA BUTTONS =================

   gsap.fromTo(".vehicle-ideal-section .hero-book-btn",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 80%"
    }
});
    setTimeout(() => {
        ScrollTrigger.refresh();
    }, 500);

});
</script>





</div>
						</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Toyota Coaster</title>
		<link>https://haflatsalam.com/en/fleet/toyota-coaster/</link>
		
		<dc:creator><![CDATA[Rania nasr]]></dc:creator>
		<pubDate>Wed, 17 Jun 2026 00:46:25 +0000</pubDate>
				<guid isPermaLink="false">https://haflatsalam.com/?post_type=fleet&#038;p=3934</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3934" class="elementor elementor-3934">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-f0d3c42 e-con-full e-flex e-con e-parent" data-id="f0d3c42" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-c0e7832 elementor-widget__width-auto elementor-widget elementor-widget-shortcode" data-id="c0e7832" data-element_type="widget" data-e-type="widget" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">


<section class="vehicle-hero"

		 

style="background-image:url('https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-تويوتا-كوستر111.png');">

    <div class="vehicle-hero-content">



        


        <div class="vehicle-badge reveal">
    <span>
        <i class="fas fa-wallet"></i>

        Economical Choice    </span>
</div>



        <h1 class="vehicle-title reveal">

            Toyota Coaster
        </h1>



        <p class="vehicle-desc reveal">

            Toyota Coaster combines efficiency and comfort to deliver a practical and cost-effective transportation experience. With a capacity of 23 seats and fully equipped features including air conditioning and safety systems, it is designed to suit a wide range of trips and requirements with a high level of reliability.

        </p>

		<div class="d-flex 

    justify-content-center mb-3">

<div class="vehicle-features reveal">



    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-bus"></i>

        </div>

        <h3>Toyota Coaster</h3>

    </div>

<div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-couch"></i>

        </div>

        <h3>Leather seats + comfortable design for medium-distance trips</h3>

    </div>

    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-users"></i>

        </div>

       <h3>
    23    Passengers</h3>

    </div>



    



</div>

			

		</div>



       <div class="d-flex gap-30 reveal">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20حافلات%20تويوتا%20كوستر" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>



    </div>



</section>











<!-- ================= Gallery ================= -->



<section class="vehicle-gallery-section">



    


    <div class="vehicle-gallery-wrap">

<div class="section-heading reveal"> 
<span>Gallery</span>

<h2>Luxury Experience Inside & Out</h2>
<p>
Explore the vehicle details and premium features designed for comfort and safety.</p> 
</div>

        <!-- الصورة الكبيرة -->

        <div class="gallery-main reveal-zoom">



            <div class="gallery-overlay"></div>




<img decoding="async"
    id="main-gallery-image"
    src="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-تويوتا-كوستر1.png"
>



           



            <!-- الميزات -->

            <section class="vehicle-features-section">

 <!-- الوصف الدينامك -->

            <div class="gallery-description-box reveal">



             <h2 id="gallery-title">
    Toyota Coaster</h2>

<p id="gallery-description">
    An economical bus equipped with air conditioning and safety systems, suitable for all transportation needs.
</p>
 <div class="features-grid d-flex">



                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-wifi"></i>

                      <span>Wi-Fi</span>

                    </div>

                    


                    
                    <div class="feature-box  d-flex reveal">

                        <i class="fas fa-map-marker-alt"></i>
<span>GPS Tracking</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-plug"></i>

                       <span>USB Chargers</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-video"></i>

                        <span>Cameras</span>

                    </div>

                    


                    


                    


                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-snowflake"></i>

                      <span>Air Conditioning</span>

                    </div>

                    


                    


                    


                </div>


            </div>

               



            </section>



        </div>



        <!-- الصور الصغيرة -->

        <div class="gallery-thumbs">



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-تويوتا-كوستر1-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-تويوتا-كوستر1.png"
data-title="Toyota Coaster"
data-description="An economical bus equipped with air conditioning and safety systems, suitable for all transportation needs.
"

                    class="gallery-thumb active"

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-تويوتا-كوستر2-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-تويوتا-كوستر2.png"
data-title="Toyota Coaster"
data-description="Exterior design of the Toyota Coaster bus reflects practicality and reliability, featuring a compact body suitable for urban transportation and short trips."

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-تويوتا-كوستر3-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-تويوتا-كوستر3.png"
data-title="Toyota Coaster"
data-description="The interior cabin features a well-organized seat layout with a central aisle that facilitates movement and provides enhanced passenger comfort."

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/حافلات-تويوتا-كوستر4-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/حافلات-تويوتا-كوستر4.png"
data-title="حافلات تويوتا كوستر"
data-description="مخرج الطوارئ وتجهيزات الأمان الداخلية التي تعزز مستوى السلامة للركاب في مختلف الظروف."

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/05/حافلات-تويوتا-كوستر5-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/05/حافلات-تويوتا-كوستر5.png"
data-title="حافلات تويوتا كوستر"
data-description="مقاعد الحافلة المريحة بفرش عملي مع مساند جانبية مناسبة للرحلات اليومية والتنقلات الجماعية."

                    class="gallery-thumb "

                >



            


        </div>



    </div>



    


</section>

<section class="vehicle-ideal-section">



    <div class="ideal-heading reveal">

<span>Ideal For</span>
<h2>Luxury for Every Journey</h2>


<p>
Premium amenities and exceptional travel experience designed for every need.</p>

    </div>

<div class="d-flex justify-content-center align-items-flex-start">

	

		 <div class="ideal-grid">



        
        <div class="ideal-box">

            <i class="fas fa-user-tie"></i>

            <p>Short recreational and tourism trips</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-road"></i>

            <p>Daily corporate commuting</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-handshake"></i>

            <p>Intra-city transportation services</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-users"></i>

            <p>School &amp; University Transportation</p>

        </div>

        


    </div>

	

	
<div class="d-flex justify-content-center flex-direction-column box-img">
    <img decoding="async"
        class="ideal-bus-bg reveal-right"
        src="https://haflatsalam.com/wp-content/uploads/2026/06/حافلات-تويوتا-كوستر.png"
        alt="Toyota Coaster">

	

		<div class="d-flex gap-30 justify-content-center">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20حافلات%20تويوتا%20كوستر" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp
        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>

	</div>

  


   

	</div>



</section>



<!-- ================= Gallery JS ================= -->



<script>

document.addEventListener('DOMContentLoaded', function () {



    const thumbs = document.querySelectorAll('.gallery-thumb');

    const mainImage = document.getElementById('main-gallery-image');



    const title = document.getElementById('gallery-title');

    const description = document.getElementById('gallery-description');



    if (!thumbs.length || !mainImage) return;



    thumbs.forEach(function(thumb){



        thumb.addEventListener('click', function(){



            mainImage.src = this.getAttribute('data-full');



            if(title){

                title.textContent = this.getAttribute('data-title');

            }



            if(description){

                description.textContent = this.getAttribute('data-description');

            }



            thumbs.forEach(function(t){

                t.classList.remove('active');

            });



            this.classList.add('active');



        });



    });



});



</script>


<script>
	window.addEventListener("load", () => {

   gsap.registerPlugin(ScrollTrigger);
    ScrollTrigger.config({ ignoreMobileResize: true });


    // ================= HERO INTRO =================

    const heroTl = gsap.timeline();

    heroTl
        .from(".vehicle-badge", {
            y: 30,
            opacity: 0,
            duration: 0.6
        })
        .from(".vehicle-title", {
            y: 80,
            opacity: 0,
            duration: 1
        }, "-=0.3")
        .from(".vehicle-desc", {
            y: 50,
            opacity: 0,
            duration: 0.8
        }, "-=0.5")
      .fromTo(".hero-book-btn",
{
    y: 30,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.6
}, "-=0.4");



    // ================= HERO PARALLAX =================

    gsap.to(".vehicle-hero-content", {
        y: -120,
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });

    gsap.to(".vehicle-hero", {
        backgroundPosition: "50% 80%",
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });



    // ================= FEATURES =================

    gsap.from(".feature-item", {
        scrollTrigger: {
            trigger: ".vehicle-features",
            start: "top 85%"
        },
        x: 80,
        opacity: 0,
        stagger: 0.2,
        duration: 1
    });



    // ================= GALLERY =================

    gsap.from(".gallery-main", {
        scrollTrigger: {
            trigger: ".gallery-main",
            start: "top 80%"
        },
        scale: 1.15,
        opacity: 0,
        duration: 1.3,
        ease: "power3.out"
    });

    gsap.from(".gallery-description-box", {
        scrollTrigger: {
            trigger: ".gallery-description-box",
            start: "top 85%"
        },
        x: 100,
        opacity: 0,
        duration: 1
    });



    // ================= FEATURE CIRCLES =================

   gsap.fromTo(".feature-box",
{
    scale: 0,
    rotate: 20,
    opacity: 0
},
{
    scale: 1,
    rotate: 0,
    opacity: 1,
    stagger: 0.06,
    duration: 0.7,
    ease: "back.out(1.7)",
    scrollTrigger: {
        trigger: ".features-grid",
        start: "top 85%"
    }
});



    // ================= THUMBS =================

    gsap.fromTo(".gallery-thumb",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.1,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".gallery-thumbs",
        start: "top 90%"
    }
});



    // ================= BUS PNG =================

gsap.fromTo(".ideal-bus-bg",
{
    x: 0,        // تدخل من اليمين
    y: 50,         // ارتفاع بسيط كأنها على طريق
    opacity: 0,
    rotate: -8,     // ميل بسيط يعطي إحساس حركة
    scale: 0.95
},
{
    x: 0,
    y: 0,
    opacity: 1,
    rotate: 0,
    scale: 1,
    duration: 1.6,
    ease: "power4.out",
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 75%",
        toggleActions: "play none none reverse"
    }
});

// gsap.fromTo(".ideal-bus-bg",
// {
//     x: 0,
//     y: 0,        // ← غيري من 50 لـ 0
//     opacity: 0,
//     rotate: 0,   // ← غيري من -8 لـ 0
//     scale: 0.95
// },
// {
//     x: 0,
//     y: 0,
//     opacity: 1,
//     rotate: 0,
//     scale: 1,
//     duration: 1.6,
//     ease: "power4.out",
//     scrollTrigger: {
//         trigger: ".vehicle-ideal-section",
//         start: "top 75%",
//         toggleActions: "play none none reverse"
//     }
// });

    // ================= IDEAL CARDS =================

   gsap.fromTo(".ideal-box",
{
    opacity: 0,
    y: 80,
    scale: 0.8
},
{
    opacity: 1,
    y: 0,
    scale: 1,
    duration: 0.8,
    stagger: 0.15,
    ease: "power3.out",
    scrollTrigger: {
        trigger: ".ideal-grid",
        start: "top 85%",
        toggleActions: "play none none reverse"
    }
});



    // ================= CTA BUTTONS =================

   gsap.fromTo(".vehicle-ideal-section .hero-book-btn",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 80%"
    }
});
    setTimeout(() => {
        ScrollTrigger.refresh();
    }, 500);

});
</script>





</div>
						</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Toyota Hiace</title>
		<link>https://haflatsalam.com/en/fleet/toyota-hiace/</link>
		
		<dc:creator><![CDATA[Rania nasr]]></dc:creator>
		<pubDate>Wed, 17 Jun 2026 00:08:03 +0000</pubDate>
				<guid isPermaLink="false">https://haflatsalam.com/?post_type=fleet&#038;p=3928</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3928" class="elementor elementor-3928">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-f0d3c42 e-con-full e-flex e-con e-parent" data-id="f0d3c42" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}">
				<div data-ka-cursor-size="1" class="elementor-element elementor-element-c0e7832 elementor-widget__width-auto elementor-widget elementor-widget-shortcode" data-id="c0e7832" data-element_type="widget" data-e-type="widget" data-settings="{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">


<section class="vehicle-hero"

		 

style="background-image:url('https://haflatsalam.com/wp-content/uploads/2026/06/تويوتا-هايس1.png');">

    <div class="vehicle-hero-content">



        


        <div class="vehicle-badge reveal">
    <span>
        <i class="fas fa-shuttle-van"></i>

        Flexible &amp; Practical    </span>
</div>



        <h1 class="vehicle-title reveal">

            Toyota Hiace
        </h1>



        <p class="vehicle-desc reveal">

            The Toyota Hiace offers a practical and cost-effective solution for safe transportation, with a 13-seat capacity, making it the ideal choice for small work teams and daily trips with high comfort and reliability. It comes equipped with modern features such as Wi-Fi, cameras, chargers, and a tracking system.

        </p>

		<div class="d-flex 

    justify-content-center mb-3">

<div class="vehicle-features reveal">



    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-bus"></i>

        </div>

        <h3>Toyota Hiace</h3>

    </div>

<div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-couch"></i>

        </div>

        <h3>Comfortable practical seating + compact design providing enhanced interior movement space.</h3>

    </div>

    <div class="feature-item">

        <div class="feature-icon">

            <i class="fas fa-users"></i>

        </div>

       <h3>
    13    Passengers</h3>

    </div>



    



</div>

			

		</div>



       <div class="d-flex gap-30 reveal">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20تويوتا%20هايس" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>



    </div>



</section>











<!-- ================= Gallery ================= -->



<section class="vehicle-gallery-section">



    


    <div class="vehicle-gallery-wrap">

<div class="section-heading reveal"> 
<span>Gallery</span>

<h2>Luxury Experience Inside & Out</h2>
<p>
Explore the vehicle details and premium features designed for comfort and safety.</p> 
</div>

        <!-- الصورة الكبيرة -->

        <div class="gallery-main reveal-zoom">



            <div class="gallery-overlay"></div>




<img decoding="async"
    id="main-gallery-image"
    src="https://haflatsalam.com/wp-content/uploads/2026/06/تويوتا-هايس5.jpeg"
>



           



            <!-- الميزات -->

            <section class="vehicle-features-section">

 <!-- الوصف الدينامك -->

            <div class="gallery-description-box reveal">



             <h2 id="gallery-title">
    تويوتا هايس5</h2>

<p id="gallery-description">
    </p>
 <div class="features-grid d-flex">



                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-wifi"></i>

                      <span>Wi-Fi</span>

                    </div>

                    


                    
                    <div class="feature-box  d-flex reveal">

                        <i class="fas fa-map-marker-alt"></i>
<span>GPS Tracking</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-plug"></i>

                       <span>USB Chargers</span>

                    </div>

                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-video"></i>

                        <span>Cameras</span>

                    </div>

                    


                    


                    


                    


                    
                    <div class="feature-box d-flex reveal">

                        <i class="fas fa-snowflake"></i>

                      <span>Air Conditioning</span>

                    </div>

                    


                    


                    


                </div>


            </div>

               



            </section>



        </div>



        <!-- الصور الصغيرة -->

        <div class="gallery-thumbs">



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/تويوتا-هايس5-300x169.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/تويوتا-هايس5.jpeg"
data-title="تويوتا هايس5"
data-description=""

                    class="gallery-thumb active"

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/تويوتا-هايس4-225x300.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/تويوتا-هايس4.jpeg"
data-title="تويوتا هايس4"
data-description=""

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/تويوتا-هايس3-168x300.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/تويوتا-هايس3.jpeg"
data-title="تويوتا هايس3"
data-description=""

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/تويوتا-هايس2-225x300.jpeg"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/تويوتا-هايس2.jpeg"
data-title="تويوتا هايس2"
data-description=""

                    class="gallery-thumb "

                >



            


                <img decoding="async"

                   src="https://haflatsalam.com/wp-content/uploads/2026/06/تويوتا-هايس5-300x200.png"
data-full="https://haflatsalam.com/wp-content/uploads/2026/06/تويوتا-هايس5.png"
data-title="تويوتا هايس5"
data-description=""

                    class="gallery-thumb "

                >



            


        </div>



    </div>



    


</section>

<section class="vehicle-ideal-section">



    <div class="ideal-heading reveal">

<span>Ideal For</span>
<h2>Luxury for Every Journey</h2>


<p>
Premium amenities and exceptional travel experience designed for every need.</p>

    </div>

<div class="d-flex justify-content-center align-items-flex-start">

	

		 <div class="ideal-grid">



        
        <div class="ideal-box">

            <i class="fas fa-user-tie"></i>

            <p>Transportation for small work teams</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-road"></i>

            <p>Short and medium daily trips</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-handshake"></i>

            <p>Private and corporate transportation</p>

        </div>

        


        
        <div class="ideal-box">

            <i class="fas fa-users"></i>

            <p>Economical Transportation Services</p>

        </div>

        


    </div>

	

	
<div class="d-flex justify-content-center flex-direction-column box-img">
    <img decoding="async"
        class="ideal-bus-bg reveal-right"
        src="https://haflatsalam.com/wp-content/uploads/2026/06/تويوتا-هايس5.png"
        alt="Toyota Hiace">

	

		<div class="d-flex gap-30 justify-content-center">

	

		    <a href="https://wa.me/966551049198?text=مرحبا%20اريد%20الاستفسار%20عن%20تويوتا%20هايس" class="hero-book-btn" target="_blank" rel="noopener">

Book via WhatsApp
        </a>

		   	    <a href="tel:+966551049198"

           class="hero-book-btn btn-call"

           target="_blank"

           rel="noopener">

      Call Now 

        </a>

		</div>

	</div>

  


   

	</div>



</section>



<!-- ================= Gallery JS ================= -->



<script>

document.addEventListener('DOMContentLoaded', function () {



    const thumbs = document.querySelectorAll('.gallery-thumb');

    const mainImage = document.getElementById('main-gallery-image');



    const title = document.getElementById('gallery-title');

    const description = document.getElementById('gallery-description');



    if (!thumbs.length || !mainImage) return;



    thumbs.forEach(function(thumb){



        thumb.addEventListener('click', function(){



            mainImage.src = this.getAttribute('data-full');



            if(title){

                title.textContent = this.getAttribute('data-title');

            }



            if(description){

                description.textContent = this.getAttribute('data-description');

            }



            thumbs.forEach(function(t){

                t.classList.remove('active');

            });



            this.classList.add('active');



        });



    });



});



</script>


<script>
	window.addEventListener("load", () => {

   gsap.registerPlugin(ScrollTrigger);
    ScrollTrigger.config({ ignoreMobileResize: true });


    // ================= HERO INTRO =================

    const heroTl = gsap.timeline();

    heroTl
        .from(".vehicle-badge", {
            y: 30,
            opacity: 0,
            duration: 0.6
        })
        .from(".vehicle-title", {
            y: 80,
            opacity: 0,
            duration: 1
        }, "-=0.3")
        .from(".vehicle-desc", {
            y: 50,
            opacity: 0,
            duration: 0.8
        }, "-=0.5")
      .fromTo(".hero-book-btn",
{
    y: 30,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.6
}, "-=0.4");



    // ================= HERO PARALLAX =================

    gsap.to(".vehicle-hero-content", {
        y: -120,
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });

    gsap.to(".vehicle-hero", {
        backgroundPosition: "50% 80%",
        ease: "none",
        scrollTrigger: {
            trigger: ".vehicle-hero",
            start: "top top",
            end: "bottom top",
            scrub: true
        }
    });



    // ================= FEATURES =================

    gsap.from(".feature-item", {
        scrollTrigger: {
            trigger: ".vehicle-features",
            start: "top 85%"
        },
        x: 80,
        opacity: 0,
        stagger: 0.2,
        duration: 1
    });



    // ================= GALLERY =================

    gsap.from(".gallery-main", {
        scrollTrigger: {
            trigger: ".gallery-main",
            start: "top 80%"
        },
        scale: 1.15,
        opacity: 0,
        duration: 1.3,
        ease: "power3.out"
    });

    gsap.from(".gallery-description-box", {
        scrollTrigger: {
            trigger: ".gallery-description-box",
            start: "top 85%"
        },
        x: 100,
        opacity: 0,
        duration: 1
    });



    // ================= FEATURE CIRCLES =================

   gsap.fromTo(".feature-box",
{
    scale: 0,
    rotate: 20,
    opacity: 0
},
{
    scale: 1,
    rotate: 0,
    opacity: 1,
    stagger: 0.06,
    duration: 0.7,
    ease: "back.out(1.7)",
    scrollTrigger: {
        trigger: ".features-grid",
        start: "top 85%"
    }
});



    // ================= THUMBS =================

    gsap.fromTo(".gallery-thumb",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.1,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".gallery-thumbs",
        start: "top 90%"
    }
});



    // ================= BUS PNG =================

gsap.fromTo(".ideal-bus-bg",
{
    x: 0,        // تدخل من اليمين
    y: 50,         // ارتفاع بسيط كأنها على طريق
    opacity: 0,
    rotate: -8,     // ميل بسيط يعطي إحساس حركة
    scale: 0.95
},
{
    x: 0,
    y: 0,
    opacity: 1,
    rotate: 0,
    scale: 1,
    duration: 1.6,
    ease: "power4.out",
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 75%",
        toggleActions: "play none none reverse"
    }
});

// gsap.fromTo(".ideal-bus-bg",
// {
//     x: 0,
//     y: 0,        // ← غيري من 50 لـ 0
//     opacity: 0,
//     rotate: 0,   // ← غيري من -8 لـ 0
//     scale: 0.95
// },
// {
//     x: 0,
//     y: 0,
//     opacity: 1,
//     rotate: 0,
//     scale: 1,
//     duration: 1.6,
//     ease: "power4.out",
//     scrollTrigger: {
//         trigger: ".vehicle-ideal-section",
//         start: "top 75%",
//         toggleActions: "play none none reverse"
//     }
// });

    // ================= IDEAL CARDS =================

   gsap.fromTo(".ideal-box",
{
    opacity: 0,
    y: 80,
    scale: 0.8
},
{
    opacity: 1,
    y: 0,
    scale: 1,
    duration: 0.8,
    stagger: 0.15,
    ease: "power3.out",
    scrollTrigger: {
        trigger: ".ideal-grid",
        start: "top 85%",
        toggleActions: "play none none reverse"
    }
});



    // ================= CTA BUTTONS =================

   gsap.fromTo(".vehicle-ideal-section .hero-book-btn",
{
    y: 40,
    opacity: 0
},
{
    y: 0,
    opacity: 1,
    stagger: 0.15,
    duration: 0.8,
    scrollTrigger: {
        trigger: ".vehicle-ideal-section",
        start: "top 80%"
    }
});
    setTimeout(() => {
        ScrollTrigger.refresh();
    }, 500);

});
</script>





</div>
						</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
