@riosst100/pwa-marketplace 2.0.5 → 2.0.7

package/src/overwrites/venia-ui/lib/components/CartPage/PriceAdjustments/ShippingMethods/shippingForm.module.css

@@ -10,7 +10,7 @@
 }
 
 .formTitle {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .zip {

package/src/overwrites/venia-ui/lib/components/CartPage/PriceAdjustments/ShippingMethods/shippingMethods.module.css

@@ -9,7 +9,7 @@
 }
 
 .prompt {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .shipping_methods {

package/src/overwrites/venia-ui/lib/components/CartPage/PriceAdjustments/ShippingMethods/shippingRadio.module.css

@@ -1,3 +1,3 @@
 .price {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }

package/src/overwrites/venia-ui/lib/components/CartPage/PriceSummary/priceSummary.js

@@ -110,7 +110,7 @@ const PriceSummary = props => {
     return (
         <div className={cn(classes.root, 'border border-gray-100 rounded-md p-6')} data-cy="PriceSummary-root">
             <div>
-                <p className='text-[16px] front font-semibold mb-4'>
+                <p className='text-[16px] front font-medium mb-4'>
                     <FormattedMessage
                         id={'priceSummary.summaryLabel'}
                         defaultMessage={'Summary'}

package/src/overwrites/venia-ui/lib/components/CartPage/PriceSummary/priceSummary.module.css

@@ -27,12 +27,12 @@
 
 .totalLabel {
     composes: lineItemLabel;
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .totalPrice {
     composes: price;
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .priceUpdating {

package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/EditModal/productDetail.module.css

@@ -17,7 +17,7 @@
 }
 
 .productName {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: text-xl from global;
 }
 
@@ -29,5 +29,5 @@
 }
 
 .price {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }

package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/EditModal/productForm.module.css

@@ -13,7 +13,7 @@
 }
 
 .quantityLabel {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: leading-normal from global;
     composes: mb-sm from global;
     composes: pt-xs from global;

package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/errorMessage.module.css

@@ -2,7 +2,7 @@
     composes: border-l-4 from global;
     composes: border-solid from global;
     composes: border-error from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: leading-normal from global;
     composes: mb-xs from global;
     composes: pl-xs from global;

package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/product.js

@@ -139,7 +139,7 @@ const Product = props => {
                 </div>
                 <div className="flex flex-col">
 
-                    <span className={cn(classes.price, 'text-[16px] font-semibold text-right mb-5')} data-cy="Product-price">
+                    <span className={cn(classes.price, 'text-[16px] font-medium text-right mb-5')} data-cy="Product-price">
                         <Price currencyCode={currency} value={unitPrice} />
                         {/* <FormattedMessage
                             id={'product.price'}

package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/product.module.css

@@ -68,7 +68,7 @@
 }
 
 .name {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     grid-area: name;
     display: -webkit-box;
     -webkit-line-clamp: 2;
@@ -117,7 +117,7 @@
 }
 
 .stockStatusMessage {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: text-error from global;
     composes: text-sm from global;
     grid-area: stock;

package/src/overwrites/venia-ui/lib/components/CheckoutPage/AddressBook/addressBook.module.css

@@ -65,7 +65,7 @@
     composes: border-2 from global;
     composes: border-dashed from global;
     composes: border-subtle from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: rounded-md from global;
     composes: text-brand-dark from global;
     composes: text-sm from global;

package/src/overwrites/venia-ui/lib/components/CheckoutPage/AddressBook/addressCard.module.css

@@ -63,7 +63,7 @@
     composes: border from global;
     composes: border-solid from global;
     composes: border-subtle from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: mb-1 from global;
     composes: px-sm from global;
     composes: py-1.5 from global;
@@ -73,7 +73,7 @@
 }
 
 .name {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .address {

package/src/overwrites/venia-ui/lib/components/CheckoutPage/ItemsReview/item.module.css

@@ -38,7 +38,7 @@
 }
 
 .name {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     grid-column: 2 / span 1;
     grid-row: 1 / span 1;
 }

package/src/overwrites/venia-ui/lib/components/CheckoutPage/ItemsReview/itemsReview.module.css

@@ -16,5 +16,5 @@
 }
 
 .total_quantity_amount {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }

package/src/overwrites/venia-ui/lib/components/CheckoutPage/ItemsReview/showAllButton.module.css

@@ -16,7 +16,7 @@
 }
 
 .text {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: text-brand-dark from global;
     composes: text-sm from global;
 }

package/src/overwrites/venia-ui/lib/components/CheckoutPage/OrderConfirmationPage/orderConfirmationPage.module.css

@@ -33,7 +33,7 @@
 }
 
 .header {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .text {

package/src/overwrites/venia-ui/lib/components/CheckoutPage/OrderSummary/orderSummary.js

@@ -10,7 +10,7 @@ const OrderSummary = props => {
     console.log("🚀 ~ OrderSummary ~ props:", props)
     return (
         <div data-cy="OrderSummary-root" className={classes.root}>
-            <h2 aria-live="polite" className="text-[16px] font-semibold mb-4">
+            <h2 aria-live="polite" className="text-[16px] font-medium mb-4">
                 <FormattedMessage
                     id={'checkoutPage.orderSummary'}
                     defaultMessage={'Summary'}

package/src/overwrites/venia-ui/lib/components/CheckoutPage/PaymentInformation/braintreeSummary.module.css

@@ -23,7 +23,7 @@
 }
 
 .heading {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .address_summary_container {

package/src/overwrites/venia-ui/lib/components/CheckoutPage/PaymentInformation/paymentMethods.module.css

@@ -23,7 +23,7 @@
 }
 
 .radio_label {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: justify-self-start from global;
 }
 

package/src/overwrites/venia-ui/lib/components/CheckoutPage/PaymentInformation/summary.module.css

@@ -11,7 +11,7 @@
 }
 
 .heading {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .card_details_container {

package/src/overwrites/venia-ui/lib/components/CheckoutPage/checkoutPage.module.css

@@ -47,7 +47,7 @@
     composes: border-b from global;
     composes: border-solid from global;
     composes: border-subtle from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: pb-xs from global;
     composes: text-colorDefault from global;
     composes: uppercase from global;

package/src/overwrites/venia-ui/lib/components/CreateAccount/createAccount.js

@@ -69,7 +69,7 @@ const CreateAccount = props => {
             onKeyDown={handleEnterKeyPress}
             data-cy="CreateAccount-submitButton"
             classes={{
-                content: 'font-semibold text-[16px] capitalize',
+                content: 'font-medium text-[16px] capitalize',
             }}
         >
             <FormattedMessage

package/src/overwrites/venia-ui/lib/components/CreateAccount/createAccount.module.css

@@ -48,5 +48,5 @@
 .title {
     composes: capitalize from global;
     composes: text-lg from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }

package/src/overwrites/venia-ui/lib/components/FilterModal/CurrentFilters/currentFilter.module.css

@@ -2,7 +2,7 @@
     min-height: 24px;
     composes: border from global;
     composes: border-gray-100 from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: gap-2xs from global;
     composes: grid-flow-col from global;
     composes: inline-grid from global;

package/src/overwrites/venia-ui/lib/components/FilterModal/filterBlock.module.css

@@ -14,7 +14,7 @@
     composes: leading-[14px] from global;
     composes: text-left from global;
     composes: text-base from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .list {}

package/src/overwrites/venia-ui/lib/components/FilterSidebar/filterSidebar.module.css

@@ -31,7 +31,7 @@
     composes: items-center from global;
     composes: leading-normal from global;
     composes: text-[14px] from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: px-2.5 from global;
     composes: mb-2.5 from global;
 }

package/src/overwrites/venia-ui/lib/components/Footer/footer.module.css

@@ -38,7 +38,7 @@
 
 .linkItem {
     composes: first_text-colorDefault from global;
-    composes: first_font-semibold from global;
+    composes: first_font-medium from global;
 }
 
 .callout {
@@ -52,7 +52,7 @@
 }
 
 .calloutHeading {
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: text-colorDefault from global;
     composes: text-sm from global;
 }

package/src/overwrites/venia-ui/lib/components/Gallery/item.js

@@ -138,7 +138,7 @@ const GalleryItem = props => {
                         <span>{name}</span>
                     </Link>
                     <div data-cy="GalleryItem-price" className={cn(classes.price, 'mb-2.5 pt-2.5')}>
-                        <p className='font-semibold text-colorDefault !mb-1 !leading-[14px]'>
+                        <p className='font-medium text-colorDefault !mb-1 !leading-[14px]'>
                             <Price
                                 value={priceSource.value}
                                 currencyCode={priceSource.currency}

package/src/overwrites/venia-ui/lib/components/Gallery/item.module.css

@@ -86,7 +86,7 @@
 .price {
     composes: text-colorDefault from global;
     composes: text-[14px] from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     min-height: 1rem;
 }
 

package/src/overwrites/venia-ui/lib/components/Header/cartTrigger.module.css

@@ -1,7 +1,7 @@
 .counter {
     composes: absolute from global;
     composes: bg-brand-dark from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: leading-tight from global;
     composes: left-sm from global;
     composes: min-w-[1.25rem] from global;

package/src/overwrites/venia-ui/lib/components/MegaMenu/customSubmenuColumn.module.css

@@ -4,7 +4,7 @@
 }
 
 .heading {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .link {

package/src/overwrites/venia-ui/lib/components/MegaMenu/shopByColumn.module.css

@@ -4,7 +4,7 @@
 }
 
 .heading {
-    composes: font-semibold from global;
+    composes: font-medium from global;
 }
 
 .link {

package/src/overwrites/venia-ui/lib/components/Newsletter/newsletter.module.css

@@ -51,7 +51,7 @@
 
 .title {
     composes: block from global;
-    composes: font-semibold from global;
+    composes: font-medium from global;
     composes: mb-xs from global;
     composes: text-colorDefault from global;
     composes: text-sm from global;

package/src/overwrites/venia-ui/lib/components/OrderHistoryPage/orderRow.js

@@ -93,7 +93,7 @@ const OrderRow = props => {
         );
 
     const badgeStatusStyle = () => {
-        return 'bg-[#F1EFF6] text-blue-700 text-[14px] font-semibold rounded-full px-[30px] py-[5px] border-none';
+        return 'bg-[#F1EFF6] text-blue-700 text-[14px] font-medium rounded-full px-[30px] py-[5px] border-none';
     }
 
     const thumbnailProps = {
@@ -157,7 +157,7 @@ const OrderRow = props => {
                                 defaultMessage={'Order Total'}
                             />
                         </span>
-                        <div className="text-lg font-semibold text-left md_text-center block">{orderTotalPrice}</div>
+                        <div className="text-lg font-medium text-left md_text-center block">{orderTotalPrice}</div>
                     </div>
                 </div>
             </div>

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/components/auctionDetail.js

@@ -36,7 +36,7 @@ const AuctionDetail = (props) => {
         // Render a countdown
         return <div className='flex flex-row gap-8'>
             <div className='flex flex-col'>
-                <div className='text-[40px] leading-[normal] font-semibold'>
+                <div className='text-[40px] leading-[normal] font-medium'>
                 {days}
                 </div>
                 <div className='text-[14px] font-bold'>
@@ -44,7 +44,7 @@ const AuctionDetail = (props) => {
                 </div>
             </div>
             <div className='flex flex-col'>
-                <div className='text-[40px] leading-[normal] font-semibold'>
+                <div className='text-[40px] leading-[normal] font-medium'>
                 {hours}
                 </div>
                 <div className='text-[14px] font-bold'>
@@ -52,7 +52,7 @@ const AuctionDetail = (props) => {
                 </div>
             </div>
             <div className='flex flex-col'>
-                <div className='text-[40px] leading-[normal] font-semibold'>
+                <div className='text-[40px] leading-[normal] font-medium'>
                 {minutes}
                 </div>
                 <div className='text-[14px] font-bold'>
@@ -60,7 +60,7 @@ const AuctionDetail = (props) => {
                 </div>
             </div>
             <div className='flex flex-col'>
-                <div className='text-[40px] leading-[normal] font-semibold'>
+                <div className='text-[40px] leading-[normal] font-medium'>
                 {seconds}
                 </div>
                 <div className='text-[14px] font-bold'>
@@ -82,7 +82,7 @@ const AuctionDetail = (props) => {
         >
             <div className='modal_bid-content'>
                 <div className='header_title-modal flex justify-between mb-10'>
-                    <div className='text-lg text-black font-semibold'>
+                    <div className='text-lg text-black font-medium'>
                         Place bid
                     </div>
                     <button onClick={() => { setOpen(!open) }} >
@@ -95,7 +95,7 @@ const AuctionDetail = (props) => {
                         <span className='text-[14px] font-bold text-gray-500'>
                             Current bid
                         </span>
-                        <span className='text-2xl font-semibold'>
+                        <span className='text-2xl font-medium'>
                             $102.50
                         </span>
                     </div>
@@ -138,7 +138,7 @@ const AuctionDetail = (props) => {
                             <Button
                                 priority='low'
                                 classes={{
-                                    content: 'capitalize text-[16px] font-semibold'
+                                    content: 'capitalize text-[16px] font-medium'
                                 }}
                                 onClick={() => setOpen(false)}
                             >
@@ -147,7 +147,7 @@ const AuctionDetail = (props) => {
                             <Button
                                 priority='high'
                                 classes={{
-                                    content: 'capitalize text-[16px] font-semibold'
+                                    content: 'capitalize text-[16px] font-medium'
                                 }}
                             >
                                 Place Bid
@@ -168,7 +168,7 @@ const AuctionDetail = (props) => {
                     <div className='text-[16px] font-bold text-gray-500'>
                         Starting Price
                     </div>
-                    <div className='text-[40px] font-semibold text-colorDefault'>
+                    <div className='text-[40px] font-medium text-colorDefault'>
                         <Price
                             currencyCode={productDetails.price.currency}
                             value={auctionData.starting_price}
@@ -195,7 +195,7 @@ const AuctionDetail = (props) => {
             <Button
                 priority='high'
                 classes={{
-                    content: 'capitalize text-[16px] font-semibold'
+                    content: 'capitalize text-[16px] font-medium'
                 }}
                 onClick={() => setOpen(true)}
             >

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/components/bidList.js

@@ -19,7 +19,7 @@ const bidList = (props) => {
                     )}
                     onClick={() => setExpand(!expand)}
                 >
-                    <span className='text-[16px] font-semibold'>
+                    <span className='text-[16px] font-medium'>
                         Previous bids (5)
                     </span>
                     <ArrowDown2

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/components/modalFormReview.js

@@ -28,7 +28,7 @@ const modalFormReview = (props) => {
             >
                 <div className='form_review-container'>
                     <div className='header_title-modal flex justify-between mb-10'>
-                        <div className='text-lg text-black font-semibold'>
+                        <div className='text-lg text-black font-medium'>
                             Write Review
                         </div>
                         <button onClick={() => { setOpen(!open) }} >
@@ -139,7 +139,7 @@ const modalFormReview = (props) => {
                             <Button
                                 priority='low'
                                 classes={{
-                                    content: 'capitalize text-[16px] font-semibold'
+                                    content: 'capitalize text-[16px] font-medium'
                                 }}
                                 onClick={() => setOpen(false)}
                             >
@@ -148,7 +148,7 @@ const modalFormReview = (props) => {
                             <Button
                                 priority='high'
                                 classes={{
-                                    content: 'capitalize text-[16px] font-semibold'
+                                    content: 'capitalize text-[16px] font-medium'
                                 }}
                             >
                                 Submit Review

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/components/preOrderDetail.js

@@ -26,7 +26,7 @@ const preOrderInfo = (props) => {
                         <div className='text-[14px] font-medium text-gray-500'>
                             Release Date
                         </div>
-                        <div className='text-[16px] font-semibold text-colorDefault text-center'>
+                        <div className='text-[16px] font-medium text-colorDefault text-center'>
                             {preOrderAvailableDate ? preOrderAvailableDate.getDate() + ', ' + month[preOrderAvailableDate.getMonth()] + ' ' + preOrderAvailableDate.getFullYear() : 'No Release Date.'}
                             {/* 27, February 2024 */}
                         </div>
@@ -36,7 +36,7 @@ const preOrderInfo = (props) => {
                         <div className='text-[14px] font-medium text-gray-500'>
                             Last Date
                         </div>
-                        <div className='text-[16px] font-semibold text-colorDefault text-center'>
+                        <div className='text-[16px] font-medium text-colorDefault text-center'>
                             31, March 2024
                         </div>
                     </div>
@@ -45,7 +45,7 @@ const preOrderInfo = (props) => {
                         <div className='text-[14px] font-medium text-gray-500'>
                             Deposite
                         </div>
-                        <div className='text-[16px] font-semibold text-colorDefault text-center'>
+                        <div className='text-[16px] font-medium text-colorDefault text-center'>
                             40%
                         </div>
                     </div>

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/components/productReview.js

@@ -16,7 +16,7 @@ const productReview = (props) => {
             <div className={className}>
                 <div className='review-summary flex justify-between mb-[30px] pb-[30px] border-b border-gray-100'>
                     <div className="justify-start items-end gap-[15px] inline-flex">
-                        <div className="text-center text-zinc-900 text-[40px] font-semibold leading-10">4.7</div>
+                        <div className="text-center text-zinc-900 text-[40px] font-medium leading-10">4.7</div>
                         <div className="flex-col justify-start items-start gap-[9px] inline-flex">
                             <div className="justify-start items-start gap-1.5 inline-flex">
                                 <div className="w-3.5 h-3.5 relative">

package/src/overwrites/venia-ui/lib/components/ProductFullDetail/productFullDetail.js

@@ -217,7 +217,7 @@ const ProductFullDetail = props => {
                         : ''
                 }
                 classes={{
-                    content: 'normal-case font-semibold text-[16px]'
+                    content: 'normal-case font-medium text-[16px]'
                 }}
                 priority="low"
                 type="submit"
@@ -239,7 +239,7 @@ const ProductFullDetail = props => {
                         : ''
                 }
                 classes={{
-                    content: 'normal-case font-semibold text-[16px]'
+                    content: 'normal-case font-medium text-[16px]'
                 }}
                 priority="high"
                 type="submit"
@@ -456,7 +456,7 @@ const ProductFullDetail = props => {
                             aria-live="polite"
                             className={cn(
                                 classes.productName,
-                                '!font-semibold leading-[normal] mb-4 line-clamp-2'
+                                '!font-medium leading-[normal] mb-4 line-clamp-2'
                             )}
                             data-cy="ProductFullDetail-productName"
                         >
@@ -503,7 +503,7 @@ const ProductFullDetail = props => {
                                     data-cy="ProductFullDetail-productPrice"
                                     className={cn(
                                         classes.productPrice,
-                                        'text-[32px] font-semibold leading-[32px] mb-0',
+                                        'text-[32px] font-medium leading-[32px] mb-0',
                                     )}
                                 >
                                     <Price
@@ -562,13 +562,13 @@ const ProductFullDetail = props => {
                         <div className='product_shipping-information mb-[30px] leading-[18px] mt-[25px]'>
                             {sellerDetails &&
                                 <div className='text-xs'>
-                                    Ship From <span className='font-semibold'>{sellerDetails.country}</span>
+                                    Ship From <span className='font-medium'>{sellerDetails.country}</span>
                                 </div>}
                             <div className='text-xs'>
-                                Ship To <span className='font-semibold'>Yishun</span>
+                                Ship To <span className='font-medium'>Yishun</span>
                             </div>
                             <div className='text-xs'>
-                                Shiping Method <span className='font-semibold'>Store Pick Up | Meet Up</span>
+                                Shiping Method <span className='font-medium'>Store Pick Up | Meet Up</span>
                             </div>
                         </div>
 
@@ -620,7 +620,7 @@ const ProductFullDetail = props => {
                                             {sellerDetails ? sellerDetails.name : ''}
                                         </div>
                                         <div className="flex items-center relative">
-                                            <Verify variant='Bold' color='#4E31DB' size={20} />
+                                            <Verify variant='Bold' color='#f76b1c' size={20} />
                                         </div>
                                     </div>
                                     <div class="relative w-fit font-normal text-[#999999] text-[12px] tracking-[0] leading-[14px] whitespace-nowrap">
@@ -628,10 +628,10 @@ const ProductFullDetail = props => {
                                     </div>
                                 </div>
                                 <div className='flex flex-wrap items-start gap-4 relative'>
-                                    <Link to='/' class="flex items-center justify-center gap-[5px] py-1 px-5 relative bg-white rounded-[30px] border border-solid border-[#6243fa]">
+                                    <Link to='/' class="flex items-center justify-center gap-[5px] py-1 px-5 relative bg-white rounded-[30px] border border-solid border-[#f76b1c]">
                                         <div class="flex items-center justify-center gap-[10px] relative">
-                                            <Sms color="#ff3b98" size={14} variant="Outline" className='stroke-[#ff3b98]' />
-                                            <div class="relative xs_hidden lg_flex w-fit font-medium text-[#6243fa] text-[14px] tracking-[0] leading-[20px] whitespace-nowrap">
+                                            <Sms color="#f76b1c" size={14} variant="Outline" className='stroke-[#f76b1c]' />
+                                            <div class="relative xs_hidden lg_flex w-fit font-medium text-[#f76b1c] text-[14px] tracking-[0] leading-[20px] whitespace-nowrap">
                                                 Message
                                             </div>
                                         </div>
@@ -644,10 +644,10 @@ const ProductFullDetail = props => {
                                             </div>
                                         </div>
                                     </Link>
-                                    <Link to={"/seller/"+sellerDetails.url_key} class="flex items-center justify-center gap-[5px] py-1 px-5 relative bg-white rounded-[30px] border border-solid border-[#6243fa]">
+                                    <Link to={"/seller/"+sellerDetails.url_key} class="flex items-center justify-center gap-[5px] py-1 px-5 relative bg-white rounded-[30px] border border-solid border-[#f76b1c]">
                                         <div class="flex items-center justify-center gap-[10px] relative">
-                                            <Shop color="#ff3b98" size={14} variant="Outline" className='stroke-[#ff3b98]' />
-                                            <div class="relative xs_hidden lg_flex w-fit font-medium text-[#6243fa] text-[14px] tracking-[0] leading-[20px] whitespace-nowrap">
+                                            <Shop color="#f76b1c" size={14} variant="Outline" className='stroke-[#f76b1c]' />
+                                            <div class="relative xs_hidden lg_flex w-fit font-medium text-[#f76b1c] text-[14px] tracking-[0] leading-[20px] whitespace-nowrap">
                                                 Visit Store
                                             </div>
                                         </div>