BLACKSITE


	: 216.73.217.148
	: 172.93.223.125 / www.geeteetravels.com
	: Linux ubuntu 5.15.0-179-generic #189-Ubuntu SMP Tue May 5 18:20:56 UTC 2026 x86_64
: /home/geeteetravels/public_html/
files >> /home/geeteetravels/public_html/about.php
 <?php 
$currentPage = 'about'; 
$pageTitle = 'About Geetee Travels | 24+ Years of Luxury Travel Excellence in India'; 
$pageDescription = 'Learn more about Geetee Travels, a trusted name in premium chauffeur-driven car rentals for over two decades. Discover our mission, values, and commitment to luxury travel.';
require_once 'admin/config.php';
include 'includes/header.php'; 
?>

<!-- Add Redesign Specific CSS & AOS Library -->
<link rel="stylesheet" href="css/about-redesign.css?v=1.3">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

<div class="about-redesign">
    <!-- Section Hero Banner (Full Width, Centered) -->
    <section class="hero-breadcrumb">
        <!-- Full-width banner with centered focus -->
    </section>

    <!-- Section 1: Company Overview (Horizontal Strip Card) -->
    <section class="overview-section">
        <div class="container-fluid">
            <div data-aos="fade-up" class="luxury-overview-card">
                <!-- Content Top: Badge & Title -->
                <div class="content-header">
                    <span class="experience-badge">24+ Years of Excellence</span>
                    <h1 class="overview-title" style="font-size: 38px; line-height: 1.2; margin-top: 10px;">
                        Pioneering Premium <br><span class="gold-accent">Chauffeur Travel Solutions</span>
                    </h1>
                    <div class="title-accent"></div>
                </div>

                <!-- Content Body: Description -->
                <div class="overview-text-content">
                    <p>
                        Geetee Travels Private Limited is a Mumbai-based, family-owned and operated company with over 18 years of experience in the travel and transportation industries. Over the years, we have built a strong reputation for delivering reliable, safe, and timely transportation services while maintaining a customer-first approach.
                    </p>
                    <p>
                        We firmly believe that our clients are our most valuable asset, and we are committed to serving each customer with equal importance, professionalism, and attention to detail.
                    </p>
                    <p>
                        A diverse and well-maintained fleet and a dedicated team of experienced professionals across all service areas support our operations. From individual travel requirements to large-scale logistics coordination, we provide tailored mobility solutions designed to meet the highest standards of quality and efficiency.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- Section 2: Our Services -->
    <section class="services-section section-padding">
        <div class="container">
            <h2 class="section-title" data-aos="fade-up">Our Premium <span class="gold-accent">Services</span></h2>
            <div class="services-grid">
                <div class="service-mini-card" data-aos="fade-up" data-aos-delay="100">
                    <i class="fa fa-location-arrow service-icon"></i>
                    <h4 class="service-name">Point-to-Point Transfers</h4>
                    <p class="service-text">Efficient and reliable city-to-city transportation.</p>
                </div>
                <div class="service-mini-card" data-aos="fade-up" data-aos-delay="200">
                    <i class="fa fa-plane service-icon"></i>
                    <h4 class="service-name">Airport Transfers</h4>
                    <p class="service-text">Timely pick-ups and drop-offs for arrivals and departures.</p>
                </div>
                <div class="service-mini-card" data-aos="fade-up" data-aos-delay="300">
                    <i class="fa fa-briefcase service-icon"></i>
                    <h4 class="service-name">Corporate Transportation</h4>
                    <p class="service-text">Tailored travel management for businesses and teams.</p>
                </div>
                <div class="service-mini-card" data-aos="fade-up" data-aos-delay="400">
                    <i class="fa fa-gift service-icon"></i>
                    <h4 class="service-name">Wedding and Event Logistics</h4>
                    <p class="service-text">Luxury transportation for your most special occasions.</p>
                </div>
                <div class="service-mini-card" data-aos="fade-up" data-aos-delay="500">
                    <i class="fa fa-users service-icon"></i>
                    <h4 class="service-name">Delegate and Group Movements</h4>
                    <p class="service-text">Seamless coordination for large groups and conferences.</p>
                </div>
                <div class="service-mini-card" data-aos="fade-up" data-aos-delay="600">
                    <i class="fa fa-calendar service-icon"></i>
                    <h4 class="service-name">Long-term Vehicle Rentals</h4>
                    <p class="service-text">Flexible rental options for individuals and corporates.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Section 3 & 4: Mission & Vision -->
    <section class="mission-vision-section section-padding">
        <div class="container">
            <div class="mission-vision-grid">
                <div class="mv-card mission-card" data-aos="fade-right">
                    <i class="fa fa-bullseye mv-icon gold-accent"></i>
                    <h3 class="mv-title">Our Mission</h3>
                    <p class="mv-text">
                        To consistently deliver high-quality, safe, and reliable transportation services that provide maximum value to our customers.
                    </p>
                    <p class="mv-text">
                        We are committed to operating with the highest level of professionalism, while fostering long-term relationships through personalized service, operational excellence, and a strong focus on customer satisfaction.
                    </p>
                </div>
                <div class="mv-card vision-card" data-aos="fade-left">
                    <i class="fa fa-eye mv-icon gold-accent"></i>
                    <h3 class="mv-title">Our Vision</h3>
                    <p class="mv-text">
                        To be recognised as a leading and trusted transportation provider in the industry, driven by continuous innovation, service excellence, and sustainable growth.
                    </p>
                    <p class="mv-text">
                        We aim to strengthen our position through consistent performance, customer-centric practices, and the adoption of evolving industry standards, ensuring long-term value for our clients and stakeholders.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- Section 5: Our Strengths -->
    <section class="strengths-section section-padding">
        <div class="container">
            <h2 class="section-title" data-aos="fade-up">Our Core <span class="gold-accent">Strengths</span></h2>
            <div class="strengths-grid">
                <div class="strength-card" data-aos="zoom-in" data-aos-delay="100">
                    <i class="fa fa-car strength-icon"></i>
                    <h5 class="strength-title">Luxury Fleet</h5>
                    <p class="strength-desc">From Toyota Innovas to premium Mercedes-Benz vehicles.</p>
                </div>
                <div class="strength-card" data-aos="zoom-in" data-aos-delay="200">
                    <i class="fa fa-shield strength-icon"></i>
                    <h5 class="strength-title">Unmatched Safety</h5>
                    <p class="strength-desc">Professionally trained chauffeurs ensuring a safe journey.</p>
                </div>
                <div class="strength-card" data-aos="zoom-in" data-aos-delay="300">
                    <i class="fa fa-clock-o strength-icon"></i>
                    <h5 class="strength-title">Punctuality</h5>
                    <p class="strength-desc">A commitment to timely services and smooth transitions.</p>
                </div>
                <div class="strength-card" data-aos="zoom-in" data-aos-delay="400">
                    <i class="fa fa-star strength-icon"></i>
                    <h5 class="strength-title">Professionalism</h5>
                    <p class="strength-desc">Quality and attention to detail for international standards.</p>
                </div>
            </div>
        </div>

        
    </section>
