@crm-market/template-shared 1.0.0

package/components/EditAddress/index.vue

@@ -0,0 +1,119 @@
+<template>
+  <section class="dashboard-area ptb-60">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-4">
+          <CommonDashboardNavigation />
+        </div>
+
+        <div class="col-lg-8">
+          <div class="edit-profile">
+            <h3>Edit Address</h3>
+
+            <form class="submit-property-form">
+              <div class="row">
+                <div class="col-lg-6">
+                  <div class="form-group">
+                    <label>First Name</label>
+                    <input type="text" class="form-control" value="Amanda" />
+                  </div>
+                </div>
+
+                <div class="col-lg-6">
+                  <div class="form-group">
+                    <label>Last Name</label>
+                    <input type="text" class="form-control" value="McCarter" />
+                  </div>
+                </div>
+
+                <div class="col-lg-6">
+                  <div class="form-group">
+                    <label>Email Address</label>
+                    <input
+                      type="email"
+                      class="form-control"
+                      value="contact@liva.com"
+                    />
+                  </div>
+                </div>
+
+                <div class="col-lg-6">
+                  <div class="form-group">
+                    <label>Phone Number</label>
+                    <input
+                      type="text"
+                      class="form-control"
+                      value="+270-957-9995"
+                    />
+                  </div>
+                </div>
+
+                <div class="col-lg-6">
+                  <div class="form-group">
+                    <label>Company Name (Optional)</label>
+                    <input
+                      type="text"
+                      class="form-control"
+                      value="EnvytTheme"
+                    />
+                  </div>
+                </div>
+
+                <div class="col-lg-6">
+                  <div class="form-group">
+                    <label>Country</label>
+                    <input
+                      type="text"
+                      class="form-control"
+                      value="United Kingdom"
+                    />
+                  </div>
+                </div>
+
+                <div class="col-lg-6">
+                  <div class="form-group">
+                    <label>Street Address</label>
+                    <input type="text" class="form-control" value="Cities" />
+                  </div>
+                </div>
+
+                <div class="col-lg-6">
+                  <div class="form-group">
+                    <label>Town / City</label>
+                    <input type="text" class="form-control" value="Cities" />
+                  </div>
+                </div>
+
+                <div class="col-lg-6">
+                  <div class="form-group">
+                    <label>State / County</label>
+                    <input type="text" class="form-control" value="Liverpool" />
+                  </div>
+                </div>
+
+                <div class="col-lg-6">
+                  <div class="form-group">
+                    <label>Zip</label>
+                    <input type="text" class="form-control" value="1457856" />
+                  </div>
+                </div>
+
+                <div class="col-lg-12">
+                  <button type="submit" class="btn btn-warning text-white">
+                    Save
+                  </button>
+                </div>
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "EditAddress",
+};
+</script>

package/components/EditProfile/index.vue

@@ -0,0 +1,97 @@
+<template>
+  <section class="dashboard-area ptb-60">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-4">
+          <CommonDashboardNavigation />
+        </div>
+
+        <div class="col-lg-8">
+          <div class="edit-profile">
+            <h3>Edit Profile</h3>
+
+            <form class="submit-property-form">
+              <div class="row">
+                <div class="col-lg-6">
+                  <div class="form-group">
+                    <label>First Name</label>
+                    <input type="text" class="form-control" value="Amanda" />
+                  </div>
+                </div>
+
+                <div class="col-lg-6">
+                  <div class="form-group">
+                    <label>Last Name</label>
+                    <input type="text" class="form-control" value="McCarter" />
+                  </div>
+                </div>
+
+                <div class="col-lg-6">
+                  <div class="form-group">
+                    <label>Email Address</label>
+                    <input
+                      type="email"
+                      class="form-control"
+                      value="contact@liva.com"
+                    />
+                  </div>
+                </div>
+
+                <div class="col-lg-6">
+                  <div class="form-group">
+                    <label>Phone Number</label>
+                    <input
+                      type="text"
+                      class="form-control"
+                      value="+270-957-9995"
+                    />
+                  </div>
+                </div>
+
+                <div class="col-lg-12">
+                  <div class="form-group">
+                    <label>Change Your Image</label>
+                    <div class="file-upload">
+                      <input
+                        type="file"
+                        name="file"
+                        id="file"
+                        class="inputfile"
+                      />
+                      <label class="upload" for="file">
+                        <i class="ri-image-2-fill"></i>
+                        Click here
+                      </label>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="col-lg-12">
+                  <div class="form-group">
+                    <img
+                      src="~/assets/images/user-9.jpg"
+                      class="img-thumbnail rounded-1"
+                      alt="user"
+                    />
+                  </div>
+                </div>
+
+                <div class="col-lg-12">
+                  <button type="submit" class="btn btn-warning text-white">
+                    Save Change
+                  </button>
+                </div>
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "EditProfile",
+};
+</script>

