@crm-market/template-shared 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (160) hide show
  1. package/assets/css/custom.css +70 -0
  2. package/assets/css/remixicon.css +2782 -0
  3. package/assets/css/satoshi-font.css +31 -0
  4. package/assets/fonts/flaticon.css +463 -0
  5. package/assets/fonts/flaticon.eot +0 -0
  6. package/assets/fonts/flaticon.html +2153 -0
  7. package/assets/fonts/flaticon.svg +441 -0
  8. package/assets/fonts/flaticon.ttf +0 -0
  9. package/assets/fonts/flaticon.woff +0 -0
  10. package/assets/fonts/flaticon.woff2 +0 -0
  11. package/assets/fonts/remixicon.eot +0 -0
  12. package/assets/fonts/remixicon.svg +8230 -0
  13. package/assets/fonts/remixicon.ttf +0 -0
  14. package/assets/fonts/remixicon.woff +0 -0
  15. package/assets/fonts/remixicon.woff2 +0 -0
  16. package/assets/scss/_variables.scss +31 -0
  17. package/assets/scss/components/_about.scss +58 -0
  18. package/assets/scss/components/_authentication.scss +124 -0
  19. package/assets/scss/components/_backtoptop.scss +27 -0
  20. package/assets/scss/components/_banner.scss +396 -0
  21. package/assets/scss/components/_best-deals.scss +74 -0
  22. package/assets/scss/components/_blank.scss +40 -0
  23. package/assets/scss/components/_blog.scss +193 -0
  24. package/assets/scss/components/_cart.scss +108 -0
  25. package/assets/scss/components/_categories.scss +82 -0
  26. package/assets/scss/components/_checkout.scss +110 -0
  27. package/assets/scss/components/_dashboard.scss +388 -0
  28. package/assets/scss/components/_faq.scss +22 -0
  29. package/assets/scss/components/_filter-rang.scss +109 -0
  30. package/assets/scss/components/_footer.scss +270 -0
  31. package/assets/scss/components/_global.scss +550 -0
  32. package/assets/scss/components/_header.scss +587 -0
  33. package/assets/scss/components/_hurry.scss +52 -0
  34. package/assets/scss/components/_navbar.scss +1008 -0
  35. package/assets/scss/components/_offers.scss +689 -0
  36. package/assets/scss/components/_pagination.scss +71 -0
  37. package/assets/scss/components/_popup.scss +172 -0
  38. package/assets/scss/components/_preloader.scss +108 -0
  39. package/assets/scss/components/_products.scss +1147 -0
  40. package/assets/scss/components/_rtl.scss +806 -0
  41. package/assets/scss/components/_services.scss +16 -0
  42. package/assets/scss/components/_sidebar.scss +259 -0
  43. package/assets/scss/style.css +6676 -0
  44. package/assets/scss/style.css.map +1 -0
  45. package/assets/scss/style.scss +40 -0
  46. package/assets/webfonts/Satoshi-Bold.eot +0 -0
  47. package/assets/webfonts/Satoshi-Bold.woff +0 -0
  48. package/assets/webfonts/Satoshi-Bold.woff2 +0 -0
  49. package/assets/webfonts/Satoshi-Medium.eot +0 -0
  50. package/assets/webfonts/Satoshi-Medium.woff +0 -0
  51. package/assets/webfonts/Satoshi-Medium.woff2 +0 -0
  52. package/assets/webfonts/Satoshi-Regular.eot +0 -0
  53. package/assets/webfonts/Satoshi-Regular.woff +0 -0
  54. package/assets/webfonts/Satoshi-Regular.woff2 +0 -0
  55. package/components/AboutUs/AboutUsTuan.vue +25 -0
  56. package/components/AboutUs/Statistics.vue +42 -0
  57. package/components/AboutUs/SubscribeToTheNewsletter.vue +57 -0
  58. package/components/AddAddress/index.vue +70 -0
  59. package/components/BestSellers/Products.vue +1562 -0
  60. package/components/BestSellers/RecentlyViewed.vue +304 -0
  61. package/components/Cart/ProductQuantity.vue +29 -0
  62. package/components/Cart/index.vue +167 -0
  63. package/components/Categories/index.vue +305 -0
  64. package/components/ChangePassword/index.vue +71 -0
  65. package/components/Checkout/index.vue +192 -0
  66. package/components/Common/DashboardNavigation.vue +37 -0
  67. package/components/Common/PageBanner.vue +28 -0
  68. package/components/Common/ProductCard.vue +152 -0
  69. package/components/Common/Services.vue +58 -0
  70. package/components/Contact/ContactForm.vue +91 -0
  71. package/components/Contact/ContactInfo.vue +74 -0
  72. package/components/Dashboard/RecentOrder.vue +173 -0
  73. package/components/Dashboard/index.vue +79 -0
  74. package/components/EditAddress/index.vue +119 -0
  75. package/components/EditProfile/index.vue +97 -0
  76. package/components/FAQ/index.vue +121 -0
  77. package/components/FeaturedProduct/FeaturedProducts.vue +304 -0
  78. package/components/FeaturedProduct/Products.vue +1562 -0
  79. package/components/ForgotPassword/index.vue +51 -0
  80. package/components/Layout/BackToUp.vue +38 -0
  81. package/components/Layout/Copyright.vue +25 -0
  82. package/components/Layout/Footer.vue +183 -0
  83. package/components/Layout/FooterTwo.vue +165 -0
  84. package/components/Layout/LocationOption.vue +178 -0
  85. package/components/Layout/MiddleHeader.vue +229 -0
  86. package/components/Layout/MiddleHeaderThree.vue +204 -0
  87. package/components/Layout/MiddleHeaderTwo.vue +240 -0
  88. package/components/Layout/Navbar.vue +185 -0
  89. package/components/Layout/NavbarStyleFour.vue +334 -0
  90. package/components/Layout/NavbarStyleThree.vue +188 -0
  91. package/components/Layout/NavbarStyleTwo.vue +108 -0
  92. package/components/Layout/Preloader.vue +18 -0
  93. package/components/Layout/RTLSwitchBtn.vue +40 -0
  94. package/components/Layout/ResponsiveNavbar.vue +431 -0
  95. package/components/Layout/TopHeader.vue +130 -0
  96. package/components/Login/index.vue +94 -0
  97. package/components/MyAccount/index.vue +154 -0
  98. package/components/NewArrivals/Products.vue +1969 -0
  99. package/components/NewArrivals/RecentlyViewed.vue +304 -0
  100. package/components/OrderDetails/index.vue +77 -0
  101. package/components/OrderHistory/index.vue +197 -0
  102. package/components/PrivacyPolicy/index.vue +112 -0
  103. package/components/ProductDetails/ProductDetailsTab.vue +343 -0
  104. package/components/ProductDetails/ProductQuantity.vue +29 -0
  105. package/components/ProductDetails/RecentlyViewed.vue +304 -0
  106. package/components/ProductDetails/index.vue +268 -0
  107. package/components/Products/RecentlyViewed.vue +304 -0
  108. package/components/Products/index.vue +292 -0
  109. package/components/Register/index.vue +88 -0
  110. package/components/TermsConditions/index.vue +112 -0
  111. package/components/TrendingProducts/FeaturedProducts.vue +304 -0
  112. package/components/TrendingProducts/Products.vue +1564 -0
  113. package/components/Wishlist/ProductQuantity.vue +29 -0
  114. package/components/Wishlist/index.vue +128 -0
  115. package/composables/useCart.ts +149 -0
  116. package/composables/useCategories.ts +87 -0
  117. package/composables/useCheckout.ts +131 -0
  118. package/composables/useProducts.ts +162 -0
  119. package/composables/useSiteConfig.ts +236 -0
  120. package/composables/useTemplateSections.ts +74 -0
  121. package/e2e/cart.spec.ts +71 -0
  122. package/e2e/fixtures/mock-api.ts +166 -0
  123. package/e2e/homepage.spec.ts +65 -0
  124. package/e2e/layout.spec.ts +73 -0
  125. package/e2e/navigation.spec.ts +61 -0
  126. package/e2e/pages/cart.page.ts +44 -0
  127. package/e2e/pages/homepage.page.ts +46 -0
  128. package/e2e/playwright.config.ts +32 -0
  129. package/e2e/products.spec.ts +33 -0
  130. package/layouts/default.vue +94 -0
  131. package/layouts/inner.vue +70 -0
  132. package/nuxt.config.ts +86 -0
  133. package/package.json +38 -0
  134. package/pages/about-us.vue +12 -0
  135. package/pages/address.vue +10 -0
  136. package/pages/cart.vue +10 -0
  137. package/pages/categories.vue +10 -0
  138. package/pages/change-password.vue +10 -0
  139. package/pages/checkout.vue +10 -0
  140. package/pages/contact.vue +11 -0
  141. package/pages/dashboard.vue +10 -0
  142. package/pages/edit-address.vue +10 -0
  143. package/pages/edit-profile.vue +10 -0
  144. package/pages/faq.vue +10 -0
  145. package/pages/forgot-password.vue +10 -0
  146. package/pages/login.vue +10 -0
  147. package/pages/my-account.vue +10 -0
  148. package/pages/order-details.vue +10 -0
  149. package/pages/order-history.vue +10 -0
  150. package/pages/privacy-policy.vue +10 -0
  151. package/pages/product-details.vue +10 -0
  152. package/pages/products.vue +10 -0
  153. package/pages/register.vue +10 -0
  154. package/pages/terms-conditions.vue +10 -0
  155. package/pages/wishlist.vue +10 -0
  156. package/plugins/site-init.client.ts +24 -0
  157. package/plugins/vuetify.ts +18 -0
  158. package/types/index.ts +121 -0
  159. package/utils/image.ts +13 -0
  160. package/utils/store.ts +21 -0