</div>

<!-- Company History Timeline Section -->
<section class="corporate-history-section reveal-hidden">
    <div class="container wide-container">
        <div class="section-title-wrap">
            <h2 class="history-title"> Our History</h2>
        </div>

        <div class="history-timeline-main">
            <!-- Left Navigation -->
            <div class="timeline-nav-btn prev">
                <button id="histPrev" aria-label="Previous"><i class="fa fa-angle-left"></i></button>
            </div>

            <!-- Timeline Content -->
            <div class="timeline-viewport">
                <div class="timeline-full-line"></div>
                <div class="timeline-items-grid" id="historyGrid">


                    <!-- 2003 -->
                    <div class="timeline-milestone">
                        <div class="milestone-year">2003</div>
                        <div class="milestone-node-wrap">
                            <div class="milestone-node"></div>
                        </div>
                        <div class="milestone-info">
                            <p style="text-align: justify;">Founded in 2002 by Mr. Mohan Goyal, Geetee Travels began with a single car, growing through dedication, reliability, and strong client trust.</p>
                        </div>
                    </div>

                    <!-- 2008 -->
                    <div class="timeline-milestone">
                        <div class="milestone-year">2008</div>
                        <div class="milestone-node-wrap">
                            <div class="milestone-node"></div>
                        </div>
                        <div class="milestone-info">
                            <p>Expanded local fleet and services, catering to corporate clients and establishing a dependable name across Mumbai.</p>
                        </div>
                    </div>

                    <!-- 2015 -->
                    <div class="timeline-milestone">
                        <div class="milestone-year">2015</div>
                        <div class="milestone-node-wrap">
                            <div class="milestone-node"></div>
                        </div>
                        <div class="milestone-info">
                            <p>Strengthened operations, introduced professional fleet management, and expanded into intercity transportation services.</p>
                        </div>
                    </div>

                    <!-- 2020 -->
                    <div class="timeline-milestone">
                        <div class="milestone-year">2020</div>
                        <div class="milestone-node-wrap">
                            <div class="milestone-node"></div>
                        </div>
                        <div class="milestone-info">
                            <p>Adapted to market needs by focusing on safety, hygiene, and technology-driven booking solutions during challenging times.</p>
                        </div>
                    </div>

                    <!-- 2026 -->
                    <div class="timeline-milestone">
                        <div class="milestone-year">2026</div>
                        <div class="milestone-node-wrap">
                            <div class="milestone-node"></div>
                        </div>
                        <div class="milestone-info">
                            <p>Today, Geetee Travels stands as a trusted transport provider with years of experience and a commitment to excellence.</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Right Navigation -->
            <div class="timeline-nav-btn next">
                <button id="histNext" aria-label="Next"><i class="fa fa-angle-right"></i></button>
            </div>
        </div>
    </div>