package/components/FAQ/index.vue

@@ -0,0 +1,121 @@
+<template>
+  <div class="faq-area ptb-60">
+    <div class="container">
+      <div class="faq-content">
+        <h2>Frequently Ask & Question</h2>
+
+        <div class="mb-40">
+          <h3>How can I choose the right laptop for my needs?</h3>
+          <p>
+            Selecting the right laptop depends on your specific requirements.
+            Consider factors such as intended use (work, gaming, or multimedia),
+            processing power, storage capacity, and portability. Our
+            knowledgeable staff can guide you based on your preferences and
+            budget.
+          </p>
+        </div>
+        <div class="mb-40">
+          <h3>What's the difference between LED and OLED TVs?</h3>
+          <p>
+            LED TVs use a backlight to illuminate pixels, while OLED TVs have
+            pixels that emit their own light. OLED TVs generally offer deeper
+            blacks and more vibrant colors. The choice depends on your viewing
+            preferences and budget. We can help you understand the differences
+            and find the perfect TV for your space.
+          </p>
+        </div>
+        <div class="mb-40">
+          <h3>How can I protect my devices from malware and viruses?</h3>
+          <p>
+            Keeping your devices secure is crucial. Install reputable antivirus
+            software, keep your operating system and applications up to date,
+            and be cautious with email attachments and links. We offer a range
+            of security solutions and can provide advice on best practices for
+            maintaining a secure digital environment.
+          </p>
+        </div>
+        <div class="mb-40">
+          <h3>What's the best way to enhance home audio systems?</h3>
+          <p>
+            Improving your home audio experience can involve upgrading speakers,
+            investing in a soundbar, or setting up a home theater system.
+            Consider the size of your room, your preferred audio quality, and
+            the type of content you enjoy. Our audio experts can recommend
+            solutions tailored to your needs.
+          </p>
+        </div>
+        <div class="mb-40">
+          <h3>Do you offer tech support and repair services?</h3>
+          <p>
+            Yes, we provide tech support and repair services for a variety of
+            devices. Whether you need assistance with software issues, hardware
+            repairs, or upgrades, our skilled technicians are here to help.
+            Contact us for information on our repair services and support
+            options.
+          </p>
+        </div>
+        <div class="mb-40">
+          <h3>Do you offer online shopping and home delivery services?</h3>
+          <p>
+            Yes, we provide convenient online shopping options, and our home
+            delivery service allows you to order groceries from the comfort of
+            your home. Simply browse our online store, place your order, and
+            have it delivered to your doorstep at your preferred time.
+          </p>
+        </div>
+        <div class="mb-40">
+          <h3>
+            What measures do you take to ensure the freshness of your produce?
+          </h3>
+          <p>
+            We prioritize the quality and freshness of our products. Our team
+            follows stringent sourcing standards, and our produce is regularly
+            restocked to ensure you receive the freshest fruits, vegetables, and
+            other perishables.
+          </p>
+        </div>
+        <div class="mb-40">
+          <h3>
+            Are there options for customers with dietary restrictions or
+            preferences?
+          </h3>
+          <p>
+            Absolutely! We strive to cater to various dietary needs. Our store
+            offers a diverse range of products, including gluten-free, organic,
+            and vegetarian options. Look for special labels or ask our staff for
+            assistance in finding products that meet your specific requirements.
+          </p>
+        </div>
+        <div class="mb-40">
+          <h3>
+            Do you have a loyalty program or discounts for regular customers?
+          </h3>
+          <p>
+            Yes, we value our loyal customers. We offer a loyalty program where
+            you can earn points with each purchase, and these points can be
+            redeemed for discounts or special offers. Additionally, keep an eye
+            out for exclusive promotions and discounts available to our regular
+            shoppers.
+          </p>
+        </div>
+        <div class="mb-0">
+          <h3>
+            How can I provide feedback or suggest products for your store?
+          </h3>
+          <p>
+            We welcome your feedback and suggestions! You can share your
+            thoughts with us through our website, customer service, or
+            suggestion boxes in the store. Your input helps us improve our
+            services and ensures we meet the needs of our valued customers.
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "FAQ",
+};
+</script>

