diff --git a/src/App.tsx b/src/App.tsx
index 4f341af..f3749b7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,12 +3,14 @@ import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
 import MenuOrderPage from "@/pages/MenuOrderPage";
+import CartPage from "@/pages/CartPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
         <Route path="/menu-order" element={<MenuOrderPage />} />
+        <Route path="/cart" element={<CartPage />} />
       </Route>
     </Routes>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index f5b8ce2..e2518a8 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -36,6 +36,8 @@ export default function Layout() {
     "href": "#social-proof"
   },
   { name: "Menu Order", href: "/menu-order" },
+  { name: "Cart", href: "/cart" },
+
 
 ];
 
diff --git a/src/pages/CartPage.tsx b/src/pages/CartPage.tsx
new file mode 100644
index 0000000..30dbbe0
--- /dev/null
+++ b/src/pages/CartPage.tsx
@@ -0,0 +1,16 @@
+import ProductQuantityCards from "@/components/sections/product/ProductQuantityCards";
+
+export default function CartPage() {
+  return (
+    <>
+      <div data-webild-section="ProductQuantityCards"><ProductQuantityCards
+        tag="Your Order"
+        title="Review Your Cart"
+        description="Confirm your selected items and quantities before proceeding to checkout. You can adjust quantities or remove items here."
+        primaryButton={{"text":"Proceed to Checkout","href":"/checkout"}}
+        secondaryButton={{"text":"Continue Shopping","href":"/products"}}
+        products={[{"name":"Premium Wireless Earbuds","price":"$89.99","imageSrc":"https://img.freepik.com/free-photo/wireless-earbuds-with-charging-case-table_23-2150774659.jpg"},{"name":"Smart Fitness Tracker","price":"$49.99","imageSrc":"https://img.freepik.com/free-photo/smartwatch-with-fitness-app-screen_23-2150774649.jpg"},{"name":"Ergonomic Office Chair","price":"$249.00","imageSrc":"https://img.freepik.com/free-photo/modern-ergonomic-office-chair-black-design_23-2150774640.jpg"}]}
+      /></div>
+    </>
+  );
+}
diff --git a/src/routes.ts b/src/routes.ts
index 0570e0d..31f9b99 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -7,4 +7,5 @@ export interface Route {
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
   { path: '/menu-order', label: 'Menu Order', pageFile: 'MenuOrderPage' },
+  { path: '/cart', label: 'Cart', pageFile: 'CartPage' },
 ];