</section>

<style>
    /* Modern Corporate History Timeline */
    .corporate-history-section {
        padding: 50px 0;
        background: #ffffff; /* Cte background */
        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        overflow: hidden;
    }

    .wide-container {
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 40px;
    }

    .section-title-wrap {
        text-align: center;
        margin-bottom: 40px;
    }

    .history-title {
        font-family: 'Montserrat', sans-serif;
        font-size: 38px;
        color: #1a237e; /* Dark Blue elegant font */
        font-weight: 700;
        position: relative;
        text-transform: capitalize;
    }

    .history-timeline-main {
        display: flex;
        align-items: center;
        position: relative;
        padding: 20px 0;
    }

    .timeline-viewport {
        flex: 1;
        position: relative;
        padding: 0;
        overflow: hidden; 
    }

    .timeline-full-line {
        position: absolute;
        top: 63px; /* Aligned with the center of the milestone-node-wrap */
        left: 0;
        width: 100%;
        height: 1px; 
        background: #1a237e; 
        z-index: 1;
        opacity: 0.2;
    }

    .timeline-items-grid {
        display: flex;
        justify-content: flex-start;
        position: relative;
        z-index: 2;
        transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
        width: 166.66%; /* 5 items, 3 visible (5/3 * 100) */
    }

    .timeline-milestone {
        flex: 0 0 calc(100% / 5); /* One of 5 items */
        text-align: center;
        position: relative;
        transition: opacity 0.5s ease;
        padding: 0 10px;
    }

    .milestone-year {
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        font-weight: 700;
        color: #1a237e;
        margin-bottom: 15px;
        letter-spacing: 0.5px;
    }

    .milestone-node-wrap {
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
    }

    .milestone-node {
        width: 16px;
        height: 16px;
        background: #ffd600; /* Gold/Yellow color */
        border-radius: 50%;
        border: 2px solid #ffffff;
        box-shadow: 0 0 10px rgba(255, 214, 0, 0.5); /* Small glowing effect */
        transition: all 0.3s ease;
    }

    .timeline-milestone:hover .milestone-node {
        transform: scale(1.5);
        box-shadow: 0 0 20px rgba(255, 214, 0, 0.8);
        background: #ffea00;
    }

    .milestone-info p {
        font-family: 'Montserrat', sans-serif;
        font-size: 13px; /* Small text */
        color: #616161; /* Light grey text */
        line-height: 1.7;
        margin: 0 auto;
        max-width: 280px;
        text-align: center;
    }

    /* Navigation Arrows */
    .timeline-nav-btn button {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background: #ffd600; /* Yellow buttons */
        border: none;
        color: #1a237e;
        font-size: 20px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        transition: all 0.3s ease;
        margin: 0 15px;
    }

    .timeline-nav-btn button:hover {
        background: #ffea00;
        transform: scale(1.1);
        box-shadow: 0 6px 15px rgba(0,0,0,0.12);
    }

    /* Mobile Logic (Horizontal Slider) */
    @media (max-width: 768px) {
        .corporate-history-section {
            padding: 40px 0;
        }
        .timeline-viewport {
            overflow: hidden;
            padding: 0;
        }
        .timeline-full-line {
            display: block;
            top: 63px;
            left: 0;
            width: 100%;
            height: 1px;
            opacity: 0.2;
            background: #1a237e;
        }
        .timeline-items-grid {
            flex-direction: row;
            gap: 0;
            width: 500%; /* 5 items, 1 visible (5/1 * 100) */
            transform: none;
        }
        .timeline-milestone {
            flex: 0 0 calc(100% / 5);
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding: 0 20px;
        }
        .milestone-year {
            font-size: 18px;
            margin-bottom: 15px;
        }
        .milestone-node-wrap {
            height: 40px;
            width: 40px;
            margin-bottom: 15px;
        }
        .milestone-node {
            width: 16px;
            height: 16px;
        }
        .milestone-info {
            width: 100%;
        }
        .milestone-info p {
            text-align: center !important;
            font-size: 13px;
            max-width: 100%;
        }
        .timeline-nav-btn {
            display: block;
        }
        .timeline-nav-btn button {
            width: 35px;
            height: 35px;
            margin: 0 5px;
        }
    }
