<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首頁 - Dreamlife 追夢國際旅行社</title>
    <meta name="description" content="Dreamlife 追夢國際旅行社 - 專業國內旅遊、接駁包車、民宿訂房服務">
    <meta name="keywords" content="國內旅遊,接駁包車,民宿訂房,旅行社,台灣旅遊">
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap" rel="stylesheet">
</head>
<body>
    <header class="header">
        <div class="container">
            <div class="header-top">
                <div class="contact-info">
                    <span><i class="icon-phone"></i> 0929-568799</span>
                    <span><i class="icon-email"></i> chasing.dream.life@gmail.com</span>
                </div>
            </div>
            
            <div class="header-main">
                <div class="logo">
                    <h1><a href="index.php">Dreamlife 追夢國際旅行社</a></h1>
                    <p class="tagline">讓夢想成為旅程</p>
                </div>
                
                <nav class="main-nav">
                    <ul class="nav-menu">
                        <li><a href="index.php" class="active">首頁</a></li>
                        <li><a href="about.php" class="">關於我們</a></li>
                        <li class="dropdown">
                            <a href="services.php" class="">服務項目</a>
                            <ul class="dropdown-menu">
                                <li><a href="domestic-tours.php">國內旅遊</a></li>
                                <li><a href="transportation.php">接駁包車</a></li>
                                <li><a href="accommodation.php">民宿訂房</a></li>
                            </ul>
                        </li>
                        <li><a href="payment.php" class="">線上訂購</a></li>
                        <li><a href="travel-info.php" class="">旅遊資料</a></li>
                    </ul>
                    
                    <div class="mobile-menu-toggle">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </nav>
            </div>
        </div>
    </header>
    
    <main class="main-content">

<div class="container">
    <!-- 歡迎區塊 -->
    <section class="welcome-section">
        <div class="page-title">
            <h1>歡迎來到 Dreamlife 追夢國際旅行社</h1>
            <p>讓每一次旅行都成為美好回憶</p>
        </div>
        
        <div class="card">
            <h2>關於我們</h2>
            <p>Dreamlife 追夢國際旅行社致力於為您提供最優質的旅遊服務。我們專精於國內旅遊規劃，提供專業的接駁包車服務，以及精選的民宿訂房服務。讓我們陪伴您探索台灣的美麗風光，創造難忘的旅行回憶。</p>
            <a href="about.php" class="btn">了解更多</a>
        </div>
    </section>

    <!-- 服務項目 -->
    <section class="services-section">
        <div class="page-title">
            <h2>我們的服務</h2>
            <p>專業、貼心、安全的旅遊服務</p>
        </div>
        
        <div class="services-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;">
            <div class="card">
                <h3>🏔️ 國內旅遊</h3>
                <p>精心規劃的台灣各地旅遊行程，從山林秘境到海岸風光，帶您深度體驗台灣之美。</p>
                <a href="domestic-tours.php" class="btn">查看行程</a>
            </div>
            
            <div class="card">
                <h3>🚐 接駁包車</h3>
                <p>專業司機、舒適車輛，提供機場接送、景點包車等服務，讓您的旅程更加便利。</p>
                <a href="transportation.php" class="btn">預約服務</a>
            </div>
            
            <div class="card">
                <h3>🏠 民宿訂房</h3>
                <p>精選台灣各地優質民宿，從溫馨家庭式到豪華度假村，滿足您不同的住宿需求。</p>
                <a href="accommodation.php" class="btn">查看民宿</a>
            </div>
        </div>
    </section>

    <!-- 聯絡資訊 -->
    <section class="contact-section">
        <div class="card">
            <h2>立即聯絡我們</h2>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 20px;">
                <div>
                    <h4>📞 電話聯絡</h4>
                    <p><strong>0929-568799</strong></p>
                    <p>營業時間：週一至週日 09:00-21:00</p>
                </div>
                <div>
                    <h4>✉️ 線上諮詢</h4>
                    <p>Email: chasing.dream.life@gmail.com</p>
                    <p>我們會在24小時內回覆您的詢問</p>
                </div>
                <div>
                    <h4>💰 支付訂金</h4>
                    <p>確認行程後，可透過線上支付訂金</p>
                    <a href="payment.php" class="btn btn-success">前往支付</a>
                </div>
            </div>
        </div>
    </section>

    <!-- 最新消息 -->
    <section class="news-section">
        <div class="page-title">
            <h2>最新消息</h2>
        </div>
        
        <div class="card">
            <h3>🎉 春季旅遊優惠活動開跑！</h3>
            <p class="news-date">2025年1月15日</p>
            <p>春天即將來臨，我們推出多項優惠活動，包括早鳥優惠、團體折扣等，歡迎來電洽詢！</p>
        </div>
        
        <div class="card">
            <h3>🚗 新增豪華包車服務</h3>
            <p class="news-date">2025年1月10日</p>
            <p>為了提供更舒適的旅遊體驗，我們新增了豪華車款的包車服務，歡迎預約體驗。</p>
        </div>
    </section>
