diff --git a/src/Components/Login.css b/src/Components/Login.css
index d213dfe4..d060f040 100644
--- a/src/Components/Login.css
+++ b/src/Components/Login.css
@@ -232,7 +232,6 @@ form.sign-in-form {
   grid-template-columns: repeat(2, 1fr);
   
 }
-
 .container1:before {
   content: "";
   position: absolute;
@@ -248,7 +247,7 @@ form.sign-in-form {
     darkturquoise 100%
   );
   transition: 1.8s ease-in-out;
-  border-radius: 80%;
+  border-radius: 50% 50% 0 0; /* Changed to a semi-circle */
   z-index: 6;
 }
 
diff --git a/src/Components/cart/12.png b/src/Components/cart/12.png
new file mode 100644
index 00000000..f1c07cec
Binary files /dev/null and b/src/Components/cart/12.png differ
diff --git a/src/Components/cart/cart.css b/src/Components/cart/cart.css
index 86ca0510..60d62968 100644
--- a/src/Components/cart/cart.css
+++ b/src/Components/cart/cart.css
@@ -1,84 +1,85 @@
 body {
-    font-family: Arial, sans-serif;
-    margin: 0;
-    padding: 0;
-    background-color: #1f1c35;
-    color: white;
-  }
-  
-  .cart-container {
-    text-align: center;
-    margin-top: 50px;
-  }
-  
-  .cart-top {
-    position: fixed;
-    top: 10px;
-    right: 10px;
-    background-color: #ff21bc;
-    padding: 10px;
-    border-radius: 50%;
-    color: white;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-  }
-  
-  .cart-icon {
-    width: 24px;
-    height: 24px;
-    vertical-align: middle;
-    margin-right: 10px;
-  }
-  
-  .cart-count {
-    margin-left: 5px;
-    font-size: 16px;
-  }
-  
-  .cart-item {
-    border: 1px solid #ddd;
-    padding: 10px;
-    margin: 10px;
-    display: inline-block;
-    width: calc(33% - 40px);
-    box-sizing: border-box;
-    text-align: left;
-    box-shadow: 7px 7px 32px 0 #6052ff;
-    position: relative;
-  }
-  
-  .add-to-cart,
-  .remove-from-cart {
-    background-color: #ff21bc;
-    color: #fff;
-    border: none;
-    padding: 10px;
-    position: absolute;
-    bottom: 10px;
-    left: 30%;
-    transform: translateX(-50%);
-    border-radius: 3px;
-    cursor: pointer;
-  }
-  
-  .remove-from-cart {
-    left: 70%;
-  }
-  
-  .shop-today a {
-    color: #007185;
-    text-decoration: none;
-    font-weight: bold;
-  }
-  
-  .cart-signin button {
-    background-color: #ff21bc;
-    border: 1px solid #a88734 #9c7e31 #846a29;
-    color: #fff;
-    padding: 10px 20px;
-    margin: 10px;
-    cursor: pointer;
-    border-radius: 3px;
-  }
-  
\ No newline at end of file
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  background-color: #1f1c35;
+  color: white;
+}
+
+.cart-container {
+  text-align: center;
+  margin-top: 50px;
+}
+
+.cart-top {
+  position: fixed;
+  top: 10px;
+  right: 10px;
+  background-color: #ff21bc;
+  padding: 10px;
+  border-radius: 50%;
+  color: white;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+}
+
+.cart-icon {
+  width: 24px;
+  height: 24px;
+  vertical-align: middle;
+  margin-right: 10px;
+}
+
+.cart-count {
+  margin-left: 5px;
+  font-size: 16px;
+}
+
+.cart-item {
+  border: 1px solid #ddd;
+  padding: 10px;
+  margin: 10px;
+  display: inline-block;
+  width: calc(33% - 40px);
+  box-sizing: border-box;
+  text-align: left;
+  box-shadow: 7px 7px 32px 0 #6052ff;
+  position: relative;
+}
+
+.add-to-cart,
+.remove-from-cart {
+  background-color: #ff21bc;
+  color: #fff;
+  border: none;
+  padding: 10px;
+  position: absolute;
+  bottom: 10px;
+  left: 30%;
+  transform: translateX(-50%);
+  border-radius: 3px;
+  cursor: pointer;
+}
+
+.remove-from-cart {
+  left: 70%;
+}
+
+.shop-today a {
+  color: #007185;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.cart-signin button {
+  background-color: #ff21bc;
+  border: 1px solid #a88734 #9c7e31 #846a29;
+  color: #fff;
+  padding: 10px 20px;
+  margin: 10px;
+  cursor: pointer;
+  border-radius: 3px;
+  justify-content: flex-end; /* Aligns content (button) to the right */
+  padding: 10px; /* Optional padding for the container */
+}
diff --git a/src/Components/cart/cart.js b/src/Components/cart/cart.js
index f46d9c05..588ed8a4 100644
--- a/src/Components/cart/cart.js
+++ b/src/Components/cart/cart.js
@@ -1,128 +1,251 @@
-// src/components/ShoppingCart.js
-import React, { useState, useEffect } from 'react';
+import React, { useState } from 'react';
+import { Link } from "react-router-dom";
+import homeIcon from '../../img/homeicon.png';
+import carticon from './12.png';
+import Card1 from "../../img/card1.jpg";
+import Card2 from "../../img/card2.jpg";
+import Card3 from "../../img/card3.jpg";
+import Card4 from "../../img/card4.jpg";
+import Card5 from "../../img/card5.jpg";
+import Card6 from "../../img/card6.jpg";
+import { useNavigate } from 'react-router-dom';
 
