Hugging Face's logo

Spaces:
berkemert
/
global-shopper-express-qatar-edition
Running

App Files Community
berkemert commited on
Commit
44a54bf
·
verified ·
1 Parent(s): c1360ca

Removed files from promoting 139d6bf

Browse files

Removed files that don't exist in commit 139d6bfef075823207828b66ef943934b0c13475:
- how-it-works.html
- orders.html
- package.json
- server.js
- shipping-rates.html
- shop-with-us.html
- why-choose-us.html

Files changed (7) hide show
  1. how-it-works.html +0 -118
  2. orders.html +0 -130
  3. package.json +0 -23
  4. server.js +0 -120
  5. shipping-rates.html +0 -124
  6. shop-with-us.html +0 -114
  7. why-choose-us.html +0 -127
how-it-works.html DELETED
@@ -1,118 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>How It Works - BavulumKatar'da</title>
7
- <link rel="stylesheet" href="style.css">
8
- <script src="https://cdn.tailwindcss.com"></script>
9
- <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
- <script src="https://unpkg.com/feather-icons"></script>
11
- <script>
12
- tailwind.config = {
13
- theme: {
14
- extend: {
15
- colors: {
16
- primary: '#002366',
17
- secondary: '#D4AF37',
18
- }
19
- }
20
- }
21
- }
22
- </script>
23
- </head>
24
- <body class="font-sans bg-white">
25
- <custom-nav></custom-nav>
26
-
27
- <section class="py-20">
28
- <div class="container mx-auto px-6">
29
- <h1 class="text-4xl font-bold text-center text-primary mb-12">How Our Service Works</h1>
30
-
31
- <div class="grid md:grid-cols-2 gap-12 items-center mb-20">
32
- <div>
33
- <h2 class="text-3xl font-bold text-primary mb-6">Simple 4-Step Process</h2>
34
- <p class="text-lg text-gray-700 mb-6">We've designed our service to be as straightforward as possible. Here's how you can shop globally and receive your items in Qatar with ease.</p>
35
- <div class="space-y-6">
36
- <div class="flex items-start">
37
- <div class="bg-primary/10 text-primary rounded-full w-12 h-12 flex items-center justify-center mr-4">
38
- <span class="font-bold text-xl">1</span>
39
- </div>
40
- <div>
41
- <h3 class="text-xl font-bold text-primary mb-2">Shop Anywhere</h3>
42
- <p class="text-gray-600">Purchase from any international website and use our global addresses as your shipping destination.</p>
43
- </div>
44
- </div>
45
- <div class="flex items-start">
46
- <div class="bg-primary/10 text-primary rounded-full w-12 h-12 flex items-center justify-center mr-4">
47
- <span class="font-bold text-xl">2</span>
48
- </div>
49
- <div>
50
- <h3 class="text-xl font-bold text-primary mb-2">We Receive & Store</h3>
51
- <p class="text-gray-600">We'll receive your packages at our secure warehouses and notify you immediately.</p>
52
- </div>
53
- </div>
54
- <div class="flex items-start">
55
- <div class="bg-primary/10 text-primary rounded-full w-12 h-12 flex items-center justify-center mr-4">
56
- <span class="font-bold text-xl">3</span>
57
- </div>
58
- <div>
59
- <h3 class="text-xl font-bold text-primary mb-2">Combine & Ship</h3>
60
- <p class="text-gray-600">Save money by consolidating multiple packages into one shipment when you're ready.</p>
61
- </div>
62
- </div>
63
- <div class="flex items-start">
64
- <div class="bg-primary/10 text-primary rounded-full w-12 h-12 flex items-center justify-center mr-4">
65
- <span class="font-bold text-xl">4</span>
66
- </div>
67
- <div>
68
- <h3 class="text-xl font-bold text-primary mb-2">Fast Delivery</h3>
69
- <p class="text-gray-600">Get your consolidated package delivered to your doorstep in Qatar within 3-5 business days.</p>
70
- </div>
71
- </div>
72
- </div>
73
- </div>
74
- <div>
75
- <img src="http://static.photos/logistics/1024x576/10" alt="Shipping process" class="rounded-xl shadow-lg w-full">
76
- </div>
77
- </div>
78
-
79
- <div class="bg-primary text-white rounded-xl p-10 mb-20">
80
- <div class="max-w-4xl mx-auto text-center">
81
- <h2 class="text-3xl font-bold mb-6">Our Global Shipping Network</h2>
82
- <p class="text-xl mb-8">We have warehouses strategically located in key shopping destinations worldwide to ensure the fastest and most cost-effective shipping to Qatar.</p>
83
- <div class="grid md:grid-cols-3 gap-8">
84
- <div class="bg-white/10 p-6 rounded-lg">
85
- <i data-feather="map-pin" class="w-10 h-10 mx-auto mb-4 text-secondary"></i>
86
- <h3 class="text-xl font-bold mb-2">USA</h3>
87
- <p class="text-gray-300">Miami, Florida warehouse</p>
88
- </div>
89
- <div class="bg-white/10 p-6 rounded-lg">
90
- <i data-feather="map-pin" class="w-10 h-10 mx-auto mb-4 text-secondary"></i>
91
- <h3 class="text-xl font-bold mb-2">UK</h3>
92
- <p class="text-gray-300">London warehouse</p>
93
- </div>
94
- <div class="bg-white/10 p-6 rounded-lg">
95
- <i data-feather="map-pin" class="w-10 h-10 mx-auto mb-4 text-secondary"></i>
96
- <h3 class="text-xl font-bold mb-2">UAE</h3>
97
- <p class="text-gray-300">Dubai warehouse</p>
98
- </div>
99
- </div>
100
- </div>
101
- </div>
102
-
103
- <div class="text-center">
104
- <h2 class="text-3xl font-bold text-primary mb-6">Ready to Get Started?</h2>
105
- <a href="signup.html" class="inline-block bg-secondary hover:bg-secondary/90 text-primary font-bold py-3 px-8 rounded-full transition duration-300">Sign Up Now</a>
106
- </div>
107
- </div>
108
- </section>
109
-
110
- <custom-footer></custom-footer>
111
- <script src="components/nav.js"></script>
112
- <script src="components/footer.js"></script>
113
- <script src="script.js"></script>
114
- <script>
115
- feather.replace();
116
- </script>
117
- </body>
118
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
orders.html DELETED
@@ -1,130 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>My Orders - BavulumKatar'da</title>
7
- <link rel="stylesheet" href="style.css">
8
- <script src="https://cdn.tailwindcss.com"></script>
9
- <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
- <script src="https://unpkg.com/feather-icons"></script>
11
- <script>
12
- tailwind.config = {
13
- theme: {
14
- extend: {
15
- colors: {
16
- primary: '#002366',
17
- secondary: '#D4AF37',
18
- }
19
- }
20
- }
21
- }
22
- </script>
23
- </head>
24
- <body class="font-sans bg-gray-50">
25
- <!-- Navigation Component -->
26
- <custom-nav></custom-nav>
27
-
28
- <!-- Orders Section -->
29
- <section class="py-12">
30
- <div class="container mx-auto px-6">
31
- <div class="flex justify-between items-center mb-8">
32
- <h1 class="text-3xl font-bold text-primary">My Orders</h1>
33
- <a href="index.html#services" class="flex items-center text-primary hover:text-secondary">
34
- <i data-feather="plus" class="mr-2"></i>
35
- New Order
36
- </a>
37
- </div>
38
-
39
- <div class="bg-white rounded-xl shadow-md overflow-hidden">
40
- <div class="overflow-x-auto">
41
- <table class="min-w-full divide-y divide-gray-200">
42
- <thead class="bg-gray-50">
43
- <tr>
44
- <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Order ID</th>
45
- <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Date</th>
46
- <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
47
- <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Items</th>
48
- <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Total</th>
49
- <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
50
- </tr>
51
- </thead>
52
- <tbody class="bg-white divide-y divide-gray-200">
53
- <!-- Order 1 -->
54
- <tr class="hover:bg-gray-50 transition-colors">
55
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-primary">#BK20230615</td>
56
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15 Jun 2023</td>
57
- <td class="px-6 py-4 whitespace-nowrap">
58
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Delivered</span>
59
- </td>
60
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">3 items</td>
61
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-primary">225 QAR</td>
62
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
63
- <a href="#" class="text-secondary hover:text-secondary/80 mr-4"><i data-feather="eye"></i></a>
64
- <a href="#" class="text-secondary hover:text-secondary/80"><i data-feather="repeat"></i></a>
65
- </td>
66
- </tr>
67
-
68
- <!-- Order 2 -->
69
- <tr class="hover:bg-gray-50 transition-colors">
70
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-primary">#BK20230722</td>
71
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">22 Jul 2023</td>
72
- <td class="px-6 py-4 whitespace-nowrap">
73
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">In Transit</span>
74
- </td>
75
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">5 items</td>
76
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-primary">350 QAR</td>
77
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
78
- <a href="#" class="text-secondary hover:text-secondary/80 mr-4"><i data-feather="eye"></i></a>
79
- <a href="#" class="text-secondary hover:text-secondary/80"><i data-feather="truck"></i></a>
80
- </td>
81
- </tr>
82
-
83
- <!-- Order 3 -->
84
- <tr class="hover:bg-gray-50 transition-colors">
85
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-primary">#BK20230810</td>
86
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">10 Aug 2023</td>
87
- <td class="px-6 py-4 whitespace-nowrap">
88
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Processing</span>
89
- </td>
90
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">2 items</td>
91
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-primary">150 QAR</td>
92
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
93
- <a href="#" class="text-secondary hover:text-secondary/80 mr-4"><i data-feather="eye"></i></a>
94
- <a href="#" class="text-secondary hover:text-secondary/80"><i data-feather="package"></i></a>
95
- </td>
96
- </tr>
97
-
98
- <!-- Order 4 -->
99
- <tr class="hover:bg-gray-50 transition-colors">
100
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-primary">#BK20230905</td>
101
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">05 Sep 2023</td>
102
- <td class="px-6 py-4 whitespace-nowrap">
103
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">At Warehouse</span>
104
- </td>
105
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">1 item</td>
106
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-primary">75 QAR</td>
107
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
108
- <a href="#" class="text-secondary hover:text-secondary/80 mr-4"><i data-feather="eye"></i></a>
109
- <a href="#" class="text-secondary hover:text-secondary/80"><i data-feather="box"></i></a>
110
- </td>
111
- </tr>
112
- </tbody>
113
- </table>
114
- </div>
115
- </div>
116
- </div>
117
- </section>
118
-
119
- <!-- Footer Component -->
120
- <custom-footer></custom-footer>
121
-
122
- <!-- Components -->
123
- <script src="components/nav.js"></script>
124
- <script src="components/footer.js"></script>
125
- <script src="script.js"></script>
126
- <script>
127
- feather.replace();
128
- </script>
129
- </body>
130
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
package.json DELETED
@@ -1,23 +0,0 @@
1
- ```json
2
- {
3
- "name": "bavulumkatar-api",
4
- "version": "1.0.0",
5
- "description": "API for BavulumKatar'da",
6
- "main": "server.js",
7
- "scripts": {
8
- "start": "node server.js",
9
- "dev": "nodemon server.js"
10
- },
11
- "dependencies": {
12
- "bcryptjs": "^2.4.3",
13
- "cors": "^2.8.5",
14
- "dotenv": "^16.0.3",
15
- "express": "^4.18.2",
16
- "jsonwebtoken": "^9.0.0",
17
- "mongoose": "^7.3.1"
18
- },
19
- "devDependencies": {
20
- "nodemon": "^2.0.22"
21
- }
22
- }
23
- ```
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
server.js DELETED
@@ -1,120 +0,0 @@
1
- require('dotenv').config();
2
- const express = require('express');
3
- const mongoose = require('mongoose');
4
- const bcrypt = require('bcryptjs');
5
- const cors = require('cors');
6
- const jwt = require('jsonwebtoken');
7
-
8
- const app = express();
9
-
10
- // Middleware
11
- app.use(cors());
12
- app.use(express.json());
13
-
14
- // MongoDB Connection
15
- mongoose.connect(process.env.MONGODB_URI || 'mongodb://localhost/bavulumkatar_db', {
16
- useNewUrlParser: true,
17
- useUnifiedTopology: true
18
- })
19
- .then(() => console.log('MongoDB connected'))
20
- .catch(err => console.log(err));
21
-
22
- // User Model
23
- const UserSchema = new mongoose.Schema({
24
- firstName: { type: String, required: true },
25
- lastName: { type: String, required: true },
26
- email: { type: String, required: true, unique: true },
27
- phone: { type: String },
28
- password: { type: String, required: true },
29
- createdAt: { type: Date, default: Date.now }
30
- });
31
-
32
- const User = mongoose.model('User', UserSchema);
33
-
34
- // Register Endpoint
35
- app.post('/api/register', async (req, res) => {
36
- try {
37
- const { firstName, lastName, email, phone, password } = req.body;
38
-
39
- // Check if user exists
40
- const existingUser = await User.findOne({ email });
41
- if (existingUser) {
42
- return res.status(400).json({ message: 'Email already exists' });
43
- }
44
-
45
- // Hash password
46
- const salt = await bcrypt.genSalt(10);
47
- const hashedPassword = await bcrypt.hash(password, salt);
48
-
49
- // Create user
50
- const user = new User({
51
- firstName,
52
- lastName,
53
- email,
54
- phone,
55
- password: hashedPassword
56
- });
57
-
58
- await user.save();
59
-
60
- // Create token
61
- const token = jwt.sign({ id: user._id }, process.env.JWT_SECRET || 'secret', {
62
- expiresIn: '30d'
63
- });
64
-
65
- res.status(201).json({ token, user: { id: user._id, email: user.email } });
66
- } catch (err) {
67
- console.error(err);
68
- res.status(500).json({ message: 'Server error' });
69
- }
70
- });
71
-
72
- // Login Endpoint
73
- app.post('/api/login', async (req, res) => {
74
- try {
75
- const { email, password } = req.body;
76
-
77
- // Find user
78
- const user = await User.findOne({ email });
79
- if (!user) {
80
- return res.status(400).json({ message: 'Invalid credentials' });
81
- }
82
-
83
- // Check password
84
- const isMatch = await bcrypt.compare(password, user.password);
85
- if (!isMatch) {
86
- return res.status(400).json({ message: 'Invalid credentials' });
87
- }
88
-
89
- // Create token
90
- const token = jwt.sign({ id: user._id }, process.env.JWT_SECRET || 'secret', {
91
- expiresIn: '30d'
92
- });
93
-
94
- res.json({ token, user: { id: user._id, email: user.email } });
95
- } catch (err) {
96
- console.error(err);
97
- res.status(500).json({ message: 'Server error' });
98
- }
99
- });
100
-
101
- // Protected Route Example
102
- app.get('/api/me', async (req, res) => {
103
- try {
104
- const token = req.header('x-auth-token');
105
- if (!token) return res.status(401).json({ message: 'No token, authorization denied' });
106
-
107
- const decoded = jwt.verify(token, process.env.JWT_SECRET || 'secret');
108
- const user = await User.findById(decoded.id).select('-password');
109
-
110
- if (!user) return res.status(404).json({ message: 'User not found' });
111
-
112
- res.json(user);
113
- } catch (err) {
114
- console.error(err);
115
- res.status(500).json({ message: 'Server error' });
116
- }
117
- });
118
-
119
- const PORT = process.env.PORT || 5000;
120
- app.listen(PORT, () => console.log(`Server running on port ${PORT}`));
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
shipping-rates.html DELETED
@@ -1,124 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Shipping Rates - BavulumKatar'da</title>
7
- <link rel="stylesheet" href="style.css">
8
- <script src="https://cdn.tailwindcss.com"></script>
9
- <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
- <script src="https://unpkg.com/feather-icons"></script>
11
- <script>
12
- tailwind.config = {
13
- theme: {
14
- extend: {
15
- colors: {
16
- primary: '#002366',
17
- secondary: '#D4AF37',
18
- }
19
- }
20
- }
21
- }
22
- </script>
23
- </head>
24
- <body class="font-sans bg-white">
25
- <custom-nav></custom-nav>
26
-
27
- <section class="py-20">
28
- <div class="container mx-auto px-6">
29
- <h1 class="text-4xl font-bold text-center text-primary mb-12">Shipping Rates & Delivery Times</h1>
30
-
31
- <div class="max-w-4xl mx-auto mb-16">
32
- <h2 class="text-2xl font-bold text-primary mb-6">Transparent Pricing Structure</h2>
33
- <p class="text-lg text-gray-700 mb-8">We believe in simple, straightforward pricing with no hidden fees. Below are our standard shipping rates from our main warehouses to Qatar.</p>
34
-
35
- <div class="overflow-x-auto">
36
- <table class="min-w-full bg-white rounded-lg overflow-hidden">
37
- <thead class="bg-primary text-white">
38
- <tr>
39
- <th class="py-3 px-4 text-left">Origin</th>
40
- <th class="py-3 px-4 text-left">Weight (kg)</th>
41
- <th class="py-3 px-4 text-left">Price (QAR)</th>
42
- <th class="py-3 px-4 text-left">Delivery Time</th>
43
- </tr>
44
- </thead>
45
- <tbody class="divide-y divide-gray-200">
46
- <tr class="hover:bg-gray-50">
47
- <td class="py-3 px-4">USA</td>
48
- <td class="py-3 px-4">0-2</td>
49
- <td class="py-3 px-4">25</td>
50
- <td class="py-3 px-4">5-7 days</td>
51
- </tr>
52
- <tr class="hover:bg-gray-50">
53
- <td class="py-3 px-4">USA</td>
54
- <td class="py-3 px-4">2-5</td>
55
- <td class="py-3 px-4">50</td>
56
- <td class="py-3 px-4">5-7 days</td>
57
- </tr>
58
- <tr class="hover:bg-gray-50">
59
- <td class="py-3 px-4">UK</td>
60
- <td class="py-3 px-4">0-2</td>
61
- <td class="py-3 px-4">20</td>
62
- <td class="py-3 px-4">4-6 days</td>
63
- </tr>
64
- <tr class="hover:bg-gray-50">
65
- <td class="py-3 px-4">UK</td>
66
- <td class="py-3 px-4">2-5</td>
67
- <td class="py-3 px-4">40</td>
68
- <td class="py-3 px-4">4-6 days</td>
69
- </tr>
70
- <tr class="hover:bg-gray-50">
71
- <td class="py-3 px-4">UAE</td>
72
- <td class="py-3 px-4">0-2</td>
73
- <td class="py-3 px-4">15</td>
74
- <td class="py-3 px-4">3-5 days</td>
75
- </tr>
76
- <tr class="hover:bg-gray-50">
77
- <td class="py-3 px-4">UAE</td>
78
- <td class="py-3 px-4">2-5</td>
79
- <td class="py-3 px-4">30</td>
80
- <td class="py-3 px-4">3-5 days</td>
81
- </tr>
82
- </tbody>
83
- </table>
84
- </div>
85
- <p class="text-sm text-gray-500 mt-4">* Prices are per consolidated package. Additional services like repackaging, insurance, or expedited shipping may incur extra charges.</p>
86
- </div>
87
-
88
- <div class="bg-primary text-white rounded-xl p-10 mb-16">
89
- <div class="max-w-2xl mx-auto text-center">
90
- <h2 class="text-3xl font-bold mb-6">Calculate Your Shipping Cost</h2>
91
- <p class="text-xl mb-8">Use our shipping calculator to estimate your exact shipping costs based on package weight and origin.</p>
92
- <a href="#" class="inline-block bg-secondary hover:bg-secondary/90 text-primary font-bold py-3 px-8 rounded-full transition duration-300">Shipping Calculator</a>
93
- </div>
94
- </div>
95
-
96
- <div class="max-w-4xl mx-auto">
97
- <h2 class="text-2xl font-bold text-primary mb-6">Frequently Asked Questions</h2>
98
- <div class="space-y-6">
99
- <div class="border-b border-gray-200 pb-6">
100
- <h3 class="text-xl font-bold text-primary mb-3">How does consolidation save me money?</h3>
101
- <p class="text-gray-700">By combining multiple packages into one shipment, you pay shipping fees only once rather than for each individual package. We also remove excess packaging to reduce weight and volume.</p>
102
- </div>
103
- <div class="border-b border-gray-200 pb-6">
104
- <h3 class="text-xl font-bold text-primary mb-3">Are there any hidden fees?</h3>
105
- <p class="text-gray-700">No, we believe in transparent pricing. The only additional fees would be for optional services like expedited shipping, special packaging, or insurance over the standard coverage.</p>
106
- </div>
107
- <div class="border-b border-gray-200 pb-6">
108
- <h3 class="text-xl font-bold text-primary mb-3">What happens if my package exceeds the weight limit?</h3>
109
- <p class="text-gray-700">For packages over 5kg, we charge 10 QAR per additional kg. Our system will automatically calculate this during the checkout process.</p>
110
- </div>
111
- </div>
112
- </div>
113
- </div>
114
- </section>
115
-
116
- <custom-footer></custom-footer>
117
- <script src="components/nav.js"></script>
118
- <script src="components/footer.js"></script>
119
- <script src="script.js"></script>
120
- <script>
121
- feather.replace();
122
- </script>
123
- </body>
124
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
shop-with-us.html DELETED
@@ -1,114 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Shop With Us - BavulumKatar'da</title>
7
- <link rel="stylesheet" href="style.css">
8
- <script src="https://cdn.tailwindcss.com"></script>
9
- <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
- <script src="https://unpkg.com/feather-icons"></script>
11
- <script>
12
- tailwind.config = {
13
- theme: {
14
- extend: {
15
- colors: {
16
- primary: '#002366',
17
- secondary: '#D4AF37',
18
- }
19
- }
20
- }
21
- }
22
- </script>
23
- </head>
24
- <body class="font-sans bg-white">
25
- <custom-nav></custom-nav>
26
-
27
- <section class="py-20">
28
- <div class="container mx-auto px-6">
29
- <h1 class="text-4xl font-bold text-center text-primary mb-12">Shop With Us - Global Stores</h1>
30
-
31
- <div class="max-w-4xl mx-auto mb-16">
32
- <h2 class="text-2xl font-bold text-primary mb-6">Popular Stores We Work With</h2>
33
- <p class="text-lg text-gray-700 mb-8">Shop from these popular international retailers and ship to our warehouses for consolidation and delivery to Qatar.</p>
34
- <div class="shop-with-us grid">
35
- <a href="#" class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300 border border-gray-100 flex flex-col items-center">
36
- <img src="http://static.photos/retail/200x200/1" alt="Amazon" class="h-16 w-16 object-contain mb-4">
37
- <h3 class="text-lg font-bold text-center text-primary">Amazon</h3>
38
- <p class="text-sm text-gray-500 mt-1 text-center">USA, UK, UAE</p>
39
- </a>
40
- <a href="#" class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300 border border-gray-100 flex flex-col items-center">
41
- <img src="http://static.photos/retail/200x200/2" alt="eBay" class="h-16 w-16 object-contain mb-4">
42
- <h3 class="text-lg font-bold text-center text-primary">eBay</h3>
43
- <p class="text-sm text-gray-500 mt-1 text-center">Global</p>
44
- </a>
45
- <a href="#" class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300 border border-gray-100 flex flex-col items-center">
46
- <img src="http://static.photos/retail/200x200/3" alt="ASOS" class="h-16 w-16 object-contain mb-4">
47
- <h3 class="text-lg font-bold text-center text-primary">ASOS</h3>
48
- <p class="text-sm text-gray-500 mt-1 text-center">UK</p>
49
- </a>
50
- <a href="#" class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300 border border-gray-100 flex flex-col items-center">
51
- <img src="http://static.photos/retail/200x200/4" alt="Best Buy" class="h-16 w-16 object-contain mb-4">
52
- <h3 class="text-lg font-bold text-center text-primary">Best Buy</h3>
53
- <p class="text-sm text-gray-500 mt-1 text-center">USA</p>
54
- </a>
55
- <a href="#" class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300 border border-gray-100 flex flex-col items-center">
56
- <img src="http://static.photos/retail/200x200/5" alt="Harrods" class="h-16 w-16 object-contain mb-4">
57
- <h3 class="text-lg font-bold text-center text-primary">Harrods</h3>
58
- <p class="text-sm text-gray-500 mt-1 text-center">UK</p>
59
- </a>
60
- <a href="#" class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300 border border-gray-100 flex flex-col items-center">
61
- <img src="http://static.photos/retail/200x200/6" alt="Noon" class="h-16 w-16 object-contain mb-4">
62
- <h3 class="text-lg font-bold text-center text-primary">Noon</h3>
63
- <p class="text-sm text-gray-500 mt-1 text-center">UAE</p>
64
- </a>
65
- </div>
66
- </div>
67
-
68
- <div class="grid md:grid-cols-2 gap-12 items-center mb-16">
69
- <div>
70
- <h2 class="text-3xl font-bold text-primary mb-6">Personal Shopper Service</h2>
71
- <p class="text-lg text-gray-700 mb-6">Don't have time to shop? Our personal shoppers can purchase items on your behalf from stores that don't accept international cards or require local addresses.</p>
72
- <ul class="space-y-4 mb-8">
73
- <li class="flex items-start">
74
- <i data-feather="check" class="text-secondary mr-2"></i>
75
- <span>We'll handle the entire purchasing process</span>
76
- </li>
77
- <li class="flex items-start">
78
- <i data-feather="check" class="text-secondary mr-2"></i>
79
- <span>No international payment issues</span>
80
- </li>
81
- <li class="flex items-start">
82
- <i data-feather="check" class="text-secondary mr-2"></i>
83
- <span>Special access to exclusive items</span>
84
- </li>
85
- </ul>
86
- <a href="#" class="inline-block bg-primary hover:bg-primary/90 text-white font-bold py-3 px-8 rounded-full transition duration-300">Learn About Personal Shopping</a>
87
- </div>
88
- <div>
89
- <img src="http://static.photos/shopping/1024x576/10" alt="Personal shopper" class="rounded-xl shadow-lg w-full">
90
- </div>
91
- </div>
92
-
93
- <div class="bg-primary text-white rounded-xl p-10">
94
- <div class="max-w-4xl mx-auto text-center">
95
- <h2 class="text-3xl font-bold mb-6">Ready to Start Shopping?</h2>
96
- <p class="text-xl mb-8">Get your exclusive international shopping addresses after signing up.</p>
97
- <div class="flex flex-wrap justify-center gap-4">
98
- <a href="signup.html" class="bg-secondary hover:bg-secondary/90 text-primary font-bold py-3 px-8 rounded-full transition duration-300">Sign Up Now</a>
99
- <a href="how-it-works.html" class="border-2 border-white hover:bg-white/10 text-white font-bold py-3 px-8 rounded-full transition duration-300">How It Works</a>
100
- </div>
101
- </div>
102
- </div>
103
- </div>
104
- </section>
105
-
106
- <custom-footer></custom-footer>
107
- <script src="components/nav.js"></script>
108
- <script src="components/footer.js"></script>
109
- <script src="script.js"></script>
110
- <script>
111
- feather.replace();
112
- </script>
113
- </body>
114
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
why-choose-us.html DELETED
@@ -1,127 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Why Choose Us - BavulumKatar'da</title>
7
- <link rel="stylesheet" href="style.css">
8
- <script src="https://cdn.tailwindcss.com"></script>
9
- <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
- <script src="https://unpkg.com/feather-icons"></script>
11
- <script>
12
- tailwind.config = {
13
- theme: {
14
- extend: {
15
- colors: {
16
- primary: '#002366',
17
- secondary: '#D4AF37',
18
- }
19
- }
20
- }
21
- }
22
- </script>
23
- </head>
24
- <body class="font-sans bg-white">
25
- <custom-nav></custom-nav>
26
-
27
- <section class="py-20">
28
- <div class="container mx-auto px-6">
29
- <h1 class="text-4xl font-bold text-center text-primary mb-12">Why Choose BavulumKatar'da?</h1>
30
-
31
- <div class="grid md:grid-cols-2 gap-12 items-center mb-20">
32
- <div>
33
- <img src="http://static.photos/warehouse/1024x576/10" alt="Our warehouse" class="rounded-xl shadow-lg w-full">
34
- </div>
35
- <div>
36
- <h2 class="text-3xl font-bold text-primary mb-6">The Best Global Shopping Experience</h2>
37
- <p class="text-lg text-gray-700 mb-6">We're not just another shipping service - we're your personal shopping concierge dedicated to making international shopping easy and affordable for residents of Qatar.</p>
38
- <div class="space-y-6">
39
- <div class="flex items-start">
40
- <div class="bg-primary/10 text-primary rounded-lg p-3 mr-4">
41
- <i data-feather="award" class="w-6 h-6"></i>
42
- </div>
43
- <div>
44
- <h3 class="text-xl font-bold text-primary mb-2">Trusted by Thousands</h3>
45
- <p class="text-gray-600">Over 10,000 satisfied customers in Qatar rely on our service.</p>
46
- </div>
47
- </div>
48
- <div class="flex items-start">
49
- <div class="bg-primary/10 text-primary rounded-lg p-3 mr-4">
50
- <i data-feather="dollar-sign" class="w-6 h-6"></i>
51
- </div>
52
- <div>
53
- <h3 class="text-xl font-bold text-primary mb-2">Save Up to 70%</h3>
54
- <p class="text-gray-600">Our consolidation service reduces shipping costs dramatically.</p>
55
- </div>
56
- </div>
57
- <div class="flex items-start">
58
- <div class="bg-primary/10 text-primary rounded-lg p-3 mr-4">
59
- <i data-feather="shield" class="w-6 h-6"></i>
60
- </div>
61
- <div>
62
- <h3 class="text-xl font-bold text-primary mb-2">100% Secure</h3>
63
- <p class="text-gray-600">Climate-controlled warehouses with 24/7 security monitoring.</p>
64
- </div>
65
- </div>
66
- </div>
67
- </div>
68
- </div>
69
-
70
- <div class="bg-gray-50 rounded-xl p-10 mb-20">
71
- <div class="max-w-4xl mx-auto">
72
- <h2 class="text-3xl font-bold text-center text-primary mb-12">Customer Testimonials</h2>
73
- <div class="grid md:grid-cols-2 gap-8">
74
- <div class="bg-white p-8 rounded-lg shadow-md">
75
- <div class="flex items-center mb-4">
76
- <img src="http://static.photos/people/200x200/1" alt="Customer" class="w-12 h-12 rounded-full mr-4">
77
- <div>
78
- <h4 class="font-bold">Ahmed Al-Thani</h4>
79
- <p class="text-gray-500 text-sm">Doha, Qatar</p>
80
- </div>
81
- </div>
82
- <p class="text-gray-700">"I've saved thousands of riyals using BavulumKatar'da. Their consolidation service is a game-changer for shopping from the US!"</p>
83
- <div class="flex mt-4">
84
- <i data-feather="star" class="w-4 h-4 text-secondary"></i>
85
- <i data-feather="star" class="w-4 h-4 text-secondary"></i>
86
- <i data-feather="star" class="w-4 h-4 text-secondary"></i>
87
- <i data-feather="star" class="w-4 h-4 text-secondary"></i>
88
- <i data-feather="star" class="w-4 h-4 text-secondary"></i>
89
- </div>
90
- </div>
91
- <div class="bg-white p-8 rounded-lg shadow-md">
92
- <div class="flex items-center mb-4">
93
- <img src="http://static.photos/people/200x200/2" alt="Customer" class="w-12 h-12 rounded-full mr-4">
94
- <div>
95
- <h4 class="font-bold">Sarah Mohammed</h4>
96
- <p class="text-gray-500 text-sm">Al Wakrah, Qatar</p>
97
- </div>
98
- </div>
99
- <p class="text-gray-700">"The customer service is exceptional. They helped me track down a missing package and handled everything professionally."</p>
100
- <div class="flex mt-4">
101
- <i data-feather="star" class="w-4 h-4 text-secondary"></i>
102
- <i data-feather="star" class="w-4 h-4 text-secondary"></i>
103
- <i data-feather="star" class="w-4 h-4 text-secondary"></i>
104
- <i data-feather="star" class="w-4 h-4 text-secondary"></i>
105
- <i data-feather="star" class="w-4 h-4 text-secondary"></i>
106
- </div>
107
- </div>
108
- </div>
109
- </div>
110
- </div>
111
-
112
- <div class="text-center">
113
- <h2 class="text-3xl font-bold text-primary mb-6">Experience the Difference Today</h2>
114
- <a href="signup.html" class="inline-block bg-secondary hover:bg-secondary/90 text-primary font-bold py-3 px-8 rounded-full transition duration-300">Join Now</a>
115
- </div>
116
- </div>
117
- </section>
118
-
119
- <custom-footer></custom-footer>
120
- <script src="components/nav.js"></script>
121
- <script src="components/footer.js"></script>
122
- <script src="script.js"></script>
123
- <script>
124
- feather.replace();
125
- </script>
126
- </body>
127
- </html>