</style>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        const hPrev = document.getElementById('histPrev');
        const hNext = document.getElementById('histNext');
        const hGrid = document.getElementById('historyGrid');
        
        let currentPos = 0;
        const totalItems = 5;
        const getVisibleItems = () => (window.innerWidth <= 768) ? 1 : 3;

        function updateSlider() {
            const visibleItems = getVisibleItems();
            const totalViews = Math.ceil(totalItems / visibleItems);
            
            // Adjust grid width dynamically for mobile items
            if(window.innerWidth <= 768) {
                hGrid.style.width = (totalItems * 100) + '%';
            } else {
                hGrid.style.width = (totalItems / 3 * 100) + '%';
            }

            const shift = currentPos * (100 / totalItems * visibleItems);
            hGrid.style.transform = `translateX(-${shift}%)`;
            
            hPrev.style.opacity = (currentPos === 0) ? '0.3' : '1';
            hPrev.style.cursor = (currentPos === 0) ? 'default' : 'pointer';
            
            hNext.style.opacity = (currentPos === totalViews - 1) ? '0.3' : '1';
            hNext.style.cursor = (currentPos === totalViews - 1) ? 'default' : 'pointer';
        }

        hNext.onclick = function() {
            const visibleItems = getVisibleItems();
            const totalViews = Math.ceil(totalItems / visibleItems);
            if (currentPos < totalViews - 1) {
                currentPos++;
                updateSlider();
            }
        };

        hPrev.onclick = function() {
            if (currentPos > 0) {
                currentPos--;
                updateSlider();
            }
        };

        // Handle window resize
        window.addEventListener('resize', () => {
             currentPos = 0;
             updateSlider();
        });
        
        // Initial feedback
        updateSlider();
    });
</script>
<!-- //Company History Timeline Section -->

<script>
    AOS.init({
        once: true,
        duration: 800,
        easing: 'ease-out-quad'
    });
</script>

<?php include 'includes/footer.php'; ?>