fastway/index.php at master · RailwayGunDora/fastway · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fastway Couriers - Track & Quote</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- Favicon -->
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="favicon.png">
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<link rel="apple-touch-icon" sizes="180x180" href="favicon-180x180.png">
<link rel="manifest" href="site.webmanifest">
</head>
<body>
    <?php require_once __DIR__ . '/includes/header.php'; ?>

    <main class="container my-5">
        <!-- Hero Section -->
        <div class="hero-section text-center mb-5">
            <div class="row align-items-center">
                <div class="col-lg-6 text-lg-start">
                    <h1 class="display-4 fw-bold text-primary mb-3">Welcome to Fastway Couriers</h1>
                    <p class="lead text-muted mb-4">Fast, reliable courier services at your fingertips. Track your parcels or get instant shipping quotes.</p>
                    <div class="d-grid gap-2 d-md-flex justify-content-md-start">
                        <a href="track.php" class="btn btn-primary btn-lg px-4 me-md-2">
                            <i class="bi bi-geo-alt-fill me-2"></i>Track Parcel
                        </a>
                        <a href="quote.php" class="btn btn-outline-secondary btn-lg px-4">
                            <i class="bi bi-calculator-fill me-2"></i>Get Quote
                        </a>
                    </div>
                </div>
                <div class="col-lg-6 mt-4 mt-lg-0">
                    <img src="assets/images/landing.png" alt="Courier Service" class="img-fluid" id="hero-image">
                </div>
            </div>
        </div>

        <!-- Feature Cards -->
        <div class="row g-4 mb-5">
            <div class="col-md-6">
                <div class="card h-100 shadow-sm border-0 feature-card">
                    <div class="card-body p-4">
                        <div class="feature-icon bg-primary bg-gradient text-white rounded-circle d-inline-flex align-items-center justify-content-center mb-3">
                            <i class="bi bi-box-seam fs-3"></i>
                        </div>
                        <h3 class="h4 mb-3">Track Your Parcel</h3>
                        <p class="text-muted mb-3">Enter your tracking number to get real-time updates on your parcel's location and delivery status.</p>
                        <ul class="list-unstyled">
                            <li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>Real-time tracking updates</li>
                            <li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>Delivery ETA information</li>
                            <li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>Complete parcel history</li>
                            <li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>Scan location details</li>
                        </ul>
                        <a href="track.php" class="btn btn-outline-primary mt-3">Track Now <i class="bi bi-arrow-right ms-2"></i></a>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="card h-100 shadow-sm border-0 feature-card">
                    <div class="card-body p-4">
                        <div class="feature-icon bg-success bg-gradient text-white rounded-circle d-inline-flex align-items-center justify-content-center mb-3">
                            <i class="bi bi-currency-dollar fs-3"></i>
                        </div>
                        <h3 class="h4 mb-3">Get Shipping Quote</h3>
                        <p class="text-muted mb-3">Calculate shipping costs instantly by entering your parcel details and destination information.</p>
                        <ul class="list-unstyled">
                            <li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>Instant price calculation</li>
                            <li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>Multiple service options</li>
                            <li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>Weight-based pricing</li>
                            <li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>Accurate delivery times</li>
                        </ul>
                        <a href="quote.php" class="btn btn-outline-success mt-3">Get Quote <i class="bi bi-arrow-right ms-2"></i></a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Quick Links Section -->
        <div class="row mb-5">
            <div class="col-12">
                <div class="card bg-light border-0">
                    <div class="card-body p-4">
                        <h3 class="h5 mb-3">Test Tracking Numbers</h3>
                        <p class="text-muted mb-3">Try our tracking feature with these sample tracking numbers:</p>
                        <div class="d-flex flex-wrap gap-2">
                            <span class="badge bg-primary fs-6 py-2 px-3">Z60000983328</span>
                            <span class="badge bg-warning fs-6 py-2 px-3">Z30002408261</span>
                            <span class="badge bg-success fs-6 py-2 px-3">Z30005357209</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Info Section -->
        <div class="row g-4">
            <div class="col-md-4">
                <div class="text-center">
                    <div class="feature-icon-small bg-info bg-gradient text-white rounded-circle d-inline-flex align-items-center justify-content-center mb-3">
                        <i class="bi bi-lightning-charge-fill fs-4"></i>
                    </div>
                    <h4 class="h6 fw-bold">Fast Delivery</h4>
                    <p class="text-muted small">Timetabled courier service across South Africa</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="text-center">
                    <div class="feature-icon-small bg-warning bg-gradient text-white rounded-circle d-inline-flex align-items-center justify-content-center mb-3">
                        <i class="bi bi-shield-shaded"></i>
                    </div>
                    <h4 class="h6 fw-bold">Reliable Service</h4>
                    <p class="text-muted small">Over 300 locally owned courier franchisees</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="text-center">
                    <div class="feature-icon-small bg-danger bg-gradient text-white rounded-circle d-inline-flex align-items-center justify-content-center mb-3">
                        <i class="bi bi-laptop-fill fs-4"></i>
                    </div>
                    <h4 class="h6 fw-bold">Online Tracking</h4>
                    <p class="text-muted small">Real-time parcel tracking and updates</p>
                </div>
            </div>
        </div>
    </main>

    <?php require_once __DIR__ . '/includes/footer.php'; ?>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>