package/components/NewArrivals/Products.vue ADDED
@@ -0,0 +1,1969 @@
1
+ <template>
2
+ <div class="products-area products-page ptb-60">
3
+ <div class="container">
4
+ <v-row>
5
+ <v-col cols="12" xl="10" lg="9">
6
+ <div
7
+ class="d-md-flex justify-content-between align-content-center mb-4"
8
+ >
9
+ <span>Showing all 12 Items</span>
10
+ <div class="d-md-flex align-items-center mt-2 mt-md-0">
11
+ <ul
12
+ class="d-sm-flex align-items-center ps-0 mb-0 list-unstyled fillter-show"
13
+ >
14
+ <li>
15
+ <div class="row g-3 align-items-center">
16
+ <div class="col-auto pe-0">
17
+ <label class="col-form-label">Short:</label>
18
+ </div>
19
+ <div class="col-auto">
20
+ <select
21
+ class="form-select"
22
+ aria-label="Default select example"
23
+ >
24
+ <option selected>By Latest</option>
25
+ <option value="1">Recent</option>
26
+ </select>
27
+ </div>
28
+ </div>
29
+ </li>
30
+ <li>
31
+ <div class="row g-3 align-items-center">
32
+ <div class="col-auto pe-0">
33
+ <label class="col-form-label">Show:</label>
34
+ </div>
35
+ <div class="col-auto">
36
+ <select
37
+ class="form-select"
38
+ aria-label="Default select example"
39
+ >
40
+ <option selected>12 Items</option>
41
+ <option value="1">15 Items</option>
42
+ </select>
43
+ </div>
44
+ </div>
45
+ </li>
46
+ </ul>
47
+
48
+ <v-tabs v-model="tab" bg-color="white" class="grid-list-tabs">
49
+ <v-tab value="grid">
50
+ <i class="ri-layout-grid-line"></i>
51
+ </v-tab>
52
+ <v-tab value="list">
53
+ <i class="ri-list-unordered"></i>
54
+ </v-tab>
55
+ </v-tabs>
56
+ </div>
57
+ </div>
58
+
59
+ <v-card-text>
60
+ <v-tabs-window v-model="tab">
61
+ <v-tabs-window-item value="grid">
62
+ <v-row no-gutters class="justify-content-center g-0">
63
+ <v-col cols="12" lg="3" sm="6">
64
+ <div class="single-product-telemobile-item">
65
+ <div class="product-img position-relative">
66
+ <NuxtLink to="/product-details" class="d-block">
67
+ <img
68
+ src="~/assets/images/product-6.png"
69
+ alt="product"
70
+ />
71
+ </NuxtLink>
72
+ <div
73
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
74
+ >
75
+ <span class="minus-count">-15%</span>
76
+ <button class="border-0 wish-btn">
77
+ <i class="ri-heart-line"></i>
78
+ <i class="ri-heart-fill d-none"></i>
79
+ <v-tooltip activator="parent" location="top">
80
+ Favorite
81
+ </v-tooltip>
82
+ </button>
83
+ </div>
84
+ </div>
85
+ <div class="product-content">
86
+ <NuxtLink to="/product-details" class="title">
87
+ Multiplatform Wireless Noise-Cancelling Gaming Headset
88
+ </NuxtLink>
89
+ <div class="d-flex gap-1 review">
90
+ <i class="flaticon-star"></i>
91
+ <i class="flaticon-star"></i>
92
+ <i class="flaticon-star"></i>
93
+ <i class="flaticon-star"></i>
94
+ <i class="flaticon-star"></i>
95
+ <span>(18 Reviews)</span>
96
+ </div>
97
+ <h3>$279 <del>$329</del></h3>
98
+ <div class="d-flex sold-stock gap-4 align-items-center">
99
+ <span class="sold">20 Sold</span>
100
+ <span class="stock">
101
+ <i class="ri-check-line"></i>
102
+ 78 In Stock
103
+ </span>
104
+ </div>
105
+ <div
106
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
107
+ >
108
+ <span class="delivery">
109
+ <i class="ri-truck-line"></i>
110
+ Free Delivery
111
+ </span>
112
+ <button class="cart-btn">
113
+ <i class="ri-shopping-cart-line"></i>
114
+ <v-tooltip activator="parent" location="top">
115
+ Add To Cart
116
+ </v-tooltip>
117
+ </button>
118
+ </div>
119
+ </div>
120
+ </div>
121
+ </v-col>
122
+ <v-col cols="12" lg="3" sm="6">
123
+ <div class="single-product-telemobile-item">
124
+ <div class="product-img position-relative">
125
+ <NuxtLink to="/product-details" class="d-block">
126
+ <img
127
+ src="~/assets/images/product-7.png"
128
+ alt="product"
129
+ />
130
+ </NuxtLink>
131
+ <div
132
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
133
+ >
134
+ <span class="minus-count">-40%</span>
135
+ <button class="border-0 wish-btn">
136
+ <i class="ri-heart-line"></i>
137
+ <i class="ri-heart-fill d-none"></i>
138
+ <v-tooltip activator="parent" location="top">
139
+ Favorite
140
+ </v-tooltip>
141
+ </button>
142
+ </div>
143
+ </div>
144
+ <div class="product-content">
145
+ <NuxtLink to="/product-details" class="title">
146
+ GPS Smartwatch with Bright Touchscreen Display
147
+ </NuxtLink>
148
+ <div class="d-flex gap-1 review">
149
+ <i class="flaticon-star"></i>
150
+ <i class="flaticon-star"></i>
151
+ <i class="flaticon-star"></i>
152
+ <i class="flaticon-star"></i>
153
+ <i class="flaticon-star"></i>
154
+ <span>(24 Reviews)</span>
155
+ </div>
156
+ <h3>$119 <del>$199</del></h3>
157
+ <div class="d-flex sold-stock gap-4 align-items-center">
158
+ <span class="sold">435 Sold</span>
159
+ <span class="stock">
160
+ <i class="ri-check-line"></i>
161
+ 180 In Stock
162
+ </span>
163
+ </div>
164
+ <div
165
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
166
+ >
167
+ <span class="delivery">
168
+ <i class="ri-truck-line"></i>
169
+ Free Delivery
170
+ </span>
171
+ <button class="cart-btn">
172
+ <i class="ri-shopping-cart-line"></i>
173
+ <v-tooltip activator="parent" location="top">
174
+ Add To Cart
175
+ </v-tooltip>
176
+ </button>
177
+ </div>
178
+ </div>
179
+ </div>
180
+ </v-col>
181
+ <v-col cols="12" lg="3" sm="6">
182
+ <div class="single-product-telemobile-item">
183
+ <div class="product-img position-relative">
184
+ <NuxtLink to="/product-details" class="d-block">
185
+ <img
186
+ src="~/assets/images/product-8.png"
187
+ alt="product"
188
+ />
189
+ </NuxtLink>
190
+ <div
191
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
192
+ >
193
+ <span class="minus-count">-20%</span>
194
+ <button class="border-0 wish-btn">
195
+ <i class="ri-heart-line"></i>
196
+ <i class="ri-heart-fill d-none"></i>
197
+ <v-tooltip activator="parent" location="top">
198
+ Favorite
199
+ </v-tooltip>
200
+ </button>
201
+ </div>
202
+ </div>
203
+ <div class="product-content">
204
+ <NuxtLink to="/product-details" class="title">
205
+ SAMSUNG 32-Inch Class QLED 4K Q60C Series Quantum HDR
206
+ </NuxtLink>
207
+ <div class="d-flex gap-1 review">
208
+ <i class="flaticon-star"></i>
209
+ <i class="flaticon-star"></i>
210
+ <i class="flaticon-star"></i>
211
+ <i class="flaticon-star"></i>
212
+ <i class="flaticon-star"></i>
213
+ <span>(19 Reviews)</span>
214
+ </div>
215
+ <h3>$397 <del>$497</del></h3>
216
+ <div class="d-flex sold-stock gap-4 align-items-center">
217
+ <span class="sold">35 Sold</span>
218
+ <span class="stock">
219
+ <i class="ri-check-line"></i>
220
+ 125 In Stock
221
+ </span>
222
+ </div>
223
+ <div
224
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
225
+ >
226
+ <span class="delivery">
227
+ <i class="ri-truck-line"></i>
228
+ Free Delivery
229
+ </span>
230
+ <button class="cart-btn">
231
+ <i class="ri-shopping-cart-line"></i>
232
+ <v-tooltip activator="parent" location="top">
233
+ Add To Cart
234
+ </v-tooltip>
235
+ </button>
236
+ </div>
237
+ </div>
238
+ </div>
239
+ </v-col>
240
+ <v-col cols="12" lg="3" sm="6">
241
+ <div class="single-product-telemobile-item">
242
+ <div class="product-img position-relative">
243
+ <NuxtLink to="/product-details" class="d-block">
244
+ <img
245
+ src="~/assets/images/product-9.png"
246
+ alt="product"
247
+ />
248
+ </NuxtLink>
249
+ <div
250
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
251
+ >
252
+ <span class="minus-count">-10%</span>
253
+ <button class="border-0 wish-btn">
254
+ <i class="ri-heart-line"></i>
255
+ <i class="ri-heart-fill d-none"></i>
256
+ <v-tooltip activator="parent" location="top">
257
+ Favorite
258
+ </v-tooltip>
259
+ </button>
260
+ </div>
261
+ </div>
262
+ <div class="product-content">
263
+ <NuxtLink to="/product-details" class="title">
264
+ Apple MacBook Pro 16.2" with Liquid Retina XDR Display
265
+ </NuxtLink>
266
+ <div class="d-flex gap-1 review">
267
+ <i class="flaticon-star"></i>
268
+ <i class="flaticon-star"></i>
269
+ <i class="flaticon-star"></i>
270
+ <i class="flaticon-star"></i>
271
+ <i class="flaticon-star"></i>
272
+ <span>(76 Reviews)</span>
273
+ </div>
274
+ <h3>$3,499 <del>$3,799</del></h3>
275
+ <div class="d-flex sold-stock gap-4 align-items-center">
276
+ <span class="sold">348 Sold</span>
277
+ <span class="stock">
278
+ <i class="ri-check-line"></i>
279
+ 245 In Stock
280
+ </span>
281
+ </div>
282
+ <div
283
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
284
+ >
285
+ <span class="delivery">
286
+ <i class="ri-truck-line"></i>
287
+ Free Delivery
288
+ </span>
289
+ <button class="cart-btn">
290
+ <i class="ri-shopping-cart-line"></i>
291
+ <v-tooltip activator="parent" location="top">
292
+ Add To Cart
293
+ </v-tooltip>
294
+ </button>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ </v-col>
299
+ <v-col cols="12" lg="3" sm="6">
300
+ <div class="single-product-telemobile-item">
301
+ <div class="product-img position-relative">
302
+ <NuxtLink to="/product-details" class="d-block">
303
+ <img
304
+ src="~/assets/images/product-20.png"
305
+ alt="product"
306
+ />
307
+ </NuxtLink>
308
+ <div
309
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
310
+ >
311
+ <span class="minus-count bg-successdiv text-white">
312
+ New
313
+ </span>
314
+ <button class="border-0 wish-btn">
315
+ <i class="ri-heart-line"></i>
316
+ <i class="ri-heart-fill d-none"></i>
317
+ <v-tooltip activator="parent" location="top">
318
+ Favorite
319
+ </v-tooltip>
320
+ </button>
321
+ </div>
322
+ </div>
323
+ <div class="product-content">
324
+ <NuxtLink to="/product-details" class="title">
325
+ 15 Pro Max 5G Unlocked Smartphone,6GB+256GB
326
+ </NuxtLink>
327
+ <div class="d-flex gap-1 review">
328
+ <i class="flaticon-star"></i>
329
+ <i class="flaticon-star"></i>
330
+ <i class="flaticon-star"></i>
331
+ <i class="flaticon-star"></i>
332
+ <i class="flaticon-star"></i>
333
+ <span>(45 Reviews)</span>
334
+ </div>
335
+ <h3>$999</h3>
336
+ <div class="d-flex sold-stock gap-4 align-items-center">
337
+ <span class="sold">120 Sold</span>
338
+ <span class="stock">
339
+ <i class="ri-check-line"></i>
340
+ 150 In Stock
341
+ </span>
342
+ </div>
343
+ <div
344
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
345
+ >
346
+ <span class="delivery">
347
+ <i class="ri-truck-line"></i>
348
+ Free Delivery
349
+ </span>
350
+ <button class="cart-btn">
351
+ <i class="ri-shopping-cart-line"></i>
352
+ <v-tooltip activator="parent" location="top">
353
+ Add To Cart
354
+ </v-tooltip>
355
+ </button>
356
+ </div>
357
+ </div>
358
+ </div>
359
+ </v-col>
360
+ <v-col cols="12" lg="3" sm="6">
361
+ <div class="single-product-telemobile-item">
362
+ <div class="product-img position-relative">
363
+ <NuxtLink to="/product-details" class="d-block">
364
+ <img
365
+ src="~/assets/images/product-21.png"
366
+ alt="product"
367
+ />
368
+ </NuxtLink>
369
+ <div
370
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
371
+ >
372
+ <span class="minus-count">-15%</span>
373
+ <button class="border-0 wish-btn">
374
+ <i class="ri-heart-line"></i>
375
+ <i class="ri-heart-fill d-none"></i>
376
+ <v-tooltip activator="parent" location="top">
377
+ Favorite
378
+ </v-tooltip>
379
+ </button>
380
+ </div>
381
+ </div>
382
+ <div class="product-content">
383
+ <NuxtLink to="/product-details" class="title">
384
+ Wireless Bluetooth Over Ear Headphones, Noise
385
+ Cancelling
386
+ </NuxtLink>
387
+ <div class="d-flex gap-1 review">
388
+ <i class="flaticon-star"></i>
389
+ <i class="flaticon-star"></i>
390
+ <i class="flaticon-star"></i>
391
+ <i class="flaticon-star"></i>
392
+ <i class="flaticon-star"></i>
393
+ <span>(68 Reviews)</span>
394
+ </div>
395
+ <h3>$69 <del>$99</del></h3>
396
+ <div class="d-flex sold-stock gap-4 align-items-center">
397
+ <span class="sold">345 Sold</span>
398
+ <span class="stock">
399
+ <i class="ri-check-line"></i>
400
+ 89 In Stock
401
+ </span>
402
+ </div>
403
+ <div
404
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
405
+ >
406
+ <span class="delivery">
407
+ <i class="ri-truck-line"></i>
408
+ Free Delivery
409
+ </span>
410
+ <button class="cart-btn">
411
+ <i class="ri-shopping-cart-line"></i>
412
+ <v-tooltip activator="parent" location="top">
413
+ Add To Cart
414
+ </v-tooltip>
415
+ </button>
416
+ </div>
417
+ </div>
418
+ </div>
419
+ </v-col>
420
+ <v-col cols="12" lg="3" sm="6">
421
+ <div class="single-product-telemobile-item">
422
+ <div class="product-img position-relative">
423
+ <NuxtLink to="/product-details" class="d-block">
424
+ <img
425
+ src="~/assets/images/product-22.png"
426
+ alt="product"
427
+ />
428
+ </NuxtLink>
429
+ <div
430
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
431
+ >
432
+ <span class="minus-count">-40%</span>
433
+ <button class="border-0 wish-btn">
434
+ <i class="ri-heart-line"></i>
435
+ <i class="ri-heart-fill d-none"></i>
436
+ <v-tooltip activator="parent" location="top">
437
+ Favorite
438
+ </v-tooltip>
439
+ </button>
440
+ </div>
441
+ </div>
442
+ <div class="product-content">
443
+ <NuxtLink to="/product-details" class="title">
444
+ Smart Watch (Answer/Make Calls), 1.85" Smart Watches
445
+ </NuxtLink>
446
+ <div class="d-flex gap-1 review">
447
+ <i class="flaticon-star"></i>
448
+ <i class="flaticon-star"></i>
449
+ <i class="flaticon-star"></i>
450
+ <i class="flaticon-star"></i>
451
+ <i class="flaticon-star"></i>
452
+ <span>(24 Reviews)</span>
453
+ </div>
454
+ <h3>$25 <del>$89</del></h3>
455
+ <div class="d-flex sold-stock gap-4 align-items-center">
456
+ <span class="sold">135 Sold</span>
457
+ <span class="stock">
458
+ <i class="ri-check-line"></i>
459
+ 80 In Stock
460
+ </span>
461
+ </div>
462
+ <div
463
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
464
+ >
465
+ <span class="delivery">
466
+ <i class="ri-truck-line"></i>
467
+ Free Delivery
468
+ </span>
469
+ <button class="cart-btn">
470
+ <i class="ri-shopping-cart-line"></i>
471
+ <v-tooltip activator="parent" location="top">
472
+ Add To Cart
473
+ </v-tooltip>
474
+ </button>
475
+ </div>
476
+ </div>
477
+ </div>
478
+ </v-col>
479
+ <v-col cols="12" lg="3" sm="6">
480
+ <div class="single-product-telemobile-item">
481
+ <div class="product-img position-relative">
482
+ <NuxtLink to="/product-details" class="d-block">
483
+ <img
484
+ src="~/assets/images/product-23.png"
485
+ alt="product"
486
+ />
487
+ </NuxtLink>
488
+ <div
489
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
490
+ >
491
+ <span class="minus-count">-20%</span>
492
+ <button class="border-0 wish-btn">
493
+ <i class="ri-heart-line"></i>
494
+ <i class="ri-heart-fill d-none"></i>
495
+ <v-tooltip activator="parent" location="top">
496
+ Favorite
497
+ </v-tooltip>
498
+ </button>
499
+ </div>
500
+ </div>
501
+ <div class="product-content">
502
+ <NuxtLink to="/product-details" class="title">
503
+ 32 inch D-Series HD 720p Smart TV with Apple AirPlay
504
+ </NuxtLink>
505
+ <div class="d-flex gap-1 review">
506
+ <i class="flaticon-star"></i>
507
+ <i class="flaticon-star"></i>
508
+ <i class="flaticon-star"></i>
509
+ <i class="flaticon-star"></i>
510
+ <i class="flaticon-star"></i>
511
+ <span>(19 Reviews)</span>
512
+ </div>
513
+ <h3>$128 <del>$159</del></h3>
514
+ <div class="d-flex sold-stock gap-4 align-items-center">
515
+ <span class="sold">48 Sold</span>
516
+ <span class="stock">
517
+ <i class="ri-check-line"></i>
518
+ 80 In Stock
519
+ </span>
520
+ </div>
521
+ <div
522
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
523
+ >
524
+ <span class="delivery">
525
+ <i class="ri-truck-line"></i>
526
+ Free Delivery
527
+ </span>
528
+ <button class="cart-btn">
529
+ <i class="ri-shopping-cart-line"></i>
530
+ <v-tooltip activator="parent" location="top">
531
+ Add To Cart
532
+ </v-tooltip>
533
+ </button>
534
+ </div>
535
+ </div>
536
+ </div>
537
+ </v-col>
538
+ <v-col cols="12" lg="3" sm="6">
539
+ <div class="single-product-telemobile-item">
540
+ <div class="product-img position-relative">
541
+ <NuxtLink to="/product-details" class="d-block">
542
+ <img
543
+ src="~/assets/images/product-14.png"
544
+ alt="product"
545
+ />
546
+ </NuxtLink>
547
+ <div
548
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
549
+ >
550
+ <span class="minus-count bg-successdiv text-white"
551
+ >New</span
552
+ >
553
+ <button class="border-0 wish-btn">
554
+ <i class="ri-heart-line"></i>
555
+ <i class="ri-heart-fill d-none"></i>
556
+ <v-tooltip activator="parent" location="top">
557
+ Favorite
558
+ </v-tooltip>
559
+ </button>
560
+ </div>
561
+ </div>
562
+ <div class="product-content">
563
+ <NuxtLink to="/product-details" class="title"
564
+ >Mini Drone for Beginners, SYMA Portable Indoor
565
+ Quadcopter</NuxtLink
566
+ >
567
+ <div class="d-flex gap-1 review">
568
+ <i class="flaticon-star"></i>
569
+ <i class="flaticon-star"></i>
570
+ <i class="flaticon-star"></i>
571
+ <i class="flaticon-star"></i>
572
+ <i class="flaticon-star"></i>
573
+ <span>(19 Reviews)</span>
574
+ </div>
575
+ <h3>$31 <del>$45</del></h3>
576
+ <div class="d-flex sold-stock gap-4 align-items-center">
577
+ <span class="sold">120 Sold</span>
578
+ <span class="stock"
579
+ ><i class="ri-check-line"></i> 245 In Stock</span
580
+ >
581
+ </div>
582
+ <div
583
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
584
+ >
585
+ <span class="delivery"
586
+ ><i class="ri-truck-line"></i> Free Delivery</span
587
+ >
588
+ <button class="cart-btn">
589
+ <i class="ri-shopping-cart-line"></i>
590
+ <v-tooltip activator="parent" location="top">
591
+ Add To Cart
592
+ </v-tooltip>
593
+ </button>
594
+ </div>
595
+ </div>
596
+ </div>
597
+ </v-col>
598
+ <v-col cols="12" lg="3" sm="6">
599
+ <div class="single-product-telemobile-item">
600
+ <div class="product-img position-relative">
601
+ <NuxtLink to="/product-details" class="d-block">
602
+ <img
603
+ src="~/assets/images/product-15.png"
604
+ alt="product"
605
+ />
606
+ </NuxtLink>
607
+ <div
608
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
609
+ >
610
+ <span class="minus-count bg-successdiv text-white"
611
+ >New</span
612
+ >
613
+ <button class="border-0 wish-btn">
614
+ <i class="ri-heart-line"></i>
615
+ <i class="ri-heart-fill d-none"></i>
616
+ <v-tooltip activator="parent" location="top">
617
+ Favorite
618
+ </v-tooltip>
619
+ </button>
620
+ </div>
621
+ </div>
622
+ <div class="product-content">
623
+ <NuxtLink to="/product-details" class="title"
624
+ >5K Digital Camera, WiFi Vlogging with 32G SD
625
+ Card</NuxtLink
626
+ >
627
+ <div class="d-flex gap-1 review">
628
+ <i class="flaticon-star"></i>
629
+ <i class="flaticon-star"></i>
630
+ <i class="flaticon-star"></i>
631
+ <i class="flaticon-star"></i>
632
+ <i class="flaticon-star"></i>
633
+ <span>(76 Reviews)</span>
634
+ </div>
635
+ <h3>$129</h3>
636
+ <div class="d-flex sold-stock gap-4 align-items-center">
637
+ <span class="sold">70 Sold</span>
638
+ <span class="stock"
639
+ ><i class="ri-check-line"></i> 130 In Stock</span
640
+ >
641
+ </div>
642
+ <div
643
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
644
+ >
645
+ <span class="delivery"
646
+ ><i class="ri-truck-line"></i> Free Delivery</span
647
+ >
648
+ <button class="cart-btn">
649
+ <i class="ri-shopping-cart-line"></i>
650
+ <v-tooltip activator="parent" location="top">
651
+ Add To Cart
652
+ </v-tooltip>
653
+ </button>
654
+ </div>
655
+ </div>
656
+ </div>
657
+ </v-col>
658
+ <v-col cols="12" lg="3" sm="6">
659
+ <div class="single-product-telemobile-item">
660
+ <div class="product-img position-relative">
661
+ <NuxtLink to="/product-details" class="d-block">
662
+ <img
663
+ src="~/assets/images/product-10.png"
664
+ alt="product"
665
+ />
666
+ </NuxtLink>
667
+ <div
668
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
669
+ >
670
+ <span class="minus-count bg-successdiv text-white"
671
+ >New</span
672
+ >
673
+ <button class="border-0 wish-btn">
674
+ <i class="ri-heart-line"></i>
675
+ <i class="ri-heart-fill d-none"></i>
676
+ <v-tooltip activator="parent" location="top">
677
+ Favorite
678
+ </v-tooltip>
679
+ </button>
680
+ </div>
681
+ </div>
682
+ <div class="product-content">
683
+ <NuxtLink to="/product-details" class="title"
684
+ >Wireless Bluetooth Over Ear Headphones, with
685
+ Active</NuxtLink
686
+ >
687
+ <div class="d-flex gap-1 review">
688
+ <i class="flaticon-star"></i>
689
+ <i class="flaticon-star"></i>
690
+ <i class="flaticon-star"></i>
691
+ <i class="flaticon-star"></i>
692
+ <i class="flaticon-star"></i>
693
+ <span>(24 Reviews)</span>
694
+ </div>
695
+ <h3>$69 <del>$99</del></h3>
696
+ <div class="d-flex sold-stock gap-4 align-items-center">
697
+ <span class="sold">435 Sold</span>
698
+ <span class="stock"
699
+ ><i class="ri-check-line"></i> 180 In Stock</span
700
+ >
701
+ </div>
702
+ <div
703
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
704
+ >
705
+ <span class="delivery"
706
+ ><i class="ri-truck-line"></i> Free Delivery</span
707
+ >
708
+ <button class="cart-btn">
709
+ <i class="ri-shopping-cart-line"></i>
710
+ <v-tooltip activator="parent" location="top">
711
+ Add To Cart
712
+ </v-tooltip>
713
+ </button>
714
+ </div>
715
+ </div>
716
+ </div>
717
+ </v-col>
718
+ <v-col cols="12" lg="3" sm="6">
719
+ <div class="single-product-telemobile-item">
720
+ <div class="product-img position-relative">
721
+ <NuxtLink to="/product-details" class="d-block">
722
+ <img
723
+ src="~/assets/images/product-24.png"
724
+ alt="product"
725
+ />
726
+ </NuxtLink>
727
+ <div
728
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
729
+ >
730
+ <span class="minus-count">-10%</span>
731
+ <button class="border-0 wish-btn">
732
+ <i class="ri-heart-line"></i>
733
+ <i class="ri-heart-fill d-none"></i>
734
+ <v-tooltip activator="parent" location="top">
735
+ Favorite
736
+ </v-tooltip>
737
+ </button>
738
+ </div>
739
+ </div>
740
+ <div class="product-content">
741
+ <NuxtLink to="/product-details" class="title"
742
+ >14 Pro Max 5G Unlocked Smartphone -
743
+ 6GB+256GB</NuxtLink
744
+ >
745
+ <div class="d-flex gap-1 review">
746
+ <i class="flaticon-star"></i>
747
+ <i class="flaticon-star"></i>
748
+ <i class="flaticon-star"></i>
749
+ <i class="flaticon-star"></i>
750
+ <i class="flaticon-star"></i>
751
+ <span>(76 Reviews)</span>
752
+ </div>
753
+ <h3>$799 <del>$849</del></h3>
754
+ <div class="d-flex sold-stock gap-4 align-items-center">
755
+ <span class="sold">1560 Sold</span>
756
+ <span class="stock"
757
+ ><i class="ri-check-line"></i> 235 In Stock</span
758
+ >
759
+ </div>
760
+ <div
761
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
762
+ >
763
+ <span class="delivery"
764
+ ><i class="ri-truck-line"></i> Free Delivery</span
765
+ >
766
+ <button class="cart-btn">
767
+ <i class="ri-shopping-cart-line"></i>
768
+ <v-tooltip activator="parent" location="top">
769
+ Add To Cart
770
+ </v-tooltip>
771
+ </button>
772
+ </div>
773
+ </div>
774
+ </div>
775
+ </v-col>
776
+ <v-col cols="12" lg="12">
777
+ <div class="pagination-area text-center mt-4">
778
+ <a href="#" class="next page-numbers">
779
+ <i class="ri-arrow-left-s-line"></i>
780
+ </a>
781
+
782
+ <span class="page-numbers current" aria-current="page">
783
+ 1
784
+ </span>
785
+ <a href="#" class="page-numbers">2</a>
786
+ <a href="#" class="page-numbers">3</a>
787
+
788
+ <a href="#" class="next page-numbers">
789
+ <i class="ri-arrow-right-s-line"></i>
790
+ </a>
791
+ </div>
792
+ </v-col>
793
+ </v-row>
794
+ </v-tabs-window-item>
795
+ <v-tabs-window-item value="list">
796
+ <v-row no-gutters class="justify-content-center g-0">
797
+ <v-col cols="12" lg="6">
798
+ <div
799
+ class="single-product-telemobile-item d-sm-flex align-items-center"
800
+ >
801
+ <div class="flex-shrink-0">
802
+ <div class="product-img position-relative">
803
+ <NuxtLink to="/product-details" class="d-block">
804
+ <img
805
+ src="~/assets/images/product-6.png"
806
+ alt="product"
807
+ />
808
+ </NuxtLink>
809
+ <div
810
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
811
+ >
812
+ <span class="minus-count">-15%</span>
813
+ <button class="border-0 wish-btn">
814
+ <i class="ri-heart-line"></i>
815
+ <i class="ri-heart-fill d-none"></i>
816
+ <v-tooltip activator="parent" location="top">
817
+ Favorite
818
+ </v-tooltip>
819
+ </button>
820
+ </div>
821
+ </div>
822
+ </div>
823
+ <div class="flex-grow-1 ms-sm-3">
824
+ <div class="product-content">
825
+ <NuxtLink to="/product-details" class="title">
826
+ Multiplatform Wireless Noise-Cancelling Gaming
827
+ Headset
828
+ </NuxtLink>
829
+ <div class="d-flex gap-1 review">
830
+ <i class="flaticon-star"></i>
831
+ <i class="flaticon-star"></i>
832
+ <i class="flaticon-star"></i>
833
+ <i class="flaticon-star"></i>
834
+ <i class="flaticon-star"></i>
835
+ <span>(18 Reviews)</span>
836
+ </div>
837
+ <h3>$279 <del>$329</del></h3>
838
+ <div
839
+ class="d-flex sold-stock gap-4 align-items-center"
840
+ >
841
+ <span class="sold">20 Sold</span>
842
+ <span class="stock">
843
+ <i class="ri-check-line"></i>
844
+ 78 In Stock
845
+ </span>
846
+ </div>
847
+ <div
848
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
849
+ >
850
+ <span class="delivery">
851
+ <i class="ri-truck-line"></i>
852
+ Free Delivery
853
+ </span>
854
+ <button class="cart-btn">
855
+ <i class="ri-shopping-cart-line"></i>
856
+ <v-tooltip activator="parent" location="top">
857
+ Add To Cart
858
+ </v-tooltip>
859
+ </button>
860
+ </div>
861
+ </div>
862
+ </div>
863
+ </div>
864
+ </v-col>
865
+ <v-col cols="12" lg="6">
866
+ <div
867
+ class="single-product-telemobile-item d-sm-flex align-items-center"
868
+ >
869
+ <div class="flex-shrink-0">
870
+ <div class="product-img position-relative">
871
+ <NuxtLink to="/product-details" class="d-block">
872
+ <img
873
+ src="~/assets/images/product-7.png"
874
+ alt="product"
875
+ />
876
+ </NuxtLink>
877
+ <div
878
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
879
+ >
880
+ <span class="minus-count">-40%</span>
881
+ <button class="border-0 wish-btn">
882
+ <i class="ri-heart-line"></i>
883
+ <i class="ri-heart-fill d-none"></i>
884
+ <v-tooltip activator="parent" location="top">
885
+ Favorite
886
+ </v-tooltip>
887
+ </button>
888
+ </div>
889
+ </div>
890
+ </div>
891
+ <div class="flex-grow-1 ms-sm-3">
892
+ <div class="product-content">
893
+ <NuxtLink to="/product-details" class="title"
894
+ >GPS Smartwatch with Bright Touchscreen
895
+ Display</NuxtLink
896
+ >
897
+ <div class="d-flex gap-1 review">
898
+ <i class="flaticon-star"></i>
899
+ <i class="flaticon-star"></i>
900
+ <i class="flaticon-star"></i>
901
+ <i class="flaticon-star"></i>
902
+ <i class="flaticon-star"></i>
903
+ <span>(24 Reviews)</span>
904
+ </div>
905
+ <h3>$119 <del>$199</del></h3>
906
+ <div
907
+ class="d-flex sold-stock gap-4 align-items-center"
908
+ >
909
+ <span class="sold">435 Sold</span>
910
+ <span class="stock"
911
+ ><i class="ri-check-line"></i> 180 In Stock</span
912
+ >
913
+ </div>
914
+ <div
915
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
916
+ >
917
+ <span class="delivery"
918
+ ><i class="ri-truck-line"></i> Free Delivery</span
919
+ >
920
+ <button class="cart-btn">
921
+ <i class="ri-shopping-cart-line"></i>
922
+ <v-tooltip activator="parent" location="top">
923
+ Add To Cart
924
+ </v-tooltip>
925
+ </button>
926
+ </div>
927
+ </div>
928
+ </div>
929
+ </div>
930
+ </v-col>
931
+ <v-col cols="12" lg="6">
932
+ <div
933
+ class="single-product-telemobile-item d-sm-flex align-items-center"
934
+ >
935
+ <div class="flex-shrink-0">
936
+ <div class="product-img position-relative">
937
+ <NuxtLink to="/product-details" class="d-block">
938
+ <img
939
+ src="~/assets/images/product-8.png"
940
+ alt="product"
941
+ />
942
+ </NuxtLink>
943
+ <div
944
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
945
+ >
946
+ <span class="minus-count">-20%</span>
947
+ <button class="border-0 wish-btn">
948
+ <i class="ri-heart-line"></i>
949
+ <i class="ri-heart-fill d-none"></i>
950
+ <v-tooltip activator="parent" location="top">
951
+ Favorite
952
+ </v-tooltip>
953
+ </button>
954
+ </div>
955
+ </div>
956
+ </div>
957
+ <div class="flex-grow-1 ms-sm-3">
958
+ <div class="product-content">
959
+ <NuxtLink to="/product-details" class="title"
960
+ >SAMSUNG 32-Inch Class QLED 4K Q60C Series Quantum
961
+ HDR</NuxtLink
962
+ >
963
+ <div class="d-flex gap-1 review">
964
+ <i class="flaticon-star"></i>
965
+ <i class="flaticon-star"></i>
966
+ <i class="flaticon-star"></i>
967
+ <i class="flaticon-star"></i>
968
+ <i class="flaticon-star"></i>
969
+ <span>(19 Reviews)</span>
970
+ </div>
971
+ <h3>$397 <del>$497</del></h3>
972
+ <div
973
+ class="d-flex sold-stock gap-4 align-items-center"
974
+ >
975
+ <span class="sold">35 Sold</span>
976
+ <span class="stock"
977
+ ><i class="ri-check-line"></i> 125 In Stock</span
978
+ >
979
+ </div>
980
+ <div
981
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
982
+ >
983
+ <span class="delivery"
984
+ ><i class="ri-truck-line"></i> Free Delivery</span
985
+ >
986
+ <button class="cart-btn">
987
+ <i class="ri-shopping-cart-line"></i>
988
+ <v-tooltip activator="parent" location="top">
989
+ Add To Cart
990
+ </v-tooltip>
991
+ </button>
992
+ </div>
993
+ </div>
994
+ </div>
995
+ </div>
996
+ </v-col>
997
+ <v-col cols="12" lg="6">
998
+ <div
999
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1000
+ >
1001
+ <div class="flex-shrink-0">
1002
+ <div class="product-img position-relative">
1003
+ <NuxtLink to="/product-details" class="d-block">
1004
+ <img
1005
+ src="~/assets/images/product-9.png"
1006
+ alt="product"
1007
+ />
1008
+ </NuxtLink>
1009
+ <div
1010
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1011
+ >
1012
+ <span class="minus-count">-10%</span>
1013
+ <button class="border-0 wish-btn">
1014
+ <i class="ri-heart-line"></i>
1015
+ <i class="ri-heart-fill d-none"></i>
1016
+ <v-tooltip activator="parent" location="top">
1017
+ Favorite
1018
+ </v-tooltip>
1019
+ </button>
1020
+ </div>
1021
+ </div>
1022
+ </div>
1023
+ <div class="flex-grow-1 ms-sm-3">
1024
+ <div class="product-content">
1025
+ <NuxtLink to="/product-details" class="title"
1026
+ >Apple MacBook Pro 16.2" with Liquid Retina XDR
1027
+ Display</NuxtLink
1028
+ >
1029
+ <div class="d-flex gap-1 review">
1030
+ <i class="flaticon-star"></i>
1031
+ <i class="flaticon-star"></i>
1032
+ <i class="flaticon-star"></i>
1033
+ <i class="flaticon-star"></i>
1034
+ <i class="flaticon-star"></i>
1035
+ <span>(76 Reviews)</span>
1036
+ </div>
1037
+ <h3>$3,499 <del>$3,799</del></h3>
1038
+ <div
1039
+ class="d-flex sold-stock gap-4 align-items-center"
1040
+ >
1041
+ <span class="sold">348 Sold</span>
1042
+ <span class="stock"
1043
+ ><i class="ri-check-line"></i> 245 In Stock</span
1044
+ >
1045
+ </div>
1046
+ <div
1047
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1048
+ >
1049
+ <span class="delivery"
1050
+ ><i class="ri-truck-line"></i> Free Delivery</span
1051
+ >
1052
+ <button class="cart-btn">
1053
+ <i class="ri-shopping-cart-line"></i>
1054
+ <v-tooltip activator="parent" location="top">
1055
+ Add To Cart
1056
+ </v-tooltip>
1057
+ </button>
1058
+ </div>
1059
+ </div>
1060
+ </div>
1061
+ </div>
1062
+ </v-col>
1063
+ <v-col cols="12" lg="6">
1064
+ <div
1065
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1066
+ >
1067
+ <div class="flex-shrink-0">
1068
+ <div class="product-img position-relative">
1069
+ <NuxtLink to="/product-details" class="d-block">
1070
+ <img
1071
+ src="~/assets/images/product-20.png"
1072
+ alt="product"
1073
+ />
1074
+ </NuxtLink>
1075
+ <div
1076
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1077
+ >
1078
+ <span class="minus-count bg-successdiv text-white"
1079
+ >New</span
1080
+ >
1081
+ <button class="border-0 wish-btn">
1082
+ <i class="ri-heart-line"></i>
1083
+ <i class="ri-heart-fill d-none"></i>
1084
+ <v-tooltip activator="parent" location="top">
1085
+ Favorite
1086
+ </v-tooltip>
1087
+ </button>
1088
+ </div>
1089
+ </div>
1090
+ </div>
1091
+ <div class="flex-grow-1 ms-sm-3">
1092
+ <div class="product-content">
1093
+ <NuxtLink to="/product-details" class="title"
1094
+ >15 Pro Max 5G Unlocked
1095
+ Smartphone,6GB+256GB</NuxtLink
1096
+ >
1097
+ <div class="d-flex gap-1 review">
1098
+ <i class="flaticon-star"></i>
1099
+ <i class="flaticon-star"></i>
1100
+ <i class="flaticon-star"></i>
1101
+ <i class="flaticon-star"></i>
1102
+ <i class="flaticon-star"></i>
1103
+ <span>(45 Reviews)</span>
1104
+ </div>
1105
+ <h3>$999</h3>
1106
+ <div
1107
+ class="d-flex sold-stock gap-4 align-items-center"
1108
+ >
1109
+ <span class="sold">120 Sold</span>
1110
+ <span class="stock"
1111
+ ><i class="ri-check-line"></i> 150 In Stock</span
1112
+ >
1113
+ </div>
1114
+ <div
1115
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1116
+ >
1117
+ <span class="delivery"
1118
+ ><i class="ri-truck-line"></i> Free Delivery</span
1119
+ >
1120
+ <button class="cart-btn">
1121
+ <i class="ri-shopping-cart-line"></i>
1122
+ <v-tooltip activator="parent" location="top">
1123
+ Add To Cart
1124
+ </v-tooltip>
1125
+ </button>
1126
+ </div>
1127
+ </div>
1128
+ </div>
1129
+ </div>
1130
+ </v-col>
1131
+ <v-col cols="12" lg="6">
1132
+ <div
1133
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1134
+ >
1135
+ <div class="flex-shrink-0">
1136
+ <div class="product-img position-relative">
1137
+ <NuxtLink to="/product-details" class="d-block">
1138
+ <img
1139
+ src="~/assets/images/product-21.png"
1140
+ alt="product"
1141
+ />
1142
+ </NuxtLink>
1143
+ <div
1144
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1145
+ >
1146
+ <span class="minus-count">-15%</span>
1147
+ <button class="border-0 wish-btn">
1148
+ <i class="ri-heart-line"></i>
1149
+ <i class="ri-heart-fill d-none"></i>
1150
+ <v-tooltip activator="parent" location="top">
1151
+ Favorite
1152
+ </v-tooltip>
1153
+ </button>
1154
+ </div>
1155
+ </div>
1156
+ </div>
1157
+ <div class="flex-grow-1 ms-sm-3">
1158
+ <div class="product-content">
1159
+ <NuxtLink to="/product-details" class="title"
1160
+ >Wireless Bluetooth Over Ear Headphones, Noise
1161
+ Cancelling</NuxtLink
1162
+ >
1163
+ <div class="d-flex gap-1 review">
1164
+ <i class="flaticon-star"></i>
1165
+ <i class="flaticon-star"></i>
1166
+ <i class="flaticon-star"></i>
1167
+ <i class="flaticon-star"></i>
1168
+ <i class="flaticon-star"></i>
1169
+ <span>(68 Reviews)</span>
1170
+ </div>
1171
+ <h3>$69 <del>$99</del></h3>
1172
+ <div
1173
+ class="d-flex sold-stock gap-4 align-items-center"
1174
+ >
1175
+ <span class="sold">345 Sold</span>
1176
+ <span class="stock"
1177
+ ><i class="ri-check-line"></i> 89 In Stock</span
1178
+ >
1179
+ </div>
1180
+ <div
1181
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1182
+ >
1183
+ <span class="delivery"
1184
+ ><i class="ri-truck-line"></i> Free Delivery</span
1185
+ >
1186
+ <button class="cart-btn">
1187
+ <i class="ri-shopping-cart-line"></i>
1188
+ <v-tooltip activator="parent" location="top">
1189
+ Add To Cart
1190
+ </v-tooltip>
1191
+ </button>
1192
+ </div>
1193
+ </div>
1194
+ </div>
1195
+ </div>
1196
+ </v-col>
1197
+ <v-col cols="12" lg="6">
1198
+ <div
1199
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1200
+ >
1201
+ <div class="flex-shrink-0">
1202
+ <div class="product-img position-relative">
1203
+ <NuxtLink to="/product-details" class="d-block">
1204
+ <img
1205
+ src="~/assets/images/product-22.png"
1206
+ alt="product"
1207
+ />
1208
+ </NuxtLink>
1209
+ <div
1210
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1211
+ >
1212
+ <span class="minus-count">-40%</span>
1213
+ <button class="border-0 wish-btn">
1214
+ <i class="ri-heart-line"></i>
1215
+ <i class="ri-heart-fill d-none"></i>
1216
+ <v-tooltip activator="parent" location="top">
1217
+ Favorite
1218
+ </v-tooltip>
1219
+ </button>
1220
+ </div>
1221
+ </div>
1222
+ </div>
1223
+ <div class="flex-grow-1 ms-sm-3">
1224
+ <div class="product-content">
1225
+ <NuxtLink to="/product-details" class="title"
1226
+ >Smart Watch (Answer/Make Calls), 1.85" Smart
1227
+ Watches</NuxtLink
1228
+ >
1229
+ <div class="d-flex gap-1 review">
1230
+ <i class="flaticon-star"></i>
1231
+ <i class="flaticon-star"></i>
1232
+ <i class="flaticon-star"></i>
1233
+ <i class="flaticon-star"></i>
1234
+ <i class="flaticon-star"></i>
1235
+ <span>(24 Reviews)</span>
1236
+ </div>
1237
+ <h3>$25 <del>$89</del></h3>
1238
+ <div
1239
+ class="d-flex sold-stock gap-4 align-items-center"
1240
+ >
1241
+ <span class="sold">135 Sold</span>
1242
+ <span class="stock"
1243
+ ><i class="ri-check-line"></i> 80 In Stock</span
1244
+ >
1245
+ </div>
1246
+ <div
1247
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1248
+ >
1249
+ <span class="delivery"
1250
+ ><i class="ri-truck-line"></i> Free Delivery</span
1251
+ >
1252
+ <button class="cart-btn">
1253
+ <i class="ri-shopping-cart-line"></i>
1254
+ <v-tooltip activator="parent" location="top">
1255
+ Add To Cart
1256
+ </v-tooltip>
1257
+ </button>
1258
+ </div>
1259
+ </div>
1260
+ </div>
1261
+ </div>
1262
+ </v-col>
1263
+ <v-col cols="12" lg="6">
1264
+ <div
1265
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1266
+ >
1267
+ <div class="flex-shrink-0">
1268
+ <div class="product-img position-relative">
1269
+ <NuxtLink to="/product-details" class="d-block">
1270
+ <img
1271
+ src="~/assets/images/product-23.png"
1272
+ alt="product"
1273
+ />
1274
+ </NuxtLink>
1275
+ <div
1276
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1277
+ >
1278
+ <span class="minus-count">-20%</span>
1279
+ <button class="border-0 wish-btn">
1280
+ <i class="ri-heart-line"></i>
1281
+ <i class="ri-heart-fill d-none"></i>
1282
+ <v-tooltip activator="parent" location="top">
1283
+ Favorite
1284
+ </v-tooltip>
1285
+ </button>
1286
+ </div>
1287
+ </div>
1288
+ </div>
1289
+ <div class="flex-grow-1 ms-sm-3">
1290
+ <div class="product-content">
1291
+ <NuxtLink to="/product-details" class="title"
1292
+ >32 inch D-Series HD 720p Smart TV with Apple
1293
+ AirPlay</NuxtLink
1294
+ >
1295
+ <div class="d-flex gap-1 review">
1296
+ <i class="flaticon-star"></i>
1297
+ <i class="flaticon-star"></i>
1298
+ <i class="flaticon-star"></i>
1299
+ <i class="flaticon-star"></i>
1300
+ <i class="flaticon-star"></i>
1301
+ <span>(19 Reviews)</span>
1302
+ </div>
1303
+ <h3>$128 <del>$159</del></h3>
1304
+ <div
1305
+ class="d-flex sold-stock gap-4 align-items-center"
1306
+ >
1307
+ <span class="sold">48 Sold</span>
1308
+ <span class="stock"
1309
+ ><i class="ri-check-line"></i> 80 In Stock</span
1310
+ >
1311
+ </div>
1312
+ <div
1313
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1314
+ >
1315
+ <span class="delivery"
1316
+ ><i class="ri-truck-line"></i> Free Delivery</span
1317
+ >
1318
+ <button class="cart-btn">
1319
+ <i class="ri-shopping-cart-line"></i>
1320
+ <v-tooltip activator="parent" location="top">
1321
+ Add To Cart
1322
+ </v-tooltip>
1323
+ </button>
1324
+ </div>
1325
+ </div>
1326
+ </div>
1327
+ </div>
1328
+ </v-col>
1329
+ <v-col cols="12" lg="6">
1330
+ <div
1331
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1332
+ >
1333
+ <div class="flex-shrink-0">
1334
+ <div class="product-img position-relative">
1335
+ <NuxtLink to="/product-details" class="d-block">
1336
+ <img
1337
+ src="~/assets/images/product-14.png"
1338
+ alt="product"
1339
+ />
1340
+ </NuxtLink>
1341
+ <div
1342
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1343
+ >
1344
+ <span class="minus-count bg-successdiv text-white"
1345
+ >New</span
1346
+ >
1347
+ <button class="border-0 wish-btn">
1348
+ <i class="ri-heart-line"></i>
1349
+ <i class="ri-heart-fill d-none"></i>
1350
+ <v-tooltip activator="parent" location="top">
1351
+ Favorite
1352
+ </v-tooltip>
1353
+ </button>
1354
+ </div>
1355
+ </div>
1356
+ </div>
1357
+ <div class="flex-grow-1 ms-sm-3">
1358
+ <div class="product-content">
1359
+ <NuxtLink to="/product-details" class="title"
1360
+ >Mini Drone for Beginners, SYMA Portable Indoor
1361
+ Quadcopter</NuxtLink
1362
+ >
1363
+ <div class="d-flex gap-1 review">
1364
+ <i class="flaticon-star"></i>
1365
+ <i class="flaticon-star"></i>
1366
+ <i class="flaticon-star"></i>
1367
+ <i class="flaticon-star"></i>
1368
+ <i class="flaticon-star"></i>
1369
+ <span>(19 Reviews)</span>
1370
+ </div>
1371
+ <h3>$31 <del>$45</del></h3>
1372
+ <div
1373
+ class="d-flex sold-stock gap-4 align-items-center"
1374
+ >
1375
+ <span class="sold">120 Sold</span>
1376
+ <span class="stock"
1377
+ ><i class="ri-check-line"></i> 245 In Stock</span
1378
+ >
1379
+ </div>
1380
+ <div
1381
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1382
+ >
1383
+ <span class="delivery"
1384
+ ><i class="ri-truck-line"></i> Free Delivery</span
1385
+ >
1386
+ <button class="cart-btn">
1387
+ <i class="ri-shopping-cart-line"></i>
1388
+ <v-tooltip activator="parent" location="top">
1389
+ Add To Cart
1390
+ </v-tooltip>
1391
+ </button>
1392
+ </div>
1393
+ </div>
1394
+ </div>
1395
+ </div>
1396
+ </v-col>
1397
+ <v-col cols="12" lg="6">
1398
+ <div
1399
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1400
+ >
1401
+ <div class="flex-shrink-0">
1402
+ <div class="product-img position-relative">
1403
+ <NuxtLink to="/product-details" class="d-block">
1404
+ <img
1405
+ src="~/assets/images/product-15.png"
1406
+ alt="product"
1407
+ />
1408
+ </NuxtLink>
1409
+ <div
1410
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1411
+ >
1412
+ <span class="minus-count bg-successdiv text-white"
1413
+ >New</span
1414
+ >
1415
+ <button class="border-0 wish-btn">
1416
+ <i class="ri-heart-line"></i>
1417
+ <i class="ri-heart-fill d-none"></i>
1418
+ <v-tooltip activator="parent" location="top">
1419
+ Favorite
1420
+ </v-tooltip>
1421
+ </button>
1422
+ </div>
1423
+ </div>
1424
+ </div>
1425
+ <div class="flex-grow-1 ms-sm-3">
1426
+ <div class="product-content">
1427
+ <NuxtLink to="/product-details" class="title"
1428
+ >5K Digital Camera, WiFi Vlogging with 32G SD
1429
+ Card</NuxtLink
1430
+ >
1431
+ <div class="d-flex gap-1 review">
1432
+ <i class="flaticon-star"></i>
1433
+ <i class="flaticon-star"></i>
1434
+ <i class="flaticon-star"></i>
1435
+ <i class="flaticon-star"></i>
1436
+ <i class="flaticon-star"></i>
1437
+ <span>(76 Reviews)</span>
1438
+ </div>
1439
+ <h3>$129</h3>
1440
+ <div
1441
+ class="d-flex sold-stock gap-4 align-items-center"
1442
+ >
1443
+ <span class="sold">70 Sold</span>
1444
+ <span class="stock"
1445
+ ><i class="ri-check-line"></i> 130 In Stock</span
1446
+ >
1447
+ </div>
1448
+ <div
1449
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1450
+ >
1451
+ <span class="delivery"
1452
+ ><i class="ri-truck-line"></i> Free Delivery</span
1453
+ >
1454
+ <button class="cart-btn">
1455
+ <i class="ri-shopping-cart-line"></i>
1456
+ <v-tooltip activator="parent" location="top">
1457
+ Add To Cart
1458
+ </v-tooltip>
1459
+ </button>
1460
+ </div>
1461
+ </div>
1462
+ </div>
1463
+ </div>
1464
+ </v-col>
1465
+ <v-col cols="12" lg="6">
1466
+ <div
1467
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1468
+ >
1469
+ <div class="flex-shrink-0">
1470
+ <div class="product-img position-relative">
1471
+ <NuxtLink to="/product-details" class="d-block">
1472
+ <img
1473
+ src="~/assets/images/product-10.png"
1474
+ alt="product"
1475
+ />
1476
+ </NuxtLink>
1477
+ <div
1478
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1479
+ >
1480
+ <span class="minus-count bg-successdiv text-white"
1481
+ >New</span
1482
+ >
1483
+ <button class="border-0 wish-btn">
1484
+ <i class="ri-heart-line"></i>
1485
+ <i class="ri-heart-fill d-none"></i>
1486
+ <v-tooltip activator="parent" location="top">
1487
+ Favorite
1488
+ </v-tooltip>
1489
+ </button>
1490
+ </div>
1491
+ </div>
1492
+ </div>
1493
+ <div class="flex-grow-1 ms-sm-3">
1494
+ <div class="product-content">
1495
+ <NuxtLink to="/product-details" class="title"
1496
+ >Wireless Bluetooth Over Ear Headphones, with
1497
+ Active</NuxtLink
1498
+ >
1499
+ <div class="d-flex gap-1 review">
1500
+ <i class="flaticon-star"></i>
1501
+ <i class="flaticon-star"></i>
1502
+ <i class="flaticon-star"></i>
1503
+ <i class="flaticon-star"></i>
1504
+ <i class="flaticon-star"></i>
1505
+ <span>(24 Reviews)</span>
1506
+ </div>
1507
+ <h3>$69 <del>$99</del></h3>
1508
+ <div
1509
+ class="d-flex sold-stock gap-4 align-items-center"
1510
+ >
1511
+ <span class="sold">435 Sold</span>
1512
+ <span class="stock"
1513
+ ><i class="ri-check-line"></i> 180 In Stock</span
1514
+ >
1515
+ </div>
1516
+ <div
1517
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1518
+ >
1519
+ <span class="delivery"
1520
+ ><i class="ri-truck-line"></i> Free Delivery</span
1521
+ >
1522
+ <button class="cart-btn">
1523
+ <i class="ri-shopping-cart-line"></i>
1524
+ <v-tooltip activator="parent" location="top">
1525
+ Add To Cart
1526
+ </v-tooltip>
1527
+ </button>
1528
+ </div>
1529
+ </div>
1530
+ </div>
1531
+ </div>
1532
+ </v-col>
1533
+ <v-col cols="12" lg="6">
1534
+ <div
1535
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1536
+ >
1537
+ <div class="flex-shrink-0">
1538
+ <div class="product-img position-relative">
1539
+ <NuxtLink to="/product-details" class="d-block">
1540
+ <img
1541
+ src="~/assets/images/product-24.png"
1542
+ alt="product"
1543
+ />
1544
+ </NuxtLink>
1545
+ <div
1546
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1547
+ >
1548
+ <span class="minus-count">-10%</span>
1549
+ <button class="border-0 wish-btn">
1550
+ <i class="ri-heart-line"></i>
1551
+ <i class="ri-heart-fill d-none"></i>
1552
+ <v-tooltip activator="parent" location="top">
1553
+ Favorite
1554
+ </v-tooltip>
1555
+ </button>
1556
+ </div>
1557
+ </div>
1558
+ </div>
1559
+ <div class="flex-grow-1 ms-sm-3">
1560
+ <div class="product-content">
1561
+ <NuxtLink to="/product-details" class="title"
1562
+ >14 Pro Max 5G Unlocked Smartphone -
1563
+ 6GB+256GB</NuxtLink
1564
+ >
1565
+ <div class="d-flex gap-1 review">
1566
+ <i class="flaticon-star"></i>
1567
+ <i class="flaticon-star"></i>
1568
+ <i class="flaticon-star"></i>
1569
+ <i class="flaticon-star"></i>
1570
+ <i class="flaticon-star"></i>
1571
+ <span>(76 Reviews)</span>
1572
+ </div>
1573
+ <h3>$799 <del>$849</del></h3>
1574
+ <div
1575
+ class="d-flex sold-stock gap-4 align-items-center"
1576
+ >
1577
+ <span class="sold">1560 Sold</span>
1578
+ <span class="stock"
1579
+ ><i class="ri-check-line"></i> 235 In Stock</span
1580
+ >
1581
+ </div>
1582
+ <div
1583
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1584
+ >
1585
+ <span class="delivery"
1586
+ ><i class="ri-truck-line"></i> Free Delivery</span
1587
+ >
1588
+ <button class="cart-btn">
1589
+ <i class="ri-shopping-cart-line"></i>
1590
+ <v-tooltip activator="parent" location="top">
1591
+ Add To Cart
1592
+ </v-tooltip>
1593
+ </button>
1594
+ </div>
1595
+ </div>
1596
+ </div>
1597
+ </div>
1598
+ </v-col>
1599
+ <div class="col-lg-12">
1600
+ <div class="pagination-area text-center mt-4">
1601
+ <a href="#" class="next page-numbers">
1602
+ <i class="ri-arrow-left-s-line"></i>
1603
+ </a>
1604
+
1605
+ <span class="page-numbers current" aria-current="page">
1606
+ 1
1607
+ </span>
1608
+ <a href="#" class="page-numbers">2</a>
1609
+ <a href="#" class="page-numbers">3</a>
1610
+
1611
+ <a href="#" class="next page-numbers">
1612
+ <i class="ri-arrow-right-s-line"></i>
1613
+ </a>
1614
+ </div>
1615
+ </div>
1616
+ </v-row>
1617
+ </v-tabs-window-item>
1618
+ </v-tabs-window>
1619
+ </v-card-text>
1620
+ </v-col>
1621
+ <v-col cols="12" xl="2" lg="3" class="mt-xxl-0 overflow-hidden">
1622
+ <div class="sidebar product-sidebar border-0 pe-0">
1623
+ <div class="single-sidebar-widget">
1624
+ <h3>Filter By Categories</h3>
1625
+
1626
+ <ul class="ps-0 mb-0 list-unstyled filter-selecet">
1627
+ <li>
1628
+ <div class="form-check">
1629
+ <input
1630
+ class="form-check-input"
1631
+ type="checkbox"
1632
+ value=""
1633
+ id="flexCheckDefault1"
1634
+ />
1635
+ <label class="form-check-label" for="flexCheckDefault1">
1636
+ Smartphone & Tablets
1637
+ </label>
1638
+ </div>
1639
+ </li>
1640
+ <li>
1641
+ <div class="form-check">
1642
+ <input
1643
+ class="form-check-input"
1644
+ type="checkbox"
1645
+ value=""
1646
+ id="flexCheckDefault2"
1647
+ />
1648
+ <label class="form-check-label" for="flexCheckDefault2">
1649
+ Headphones
1650
+ </label>
1651
+ </div>
1652
+ </li>
1653
+ <li>
1654
+ <div class="form-check">
1655
+ <input
1656
+ class="form-check-input"
1657
+ type="checkbox"
1658
+ value=""
1659
+ id="flexCheckDefault3"
1660
+ />
1661
+ <label class="form-check-label" for="flexCheckDefault3">
1662
+ Smartwatches
1663
+ </label>
1664
+ </div>
1665
+ </li>
1666
+ <li>
1667
+ <div class="form-check">
1668
+ <input
1669
+ class="form-check-input"
1670
+ type="checkbox"
1671
+ value=""
1672
+ id="flexCheckDefault4"
1673
+ />
1674
+ <label class="form-check-label" for="flexCheckDefault4">
1675
+ Drone & Camera
1676
+ </label>
1677
+ </div>
1678
+ </li>
1679
+ <li>
1680
+ <div class="form-check">
1681
+ <input
1682
+ class="form-check-input"
1683
+ type="checkbox"
1684
+ value=""
1685
+ id="flexCheckDefault5"
1686
+ />
1687
+ <label class="form-check-label" for="flexCheckDefault5">
1688
+ Electronics
1689
+ </label>
1690
+ </div>
1691
+ </li>
1692
+ <li>
1693
+ <div class="form-check">
1694
+ <input
1695
+ class="form-check-input"
1696
+ type="checkbox"
1697
+ value=""
1698
+ id="flexCheckDefault6"
1699
+ />
1700
+ <label class="form-check-label" for="flexCheckDefault6">
1701
+ Gaming Device
1702
+ </label>
1703
+ </div>
1704
+ </li>
1705
+ <li>
1706
+ <div class="form-check">
1707
+ <input
1708
+ class="form-check-input"
1709
+ type="checkbox"
1710
+ value=""
1711
+ id="flexCheckDefault7"
1712
+ />
1713
+ <label class="form-check-label" for="flexCheckDefault7">
1714
+ Home Accesories
1715
+ </label>
1716
+ </div>
1717
+ </li>
1718
+ </ul>
1719
+ </div>
1720
+ <div class="single-sidebar-widget">
1721
+ <h3>Filter By Price</h3>
1722
+
1723
+ <form class="d-flex justify-content-between gap-3">
1724
+ <div class="form-group">
1725
+ <label class="label">Min price</label>
1726
+ <input
1727
+ type="text"
1728
+ class="form-control text-center h-36"
1729
+ v-model="minPrice"
1730
+ />
1731
+ </div>
1732
+ <div class="form-group">
1733
+ <label class="label">Max price</label>
1734
+ <input
1735
+ type="text"
1736
+ class="form-control text-center h-36"
1737
+ v-model="maxPrice"
1738
+ />
1739
+ </div>
1740
+ </form>
1741
+
1742
+ <div class="filter-rang">
1743
+ <v-range-slider
1744
+ v-model="range"
1745
+ :max="1000"
1746
+ :min="0"
1747
+ :step="1"
1748
+ class="align-center"
1749
+ hide-details
1750
+ >
1751
+ </v-range-slider>
1752
+ </div>
1753
+ </div>
1754
+ <div class="single-sidebar-widget">
1755
+ <h3>Filter By Color</h3>
1756
+
1757
+ <ul
1758
+ class="ps-0 mb-0 list-unstyled color-filter d-flex flex-wrap gap-2"
1759
+ >
1760
+ <li
1761
+ class="color1"
1762
+ data-bs-toggle="tooltip"
1763
+ data-bs-placement="top"
1764
+ data-bs-title="Gray"
1765
+ ></li>
1766
+ <li
1767
+ class="color2"
1768
+ data-bs-toggle="tooltip"
1769
+ data-bs-placement="top"
1770
+ data-bs-title="Yello"
1771
+ ></li>
1772
+ <li
1773
+ class="color3"
1774
+ data-bs-toggle="tooltip"
1775
+ data-bs-placement="top"
1776
+ data-bs-title="Red"
1777
+ ></li>
1778
+ <li
1779
+ class="color4"
1780
+ data-bs-toggle="tooltip"
1781
+ data-bs-placement="top"
1782
+ data-bs-title="Green"
1783
+ ></li>
1784
+ <li
1785
+ class="color5"
1786
+ data-bs-toggle="tooltip"
1787
+ data-bs-placement="top"
1788
+ data-bs-title="Pin"
1789
+ ></li>
1790
+ <li
1791
+ class="color6"
1792
+ data-bs-toggle="tooltip"
1793
+ data-bs-placement="top"
1794
+ data-bs-title="Blue"
1795
+ ></li>
1796
+ <li
1797
+ class="color7"
1798
+ data-bs-toggle="tooltip"
1799
+ data-bs-placement="top"
1800
+ data-bs-title="Easy"
1801
+ ></li>
1802
+ <li
1803
+ class="color8"
1804
+ data-bs-toggle="tooltip"
1805
+ data-bs-placement="top"
1806
+ data-bs-title="Black"
1807
+ ></li>
1808
+ </ul>
1809
+ </div>
1810
+ <div class="single-sidebar-widget">
1811
+ <h3>Filter By Brands</h3>
1812
+
1813
+ <ul class="ps-0 mb-0 list-unstyled filter-selecet">
1814
+ <li>
1815
+ <div class="form-check">
1816
+ <input
1817
+ class="form-check-input"
1818
+ type="checkbox"
1819
+ value=""
1820
+ id="flexCheckDefault8"
1821
+ />
1822
+ <label class="form-check-label" for="flexCheckDefault8">
1823
+ Apple
1824
+ </label>
1825
+ </div>
1826
+ </li>
1827
+ <li>
1828
+ <div class="form-check">
1829
+ <input
1830
+ class="form-check-input"
1831
+ type="checkbox"
1832
+ value=""
1833
+ id="flexCheckDefault9"
1834
+ />
1835
+ <label class="form-check-label" for="flexCheckDefault9">
1836
+ Samsung
1837
+ </label>
1838
+ </div>
1839
+ </li>
1840
+ <li>
1841
+ <div class="form-check">
1842
+ <input
1843
+ class="form-check-input"
1844
+ type="checkbox"
1845
+ value=""
1846
+ id="flexCheckDefault10"
1847
+ />
1848
+ <label class="form-check-label" for="flexCheckDefault10">
1849
+ Motorola
1850
+ </label>
1851
+ </div>
1852
+ </li>
1853
+ <li>
1854
+ <div class="form-check">
1855
+ <input
1856
+ class="form-check-input"
1857
+ type="checkbox"
1858
+ value=""
1859
+ id="flexCheckDefault11"
1860
+ />
1861
+ <label class="form-check-label" for="flexCheckDefault11">
1862
+ Microsoft
1863
+ </label>
1864
+ </div>
1865
+ </li>
1866
+ <li>
1867
+ <div class="form-check">
1868
+ <input
1869
+ class="form-check-input"
1870
+ type="checkbox"
1871
+ value=""
1872
+ id="flexCheckDefault12"
1873
+ />
1874
+ <label class="form-check-label" for="flexCheckDefault12">
1875
+ Vivo
1876
+ </label>
1877
+ </div>
1878
+ </li>
1879
+ </ul>
1880
+ </div>
1881
+ <div class="single-sidebar-widget">
1882
+ <h3>Products Status</h3>
1883
+
1884
+ <ul class="ps-0 mb-0 list-unstyled filter-selecet">
1885
+ <li>
1886
+ <div class="form-check">
1887
+ <input
1888
+ class="form-check-input"
1889
+ type="checkbox"
1890
+ value=""
1891
+ id="flexCheckDefault13"
1892
+ />
1893
+ <label class="form-check-label" for="flexCheckDefault13">
1894
+ In stock
1895
+ </label>
1896
+ </div>
1897
+ </li>
1898
+ <li>
1899
+ <div class="form-check">
1900
+ <input
1901
+ class="form-check-input"
1902
+ type="checkbox"
1903
+ value=""
1904
+ id="flexCheckDefault14"
1905
+ />
1906
+ <label class="form-check-label" for="flexCheckDefault14">
1907
+ On Sale
1908
+ </label>
1909
+ </div>
1910
+ </li>
1911
+ <li>
1912
+ <div class="form-check">
1913
+ <input
1914
+ class="form-check-input"
1915
+ type="checkbox"
1916
+ value=""
1917
+ id="flexCheckDefault15"
1918
+ />
1919
+ <label class="form-check-label" for="flexCheckDefault15">
1920
+ Out Of Stock
1921
+ </label>
1922
+ </div>
1923
+ </li>
1924
+ </ul>
1925
+ </div>
1926
+ </div>
1927
+ </v-col>
1928
+ </v-row>
1929
+ </div>
1930
+ </div>
1931
+ </template>
1932
+
1933
+ <script lang="ts">
1934
+ import { ref, watch } from "vue";
1935
+
1936
+ export default defineComponent({
1937
+ name: "Products",
1938
+ data: () => ({
1939
+ tab: null,
1940
+ }),
1941
+ setup() {
1942
+ const minPrice = ref(0);
1943
+ const maxPrice = ref(1000);
1944
+ const range = ref([0, 1000]);
1945
+
1946
+ // Watch range to update minPrice and maxPrice
1947
+ watch(range, (newRange: any[]) => {
1948
+ minPrice.value = newRange[0];
1949
+ maxPrice.value = newRange[1];
1950
+ });
1951
+
1952
+ // Watch minPrice to update range
1953
+ watch(minPrice, (newMin: any) => {
1954
+ range.value[0] = newMin;
1955
+ });
1956
+
1957
+ // Watch maxPrice to update range
1958
+ watch(maxPrice, (newMax: any) => {
1959
+ range.value[1] = newMax;
1960
+ });
1961
+
1962
+ return {
1963
+ minPrice,
1964
+ maxPrice,
1965
+ range,
1966
+ };
1967
+ },
1968
+ });
1969
+ </script>