-const ShoppingCart = () => {
-  const [cartItems, setCartItems] = useState([]);
-  const [totalItems, setTotalItems] = useState(0);
-  const [totalPrice, setTotalPrice] = useState(0);
+const Cart = () => {
+  const initialItems = [
+    { id: 1, name: 'StockIT', price: 10, quantity: 0, image: Card1 },
+    { id: 2, name: 'TakeNote', price: 12, quantity: 0, image: Card2 },
+    { id: 3, name: 'TaRct', price: 21, quantity: 0, image: Card3 },
+    { id: 4, name: 'To Do', price: 13, quantity: 0, image: Card4 },
+    { id: 5, name: 'ArchiTect', price: 15, quantity: 0, image: Card5 },
+    { id: 6, name: 'WeatherLy', price: 17, quantity: 0, image: Card6 },
+    { id: 7, name: 'TypingTest', price: 11, quantity: 0, image: '/static/media/card7.b25b2be8caee889d6ad4.png' },
+    { id: 8, name: 'Artisan', price: 18, quantity: 0, image: '/static/media/card8.5c7a98cedad9864c46b7.png' },
+    { id: 9, name: 'BBlocks', price: 25, quantity: 0, image: '/static/media/card9.6d96022c8f0793e6dd91.png' },
+    { id: 10, name: 'ZzShoes', price: 19, quantity: 0, image: '/static/media/card10.a53e1291e52ef0a4c11c.png' },
+    { id: 11, name: 'SearchImage', price: 13, quantity: 0, image: '/static/media/card11.e2371ccc231824202cda.png' },
+    { id: 12, name: 'Alimage', price: 20, quantity: 0, image: '/static/media/card12.093d95181352dfd0126b.png' },
+  ];
 
-  useEffect(() => {
-    const items = JSON.parse(localStorage.getItem('cartItems')) || [];
-    setCartItems(items);
+  const [cartItems, setCartItems] = useState(initialItems);
+  const [cartCount, setCartCount] = useState(
+    initialItems.reduce((total, item) => total + item.quantity, 0)
+  );
 
-    let itemsCount = 0;
-    let priceTotal = 0;
+  const addToCart = (itemId) => {
+    setCartItems((prevItems) =>
+      prevItems.map((item) =>
+        item.id === itemId
+          ? { ...item, quantity: item.quantity + 1 }
+          : item
+      )
+    );
+    setCartCount(cartCount + 1);
+  };
 
-    items.forEach(item => {
-      itemsCount += item.quantity;
-      priceTotal += item.price * item.quantity;
-    });
+  const removeFromCart = (itemId) => {
+    const item = cartItems.find((item) => item.id === itemId);
+    if (item && item.quantity > 0) {
+      setCartItems((prevItems) =>
+        prevItems.map((item) =>
+          item.id === itemId
+            ? { ...item, quantity: item.quantity - 1 }
+            : item
+        )
+      );
+      setCartCount(cartCount - 1);
+    }
+  };
 
-    setTotalItems(itemsCount);
-    setTotalPrice(priceTotal);
-  }, []);
+  const navigate = useNavigate();
 
-  const checkout = () => {
-    alert('Proceeding to checkout...');
+  const signIn = () => {
+    navigate('/login'); // Navigate to the login page
+    window.scrollTo(0, 0); 
+  };
+
+  const signUp = () => {
+    navigate('/login'); // Navigate to the login page
+    window.scrollTo(0, 0); 
   };
 
   return (
-    <div className="container">
-      <div className="shopping-cart">
-        <h1>Your Cart</h1>
-        <div id="cart-items">
-          {cartItems.map((item, index) => (
-            <div className="cart-item" key={index}>
-              <div className="cart-item-info">
-                <p className="cart-item-name">{item.name}</p>
-                <p className="cart-item-quantity">Quantity: {item.quantity}</p>
-                <p className="cart-item-price">Price: ${item.price * item.quantity}</p>
+    <div className="cart-container">
+<style>{`
+  body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #1f1c35;
+    color: white;
+  }
+
+  .cart-container {
+    text-align: center;
+    margin-top: 50px;
+  }
+
+  .cart-top {
+    position: fixed;
+    top: 10px;
+    right: 10px;
+    background-color: #ff21bc;
+    padding: 10px;
+    border-radius: 50%;
+    color: white;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+  }
+
+  .cart-icon {
+    width: 24px;
+    height: 24px;
+    vertical-align: middle;
+    margin-right: 10px;
+  }
+
+  .cart-count {
+    margin-left: 5px;
+    font-size: 16px;
+    color: #1f1c35;
+  }
+
+  .card-container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+
+  .card {
+    background-color: #2a2551;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    margin: 20px;
+    padding: 20px;
+    width: 300px;
+    color: white;
+    text-align: left;
+    position: relative;
+    box-shadow: 7px 7px 32px 20px #6052ff;
+    gap:10px;
+  }
+
+  .card img {
+    width: 100%;
+    height: 200px;
+    object-fit: cover;
+    border-radius: 10px 10px 0 0;
+  }
+
+  .card h3 {
+    margin: 10px 0;
+  }
+
+  .card p {
+    color: #bbb;
+  }
+
+  .price-quantity {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 10px;
+    gap:10px;
+  }
+
+  .price-quantity > div {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex: 1;
+    gap:10px;
+  }
+
+  .price-quantity .heading {
+    font-weight: bold;
+    margin-bottom: 10px; /* Gap between heading and value */
+    gap:10px;
+  }
+
+  .price-quantity .value {
+    margin: 0;
+    gap:10px;
+  }
+
+  .card .buttons {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 10px;
+    gap: 22px;
+  }
+
+  .card .buttons button {
+    background-color: #ff21bc;
+    color: white;
+    border: none;
+    padding: 10px;
+    border-radius: 10px; /* Rounded edges */
+    cursor: pointer;
+    align-items: center;
+    font-size: 14px;
+  }
+
+  .cart-signin {
+    display: flex;
+    justify-content: space-between; /* Distributes buttons to the edges */
+    align-items: center; /* Vertically centers the buttons */
+    padding: 10px; /* Optional padding for the container */
+  }
+
+  .cart-signin button {
+    background-color: #ff21bc;
+    color: white;
+    border: solid 2px white;
+    padding: 10px;
+    border-radius: 10px; /* Rounded edges */
+    cursor: pointer;
+    font-size: 16px;
+
+  }
+`}</style>
+
+<div className="cart-top">
+  <a href="/index.html">
+    <img src={carticon} className="cart-icon" alt="Cart Icon" />
+  </a>
+  <span className="cart-count">{cartCount}</span>
+</div>
+      <div className="card-container">
+        <Link to="/" className="home-link" style={{ marginRight: '10px', marginTop:'30px' }}>
+          <img src={homeIcon} alt="Home" className="home-icon" />
+        </Link>
+        {cartItems.map((item) => (
+          <div className="card" key={item.id}>
+            <img src={item.image} alt={item.name} />
+            <h3>{item.name}</h3>
+            <div className="price-quantity">
+              <div>
+                <span>Price</span>
+                <p>{item.price}</p>
+              </div>
+              <div>
+                <span>Quantity</span>
+                <p>{item.quantity}</p>
               </div>
             </div>
-          ))}
-        </div>
-        <div className="cart-summary">
-          <p>Total Items: <span id="total-items">{totalItems}</span></p>
-          <p>Total Price: $<span id="total-price">{totalPrice.toFixed(2)}</span></p>
-          <button className="checkout-button" onClick={checkout}>Proceed to Checkout</button>
-        </div>
+            <div className="buttons">
+              <button onClick={() => addToCart(item.id)}>Add to Cart</button>
+              <button onClick={() => removeFromCart(item.id)}>Remove from Cart</button>
+            </div>
+          </div>
+        ))}
+      </div>
+
+      <div className="cart-signin">
+        <button onClick={signIn}>Enter Your UniCollab Portal</button>
+        <button onClick={signUp}>Be Part of Our UniCollab Club</button>
       </div>
-      <style>
-        {`
-          body {
-            font-family: Arial, sans-serif;
-            background-color: #f4f4f9;
-            color: #333;
-            margin: 0;
-            padding: 0;
-          }
-          .container {
-            max-width: 800px;
-            margin: 0 auto;
-            padding: 20px;
-          }
-          .shopping-cart {
-            background: #252041;
-            padding: 20px;
-            border-radius: 8px;
-            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-            width: 100%;
-          }
-          .shopping-cart h1 {
-            font-size: 24px;
-            margin-bottom: 20px;
-          }
-          .cart-item {
-            display: flex;
-            justify-content: space-between;
-            margin-bottom: 20px;
-            padding-bottom: 10px;
-            border-bottom: 1px solid #ddd;
-          }
-          .cart-item:last-child {
-            border-bottom: none;
-            margin-bottom: 0;
-          }
-          .cart-item img {
-            width: 50px;
-            height: 50px;
-            object-fit: cover;
-            border-radius: 4px;
-          }
-          .cart-item-info {
-            flex: 1;
-            margin-left: 20px;
-          }
-          .cart-item-name {
-            font-size: 18px;
-            margin: 0 0 5px 0;
-          }
-          .cart-item-quantity,
-          .cart-item-price {
-            font-size: 14px;
-            color: #777;
-          }
-          .cart-summary {
-            margin-top: 20px;
-            text-align: right;
-          }
-          .cart-summary p {
-            font-size: 18px;
-            margin: 5px 0;
-          }
-          .checkout-button {
-            background-color: #ff21bc;
-            color: white;
-            border: none;
-            padding: 10px 20px;
-            font-size: 18px;
-            border-radius: 4px;
-            cursor: pointer;
-          }
-        `}
-      </style>
     </div>
   );
 };
 
-export default ShoppingCart;
+export default Cart;
diff --git a/src/Components/cart/index.html b/src/Components/cart/index.html
index 1035da39..ec23ee29 100644
--- a/src/Components/cart/index.html
+++ b/src/Components/cart/index.html
@@ -20,110 +20,70 @@
         .shopping-cart {
             background: white;
             padding: 20px;
-            border-radius: 8px;
-            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-        }
-        .shopping-cart h1 {
-            font-size: 24px;
-            margin-bottom: 20px;
+            border-radius: 5px;
+            box-shadow: 0 0 10px rgba(0,0,0,0.1);
         }
         .cart-item {
-            display: flex;
-            justify-content: space-between;
-            margin-bottom: 20px;
-            padding-bottom: 10px;
-            border-bottom: 1px solid #ddd;
+            border-bottom: 1px solid #eee;
+            padding: 10px 0;
         }
         .cart-item:last-child {
             border-bottom: none;
-            margin-bottom: 0;
-        }
-        .cart-item img {
-            width: 50px;
-            height: 50px;
-            object-fit: cover;
-            border-radius: 4px;
         }
-        .cart-item-info {
-            flex: 1;
-            margin-left: 20px;
-        }
-        .cart-item-name {
-            font-size: 18px;
-            margin: 0 0 5px 0;
+        .item-details {
+            display: flex;
+            justify-content: space-between;
         }
-        .cart-item-quantity,
-        .cart-item-price {
-            font-size: 14px;
-            color: #777;
+        .item-price {
+            color: #333;
         }
-        .cart-summary {
+        .total {
+            font-weight: bold;
             margin-top: 20px;
-            text-align: right;
-        }
-        .cart-summary p {
-            font-size: 18px;
-            margin: 5px 0;
-        }
-        .checkout-button {
-            background-color: #ff21bc;
-            color: white;
-            border: none;
-            padding: 10px 20px;
-            font-size: 18px;
-            border-radius: 4px;
-            cursor: pointer;
         }
     </style>
 </head>
 <body>
     <div class="container">
         <div class="shopping-cart">
-            <h1>Your Cart</h1>
+            <h2>Your Shopping Cart</h2>
             <div id="cart-items"></div>
-            <div class="cart-summary">
-                <p>Total Items: <span id="total-items"></span></p>
-                <p>Total Price: $<span id="total-price"></span></p>
-                <button class="checkout-button" onclick="checkout()">Proceed to Checkout</button>
+            <div class="total">
+                Total Items: <span id="total-items">0</span> |
+                Total Price: $<span id="total-price">0.00</span>
             </div>
         </div>
     </div>
 
     <script>
-        // Fetch cart items from local storage
-        const cartItems = JSON.parse(localStorage.getItem('cartItems')) || [];
-
-        const cartItemsContainer = document.getElementById('cart-items');
-        const totalItemsElement = document.getElementById('total-items');
-        const totalPriceElement = document.getElementById('total-price');
+        document.addEventListener('DOMContentLoaded', () => {
+            const cartItemsContainer = document.getElementById('cart-items');
+            const totalItemsElement = document.getElementById('total-items');
+            const totalPriceElement = document.getElementById('total-price');
 
-        let totalItems = 0;
-        let totalPrice = 0;
+            const cartItems = JSON.parse(localStorage.getItem('cartItems')) || [];
 
-        cartItems.forEach(item => {
-            totalItems += item.quantity;
-            totalPrice += item.price * item.quantity;
+            let totalItems = 0;
+            let totalPrice = 0;
 
-            const cartItemElement = document.createElement('div');
-            cartItemElement.className = 'cart-item';
+            cartItems.forEach(item => {
+                totalItems += item.quantity;
+                totalPrice += item.price * item.quantity;
 
-            cartItemElement.innerHTML = `
-                <div class="cart-item-info">
-                    <p class="cart-item-name">${item.name}</p>
-                    <p class="cart-item-quantity">Quantity: ${item.quantity}</p>
-                    <p class="cart-item-price">Price: $${(item.price * item.quantity).toFixed(2)}</p>
-                </div>
-            `;
+                const itemElement = document.createElement('div');
+                itemElement.classList.add('cart-item');
+                itemElement.innerHTML = `
+                    <div class="item-details">
+                        <span>${item.name} (x${item.quantity})</span>
+                        <span class="item-price">$${item.price.toFixed(2)}</span>
+                    </div>
+                `;
+                cartItemsContainer.appendChild(itemElement);
+            });
 
-            cartItemsContainer.appendChild(cartItemElement);
+            totalItemsElement.textContent = totalItems;
+            totalPriceElement.textContent = totalPrice.toFixed(2);
         });
-
-        totalItemsElement.textContent = totalItems;
-        totalPriceElement.textContent = totalPrice.toFixed(2);
-
-        function checkout() {
-            alert('Proceeding to checkout...');
-        }
     </script>
 </body>
 </html>
diff --git a/src/Components/cart/style.js b/src/Components/cart/style.js
deleted file mode 100644
index 1bbd816e..00000000
--- a/src/Components/cart/style.js
+++ /dev/null
@@ -1,201 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import "./cart.css";
-
-export const Cart = () => {
-  const initialItems = [
-    { id: 1, name: 'StockIT', price: 10, quantity: 2 },
-    { id: 2, name: 'TakeNote', price: 12, quantity: 1 },
-    { id: 3, name: 'TaRct', price: 21, quantity: 3 },
-    { id: 4, name: 'To Do', price: 13, quantity: 4 },
-    { id: 5, name: 'ArchiTect', price: 15, quantity: 6 },
-    { id: 6, name: 'WeatherLy', price: 17, quantity: 2 },
-    { id: 7, name: 'TypingTest', price: 11, quantity: 5 },
-    { id: 8, name: 'Artisan', price: 18, quantity: 8 },
-    { id: 9, name: 'BBlocks', price: 25, quantity: 3 },
-    { id: 10, name: 'ZzShoes', price: 19, quantity: 5 },
-    { id: 11, name: 'SerachImage', price: 13, quantity: 7 },
-    { id: 12, name: 'Alimage', price: 20, quantity: 3 },
-  ];
-
-  const [cartItems, setCartItems] = useState(initialItems);
-  const [cartCount, setCartCount] = useState(
-    initialItems.reduce((total, item) => total + item.quantity, 0)
-  );
-
-  useEffect(() => {
-    // Save cart items to local storage
-    localStorage.setItem('cartItems', JSON.stringify(cartItems));
-  }, [cartItems]);
-
-  const addToCart = (itemId) => {
-    setCartItems((prevItems) =>
-      prevItems.map((item) =>
-        item.id === itemId
-          ? { ...item, quantity: item.quantity + 1 }
-          : item
-      )
-    );
-    setCartCount(cartCount + 1);
-  };
-
-  const removeFromCart = (itemId) => {
-    const item = cartItems.find((item) => item.id === itemId);
-    if (item && item.quantity > 0) {
-      setCartItems((prevItems) =>
-        prevItems.map((item) =>
-          item.id === itemId
-            ? { ...item, quantity: item.quantity - 1 }
-            : item
-        )
-      );
-      setCartCount(cartCount - 1);
-    }
-  };
-
-  const signIn = () => {
-    alert('Sign in functionality');
-  };
-
-  const signUp = () => {
-    alert('Sign up functionality');
-  };
-
-  return (
-    <div className="cart-container">
-      <style>{
-        `
-        body {
-          font-family: Arial, sans-serif;
-          margin: 0;
-          padding: 0;
-          background-color: #1f1c35;
-          color: white;
-        }
-
-        .cart-container {
-          text-align: center;
-          margin-top: 50px;
-        }
-
-        .cart-top {
-          position: fixed;
-          top: 10px;
-          right: 10px;
-          background-color: #ff21bc;
-          padding: 10px;
-          border-radius: 50%;
-          color: white;
-          cursor: pointer;
-          display: flex;
-          align-items: center;
-        }
-
-        .cart-icon {
-          width: 24px;
-          height: 24px;
-          vertical-align: middle;
-          margin-right: 10px;
-        }
-
-        .cart-count {
-          margin-left: 5px;
-          font-size: 16px;
-        }
-
-        .cart-item {
-          border: 1px solid #ddd;
-          padding: 10px;
-          margin: 10px;
-          display: inline-block;
-          width: calc(33% - 40px);
-          box-sizing: border-box;
-          text-align: left;
-          box-shadow: 7px 7px 32px 0 #6052ff;
-          position: relative;
-        }
-
-        .add-to-cart,
-        .remove-from-cart {
-          background-color: #ff21bc;
-          color: #fff;
-          border: none;
-          padding: 10px;
-          position: absolute;
-          bottom: 10px;
-          left: 30%;
-          transform: translateX(-50%);
-          border-radius: 3px;
-          cursor: pointer;
-        }
-
-        .remove-from-cart {
-          left: 70%;
-        }
-
-        .shop-today a {
-          color: #007185;
-          text-decoration: none;
-          font-weight: bold;
-        }
-
-        .cart-signin button {
-          background-color: #ff21bc;
-          border: 1px solid #a88734 #9c7e31 #846a29;
-          color: #fff;
-          padding: 10px 20px;
-          margin: 10px;
-          cursor: pointer;
-          border-radius: 3px;
-        }
-      `
-      }</style>
-
-      <div className="cart-top" onClick={() => window.location.href = 'index2.html'}>
-        <img src="image.png" className="cart-icon" alt="Cart Icon" />
-        <span className="cart-count">{cartCount}</span>
-      </div>
-      <div className="cart-content">
-        <h2>
-          <img src="image.png" className="cart-icon" alt="Cart Icon" />
-          Your UniCollab Cart
-        </h2>
-        <div className="cart-items" id="cart-items">
-          {cartItems.length === 0 ? (
-            <p>Your Cart is empty</p>
-          ) : (
-            cartItems.map((item) => (
-              <div className="cart-item" key={item.id}>
-                <h4>{item.name}</h4>
-                <p>
-                  {item.quantity} x ${item.price}
-                </p>
-                <p>Total: ${(item.price * item.quantity).toFixed(2)}</p>
-                <button
-                  className="add-to-cart"
-                  onClick={() => addToCart(item.id)}
-                >
-                  Add to Cart
-                </button>
-                <button
-                  className="remove-from-cart"
-                  onClick={() => removeFromCart(item.id)}
-                >
-                  Remove from Cart
-                </button>
-              </div>
-            ))
-          )}
-        </div>
-        <p className="shop-today">
-          <a href="#">Shop today's deals</a>
-        </p>
-        <div className="cart-signin">
-          <button onClick={signIn}>Sign in to your account</button>
-          <button onClick={signUp}>Sign up now</button>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Cart;
diff --git a/src/Components/footer_section/Pricing/pricing.js b/src/Components/footer_section/Pricing/pricing.js
index ba074a2c..9d24436e 100644
--- a/src/Components/footer_section/Pricing/pricing.js
+++ b/src/Components/footer_section/Pricing/pricing.js
@@ -1,7 +1,6 @@
 // pricing.js
 import React from "react";
 import './pricing.css';
-import Arrow from '../../projects/arrow.png'
 import { Link } from "react-router-dom";
 import homeIcon from '../../../img/homeicon.png';