package/components/FeaturedProduct/FeaturedProducts.vue

@@ -0,0 +1,304 @@
+<template>
+  <div class="recently-viewed-area ptb-60 products-page">
+    <div class="container position-relative">
+      <div
+        class="d-lg-flex align-items-center justify-content-between text-center mb-27 mt-minus-6"
+      >
+        <h3 class="fs-3 mb-0 mb-1 mb-sm-0">Featured Products</h3>
+        <div>
+          <NuxtLink to="/products" class="read-more">
+            <span>See All Deals</span>
+            <i class="ri-arrow-right-up-line ms-1"></i>
+          </NuxtLink>
+        </div>
+      </div>
+      <div class="row justify-content-center g-0">
+        <div class="col-c-20">
+          <div class="single-product-telemobile-item">
+            <div class="product-img position-relative">
+              <NuxtLink to="/product-details" class="d-block">
+                <img src="~/assets/images/product-1.png" alt="product" />
+              </NuxtLink>
+              <div
+                class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
+              >
+                <span class="minus-count">-11%</span>
+                <button class="border-0 wish-btn">
+                  <i class="ri-heart-line"></i>
+                  <i class="ri-heart-fill d-none"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Favorite
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+            <div class="product-content">
+              <NuxtLink to="/product-details" class="title">
+                Microwave Oven With LED Lighting - 700 Watts, 0.7 cu ft
+              </NuxtLink>
+              <div class="d-flex gap-1 review">
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <span>(5 Reviews)</span>
+              </div>
+              <h3>$399 <del>$450</del></h3>
+              <div class="d-flex sold-stock gap-4 align-items-center">
+                <span class="sold">620 Sold</span>
+                <span class="stock">
+                  <i class="ri-check-line"></i> 150 In Stock
+                </span>
+              </div>
+              <div
+                class="d-flex align-items-center justify-content-between delivery-cart gap-4"
+              >
+                <span class="delivery">
+                  <i class="ri-truck-line"></i>
+                  Free Delivery
+                </span>
+                <button class="cart-btn">
+                  <i class="ri-shopping-cart-line"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Add To Cart
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-c-20">
+          <div class="single-product-telemobile-item">
+            <div class="product-img position-relative">
+              <NuxtLink to="/product-details" class="d-block">
+                <img src="~/assets/images/product-6.png" alt="product" />
+              </NuxtLink>
+              <div
+                class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
+              >
+                <span class="minus-count">-15%</span>
+                <button class="border-0 wish-btn">
+                  <i class="ri-heart-line"></i>
+                  <i class="ri-heart-fill d-none"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Favorite
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+            <div class="product-content">
+              <NuxtLink to="/product-details" class="title">
+                Multiplatform Wireless Noise-Cancelling Gaming Headset
+              </NuxtLink>
+              <div class="d-flex gap-1 review">
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <span>(18 Reviews)</span>
+              </div>
+              <h3>$279 <del>$329</del></h3>
+              <div class="d-flex sold-stock gap-4 align-items-center">
+                <span class="sold">20 Sold</span>
+                <span class="stock">
+                  <i class="ri-check-line"></i>
+                  78 In Stock
+                </span>
+              </div>
+              <div
+                class="d-flex align-items-center justify-content-between delivery-cart gap-4"
+              >
+                <span class="delivery">
+                  <i class="ri-truck-line"></i>
+                  Free Delivery
+                </span>
+                <button class="cart-btn">
+                  <i class="ri-shopping-cart-line"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Add To Cart
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-c-20">
+          <div class="single-product-telemobile-item">
+            <div class="product-img position-relative">
+              <NuxtLink to="/product-details" class="d-block">
+                <img src="~/assets/images/product-7.png" alt="product" />
+              </NuxtLink>
+              <div
+                class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
+              >
+                <span class="minus-count">-40%</span>
+                <button class="border-0 wish-btn">
+                  <i class="ri-heart-line"></i>
+                  <i class="ri-heart-fill d-none"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Favorite
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+            <div class="product-content">
+              <NuxtLink to="/product-details" class="title">
+                GPS Smartwatch with Bright Touchscreen Display
+              </NuxtLink>
+              <div class="d-flex gap-1 review">
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <span>(24 Reviews)</span>
+              </div>
+              <h3>$119 <del>$199</del></h3>
+              <div class="d-flex sold-stock gap-4 align-items-center">
+                <span class="sold">435 Sold</span>
+                <span class="stock">
+                  <i class="ri-check-line"></i>
+                  180 In Stock
+                </span>
+              </div>
+              <div
+                class="d-flex align-items-center justify-content-between delivery-cart gap-4"
+              >
+                <span class="delivery">
+                  <i class="ri-truck-line"></i>
+                  Free Delivery
+                </span>
+                <button class="cart-btn">
+                  <i class="ri-shopping-cart-line"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Add To Cart
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-c-20">
+          <div class="single-product-telemobile-item">
+            <div class="product-img position-relative">
+              <NuxtLink to="/product-details" class="d-block">
+                <img src="~/assets/images/product-8.png" alt="product" />
+              </NuxtLink>
+              <div
+                class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
+              >
+                <span class="minus-count">-20%</span>
+                <button class="border-0 wish-btn">
+                  <i class="ri-heart-line"></i>
+                  <i class="ri-heart-fill d-none"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Favorite
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+            <div class="product-content">
+              <NuxtLink to="/product-details" class="title">
+                SAMSUNG 32-Inch Class QLED 4K Q60C Series Quantum HDR
+              </NuxtLink>
+              <div class="d-flex gap-1 review">
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <span>(19 Reviews)</span>
+              </div>
+              <h3>$397 <del>$497</del></h3>
+              <div class="d-flex sold-stock gap-4 align-items-center">
+                <span class="sold">35 Sold</span>
+                <span class="stock">
+                  <i class="ri-check-line"></i>
+                  125 In Stock
+                </span>
+              </div>
+              <div
+                class="d-flex align-items-center justify-content-between delivery-cart gap-4"
+              >
+                <span class="delivery">
+                  <i class="ri-truck-line"></i>
+                  Free Delivery
+                </span>
+                <button class="cart-btn">
+                  <i class="ri-shopping-cart-line"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Add To Cart
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-c-20">
+          <div class="single-product-telemobile-item">
+            <div class="product-img position-relative">
+              <NuxtLink to="/product-details" class="d-block">
+                <img src="~/assets/images/product-9.png" alt="product" />
+              </NuxtLink>
+              <div
+                class="d-flex justify-content-between align-items-center position-absolute top-0 start-0 end-0"
+              >
+                <span class="minus-count">-10%</span>
+                <button class="border-0 wish-btn">
+                  <i class="ri-heart-line"></i>
+                  <i class="ri-heart-fill d-none"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Favorite
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+            <div class="product-content">
+              <NuxtLink to="/product-details" class="title">
+                Apple MacBook Pro 16.2" with Liquid Retina XDR Display
+              </NuxtLink>
+              <div class="d-flex gap-1 review">
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <i class="flaticon-star"></i>
+                <span>(76 Reviews)</span>
+              </div>
+              <h3>$3,499 <del>$3,799</del></h3>
+              <div class="d-flex sold-stock gap-4 align-items-center">
+                <span class="sold">348 Sold</span>
+                <span class="stock">
+                  <i class="ri-check-line"></i>
+                  245 In Stock
+                </span>
+              </div>
+              <div
+                class="d-flex align-items-center justify-content-between delivery-cart gap-4"
+              >
+                <span class="delivery">
+                  <i class="ri-truck-line"></i>
+                  Free Delivery
+                </span>
+                <button class="cart-btn">
+                  <i class="ri-shopping-cart-line"></i>
+                  <v-tooltip activator="parent" location="top">
+                    Add To Cart
+                  </v-tooltip>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "FeaturedProducts",
+};
+</script>