@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/TrendingProducts/Products.vue ADDED
@@ -0,0 +1,1564 @@
1
+ <template>
2
+ <div class="products-area products-page pb-60">
3
+ <div class="container">
4
+ <div class="d-md-flex justify-content-between align-content-center mb-4">
5
+ <span>Showing all 12 Items</span>
6
+ <div class="d-md-flex align-items-center mt-2 mt-md-0">
7
+ <ul
8
+ class="d-sm-flex align-items-center ps-0 mb-0 list-unstyled fillter-show"
9
+ >
10
+ <li>
11
+ <div class="row g-3 align-items-center">
12
+ <div class="col-auto pe-0">
13
+ <label class="col-form-label">Short:</label>
14
+ </div>
15
+ <div class="col-auto">
16
+ <select
17
+ class="form-select"
18
+ aria-label="Default select example"
19
+ >
20
+ <option selected>By Latest</option>
21
+ <option value="1">Recent</option>
22
+ </select>
23
+ </div>
24
+ </div>
25
+ </li>
26
+ <li>
27
+ <div class="row g-3 align-items-center">
28
+ <div class="col-auto pe-0">
29
+ <label class="col-form-label">Show:</label>
30
+ </div>
31
+ <div class="col-auto">
32
+ <select
33
+ class="form-select"
34
+ aria-label="Default select example"
35
+ >
36
+ <option selected>12 Items</option>
37
+ <option value="1">15 Items</option>
38
+ </select>
39
+ </div>
40
+ </div>
41
+ </li>
42
+ </ul>
43
+
44
+ <v-tabs v-model="tab" bg-color="white" class="grid-list-tabs">
45
+ <v-tab value="grid">
46
+ <i class="ri-layout-grid-line"></i>
47
+ </v-tab>
48
+ <v-tab value="list">
49
+ <i class="ri-list-unordered"></i>
50
+ </v-tab>
51
+ </v-tabs>
52
+ </div>
53
+ </div>
54
+
55
+ <v-card-text>
56
+ <v-tabs-window v-model="tab">
57
+ <v-tabs-window-item value="grid">
58
+ <v-row no-gutters class="justify-content-center g-0">
59
+ <v-col cols="12" lg="3" sm="6">
60
+ <div class="single-product-telemobile-item">
61
+ <div class="product-img position-relative">
62
+ <NuxtLink to="/product-details" class="d-block">
63
+ <img src="~/assets/images/product-6.png" alt="product" />
64
+ </NuxtLink>
65
+ <div
66
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
67
+ >
68
+ <span class="minus-count">-15%</span>
69
+ <button class="border-0 wish-btn">
70
+ <i class="ri-heart-line"></i>
71
+ <i class="ri-heart-fill d-none"></i>
72
+ <v-tooltip activator="parent" location="top">
73
+ Favorite
74
+ </v-tooltip>
75
+ </button>
76
+ </div>
77
+ </div>
78
+ <div class="product-content">
79
+ <NuxtLink to="/product-details" class="title">
80
+ Multiplatform Wireless Noise-Cancelling Gaming Headset
81
+ </NuxtLink>
82
+ <div class="d-flex gap-1 review">
83
+ <i class="flaticon-star"></i>
84
+ <i class="flaticon-star"></i>
85
+ <i class="flaticon-star"></i>
86
+ <i class="flaticon-star"></i>
87
+ <i class="flaticon-star"></i>
88
+ <span>(18 Reviews)</span>
89
+ </div>
90
+ <h3>$279 <del>$329</del></h3>
91
+ <div class="d-flex sold-stock gap-4 align-items-center">
92
+ <span class="sold">20 Sold</span>
93
+ <span class="stock">
94
+ <i class="ri-check-line"></i>
95
+ 78 In Stock
96
+ </span>
97
+ </div>
98
+ <div
99
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
100
+ >
101
+ <span class="delivery">
102
+ <i class="ri-truck-line"></i>
103
+ Free Delivery
104
+ </span>
105
+ <button class="cart-btn">
106
+ <i class="ri-shopping-cart-line"></i>
107
+ <v-tooltip activator="parent" location="top">
108
+ Add To Cart
109
+ </v-tooltip>
110
+ </button>
111
+ </div>
112
+ </div>
113
+ </div>
114
+ </v-col>
115
+ <v-col cols="12" lg="3" sm="6">
116
+ <div class="single-product-telemobile-item">
117
+ <div class="product-img position-relative">
118
+ <NuxtLink to="/product-details" class="d-block">
119
+ <img src="~/assets/images/product-7.png" alt="product" />
120
+ </NuxtLink>
121
+ <div
122
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
123
+ >
124
+ <span class="minus-count">-40%</span>
125
+ <button class="border-0 wish-btn">
126
+ <i class="ri-heart-line"></i>
127
+ <i class="ri-heart-fill d-none"></i>
128
+ <v-tooltip activator="parent" location="top">
129
+ Favorite
130
+ </v-tooltip>
131
+ </button>
132
+ </div>
133
+ </div>
134
+ <div class="product-content">
135
+ <NuxtLink to="/product-details" class="title">
136
+ GPS Smartwatch with Bright Touchscreen Display
137
+ </NuxtLink>
138
+ <div class="d-flex gap-1 review">
139
+ <i class="flaticon-star"></i>
140
+ <i class="flaticon-star"></i>
141
+ <i class="flaticon-star"></i>
142
+ <i class="flaticon-star"></i>
143
+ <i class="flaticon-star"></i>
144
+ <span>(24 Reviews)</span>
145
+ </div>
146
+ <h3>$119 <del>$199</del></h3>
147
+ <div class="d-flex sold-stock gap-4 align-items-center">
148
+ <span class="sold">435 Sold</span>
149
+ <span class="stock">
150
+ <i class="ri-check-line"></i>
151
+ 180 In Stock
152
+ </span>
153
+ </div>
154
+ <div
155
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
156
+ >
157
+ <span class="delivery">
158
+ <i class="ri-truck-line"></i>
159
+ Free Delivery
160
+ </span>
161
+ <button class="cart-btn">
162
+ <i class="ri-shopping-cart-line"></i>
163
+ <v-tooltip activator="parent" location="top">
164
+ Add To Cart
165
+ </v-tooltip>
166
+ </button>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ </v-col>
171
+ <v-col cols="12" lg="3" sm="6">
172
+ <div class="single-product-telemobile-item">
173
+ <div class="product-img position-relative">
174
+ <NuxtLink to="/product-details" class="d-block">
175
+ <img src="~/assets/images/product-8.png" alt="product" />
176
+ </NuxtLink>
177
+ <div
178
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
179
+ >
180
+ <span class="minus-count">-20%</span>
181
+ <button class="border-0 wish-btn">
182
+ <i class="ri-heart-line"></i>
183
+ <i class="ri-heart-fill d-none"></i>
184
+ <v-tooltip activator="parent" location="top">
185
+ Favorite
186
+ </v-tooltip>
187
+ </button>
188
+ </div>
189
+ </div>
190
+ <div class="product-content">
191
+ <NuxtLink to="/product-details" class="title">
192
+ SAMSUNG 32-Inch Class QLED 4K Q60C Series Quantum HDR
193
+ </NuxtLink>
194
+ <div class="d-flex gap-1 review">
195
+ <i class="flaticon-star"></i>
196
+ <i class="flaticon-star"></i>
197
+ <i class="flaticon-star"></i>
198
+ <i class="flaticon-star"></i>
199
+ <i class="flaticon-star"></i>
200
+ <span>(19 Reviews)</span>
201
+ </div>
202
+ <h3>$397 <del>$497</del></h3>
203
+ <div class="d-flex sold-stock gap-4 align-items-center">
204
+ <span class="sold">35 Sold</span>
205
+ <span class="stock">
206
+ <i class="ri-check-line"></i>
207
+ 125 In Stock
208
+ </span>
209
+ </div>
210
+ <div
211
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
212
+ >
213
+ <span class="delivery">
214
+ <i class="ri-truck-line"></i>
215
+ Free Delivery
216
+ </span>
217
+ <button class="cart-btn">
218
+ <i class="ri-shopping-cart-line"></i>
219
+ <v-tooltip activator="parent" location="top">
220
+ Add To Cart
221
+ </v-tooltip>
222
+ </button>
223
+ </div>
224
+ </div>
225
+ </div>
226
+ </v-col>
227
+ <v-col cols="12" lg="3" sm="6">
228
+ <div class="single-product-telemobile-item">
229
+ <div class="product-img position-relative">
230
+ <NuxtLink to="/product-details" class="d-block">
231
+ <img src="~/assets/images/product-9.png" alt="product" />
232
+ </NuxtLink>
233
+ <div
234
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
235
+ >
236
+ <span class="minus-count">-10%</span>
237
+ <button class="border-0 wish-btn">
238
+ <i class="ri-heart-line"></i>
239
+ <i class="ri-heart-fill d-none"></i>
240
+ <v-tooltip activator="parent" location="top">
241
+ Favorite
242
+ </v-tooltip>
243
+ </button>
244
+ </div>
245
+ </div>
246
+ <div class="product-content">
247
+ <NuxtLink to="/product-details" class="title">
248
+ Apple MacBook Pro 16.2" with Liquid Retina XDR Display
249
+ </NuxtLink>
250
+ <div class="d-flex gap-1 review">
251
+ <i class="flaticon-star"></i>
252
+ <i class="flaticon-star"></i>
253
+ <i class="flaticon-star"></i>
254
+ <i class="flaticon-star"></i>
255
+ <i class="flaticon-star"></i>
256
+ <span>(76 Reviews)</span>
257
+ </div>
258
+ <h3>$3,499 <del>$3,799</del></h3>
259
+ <div class="d-flex sold-stock gap-4 align-items-center">
260
+ <span class="sold">348 Sold</span>
261
+ <span class="stock">
262
+ <i class="ri-check-line"></i>
263
+ 245 In Stock
264
+ </span>
265
+ </div>
266
+ <div
267
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
268
+ >
269
+ <span class="delivery">
270
+ <i class="ri-truck-line"></i>
271
+ Free Delivery
272
+ </span>
273
+ <button class="cart-btn">
274
+ <i class="ri-shopping-cart-line"></i>
275
+ <v-tooltip activator="parent" location="top">
276
+ Add To Cart
277
+ </v-tooltip>
278
+ </button>
279
+ </div>
280
+ </div>
281
+ </div>
282
+ </v-col>
283
+ <v-col cols="12" lg="3" sm="6">
284
+ <div class="single-product-telemobile-item">
285
+ <div class="product-img position-relative">
286
+ <NuxtLink to="/product-details" class="d-block">
287
+ <img src="~/assets/images/product-20.png" alt="product" />
288
+ </NuxtLink>
289
+ <div
290
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
291
+ >
292
+ <span class="minus-count bg-successdiv text-white">
293
+ New
294
+ </span>
295
+ <button class="border-0 wish-btn">
296
+ <i class="ri-heart-line"></i>
297
+ <i class="ri-heart-fill d-none"></i>
298
+ <v-tooltip activator="parent" location="top">
299
+ Favorite
300
+ </v-tooltip>
301
+ </button>
302
+ </div>
303
+ </div>
304
+ <div class="product-content">
305
+ <NuxtLink to="/product-details" class="title">
306
+ 15 Pro Max 5G Unlocked Smartphone,6GB+256GB
307
+ </NuxtLink>
308
+ <div class="d-flex gap-1 review">
309
+ <i class="flaticon-star"></i>
310
+ <i class="flaticon-star"></i>
311
+ <i class="flaticon-star"></i>
312
+ <i class="flaticon-star"></i>
313
+ <i class="flaticon-star"></i>
314
+ <span>(45 Reviews)</span>
315
+ </div>
316
+ <h3>$999</h3>
317
+ <div class="d-flex sold-stock gap-4 align-items-center">
318
+ <span class="sold">120 Sold</span>
319
+ <span class="stock">
320
+ <i class="ri-check-line"></i>
321
+ 150 In Stock
322
+ </span>
323
+ </div>
324
+ <div
325
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
326
+ >
327
+ <span class="delivery">
328
+ <i class="ri-truck-line"></i>
329
+ Free Delivery
330
+ </span>
331
+ <button class="cart-btn">
332
+ <i class="ri-shopping-cart-line"></i>
333
+ <v-tooltip activator="parent" location="top">
334
+ Add To Cart
335
+ </v-tooltip>
336
+ </button>
337
+ </div>
338
+ </div>
339
+ </div>
340
+ </v-col>
341
+ <v-col cols="12" lg="3" sm="6">
342
+ <div class="single-product-telemobile-item">
343
+ <div class="product-img position-relative">
344
+ <NuxtLink to="/product-details" class="d-block">
345
+ <img src="~/assets/images/product-21.png" alt="product" />
346
+ </NuxtLink>
347
+ <div
348
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
349
+ >
350
+ <span class="minus-count">-15%</span>
351
+ <button class="border-0 wish-btn">
352
+ <i class="ri-heart-line"></i>
353
+ <i class="ri-heart-fill d-none"></i>
354
+ <v-tooltip activator="parent" location="top">
355
+ Favorite
356
+ </v-tooltip>
357
+ </button>
358
+ </div>
359
+ </div>
360
+ <div class="product-content">
361
+ <NuxtLink to="/product-details" class="title">
362
+ Wireless Bluetooth Over Ear Headphones, Noise Cancelling
363
+ </NuxtLink>
364
+ <div class="d-flex gap-1 review">
365
+ <i class="flaticon-star"></i>
366
+ <i class="flaticon-star"></i>
367
+ <i class="flaticon-star"></i>
368
+ <i class="flaticon-star"></i>
369
+ <i class="flaticon-star"></i>
370
+ <span>(68 Reviews)</span>
371
+ </div>
372
+ <h3>$69 <del>$99</del></h3>
373
+ <div class="d-flex sold-stock gap-4 align-items-center">
374
+ <span class="sold">345 Sold</span>
375
+ <span class="stock">
376
+ <i class="ri-check-line"></i>
377
+ 89 In Stock
378
+ </span>
379
+ </div>
380
+ <div
381
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
382
+ >
383
+ <span class="delivery">
384
+ <i class="ri-truck-line"></i>
385
+ Free Delivery
386
+ </span>
387
+ <button class="cart-btn">
388
+ <i class="ri-shopping-cart-line"></i>
389
+ <v-tooltip activator="parent" location="top">
390
+ Add To Cart
391
+ </v-tooltip>
392
+ </button>
393
+ </div>
394
+ </div>
395
+ </div>
396
+ </v-col>
397
+ <v-col cols="12" lg="3" sm="6">
398
+ <div class="single-product-telemobile-item">
399
+ <div class="product-img position-relative">
400
+ <NuxtLink to="/product-details" class="d-block">
401
+ <img src="~/assets/images/product-22.png" alt="product" />
402
+ </NuxtLink>
403
+ <div
404
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
405
+ >
406
+ <span class="minus-count">-40%</span>
407
+ <button class="border-0 wish-btn">
408
+ <i class="ri-heart-line"></i>
409
+ <i class="ri-heart-fill d-none"></i>
410
+ <v-tooltip activator="parent" location="top">
411
+ Favorite
412
+ </v-tooltip>
413
+ </button>
414
+ </div>
415
+ </div>
416
+ <div class="product-content">
417
+ <NuxtLink to="/product-details" class="title">
418
+ Smart Watch (Answer/Make Calls), 1.85" Smart Watches
419
+ </NuxtLink>
420
+ <div class="d-flex gap-1 review">
421
+ <i class="flaticon-star"></i>
422
+ <i class="flaticon-star"></i>
423
+ <i class="flaticon-star"></i>
424
+ <i class="flaticon-star"></i>
425
+ <i class="flaticon-star"></i>
426
+ <span>(24 Reviews)</span>
427
+ </div>
428
+ <h3>$25 <del>$89</del></h3>
429
+ <div class="d-flex sold-stock gap-4 align-items-center">
430
+ <span class="sold">135 Sold</span>
431
+ <span class="stock">
432
+ <i class="ri-check-line"></i>
433
+ 80 In Stock
434
+ </span>
435
+ </div>
436
+ <div
437
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
438
+ >
439
+ <span class="delivery">
440
+ <i class="ri-truck-line"></i>
441
+ Free Delivery
442
+ </span>
443
+ <button class="cart-btn">
444
+ <i class="ri-shopping-cart-line"></i>
445
+ <v-tooltip activator="parent" location="top">
446
+ Add To Cart
447
+ </v-tooltip>
448
+ </button>
449
+ </div>
450
+ </div>
451
+ </div>
452
+ </v-col>
453
+ <v-col cols="12" lg="3" sm="6">
454
+ <div class="single-product-telemobile-item">
455
+ <div class="product-img position-relative">
456
+ <NuxtLink to="/product-details" class="d-block">
457
+ <img src="~/assets/images/product-23.png" alt="product" />
458
+ </NuxtLink>
459
+ <div
460
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
461
+ >
462
+ <span class="minus-count">-20%</span>
463
+ <button class="border-0 wish-btn">
464
+ <i class="ri-heart-line"></i>
465
+ <i class="ri-heart-fill d-none"></i>
466
+ <v-tooltip activator="parent" location="top">
467
+ Favorite
468
+ </v-tooltip>
469
+ </button>
470
+ </div>
471
+ </div>
472
+ <div class="product-content">
473
+ <NuxtLink to="/product-details" class="title">
474
+ 32 inch D-Series HD 720p Smart TV with Apple AirPlay
475
+ </NuxtLink>
476
+ <div class="d-flex gap-1 review">
477
+ <i class="flaticon-star"></i>
478
+ <i class="flaticon-star"></i>
479
+ <i class="flaticon-star"></i>
480
+ <i class="flaticon-star"></i>
481
+ <i class="flaticon-star"></i>
482
+ <span>(19 Reviews)</span>
483
+ </div>
484
+ <h3>$128 <del>$159</del></h3>
485
+ <div class="d-flex sold-stock gap-4 align-items-center">
486
+ <span class="sold">48 Sold</span>
487
+ <span class="stock">
488
+ <i class="ri-check-line"></i>
489
+ 80 In Stock
490
+ </span>
491
+ </div>
492
+ <div
493
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
494
+ >
495
+ <span class="delivery">
496
+ <i class="ri-truck-line"></i>
497
+ Free Delivery
498
+ </span>
499
+ <button class="cart-btn">
500
+ <i class="ri-shopping-cart-line"></i>
501
+ <v-tooltip activator="parent" location="top">
502
+ Add To Cart
503
+ </v-tooltip>
504
+ </button>
505
+ </div>
506
+ </div>
507
+ </div>
508
+ </v-col>
509
+ <v-col cols="12" lg="3" sm="6">
510
+ <div class="single-product-telemobile-item">
511
+ <div class="product-img position-relative">
512
+ <NuxtLink to="/product-details" class="d-block">
513
+ <img src="~/assets/images/product-14.png" alt="product" />
514
+ </NuxtLink>
515
+ <div
516
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
517
+ >
518
+ <span class="minus-count bg-successdiv text-white"
519
+ >New</span
520
+ >
521
+ <button class="border-0 wish-btn">
522
+ <i class="ri-heart-line"></i>
523
+ <i class="ri-heart-fill d-none"></i>
524
+ <v-tooltip activator="parent" location="top">
525
+ Favorite
526
+ </v-tooltip>
527
+ </button>
528
+ </div>
529
+ </div>
530
+ <div class="product-content">
531
+ <NuxtLink to="/product-details" class="title"
532
+ >Mini Drone for Beginners, SYMA Portable Indoor
533
+ Quadcopter</NuxtLink
534
+ >
535
+ <div class="d-flex gap-1 review">
536
+ <i class="flaticon-star"></i>
537
+ <i class="flaticon-star"></i>
538
+ <i class="flaticon-star"></i>
539
+ <i class="flaticon-star"></i>
540
+ <i class="flaticon-star"></i>
541
+ <span>(19 Reviews)</span>
542
+ </div>
543
+ <h3>$31 <del>$45</del></h3>
544
+ <div class="d-flex sold-stock gap-4 align-items-center">
545
+ <span class="sold">120 Sold</span>
546
+ <span class="stock"
547
+ ><i class="ri-check-line"></i> 245 In Stock</span
548
+ >
549
+ </div>
550
+ <div
551
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
552
+ >
553
+ <span class="delivery"
554
+ ><i class="ri-truck-line"></i> Free Delivery</span
555
+ >
556
+ <button class="cart-btn">
557
+ <i class="ri-shopping-cart-line"></i>
558
+ <v-tooltip activator="parent" location="top">
559
+ Add To Cart
560
+ </v-tooltip>
561
+ </button>
562
+ </div>
563
+ </div>
564
+ </div>
565
+ </v-col>
566
+ <v-col cols="12" lg="3" sm="6">
567
+ <div class="single-product-telemobile-item">
568
+ <div class="product-img position-relative">
569
+ <NuxtLink to="/product-details" class="d-block">
570
+ <img src="~/assets/images/product-15.png" alt="product" />
571
+ </NuxtLink>
572
+ <div
573
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
574
+ >
575
+ <span class="minus-count bg-successdiv text-white"
576
+ >New</span
577
+ >
578
+ <button class="border-0 wish-btn">
579
+ <i class="ri-heart-line"></i>
580
+ <i class="ri-heart-fill d-none"></i>
581
+ <v-tooltip activator="parent" location="top">
582
+ Favorite
583
+ </v-tooltip>
584
+ </button>
585
+ </div>
586
+ </div>
587
+ <div class="product-content">
588
+ <NuxtLink to="/product-details" class="title"
589
+ >5K Digital Camera, WiFi Vlogging with 32G SD
590
+ Card</NuxtLink
591
+ >
592
+ <div class="d-flex gap-1 review">
593
+ <i class="flaticon-star"></i>
594
+ <i class="flaticon-star"></i>
595
+ <i class="flaticon-star"></i>
596
+ <i class="flaticon-star"></i>
597
+ <i class="flaticon-star"></i>
598
+ <span>(76 Reviews)</span>
599
+ </div>
600
+ <h3>$129</h3>
601
+ <div class="d-flex sold-stock gap-4 align-items-center">
602
+ <span class="sold">70 Sold</span>
603
+ <span class="stock"
604
+ ><i class="ri-check-line"></i> 130 In Stock</span
605
+ >
606
+ </div>
607
+ <div
608
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
609
+ >
610
+ <span class="delivery"
611
+ ><i class="ri-truck-line"></i> Free Delivery</span
612
+ >
613
+ <button class="cart-btn">
614
+ <i class="ri-shopping-cart-line"></i>
615
+ <v-tooltip activator="parent" location="top">
616
+ Add To Cart
617
+ </v-tooltip>
618
+ </button>
619
+ </div>
620
+ </div>
621
+ </div>
622
+ </v-col>
623
+ <v-col cols="12" lg="3" sm="6">
624
+ <div class="single-product-telemobile-item">
625
+ <div class="product-img position-relative">
626
+ <NuxtLink to="/product-details" class="d-block">
627
+ <img src="~/assets/images/product-10.png" alt="product" />
628
+ </NuxtLink>
629
+ <div
630
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
631
+ >
632
+ <span class="minus-count bg-successdiv text-white"
633
+ >New</span
634
+ >
635
+ <button class="border-0 wish-btn">
636
+ <i class="ri-heart-line"></i>
637
+ <i class="ri-heart-fill d-none"></i>
638
+ <v-tooltip activator="parent" location="top">
639
+ Favorite
640
+ </v-tooltip>
641
+ </button>
642
+ </div>
643
+ </div>
644
+ <div class="product-content">
645
+ <NuxtLink to="/product-details" class="title"
646
+ >Wireless Bluetooth Over Ear Headphones, with
647
+ Active</NuxtLink
648
+ >
649
+ <div class="d-flex gap-1 review">
650
+ <i class="flaticon-star"></i>
651
+ <i class="flaticon-star"></i>
652
+ <i class="flaticon-star"></i>
653
+ <i class="flaticon-star"></i>
654
+ <i class="flaticon-star"></i>
655
+ <span>(24 Reviews)</span>
656
+ </div>
657
+ <h3>$69 <del>$99</del></h3>
658
+ <div class="d-flex sold-stock gap-4 align-items-center">
659
+ <span class="sold">435 Sold</span>
660
+ <span class="stock"
661
+ ><i class="ri-check-line"></i> 180 In Stock</span
662
+ >
663
+ </div>
664
+ <div
665
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
666
+ >
667
+ <span class="delivery"
668
+ ><i class="ri-truck-line"></i> Free Delivery</span
669
+ >
670
+ <button class="cart-btn">
671
+ <i class="ri-shopping-cart-line"></i>
672
+ <v-tooltip activator="parent" location="top">
673
+ Add To Cart
674
+ </v-tooltip>
675
+ </button>
676
+ </div>
677
+ </div>
678
+ </div>
679
+ </v-col>
680
+ <v-col cols="12" lg="3" sm="6">
681
+ <div class="single-product-telemobile-item">
682
+ <div class="product-img position-relative">
683
+ <NuxtLink to="/product-details" class="d-block">
684
+ <img src="~/assets/images/product-24.png" alt="product" />
685
+ </NuxtLink>
686
+ <div
687
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
688
+ >
689
+ <span class="minus-count">-10%</span>
690
+ <button class="border-0 wish-btn">
691
+ <i class="ri-heart-line"></i>
692
+ <i class="ri-heart-fill d-none"></i>
693
+ <v-tooltip activator="parent" location="top">
694
+ Favorite
695
+ </v-tooltip>
696
+ </button>
697
+ </div>
698
+ </div>
699
+ <div class="product-content">
700
+ <NuxtLink to="/product-details" class="title"
701
+ >14 Pro Max 5G Unlocked Smartphone - 6GB+256GB</NuxtLink
702
+ >
703
+ <div class="d-flex gap-1 review">
704
+ <i class="flaticon-star"></i>
705
+ <i class="flaticon-star"></i>
706
+ <i class="flaticon-star"></i>
707
+ <i class="flaticon-star"></i>
708
+ <i class="flaticon-star"></i>
709
+ <span>(76 Reviews)</span>
710
+ </div>
711
+ <h3>$799 <del>$849</del></h3>
712
+ <div class="d-flex sold-stock gap-4 align-items-center">
713
+ <span class="sold">1560 Sold</span>
714
+ <span class="stock"
715
+ ><i class="ri-check-line"></i> 235 In Stock</span
716
+ >
717
+ </div>
718
+ <div
719
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
720
+ >
721
+ <span class="delivery"
722
+ ><i class="ri-truck-line"></i> Free Delivery</span
723
+ >
724
+ <button class="cart-btn">
725
+ <i class="ri-shopping-cart-line"></i>
726
+ <v-tooltip activator="parent" location="top">
727
+ Add To Cart
728
+ </v-tooltip>
729
+ </button>
730
+ </div>
731
+ </div>
732
+ </div>
733
+ </v-col>
734
+ <v-col cols="12" lg="12">
735
+ <div class="pagination-area text-center mt-4">
736
+ <a href="#" class="next page-numbers">
737
+ <i class="ri-arrow-left-s-line"></i>
738
+ </a>
739
+
740
+ <span class="page-numbers current" aria-current="page">
741
+ 1
742
+ </span>
743
+ <a href="#" class="page-numbers">2</a>
744
+ <a href="#" class="page-numbers">3</a>
745
+
746
+ <a href="#" class="next page-numbers">
747
+ <i class="ri-arrow-right-s-line"></i>
748
+ </a>
749
+ </div>
750
+ </v-col>
751
+ </v-row>
752
+ </v-tabs-window-item>
753
+ <v-tabs-window-item value="list">
754
+ <v-row no-gutters class="justify-content-center g-0">
755
+ <v-col cols="12" lg="6">
756
+ <div
757
+ class="single-product-telemobile-item d-sm-flex align-items-center"
758
+ >
759
+ <div class="flex-shrink-0">
760
+ <div class="product-img position-relative">
761
+ <NuxtLink to="/product-details" class="d-block">
762
+ <img
763
+ src="~/assets/images/product-6.png"
764
+ alt="product"
765
+ />
766
+ </NuxtLink>
767
+ <div
768
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
769
+ >
770
+ <span class="minus-count">-15%</span>
771
+ <button class="border-0 wish-btn">
772
+ <i class="ri-heart-line"></i>
773
+ <i class="ri-heart-fill d-none"></i>
774
+ <v-tooltip activator="parent" location="top">
775
+ Favorite
776
+ </v-tooltip>
777
+ </button>
778
+ </div>
779
+ </div>
780
+ </div>
781
+ <div class="flex-grow-1 ms-sm-3">
782
+ <div class="product-content">
783
+ <NuxtLink to="/product-details" class="title">
784
+ Multiplatform Wireless Noise-Cancelling Gaming Headset
785
+ </NuxtLink>
786
+ <div class="d-flex gap-1 review">
787
+ <i class="flaticon-star"></i>
788
+ <i class="flaticon-star"></i>
789
+ <i class="flaticon-star"></i>
790
+ <i class="flaticon-star"></i>
791
+ <i class="flaticon-star"></i>
792
+ <span>(18 Reviews)</span>
793
+ </div>
794
+ <h3>$279 <del>$329</del></h3>
795
+ <div class="d-flex sold-stock gap-4 align-items-center">
796
+ <span class="sold">20 Sold</span>
797
+ <span class="stock">
798
+ <i class="ri-check-line"></i>
799
+ 78 In Stock
800
+ </span>
801
+ </div>
802
+ <div
803
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
804
+ >
805
+ <span class="delivery">
806
+ <i class="ri-truck-line"></i>
807
+ Free Delivery
808
+ </span>
809
+ <button class="cart-btn">
810
+ <i class="ri-shopping-cart-line"></i>
811
+ <v-tooltip activator="parent" location="top">
812
+ Add To Cart
813
+ </v-tooltip>
814
+ </button>
815
+ </div>
816
+ </div>
817
+ </div>
818
+ </div>
819
+ </v-col>
820
+ <v-col cols="12" lg="6">
821
+ <div
822
+ class="single-product-telemobile-item d-sm-flex align-items-center"
823
+ >
824
+ <div class="flex-shrink-0">
825
+ <div class="product-img position-relative">
826
+ <NuxtLink to="/product-details" class="d-block">
827
+ <img
828
+ src="~/assets/images/product-7.png"
829
+ alt="product"
830
+ />
831
+ </NuxtLink>
832
+ <div
833
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
834
+ >
835
+ <span class="minus-count">-40%</span>
836
+ <button class="border-0 wish-btn">
837
+ <i class="ri-heart-line"></i>
838
+ <i class="ri-heart-fill d-none"></i>
839
+ <v-tooltip activator="parent" location="top">
840
+ Favorite
841
+ </v-tooltip>
842
+ </button>
843
+ </div>
844
+ </div>
845
+ </div>
846
+ <div class="flex-grow-1 ms-sm-3">
847
+ <div class="product-content">
848
+ <NuxtLink to="/product-details" class="title"
849
+ >GPS Smartwatch with Bright Touchscreen
850
+ Display</NuxtLink
851
+ >
852
+ <div class="d-flex gap-1 review">
853
+ <i class="flaticon-star"></i>
854
+ <i class="flaticon-star"></i>
855
+ <i class="flaticon-star"></i>
856
+ <i class="flaticon-star"></i>
857
+ <i class="flaticon-star"></i>
858
+ <span>(24 Reviews)</span>
859
+ </div>
860
+ <h3>$119 <del>$199</del></h3>
861
+ <div class="d-flex sold-stock gap-4 align-items-center">
862
+ <span class="sold">435 Sold</span>
863
+ <span class="stock"
864
+ ><i class="ri-check-line"></i> 180 In Stock</span
865
+ >
866
+ </div>
867
+ <div
868
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
869
+ >
870
+ <span class="delivery"
871
+ ><i class="ri-truck-line"></i> Free Delivery</span
872
+ >
873
+ <button class="cart-btn">
874
+ <i class="ri-shopping-cart-line"></i>
875
+ <v-tooltip activator="parent" location="top">
876
+ Add To Cart
877
+ </v-tooltip>
878
+ </button>
879
+ </div>
880
+ </div>
881
+ </div>
882
+ </div>
883
+ </v-col>
884
+ <v-col cols="12" lg="6">
885
+ <div
886
+ class="single-product-telemobile-item d-sm-flex align-items-center"
887
+ >
888
+ <div class="flex-shrink-0">
889
+ <div class="product-img position-relative">
890
+ <NuxtLink to="/product-details" class="d-block">
891
+ <img
892
+ src="~/assets/images/product-8.png"
893
+ alt="product"
894
+ />
895
+ </NuxtLink>
896
+ <div
897
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
898
+ >
899
+ <span class="minus-count">-20%</span>
900
+ <button class="border-0 wish-btn">
901
+ <i class="ri-heart-line"></i>
902
+ <i class="ri-heart-fill d-none"></i>
903
+ <v-tooltip activator="parent" location="top">
904
+ Favorite
905
+ </v-tooltip>
906
+ </button>
907
+ </div>
908
+ </div>
909
+ </div>
910
+ <div class="flex-grow-1 ms-sm-3">
911
+ <div class="product-content">
912
+ <NuxtLink to="/product-details" class="title"
913
+ >SAMSUNG 32-Inch Class QLED 4K Q60C Series Quantum
914
+ HDR</NuxtLink
915
+ >
916
+ <div class="d-flex gap-1 review">
917
+ <i class="flaticon-star"></i>
918
+ <i class="flaticon-star"></i>
919
+ <i class="flaticon-star"></i>
920
+ <i class="flaticon-star"></i>
921
+ <i class="flaticon-star"></i>
922
+ <span>(19 Reviews)</span>
923
+ </div>
924
+ <h3>$397 <del>$497</del></h3>
925
+ <div class="d-flex sold-stock gap-4 align-items-center">
926
+ <span class="sold">35 Sold</span>
927
+ <span class="stock"
928
+ ><i class="ri-check-line"></i> 125 In Stock</span
929
+ >
930
+ </div>
931
+ <div
932
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
933
+ >
934
+ <span class="delivery"
935
+ ><i class="ri-truck-line"></i> Free Delivery</span
936
+ >
937
+ <button class="cart-btn">
938
+ <i class="ri-shopping-cart-line"></i>
939
+ <v-tooltip activator="parent" location="top">
940
+ Add To Cart
941
+ </v-tooltip>
942
+ </button>
943
+ </div>
944
+ </div>
945
+ </div>
946
+ </div>
947
+ </v-col>
948
+ <v-col cols="12" lg="6">
949
+ <div
950
+ class="single-product-telemobile-item d-sm-flex align-items-center"
951
+ >
952
+ <div class="flex-shrink-0">
953
+ <div class="product-img position-relative">
954
+ <NuxtLink to="/product-details" class="d-block">
955
+ <img
956
+ src="~/assets/images/product-9.png"
957
+ alt="product"
958
+ />
959
+ </NuxtLink>
960
+ <div
961
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
962
+ >
963
+ <span class="minus-count">-10%</span>
964
+ <button class="border-0 wish-btn">
965
+ <i class="ri-heart-line"></i>
966
+ <i class="ri-heart-fill d-none"></i>
967
+ <v-tooltip activator="parent" location="top">
968
+ Favorite
969
+ </v-tooltip>
970
+ </button>
971
+ </div>
972
+ </div>
973
+ </div>
974
+ <div class="flex-grow-1 ms-sm-3">
975
+ <div class="product-content">
976
+ <NuxtLink to="/product-details" class="title"
977
+ >Apple MacBook Pro 16.2" with Liquid Retina XDR
978
+ Display</NuxtLink
979
+ >
980
+ <div class="d-flex gap-1 review">
981
+ <i class="flaticon-star"></i>
982
+ <i class="flaticon-star"></i>
983
+ <i class="flaticon-star"></i>
984
+ <i class="flaticon-star"></i>
985
+ <i class="flaticon-star"></i>
986
+ <span>(76 Reviews)</span>
987
+ </div>
988
+ <h3>$3,499 <del>$3,799</del></h3>
989
+ <div class="d-flex sold-stock gap-4 align-items-center">
990
+ <span class="sold">348 Sold</span>
991
+ <span class="stock"
992
+ ><i class="ri-check-line"></i> 245 In Stock</span
993
+ >
994
+ </div>
995
+ <div
996
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
997
+ >
998
+ <span class="delivery"
999
+ ><i class="ri-truck-line"></i> Free Delivery</span
1000
+ >
1001
+ <button class="cart-btn">
1002
+ <i class="ri-shopping-cart-line"></i>
1003
+ <v-tooltip activator="parent" location="top">
1004
+ Add To Cart
1005
+ </v-tooltip>
1006
+ </button>
1007
+ </div>
1008
+ </div>
1009
+ </div>
1010
+ </div>
1011
+ </v-col>
1012
+ <v-col cols="12" lg="6">
1013
+ <div
1014
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1015
+ >
1016
+ <div class="flex-shrink-0">
1017
+ <div class="product-img position-relative">
1018
+ <NuxtLink to="/product-details" class="d-block">
1019
+ <img
1020
+ src="~/assets/images/product-20.png"
1021
+ alt="product"
1022
+ />
1023
+ </NuxtLink>
1024
+ <div
1025
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1026
+ >
1027
+ <span class="minus-count bg-successdiv text-white"
1028
+ >New</span
1029
+ >
1030
+ <button class="border-0 wish-btn">
1031
+ <i class="ri-heart-line"></i>
1032
+ <i class="ri-heart-fill d-none"></i>
1033
+ <v-tooltip activator="parent" location="top">
1034
+ Favorite
1035
+ </v-tooltip>
1036
+ </button>
1037
+ </div>
1038
+ </div>
1039
+ </div>
1040
+ <div class="flex-grow-1 ms-sm-3">
1041
+ <div class="product-content">
1042
+ <NuxtLink to="/product-details" class="title"
1043
+ >15 Pro Max 5G Unlocked Smartphone,6GB+256GB</NuxtLink
1044
+ >
1045
+ <div class="d-flex gap-1 review">
1046
+ <i class="flaticon-star"></i>
1047
+ <i class="flaticon-star"></i>
1048
+ <i class="flaticon-star"></i>
1049
+ <i class="flaticon-star"></i>
1050
+ <i class="flaticon-star"></i>
1051
+ <span>(45 Reviews)</span>
1052
+ </div>
1053
+ <h3>$999</h3>
1054
+ <div class="d-flex sold-stock gap-4 align-items-center">
1055
+ <span class="sold">120 Sold</span>
1056
+ <span class="stock"
1057
+ ><i class="ri-check-line"></i> 150 In Stock</span
1058
+ >
1059
+ </div>
1060
+ <div
1061
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1062
+ >
1063
+ <span class="delivery"
1064
+ ><i class="ri-truck-line"></i> Free Delivery</span
1065
+ >
1066
+ <button class="cart-btn">
1067
+ <i class="ri-shopping-cart-line"></i>
1068
+ <v-tooltip activator="parent" location="top">
1069
+ Add To Cart
1070
+ </v-tooltip>
1071
+ </button>
1072
+ </div>
1073
+ </div>
1074
+ </div>
1075
+ </div>
1076
+ </v-col>
1077
+ <v-col cols="12" lg="6">
1078
+ <div
1079
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1080
+ >
1081
+ <div class="flex-shrink-0">
1082
+ <div class="product-img position-relative">
1083
+ <NuxtLink to="/product-details" class="d-block">
1084
+ <img
1085
+ src="~/assets/images/product-21.png"
1086
+ alt="product"
1087
+ />
1088
+ </NuxtLink>
1089
+ <div
1090
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1091
+ >
1092
+ <span class="minus-count">-15%</span>
1093
+ <button class="border-0 wish-btn">
1094
+ <i class="ri-heart-line"></i>
1095
+ <i class="ri-heart-fill d-none"></i>
1096
+ <v-tooltip activator="parent" location="top">
1097
+ Favorite
1098
+ </v-tooltip>
1099
+ </button>
1100
+ </div>
1101
+ </div>
1102
+ </div>
1103
+ <div class="flex-grow-1 ms-sm-3">
1104
+ <div class="product-content">
1105
+ <NuxtLink to="/product-details" class="title"
1106
+ >Wireless Bluetooth Over Ear Headphones, Noise
1107
+ Cancelling</NuxtLink
1108
+ >
1109
+ <div class="d-flex gap-1 review">
1110
+ <i class="flaticon-star"></i>
1111
+ <i class="flaticon-star"></i>
1112
+ <i class="flaticon-star"></i>
1113
+ <i class="flaticon-star"></i>
1114
+ <i class="flaticon-star"></i>
1115
+ <span>(68 Reviews)</span>
1116
+ </div>
1117
+ <h3>$69 <del>$99</del></h3>
1118
+ <div class="d-flex sold-stock gap-4 align-items-center">
1119
+ <span class="sold">345 Sold</span>
1120
+ <span class="stock"
1121
+ ><i class="ri-check-line"></i> 89 In Stock</span
1122
+ >
1123
+ </div>
1124
+ <div
1125
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1126
+ >
1127
+ <span class="delivery"
1128
+ ><i class="ri-truck-line"></i> Free Delivery</span
1129
+ >
1130
+ <button class="cart-btn">
1131
+ <i class="ri-shopping-cart-line"></i>
1132
+ <v-tooltip activator="parent" location="top">
1133
+ Add To Cart
1134
+ </v-tooltip>
1135
+ </button>
1136
+ </div>
1137
+ </div>
1138
+ </div>
1139
+ </div>
1140
+ </v-col>
1141
+ <v-col cols="12" lg="6">
1142
+ <div
1143
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1144
+ >
1145
+ <div class="flex-shrink-0">
1146
+ <div class="product-img position-relative">
1147
+ <NuxtLink to="/product-details" class="d-block">
1148
+ <img
1149
+ src="~/assets/images/product-22.png"
1150
+ alt="product"
1151
+ />
1152
+ </NuxtLink>
1153
+ <div
1154
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1155
+ >
1156
+ <span class="minus-count">-40%</span>
1157
+ <button class="border-0 wish-btn">
1158
+ <i class="ri-heart-line"></i>
1159
+ <i class="ri-heart-fill d-none"></i>
1160
+ <v-tooltip activator="parent" location="top">
1161
+ Favorite
1162
+ </v-tooltip>
1163
+ </button>
1164
+ </div>
1165
+ </div>
1166
+ </div>
1167
+ <div class="flex-grow-1 ms-sm-3">
1168
+ <div class="product-content">
1169
+ <NuxtLink to="/product-details" class="title"
1170
+ >Smart Watch (Answer/Make Calls), 1.85" Smart
1171
+ Watches</NuxtLink
1172
+ >
1173
+ <div class="d-flex gap-1 review">
1174
+ <i class="flaticon-star"></i>
1175
+ <i class="flaticon-star"></i>
1176
+ <i class="flaticon-star"></i>
1177
+ <i class="flaticon-star"></i>
1178
+ <i class="flaticon-star"></i>
1179
+ <span>(24 Reviews)</span>
1180
+ </div>
1181
+ <h3>$25 <del>$89</del></h3>
1182
+ <div class="d-flex sold-stock gap-4 align-items-center">
1183
+ <span class="sold">135 Sold</span>
1184
+ <span class="stock"
1185
+ ><i class="ri-check-line"></i> 80 In Stock</span
1186
+ >
1187
+ </div>
1188
+ <div
1189
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1190
+ >
1191
+ <span class="delivery"
1192
+ ><i class="ri-truck-line"></i> Free Delivery</span
1193
+ >
1194
+ <button class="cart-btn">
1195
+ <i class="ri-shopping-cart-line"></i>
1196
+ <v-tooltip activator="parent" location="top">
1197
+ Add To Cart
1198
+ </v-tooltip>
1199
+ </button>
1200
+ </div>
1201
+ </div>
1202
+ </div>
1203
+ </div>
1204
+ </v-col>
1205
+ <v-col cols="12" lg="6">
1206
+ <div
1207
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1208
+ >
1209
+ <div class="flex-shrink-0">
1210
+ <div class="product-img position-relative">
1211
+ <NuxtLink to="/product-details" class="d-block">
1212
+ <img
1213
+ src="~/assets/images/product-23.png"
1214
+ alt="product"
1215
+ />
1216
+ </NuxtLink>
1217
+ <div
1218
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1219
+ >
1220
+ <span class="minus-count">-20%</span>
1221
+ <button class="border-0 wish-btn">
1222
+ <i class="ri-heart-line"></i>
1223
+ <i class="ri-heart-fill d-none"></i>
1224
+ <v-tooltip activator="parent" location="top">
1225
+ Favorite
1226
+ </v-tooltip>
1227
+ </button>
1228
+ </div>
1229
+ </div>
1230
+ </div>
1231
+ <div class="flex-grow-1 ms-sm-3">
1232
+ <div class="product-content">
1233
+ <NuxtLink to="/product-details" class="title"
1234
+ >32 inch D-Series HD 720p Smart TV with Apple
1235
+ AirPlay</NuxtLink
1236
+ >
1237
+ <div class="d-flex gap-1 review">
1238
+ <i class="flaticon-star"></i>
1239
+ <i class="flaticon-star"></i>
1240
+ <i class="flaticon-star"></i>
1241
+ <i class="flaticon-star"></i>
1242
+ <i class="flaticon-star"></i>
1243
+ <span>(19 Reviews)</span>
1244
+ </div>
1245
+ <h3>$128 <del>$159</del></h3>
1246
+ <div class="d-flex sold-stock gap-4 align-items-center">
1247
+ <span class="sold">48 Sold</span>
1248
+ <span class="stock"
1249
+ ><i class="ri-check-line"></i> 80 In Stock</span
1250
+ >
1251
+ </div>
1252
+ <div
1253
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1254
+ >
1255
+ <span class="delivery"
1256
+ ><i class="ri-truck-line"></i> Free Delivery</span
1257
+ >
1258
+ <button class="cart-btn">
1259
+ <i class="ri-shopping-cart-line"></i>
1260
+ <v-tooltip activator="parent" location="top">
1261
+ Add To Cart
1262
+ </v-tooltip>
1263
+ </button>
1264
+ </div>
1265
+ </div>
1266
+ </div>
1267
+ </div>
1268
+ </v-col>
1269
+ <v-col cols="12" lg="6">
1270
+ <div
1271
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1272
+ >
1273
+ <div class="flex-shrink-0">
1274
+ <div class="product-img position-relative">
1275
+ <NuxtLink to="/product-details" class="d-block">
1276
+ <img
1277
+ src="~/assets/images/product-14.png"
1278
+ alt="product"
1279
+ />
1280
+ </NuxtLink>
1281
+ <div
1282
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1283
+ >
1284
+ <span class="minus-count bg-successdiv text-white"
1285
+ >New</span
1286
+ >
1287
+ <button class="border-0 wish-btn">
1288
+ <i class="ri-heart-line"></i>
1289
+ <i class="ri-heart-fill d-none"></i>
1290
+ <v-tooltip activator="parent" location="top">
1291
+ Favorite
1292
+ </v-tooltip>
1293
+ </button>
1294
+ </div>
1295
+ </div>
1296
+ </div>
1297
+ <div class="flex-grow-1 ms-sm-3">
1298
+ <div class="product-content">
1299
+ <NuxtLink to="/product-details" class="title"
1300
+ >Mini Drone for Beginners, SYMA Portable Indoor
1301
+ Quadcopter</NuxtLink
1302
+ >
1303
+ <div class="d-flex gap-1 review">
1304
+ <i class="flaticon-star"></i>
1305
+ <i class="flaticon-star"></i>
1306
+ <i class="flaticon-star"></i>
1307
+ <i class="flaticon-star"></i>
1308
+ <i class="flaticon-star"></i>
1309
+ <span>(19 Reviews)</span>
1310
+ </div>
1311
+ <h3>$31 <del>$45</del></h3>
1312
+ <div class="d-flex sold-stock gap-4 align-items-center">
1313
+ <span class="sold">120 Sold</span>
1314
+ <span class="stock"
1315
+ ><i class="ri-check-line"></i> 245 In Stock</span
1316
+ >
1317
+ </div>
1318
+ <div
1319
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1320
+ >
1321
+ <span class="delivery"
1322
+ ><i class="ri-truck-line"></i> Free Delivery</span
1323
+ >
1324
+ <button class="cart-btn">
1325
+ <i class="ri-shopping-cart-line"></i>
1326
+ <v-tooltip activator="parent" location="top">
1327
+ Add To Cart
1328
+ </v-tooltip>
1329
+ </button>
1330
+ </div>
1331
+ </div>
1332
+ </div>
1333
+ </div>
1334
+ </v-col>
1335
+ <v-col cols="12" lg="6">
1336
+ <div
1337
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1338
+ >
1339
+ <div class="flex-shrink-0">
1340
+ <div class="product-img position-relative">
1341
+ <NuxtLink to="/product-details" class="d-block">
1342
+ <img
1343
+ src="~/assets/images/product-15.png"
1344
+ alt="product"
1345
+ />
1346
+ </NuxtLink>
1347
+ <div
1348
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1349
+ >
1350
+ <span class="minus-count bg-successdiv text-white"
1351
+ >New</span
1352
+ >
1353
+ <button class="border-0 wish-btn">
1354
+ <i class="ri-heart-line"></i>
1355
+ <i class="ri-heart-fill d-none"></i>
1356
+ <v-tooltip activator="parent" location="top">
1357
+ Favorite
1358
+ </v-tooltip>
1359
+ </button>
1360
+ </div>
1361
+ </div>
1362
+ </div>
1363
+ <div class="flex-grow-1 ms-sm-3">
1364
+ <div class="product-content">
1365
+ <NuxtLink to="/product-details" class="title"
1366
+ >5K Digital Camera, WiFi Vlogging with 32G SD
1367
+ Card</NuxtLink
1368
+ >
1369
+ <div class="d-flex gap-1 review">
1370
+ <i class="flaticon-star"></i>
1371
+ <i class="flaticon-star"></i>
1372
+ <i class="flaticon-star"></i>
1373
+ <i class="flaticon-star"></i>
1374
+ <i class="flaticon-star"></i>
1375
+ <span>(76 Reviews)</span>
1376
+ </div>
1377
+ <h3>$129</h3>
1378
+ <div class="d-flex sold-stock gap-4 align-items-center">
1379
+ <span class="sold">70 Sold</span>
1380
+ <span class="stock"
1381
+ ><i class="ri-check-line"></i> 130 In Stock</span
1382
+ >
1383
+ </div>
1384
+ <div
1385
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1386
+ >
1387
+ <span class="delivery"
1388
+ ><i class="ri-truck-line"></i> Free Delivery</span
1389
+ >
1390
+ <button class="cart-btn">
1391
+ <i class="ri-shopping-cart-line"></i>
1392
+ <v-tooltip activator="parent" location="top">
1393
+ Add To Cart
1394
+ </v-tooltip>
1395
+ </button>
1396
+ </div>
1397
+ </div>
1398
+ </div>
1399
+ </div>
1400
+ </v-col>
1401
+ <v-col cols="12" lg="6">
1402
+ <div
1403
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1404
+ >
1405
+ <div class="flex-shrink-0">
1406
+ <div class="product-img position-relative">
1407
+ <NuxtLink to="/product-details" class="d-block">
1408
+ <img
1409
+ src="~/assets/images/product-10.png"
1410
+ alt="product"
1411
+ />
1412
+ </NuxtLink>
1413
+ <div
1414
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1415
+ >
1416
+ <span class="minus-count bg-successdiv text-white"
1417
+ >New</span
1418
+ >
1419
+ <button class="border-0 wish-btn">
1420
+ <i class="ri-heart-line"></i>
1421
+ <i class="ri-heart-fill d-none"></i>
1422
+ <v-tooltip activator="parent" location="top">
1423
+ Favorite
1424
+ </v-tooltip>
1425
+ </button>
1426
+ </div>
1427
+ </div>
1428
+ </div>
1429
+ <div class="flex-grow-1 ms-sm-3">
1430
+ <div class="product-content">
1431
+ <NuxtLink to="/product-details" class="title"
1432
+ >Wireless Bluetooth Over Ear Headphones, with
1433
+ Active</NuxtLink
1434
+ >
1435
+ <div class="d-flex gap-1 review">
1436
+ <i class="flaticon-star"></i>
1437
+ <i class="flaticon-star"></i>
1438
+ <i class="flaticon-star"></i>
1439
+ <i class="flaticon-star"></i>
1440
+ <i class="flaticon-star"></i>
1441
+ <span>(24 Reviews)</span>
1442
+ </div>
1443
+ <h3>$69 <del>$99</del></h3>
1444
+ <div class="d-flex sold-stock gap-4 align-items-center">
1445
+ <span class="sold">435 Sold</span>
1446
+ <span class="stock"
1447
+ ><i class="ri-check-line"></i> 180 In Stock</span
1448
+ >
1449
+ </div>
1450
+ <div
1451
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1452
+ >
1453
+ <span class="delivery"
1454
+ ><i class="ri-truck-line"></i> Free Delivery</span
1455
+ >
1456
+ <button class="cart-btn">
1457
+ <i class="ri-shopping-cart-line"></i>
1458
+ <v-tooltip activator="parent" location="top">
1459
+ Add To Cart
1460
+ </v-tooltip>
1461
+ </button>
1462
+ </div>
1463
+ </div>
1464
+ </div>
1465
+ </div>
1466
+ </v-col>
1467
+ <v-col cols="12" lg="6">
1468
+ <div
1469
+ class="single-product-telemobile-item d-sm-flex align-items-center"
1470
+ >
1471
+ <div class="flex-shrink-0">
1472
+ <div class="product-img position-relative">
1473
+ <NuxtLink to="/product-details" class="d-block">
1474
+ <img
1475
+ src="~/assets/images/product-24.png"
1476
+ alt="product"
1477
+ />
1478
+ </NuxtLink>
1479
+ <div
1480
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
1481
+ >
1482
+ <span class="minus-count">-10%</span>
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
+ >14 Pro Max 5G Unlocked Smartphone - 6GB+256GB</NuxtLink
1497
+ >
1498
+ <div class="d-flex gap-1 review">
1499
+ <i class="flaticon-star"></i>
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
+ <span>(76 Reviews)</span>
1505
+ </div>
1506
+ <h3>$799 <del>$849</del></h3>
1507
+ <div class="d-flex sold-stock gap-4 align-items-center">
1508
+ <span class="sold">1560 Sold</span>
1509
+ <span class="stock"
1510
+ ><i class="ri-check-line"></i> 235 In Stock</span
1511
+ >
1512
+ </div>
1513
+ <div
1514
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
1515
+ >
1516
+ <span class="delivery"
1517
+ ><i class="ri-truck-line"></i> Free Delivery</span
1518
+ >
1519
+ <button class="cart-btn">
1520
+ <i class="ri-shopping-cart-line"></i>
1521
+ <v-tooltip activator="parent" location="top">
1522
+ Add To Cart
1523
+ </v-tooltip>
1524
+ </button>
1525
+ </div>
1526
+ </div>
1527
+ </div>
1528
+ </div>
1529
+ </v-col>
1530
+ <div class="col-lg-12">
1531
+ <div class="pagination-area text-center mt-4">
1532
+ <a href="#" class="next page-numbers">
1533
+ <i class="ri-arrow-left-s-line"></i>
1534
+ </a>
1535
+
1536
+ <span class="page-numbers current" aria-current="page">
1537
+ 1
1538
+ </span>
1539
+ <a href="#" class="page-numbers">2</a>
1540
+ <a href="#" class="page-numbers">3</a>
1541
+
1542
+ <a href="#" class="next page-numbers">
1543
+ <i class="ri-arrow-right-s-line"></i>
1544
+ </a>
1545
+ </div>
1546
+ </div>
1547
+ </v-row>
1548
+ </v-tabs-window-item>
1549
+ </v-tabs-window>
1550
+ </v-card-text>
1551
+ </div>
1552
+ </div>
1553
+ </template>
1554
+
1555
+ <script>
1556
+ export default {
1557
+ name: "Products",
1558
+ data() {
1559
+ return {
1560
+ tab: "list",
1561
+ };
1562
+ },
1563
+ };
1564
+ </script>