@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
@@ -0,0 +1,112 @@
1
+ <template>
2
+ <div class="ptb-60">
3
+ <div class="container">
4
+ <div class="main-content-text">
5
+ <span class="update">Last updated: February 2024</span>
6
+ <h3>Terms & conditions</h3>
7
+ <p>
8
+ Turpis gravida turpis mauris magna in libero ac dis consequat.
9
+ Imperdiet ac semper quisque volutpat consectetur cursus non pretium
10
+ pharetra. Nisl duis blandit dui imperdiet nec id integer. Elit varius
11
+ cras arcu tempor integer in.
12
+ </p>
13
+ <p>
14
+ Quam nunc arcu nunc a lobortis convallis magnis dolor. Integer
15
+ malesuada vel mi eu elementum. Etiam eget urna quis dui amet facilisis
16
+ fringilla sed. Massa vitae accumsan viverra in morbi nec volutpat
17
+ aenean tortor. At nec sagittis eget placerat. Mi accumsan massa vitae
18
+ etiam nisi suspendisse condimentum elementum. Arcu varius id ipsum
19
+ arcu et diam non rutrum. Auctor elit malesuada non aenean posuere
20
+ mattis iaculis mauris nibh.
21
+ </p>
22
+
23
+ <div class="gap-20"></div>
24
+
25
+ <h3>Intellectual property and acceptable use</h3>
26
+ <p>
27
+ Turpis gravida turpis mauris magna in libero ac dis consequat.
28
+ Imperdiet ac semper quisque volutpat consectetur cursus non pretium
29
+ pharetra. Nisl duis blandit dui imperdiet nec id integer. Elit varius
30
+ cras arcu tempor integer in. Quam nunc arcu nunc a lobortis convallis
31
+ magnis dolor. Integer malesuada vel mi eu elementum. Etiam eget urna
32
+ quis dui amet facilisis fringilla sed. Massa vitae accumsan viverra in
33
+ morbi nec volutpat aenean tortor. At nec sagittis eget placerat. Mi
34
+ accumsan massa vitae etiam nisi suspendisse condimentum elementum.
35
+ Arcu varius id ipsum arcu et diam non rutrum. Auctor elit malesuada
36
+ non aenean posuere mattis iaculis mauris nibh.
37
+ </p>
38
+
39
+ <div class="gap-20"></div>
40
+
41
+ <h3>Limitation of liability</h3>
42
+ <p>
43
+ Turpis gravida turpis mauris magna in libero ac dis consequat.
44
+ Imperdiet ac semper quisque volutpat consectetur cursus non pretium
45
+ pharetra. Nisl duis blandit dui imperdiet nec id integer. Elit varius
46
+ cras arcu tempor integer in.
47
+ </p>
48
+ <p>
49
+ Quam nunc arcu nunc a lobortis convallis magnis dolor. Integer
50
+ malesuada vel mi eu elementum. Etiam eget urna quis dui amet facilisis
51
+ fringilla sed. Massa vitae accumsan viverra in morbi nec volutpat
52
+ aenean tortor. At nec sagittis eget placerat. Mi accumsan massa vitae
53
+ etiam nisi suspendisse condimentum elementum. Arcu varius id ipsum
54
+ arcu et diam non rutrum. Auctor elit malesuada non aenean posuere
55
+ mattis iaculis mauris nibh.
56
+ </p>
57
+ <ol>
58
+ <li>
59
+ Imperdiet ac semper quisque volutpat consectetur cursus non pretium
60
+ pharetra.
61
+ </li>
62
+ <li>Nisl duis blandit dui imperdiet nec id integer.</li>
63
+ <li>Quam nunc arcu nunc a lobortis convallis magnis dolor.</li>
64
+ <li>
65
+ Massa vitae accumsan viverra in morbi nec volutpat aenean tortor.
66
+ </li>
67
+ </ol>
68
+
69
+ <div class="gap-20"></div>
70
+
71
+ <h3>Registration</h3>
72
+ <p>
73
+ Turpis gravida turpis mauris magna in libero ac dis consequat.
74
+ Imperdiet ac semper quisque volutpat consectetur cursus non pretium
75
+ pharetra. Nisl duis blandit dui imperdiet nec id integer. Elit varius
76
+ cras arcu tempor integer in. Quam nunc arcu nunc a lobortis convallis
77
+ magnis dolor. Integer malesuada vel mi eu elementum. Etiam eget urna
78
+ quis dui amet facilisis fringilla sed. Massa vitae accumsan viverra in
79
+ morbi nec volutpat aenean tortor. At nec sagittis eget placerat. Mi
80
+ accumsan massa vitae etiam nisi suspendisse condimentum elementum.
81
+ Arcu varius id ipsum arcu et diam non rutrum. Auctor elit malesuada
82
+ non aenean posuere mattis iaculis mauris nibh.
83
+ </p>
84
+
85
+ <div class="gap-20"></div>
86
+
87
+ <h3>Password and security</h3>
88
+ <p>
89
+ Turpis gravida turpis mauris magna in libero ac dis consequat.
90
+ Imperdiet ac semper quisque volutpat consectetur cursus non pretium
91
+ pharetra. Nisl duis blandit dui imperdiet nec id integer. Elit varius
92
+ cras arcu tempor integer in.
93
+ </p>
94
+ <p>
95
+ Quam nunc arcu nunc a lobortis convallis magnis dolor. Integer
96
+ malesuada vel mi eu elementum. Etiam eget urna quis dui amet facilisis
97
+ fringilla sed. Massa vitae accumsan viverra in morbi nec volutpat
98
+ aenean tortor. At nec sagittis eget placerat. Mi accumsan massa vitae
99
+ etiam nisi suspendisse condimentum elementum. Arcu varius id ipsum
100
+ arcu et diam non rutrum. Auctor elit malesuada non aenean posuere
101
+ mattis iaculis mauris nibh.
102
+ </p>
103
+ </div>
104
+ </div>
105
+ </div>
106
+ </template>
107
+
108
+ <script>
109
+ export default {
110
+ name: "TermsConditions",
111
+ };
112
+ </script>
@@ -0,0 +1,304 @@
1
+ <template>
2
+ <div class="recently-viewed-area ptb-60 products-page">
3
+ <div class="container position-relative">
4
+ <div
5
+ class="d-lg-flex align-items-center justify-content-between text-center mb-27 mt-minus-6"
6
+ >
7
+ <h3 class="fs-3 mb-0 mb-1 mb-sm-0">Featured Products</h3>
8
+ <div>
9
+ <NuxtLink to="/products" class="read-more">
10
+ <span>See All Deals</span>
11
+ <i class="ri-arrow-right-up-line ms-1"></i>
12
+ </NuxtLink>
13
+ </div>
14
+ </div>
15
+ <div class="row justify-content-center g-0">
16
+ <div class="col-c-20">
17
+ <div class="single-product-telemobile-item">
18
+ <div class="product-img position-relative">
19
+ <NuxtLink to="/product-details" class="d-block">
20
+ <img src="~/assets/images/product-1.png" alt="product" />
21
+ </NuxtLink>
22
+ <div
23
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
24
+ >
25
+ <span class="minus-count">-11%</span>
26
+ <button class="border-0 wish-btn">
27
+ <i class="ri-heart-line"></i>
28
+ <i class="ri-heart-fill d-none"></i>
29
+ <v-tooltip activator="parent" location="top">
30
+ Favorite
31
+ </v-tooltip>
32
+ </button>
33
+ </div>
34
+ </div>
35
+ <div class="product-content">
36
+ <NuxtLink to="/product-details" class="title">
37
+ Microwave Oven With LED Lighting - 700 Watts, 0.7 cu ft
38
+ </NuxtLink>
39
+ <div class="d-flex gap-1 review">
40
+ <i class="flaticon-star"></i>
41
+ <i class="flaticon-star"></i>
42
+ <i class="flaticon-star"></i>
43
+ <i class="flaticon-star"></i>
44
+ <i class="flaticon-star"></i>
45
+ <span>(5 Reviews)</span>
46
+ </div>
47
+ <h3>$399 <del>$450</del></h3>
48
+ <div class="d-flex sold-stock gap-4 align-items-center">
49
+ <span class="sold">620 Sold</span>
50
+ <span class="stock">
51
+ <i class="ri-check-line"></i> 150 In Stock
52
+ </span>
53
+ </div>
54
+ <div
55
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
56
+ >
57
+ <span class="delivery">
58
+ <i class="ri-truck-line"></i>
59
+ Free Delivery
60
+ </span>
61
+ <button class="cart-btn">
62
+ <i class="ri-shopping-cart-line"></i>
63
+ <v-tooltip activator="parent" location="top">
64
+ Add To Cart
65
+ </v-tooltip>
66
+ </button>
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ <div class="col-c-20">
72
+ <div class="single-product-telemobile-item">
73
+ <div class="product-img position-relative">
74
+ <NuxtLink to="/product-details" class="d-block">
75
+ <img src="~/assets/images/product-6.png" alt="product" />
76
+ </NuxtLink>
77
+ <div
78
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
79
+ >
80
+ <span class="minus-count">-15%</span>
81
+ <button class="border-0 wish-btn">
82
+ <i class="ri-heart-line"></i>
83
+ <i class="ri-heart-fill d-none"></i>
84
+ <v-tooltip activator="parent" location="top">
85
+ Favorite
86
+ </v-tooltip>
87
+ </button>
88
+ </div>
89
+ </div>
90
+ <div class="product-content">
91
+ <NuxtLink to="/product-details" class="title">
92
+ Multiplatform Wireless Noise-Cancelling Gaming Headset
93
+ </NuxtLink>
94
+ <div class="d-flex gap-1 review">
95
+ <i class="flaticon-star"></i>
96
+ <i class="flaticon-star"></i>
97
+ <i class="flaticon-star"></i>
98
+ <i class="flaticon-star"></i>
99
+ <i class="flaticon-star"></i>
100
+ <span>(18 Reviews)</span>
101
+ </div>
102
+ <h3>$279 <del>$329</del></h3>
103
+ <div class="d-flex sold-stock gap-4 align-items-center">
104
+ <span class="sold">20 Sold</span>
105
+ <span class="stock">
106
+ <i class="ri-check-line"></i>
107
+ 78 In Stock
108
+ </span>
109
+ </div>
110
+ <div
111
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
112
+ >
113
+ <span class="delivery">
114
+ <i class="ri-truck-line"></i>
115
+ Free Delivery
116
+ </span>
117
+ <button class="cart-btn">
118
+ <i class="ri-shopping-cart-line"></i>
119
+ <v-tooltip activator="parent" location="top">
120
+ Add To Cart
121
+ </v-tooltip>
122
+ </button>
123
+ </div>
124
+ </div>
125
+ </div>
126
+ </div>
127
+ <div class="col-c-20">
128
+ <div class="single-product-telemobile-item">
129
+ <div class="product-img position-relative">
130
+ <NuxtLink to="/product-details" class="d-block">
131
+ <img src="~/assets/images/product-7.png" alt="product" />
132
+ </NuxtLink>
133
+ <div
134
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
135
+ >
136
+ <span class="minus-count">-40%</span>
137
+ <button class="border-0 wish-btn">
138
+ <i class="ri-heart-line"></i>
139
+ <i class="ri-heart-fill d-none"></i>
140
+ <v-tooltip activator="parent" location="top">
141
+ Favorite
142
+ </v-tooltip>
143
+ </button>
144
+ </div>
145
+ </div>
146
+ <div class="product-content">
147
+ <NuxtLink to="/product-details" class="title">
148
+ GPS Smartwatch with Bright Touchscreen Display
149
+ </NuxtLink>
150
+ <div class="d-flex gap-1 review">
151
+ <i class="flaticon-star"></i>
152
+ <i class="flaticon-star"></i>
153
+ <i class="flaticon-star"></i>
154
+ <i class="flaticon-star"></i>
155
+ <i class="flaticon-star"></i>
156
+ <span>(24 Reviews)</span>
157
+ </div>
158
+ <h3>$119 <del>$199</del></h3>
159
+ <div class="d-flex sold-stock gap-4 align-items-center">
160
+ <span class="sold">435 Sold</span>
161
+ <span class="stock">
162
+ <i class="ri-check-line"></i>
163
+ 180 In Stock
164
+ </span>
165
+ </div>
166
+ <div
167
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
168
+ >
169
+ <span class="delivery">
170
+ <i class="ri-truck-line"></i>
171
+ Free Delivery
172
+ </span>
173
+ <button class="cart-btn">
174
+ <i class="ri-shopping-cart-line"></i>
175
+ <v-tooltip activator="parent" location="top">
176
+ Add To Cart
177
+ </v-tooltip>
178
+ </button>
179
+ </div>
180
+ </div>
181
+ </div>
182
+ </div>
183
+ <div class="col-c-20">
184
+ <div class="single-product-telemobile-item">
185
+ <div class="product-img position-relative">
186
+ <NuxtLink to="/product-details" class="d-block">
187
+ <img src="~/assets/images/product-8.png" alt="product" />
188
+ </NuxtLink>
189
+ <div
190
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
191
+ >
192
+ <span class="minus-count">-20%</span>
193
+ <button class="border-0 wish-btn">
194
+ <i class="ri-heart-line"></i>
195
+ <i class="ri-heart-fill d-none"></i>
196
+ <v-tooltip activator="parent" location="top">
197
+ Favorite
198
+ </v-tooltip>
199
+ </button>
200
+ </div>
201
+ </div>
202
+ <div class="product-content">
203
+ <NuxtLink to="/product-details" class="title">
204
+ SAMSUNG 32-Inch Class QLED 4K Q60C Series Quantum HDR
205
+ </NuxtLink>
206
+ <div class="d-flex gap-1 review">
207
+ <i class="flaticon-star"></i>
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
+ <span>(19 Reviews)</span>
213
+ </div>
214
+ <h3>$397 <del>$497</del></h3>
215
+ <div class="d-flex sold-stock gap-4 align-items-center">
216
+ <span class="sold">35 Sold</span>
217
+ <span class="stock">
218
+ <i class="ri-check-line"></i>
219
+ 125 In Stock
220
+ </span>
221
+ </div>
222
+ <div
223
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
224
+ >
225
+ <span class="delivery">
226
+ <i class="ri-truck-line"></i>
227
+ Free Delivery
228
+ </span>
229
+ <button class="cart-btn">
230
+ <i class="ri-shopping-cart-line"></i>
231
+ <v-tooltip activator="parent" location="top">
232
+ Add To Cart
233
+ </v-tooltip>
234
+ </button>
235
+ </div>
236
+ </div>
237
+ </div>
238
+ </div>
239
+ <div class="col-c-20">
240
+ <div class="single-product-telemobile-item">
241
+ <div class="product-img position-relative">
242
+ <NuxtLink to="/product-details" class="d-block">
243
+ <img src="~/assets/images/product-9.png" alt="product" />
244
+ </NuxtLink>
245
+ <div
246
+ class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
247
+ >
248
+ <span class="minus-count">-10%</span>
249
+ <button class="border-0 wish-btn">
250
+ <i class="ri-heart-line"></i>
251
+ <i class="ri-heart-fill d-none"></i>
252
+ <v-tooltip activator="parent" location="top">
253
+ Favorite
254
+ </v-tooltip>
255
+ </button>
256
+ </div>
257
+ </div>
258
+ <div class="product-content">
259
+ <NuxtLink to="/product-details" class="title">
260
+ Apple MacBook Pro 16.2" with Liquid Retina XDR Display
261
+ </NuxtLink>
262
+ <div class="d-flex gap-1 review">
263
+ <i class="flaticon-star"></i>
264
+ <i class="flaticon-star"></i>
265
+ <i class="flaticon-star"></i>
266
+ <i class="flaticon-star"></i>
267
+ <i class="flaticon-star"></i>
268
+ <span>(76 Reviews)</span>
269
+ </div>
270
+ <h3>$3,499 <del>$3,799</del></h3>
271
+ <div class="d-flex sold-stock gap-4 align-items-center">
272
+ <span class="sold">348 Sold</span>
273
+ <span class="stock">
274
+ <i class="ri-check-line"></i>
275
+ 245 In Stock
276
+ </span>
277
+ </div>
278
+ <div
279
+ class="d-flex align-items-center justify-content-between delivery-cart gap-4"
280
+ >
281
+ <span class="delivery">
282
+ <i class="ri-truck-line"></i>
283
+ Free Delivery
284
+ </span>
285
+ <button class="cart-btn">
286
+ <i class="ri-shopping-cart-line"></i>
287
+ <v-tooltip activator="parent" location="top">
288
+ Add To Cart
289
+ </v-tooltip>
290
+ </button>
291
+ </div>
292
+ </div>
293
+ </div>
294
+ </div>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ </template>
299
+
300
+ <script>
301
+ export default {
302
+ name: "FeaturedProducts",
303
+ };
304
+ </script>