</div>

<style>
.news-date {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
}

.services-grid .card h3 {
    color: #667eea;
    margin-bottom: 15px;
}

.welcome-section,
.services-section,
.contact-section,
.news-section {
    margin-bottom: 50px;
}
</style>

    </main>
    
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section company-info">
                    <h3>追夢國際旅行社有限公司</h3>
                    <p class="company-slogan">讓每一次旅行都成為美好回憶</p>
                    <div class="contact-details">
                        <p><i class="icon-phone"></i> 電話：+886 0988568199</p>
                        <p><i class="icon-email"></i> 信箱：chasing.dream.life@gmail.com</p>
                        <p><i class="icon-location"></i> 地址：台灣 545 南投縣埔里鎮明德北路57號3F</p>
                    </div>
                </div>
                
                <div class="footer-section services">
                    <h4>服務項目</h4>
                    <ul>
                        <li><a href="domestic-tours.php">國內旅遊</a></li>
                        <li><a href="transportation.php">接駁包車</a></li>
                        <li><a href="accommodation.php">民宿訂房</a></li>
                    </ul>
                </div>
                
                <div class="footer-section quick-links">
                    <h4>快速連結</h4>
                    <ul>
                        <li><a href="about.php">關於我們</a></li>
                        <li><a href="payment.php">支付訂金</a></li>
                        <li><a href="travel-info.php">旅遊資料</a></li>
                        <li><a href="contact.php">聯絡我們</a></li>
                    </ul>
                </div>
                
                <div class="footer-section social-media">
                    <h4>追蹤我們</h4>
                    <div class="social-links">
                        <a href="https://www.facebook.com/profile.php?id=61575921880804" class="social-link facebook"><i class="icon-facebook"></i></a>
                    </div>
                </div>
            </div>
            
            <div class="footer-bottom">
                <div class="company-registration">
                    <p>
                        © 2025 追夢國際旅行社有限公司 | 
                        統一編號：97531362 | 
                        觀光署註冊編號：183900 | 
                        品保字號：投0039
                    </p>
                </div>
                <div class="footer-links">
                    <a href="privacy.php">隱私權政策</a>
                    <a href="terms.php">服務條款</a>
                    <a href="admin-login.php" class="admin-link">🔐 管理員</a>
                </div>
            </div>
        </div>
    </footer>
    
    <script>
        // 手機選單切換
        document.querySelector('.mobile-menu-toggle').addEventListener('click', function() {
            document.querySelector('.nav-menu').classList.toggle('active');
            this.classList.toggle('active');
        });
        
        // 下拉選單功能
        document.querySelectorAll('.dropdown').forEach(function(dropdown) {
            dropdown.addEventListener('mouseenter', function() {
                this.querySelector('.dropdown-menu').style.display = 'block';
            });
            
            dropdown.addEventListener('mouseleave', function() {
                this.querySelector('.dropdown-menu').style.display = 'none';
            });
        });
        
        // 平滑滾動
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });
    </script>
</body>
</html>
