Commit Review Workspace ?

+ import InnerBanner from "@/components/inner-banner";
+ export default function CartPage() {
+   return (
+     <div>
+        <InnerBanner title="Cart" />
+ 
+       <section>
+         <div className="mx-auto max-w-7xl px-4 py-18 sm:px-6 lg:px-8">
+           <div className="grid items-start gap-4 lg:grid-cols-[7fr_3fr]">
+             <div className="bg-white">
+               <div className="overflow-hidden rounded-[12px] border border-[#E3E1DC] bg-white shadow-[0_2px_12px_rgba(0,0,0,0.04)]">
+                 <div className="hidden grid-cols-[minmax(300px,1fr)_120px_150px_120px] items-center bg-[var(--color-primary-700)] px-5 py-4 text-[11px] font-bold uppercase tracking-[0.12em] text-white md:grid">
+                   <p>Product</p>
+                   <p className="text-center">Price</p>
+                   <p className="text-center">Quantity</p>
+                   <p className="text-center">Subtotal</p>
+                 </div>
+ 

- import { Button } from "@/components/ui/button";
- import { Card } from "@/components/ui/card";
- import { Input } from "@/components/ui/input";
- 
- export default function ContactPage() {
- return (
- <div>
-       <section className="brand-gradient">
-         <div className="mx-auto max-w-7xl px-4 py-14 sm:px-6 lg:px-8">
-           <h1 className="uppercase text-[40px] md:text-[50px] font-semibold text-[var(--color-primary-700)] text-center font-serif">
-               Contact Us
-             </h1>
-             
-         </div>
-       </section>
- 
- <section className="mx-auto grid max-w-7xl gap-8 px-4 py-14 sm:px-6 lg:grid-cols-[0.8fr_1.2fr] lg:px-8">
- <div className="space-y-4">

+ import { Button } from "@/components/ui/button";
+ import { Card } from "@/components/ui/card";
+ import { Input } from "@/components/ui/input";
+ import InnerBanner from "@/components/inner-banner";  
+ 
+ export default function ContactPage() {
+ return (
+ <div>
+       <InnerBanner title="Contact Us" />
+       
+ <section className="mx-auto grid max-w-7xl gap-8 px-4 py-14 sm:px-6 lg:grid-cols-[0.8fr_1.2fr] lg:px-8">
+ <div className="space-y-4">
+ {[

- "use client";
- 
- import { useState } from "react";
- // ... rest of your code
- 
- export default function LoginPage() {
- {/* Footer */}
- <p className="text-center mt-5 fade-up-5" style={{ fontSize: "13px", color: "#9E9890" }}>
- Don't have an account?{" "}
-           <span className="link-text text-[var(--color-primary-700)]">
- Create one
-           </span>
- </p>
- </div>
- </div>

+ "use client";
+ 
+ import { useState } from "react";
+ import Link from "next/link";
+ // ... rest of your code
+ 
+ export default function LoginPage() {
+ {/* Footer */}
+ <p className="text-center mt-5 fade-up-5" style={{ fontSize: "13px", color: "#9E9890" }}>
+ Don't have an account?{" "}
+           <Link href="/register" className="link-text text-[var(--color-primary-700)]">
+ Create one
+           </Link>
+ </p>
+ </div>
+ </div>

+ import Image from "next/image";
+ import { CreditCard, Home, MapPin, Phone, User } from "lucide-react";
+ import InnerBanner from "@/components/inner-banner";
+ 
+ const orderItems = [
+   {
+     id: 1,
+     name: "Avriti Shuddhi - Mopping Salt",
+     unitPrice: 70,
+     quantity: 1,
+     image: "/1.jpeg",
+   },
+   {
+     id: 2,
+     name: "Avriti Jal Shuddhi - Bathroom Salt ",
+     unitPrice: 70,
+     quantity: 1,
+     image: "/product3.jpeg",

+ "use client";
+ 
+ import InnerBanner from "@/components/inner-banner";
+ import { OrderCard } from "@/components/order-card";
+ 
+ // Mock data - replace with API call
+ const mockOrders = [
+   {
+     id: "1",
+     orderNumber: "100259",
+     items: 2,
+     date: "5/1/2026, 7:13:50 PM",
+     status: "pending" as const,
+     paymentMethod: "Cash on Delivery",
+     paymentStatus: "unpaid" as const,
+     price: "147",
+     shopName: "Avriti",
+   },

+ "use client";
+ 
+ import { useState } from "react";
+ import Link from "next/link";
+ 
+ export default function RegisterPage() {
+   const [email, setEmail] = useState("");
+   const [password, setPassword] = useState("");
+   const [confirmPassword, setConfirmPassword] = useState("");
+   const [showPassword, setShowPassword] = useState(false);
+   const [showConfirmPassword, setShowConfirmPassword] = useState(false);
+   const [loading, setLoading] = useState(false);
+   const [focused, setFocused] = useState("");
+ 
+   const handleSubmit = () => {
+     setLoading(true);
+     setTimeout(() => setLoading(false), 2000);
+   };

- import Image from "next/image";
- import Link from "next/link";
- import { PdfBrowserFrame } from "@/components/pdf-browser-frame";
- 
- 
- const categories = [
- "Shop",
- 
- return (
- <div className="bg-white">
- <PdfBrowserFrame label="Website Shop">
- <div className="mt-[30px]  pb-12">
-           <h1 className="pt-4 text-center text-5xl font-normal font-serif text-[var(--color-primary-700)]">
-             Shop
-           </h1>
- 
- <div className="mt-10 grid gap-8 lg:grid-cols-[215px_1fr] items-start">
- <aside className="lg:sticky top-[90px] bg-[var(--color-primary-700)] p-4 rounded-[15px]">

+ import Image from "next/image";
+ import Link from "next/link";
+ import { PdfBrowserFrame } from "@/components/pdf-browser-frame";
+ import InnerBanner from "@/components/inner-banner";
+ 
+ const categories = [
+ "Shop",
+ 
+ return (
+ <div className="bg-white">
+       <InnerBanner title="Shop" />
+ <PdfBrowserFrame label="Website Shop">
+ <div className="mt-[30px]  pb-12">
+           
+ <div className="mt-10 grid gap-8 lg:grid-cols-[215px_1fr] items-start">
+ <aside className="lg:sticky top-[90px] bg-[var(--color-primary-700)] p-4 rounded-[15px]">
+ <div className="space-y-5 text-[13px] leading-5">

+ type InnerBannerProps = {
+   title: string;
+ };
+ 
+ export default function InnerBanner({ title }: InnerBannerProps) {
+   return (
+     <div>
+         <section className="brand-gradient">
+         <div className="mx-auto max-w-7xl py-18">
+           <div>
+             <h1 className="text-center text-[30px] font-semibold uppercase text-[var(--color-primary-700)] md:text-[40px]">
+               {title}
+             </h1>
+           </div>
+         </div>
+       </section>
+     </div>
+         

+ "use client";
+ 
+ import { Card } from "@/components/ui/card";
+ import { Button } from "@/components/ui/button";
+ import Image from "next/image";
+ 
+ interface Order {
+   id: string;
+   orderNumber: string;
+   items: number;
+   date: string;
+   status: "pending" | "processing" | "delivered" | "cancelled";
+   paymentMethod: string;
+   paymentStatus: "paid" | "unpaid" | "failed";
+   price: string;
+   logo?: string;
+   shopName?: string;
+ }