img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+ className
+ )}
+ {...props} />
+ );
+}
+
+function CardHeader({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function CardTitle({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function CardDescription({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function CardAction({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function CardContent({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function CardFooter({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+export {
+ Card,
+ CardHeader,
+ CardFooter,
+ CardTitle,
+ CardAction,
+ CardDescription,
+ CardContent,
+}
diff --git a/client/src/components/ui/dialog.jsx b/client/src/components/ui/dialog.jsx
new file mode 100644
index 0000000000..b30f2e4efd
--- /dev/null
+++ b/client/src/components/ui/dialog.jsx
@@ -0,0 +1,148 @@
+import * as React from "react"
+import { Dialog as DialogPrimitive } from "radix-ui"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { XIcon } from "lucide-react"
+
+function Dialog({
+ ...props
+}) {
+ return
;
+}
+
+function DialogOverlay({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function DialogContent({
+ className,
+ children,
+ showCloseButton = true,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function DialogHeader({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function DialogFooter({
+ className,
+ showCloseButton = false,
+ children,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function DialogTitle({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function DialogDescription({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+export {
+ Dialog,
+ DialogClose,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogOverlay,
+ DialogPortal,
+ DialogTitle,
+ DialogTrigger,
+}
diff --git a/client/src/components/ui/input.jsx b/client/src/components/ui/input.jsx
new file mode 100644
index 0000000000..26b14f1514
--- /dev/null
+++ b/client/src/components/ui/input.jsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Input({
+ className,
+ type,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+export { Input }
diff --git a/client/src/components/ui/separator.jsx b/client/src/components/ui/separator.jsx
new file mode 100644
index 0000000000..3116fdd656
--- /dev/null
+++ b/client/src/components/ui/separator.jsx
@@ -0,0 +1,25 @@
+import * as React from "react"
+import { Separator as SeparatorPrimitive } from "radix-ui"
+
+import { cn } from "@/lib/utils"
+
+function Separator({
+ className,
+ orientation = "horizontal",
+ decorative = true,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+export { Separator }
diff --git a/client/src/components/ui/switch.jsx b/client/src/components/ui/switch.jsx
new file mode 100644
index 0000000000..1d40ffaf19
--- /dev/null
+++ b/client/src/components/ui/switch.jsx
@@ -0,0 +1,27 @@
+import * as React from "react"
+import { Switch as SwitchPrimitive } from "radix-ui"
+
+import { cn } from "@/lib/utils"
+
+function Switch({
+ className,
+ size = "default",
+ ...props
+}) {
+ return (
+
+ );
+}
+
+export { Switch }
diff --git a/client/src/components/ui/table.jsx b/client/src/components/ui/table.jsx
new file mode 100644
index 0000000000..a4a7971993
--- /dev/null
+++ b/client/src/components/ui/table.jsx
@@ -0,0 +1,146 @@
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+function Table({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function TableHeader({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function TableBody({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function TableFooter({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function TableRow({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function TableHead({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function TableCell({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+function TableCaption({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+export {
+ Table,
+ TableHeader,
+ TableBody,
+ TableFooter,
+ TableHead,
+ TableRow,
+ TableCell,
+ TableCaption,
+};
\ No newline at end of file
diff --git a/client/src/components/ui/textarea.jsx b/client/src/components/ui/textarea.jsx
new file mode 100644
index 0000000000..568976901c
--- /dev/null
+++ b/client/src/components/ui/textarea.jsx
@@ -0,0 +1,20 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Textarea({
+ className,
+ ...props
+}) {
+ return (
+
+ );
+}
+
+export { Textarea }
diff --git a/client/src/constants/.gitkeep b/client/src/constants/.gitkeep
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/client/src/constants/Roles.js b/client/src/constants/Roles.js
new file mode 100644
index 0000000000..5cbc92a1e2
--- /dev/null
+++ b/client/src/constants/Roles.js
@@ -0,0 +1,6 @@
+export const ROLES ={
+ ADMIN:"admin",
+ USER:"user",
+ VENDOR:"vendor"
+
+}
\ No newline at end of file
diff --git a/client/src/constants/Venue.js b/client/src/constants/Venue.js
new file mode 100644
index 0000000000..0231ddccc1
--- /dev/null
+++ b/client/src/constants/Venue.js
@@ -0,0 +1,44 @@
+export const Amenities = [
+ "Wifi",
+ "Parking",
+ "Air Conditioning",
+ "Catering Kitchen",
+ "Sound System",
+ "Projector",
+ "Stage",
+ "Dance Floor",
+ "Outdoor Area",
+ "Valet Parking",
+ "Generator Backup",
+ "CCTV Security",
+ "Green Room",
+ "Bridal Suite",
+ "Swimming Pool",
+ "Elevator",
+ "Bar Counter",
+ "Photo Booth"
+]
+
+
+export const VenueCategory = [
+ "Beach Side",
+ "Conference Hall",
+ "Auditorium",
+ "Banquet Hall",
+ "Party Hall",
+ "Rooftop",
+ "Cafe",
+ "Farm House",
+ "Palace",
+ "Studio",
+ "Outdoor Garden",
+ "Resort",
+ "Hotel"
+]
+
+export const Ratings = [
+ {label: "4+ ⭐", value: 4},
+ {label: "3+ ⭐", value: 3},
+ {label: "2+ ⭐", value: 2}
+]
+
diff --git a/client/src/constants/adminMenu.js b/client/src/constants/adminMenu.js
new file mode 100644
index 0000000000..87c490312c
--- /dev/null
+++ b/client/src/constants/adminMenu.js
@@ -0,0 +1,49 @@
+import {
+ LayoutDashboard,
+ Users,
+ Store,
+ Building2,
+ CalendarDays,
+ CreditCard,
+ Tags,
+} from "lucide-react";
+
+import { ROUTES } from "./routes";
+
+export const ADMIN_MENU = [
+ {
+ title: "Dashboard",
+ path: ROUTES.ADMIN.DASHBOARD,
+ icon: LayoutDashboard,
+ },
+ {
+ title: "User Management",
+ path: ROUTES.ADMIN.USERS,
+ icon: Users,
+ },
+ {
+ title: "Vendor Management",
+ path: ROUTES.ADMIN.VENDORS,
+ icon: Store,
+ },
+ {
+ title: "Venue Management",
+ path: ROUTES.ADMIN.VENUES,
+ icon: Building2,
+ },
+ {
+ title: "Booking Management",
+ path: ROUTES.ADMIN.BOOKINGS,
+ icon: CalendarDays,
+ },
+ {
+ title: "Payment Management",
+ path: ROUTES.ADMIN.PAYMENTS,
+ icon: CreditCard,
+ },
+ {
+ title: "Category Management",
+ path: ROUTES.ADMIN.CATEGORIES,
+ icon: Tags,
+ },
+];
\ No newline at end of file
diff --git a/client/src/constants/apiRoutes.js b/client/src/constants/apiRoutes.js
new file mode 100644
index 0000000000..410d804b92
--- /dev/null
+++ b/client/src/constants/apiRoutes.js
@@ -0,0 +1,104 @@
+export const API_ROUTES = {
+AUTH:{
+ REGISTER:(role)=> `/auth/${role}/register`,
+ VERIFY_OTP:(role)=>`/auth/${role}/verifyotp`,
+ RESEND_OTP:(role)=>`/auth/${role}/resendotp`,
+ LOGIN:(role)=>`/auth/${role}/login`,
+ FORGOT_PASSWORD: (role) => `/auth/${role}/forgotpassword`,
+ RESET_PASSWORD: (role) => `/auth/${role}/resetpassword`,
+
+
+ LOGOUT: (role) => `/auth/${role}/logout`,
+ REFRESH:(role)=>`/auth/${role}/refresh`,
+ GETME: '/auth/getme'
+
+},
+
+ USER: {
+ VENUE:{
+ VENUES: '/user/venues',
+ GET_BY_ID:(venueId)=>`/user/venue/${venueId}`,
+ TOP_VENUES: '/user/top-venues'
+ },
+ PROFILE: {
+ PROFILE: "/user/profile",
+ PROFILE_IMAGE: "/user/profile/image",
+ REQUEST_EMAIL_CHANGE_OTP: "/user/profile/email/request-otp",
+ VERIFY_EMAIL_CHANGE_OTP: "/user/profile/email/verify-otp",
+ RESEND_EMAIL_CHANGE_OTP: "/user/profile/email/resend-otp",
+ CHANGE_PASSWORD: "/user/profile/change-password"
+ },
+ CHANGE_PASSWORD: {
+ CHANGE_PASSWORD: "user/changepassword",
+ },
+ WISHLIST: {
+ GET: "/user/wishlist",
+ ADD: (venueId) => `/user/wishlist/${venueId}`,
+ REMOVE: (venueId) => `/user/wishlist/${venueId}`,
+ },
+
+ BOOKINGS: {
+ RESERVE: "/user/booking/reserve",
+ CONFIRM: "/user/booking/confirm",
+ GET_BY_ID: (bookingId) => `/user/booking/${bookingId}`,
+ GET_ALL: "/user/booking",
+ CANCEL: (bookingId) => `/user/bookings/${bookingId}/cancel`,
+ AVAILABILITY: (venueId) => `/user/booking/${venueId}/availability`,
+ }
+ },
+ ADMIN: {
+ DASHBOARD:{
+ STATISTICS: "/admin/dashboard/statistics",
+
+ },
+ USER: {
+ USERS: "/admin/users",
+ UPDATE_STATUS: (userId) => `/admin/users/${userId}/status`,
+ },
+
+ VENDOR: {
+ VENDORS: "/admin/vendors",
+ GET_BY_ID: (vendorId) => `/admin/vendors/${vendorId}`,
+ APPROVE: (vendorId) => `/admin/vendors/${vendorId}/approve`,
+ REJECT: (vendorId) => `/admin/vendors/${vendorId}/reject`,
+ UPDATE_STATUS: (vendorId) => `/admin/vendors/${vendorId}/status`,
+ },
+
+ VENUE: {
+ VENUES: "/admin/venues",
+ GET_BY_ID: (venueId) => `/admin/venues/${venueId}`,
+ APPROVE: (venueId) => `/admin/venues/${venueId}/approve`,
+ REJECT: (venueId) => `/admin/venues/${venueId}/reject`,
+ UPDATE_STATUS: (venueId) => `/admin/venues/${venueId}/status`,
+ },
+
+ BOOKING: {
+ BOOKINGS: "/admin/bookings",
+ GET_BY_ID: (bookingId) => `/admin/bookings/${bookingId}`,
+ STATISTICS: "/admin/bookings/statistics",
+ },
+
+ PAYMENT: {
+ PAYMENTS: "/admin/payments",
+ GET_BY_ID: (paymentId) => `/admin/payments/${paymentId}`,
+ STATISTICS: "/admin/payments/statistics",
+ },
+ },
+ VENDOR: {
+ DASHBOARD: "/vendor/dashboard",
+ PROFILE: "/vendor/profile",
+ BOOKINGS: "/vendor/bookings",
+ BOOKING_BY_ID: (bookingId) =>
+ `/vendor/bookings/${bookingId}`,
+
+ VENUES: "/vendor/venues",
+ CREATE_VENUE: "/vendor/venue",
+ UPDATE_VENUE:(venueId)=>`/vendor/venue/${venueId}`,
+ DELETE_VENUE:(venueId)=>`/vendor/venue/${venueId}`,
+ VENUE_BY_ID: (venueId) =>
+ `/vendor/venues/${venueId}`,
+ UPDATE_VENUE_STATUS: (venueId) =>
+ `/vendor/venues/${venueId}/status`,
+},
+
+}
\ No newline at end of file
diff --git a/client/src/constants/mockVenues.js b/client/src/constants/mockVenues.js
new file mode 100644
index 0000000000..2d516149bb
--- /dev/null
+++ b/client/src/constants/mockVenues.js
@@ -0,0 +1,40 @@
+export const similarVenues = [
+ {
+ id: "similar-1",
+ name: "Grand Celebration Hall",
+ category: "Wedding Hall",
+ rating: 4.5,
+ pricePerDay: 25000,
+ seatingCapacity: 300,
+ standingCapacity: 500,
+ description: "A beautiful venue for weddings and celebrations.",
+ address: {
+ city: "Kochi",
+ state: "Kerala",
+ },
+ images: [
+ {
+ url: "https://images.unsplash.com/photo-1519167758481-83f550bb49b3",
+ },
+ ],
+ },
+ {
+ id: "similar-2",
+ name: "Royal Convention Center",
+ category: "Convention Hall",
+ rating: 4.7,
+ pricePerDay: 35000,
+ seatingCapacity: 500,
+ standingCapacity: 800,
+ description: "Spacious venue suitable for large events.",
+ address: {
+ city: "Kochi",
+ state: "Kerala",
+ },
+ images: [
+ {
+ url: "https://images.unsplash.com/photo-1507504031003-b417219a0fde",
+ },
+ ],
+ },
+];
\ No newline at end of file
diff --git a/client/src/constants/routes.js b/client/src/constants/routes.js
new file mode 100644
index 0000000000..638e7e820e
--- /dev/null
+++ b/client/src/constants/routes.js
@@ -0,0 +1,53 @@
+export const ROUTES = {
+ PUBLIC: {
+ HOME: '/',
+ SIGNUP: '/signup',
+ LOGIN: '/login',
+ REGISTER:'/register',
+ VERIFY_OTP:'/verify-otp',
+ FORGOT_PASSWORD: "/forgot-password",
+ RESET_PASSWORD: "/reset-password",
+
+
+
+ },
+ USER: {
+ PROFILE: '/user/profile',
+ BROWSE_VENUES: '/user/venues',
+ VENUE_DETAILS: '/user/venue/:id',
+ CHANGE_PASSWORD: '/user/changepassword',
+ WISHLIST: '/user/wishlist',
+ BOOKINGS: '/user/bookings',
+ BOOKING_DETAIL: '/user/bookings/:bookingId',
+ BOOKING_SUMMARY:`/user/booking-summary`,
+ PAYMENT:`/user/payment`,
+ PAYMENT_GATEWAY:`/user/payment-gateway`,
+ PAYMENT_SUCCESS:`/user/payment-success`,
+ PAYMENT_FAILURE:`/user/payment-failure`
+
+ },
+ VENDOR: {
+ DASHBOARD: '/vendor/dashboard',
+ VENUES: '/vendor/venues',
+ VENUE_DETAILS: '/vendor/venues/:venueId',
+ BOOKINGS: '/vendor/bookings',
+ ADD_VENUE: '/vendor/add-venue',
+ EDIT_VENUE: '/vendor/edit-venue/:venueId',
+ PROFILE: '/vendor/profile',
+ SETTINGS: '/vendor/settings',
+ },
+ ADMIN: {
+ ROOT: "/admin",
+ LOGIN: "/admin/login",
+ DASHBOARD: "dashboard",
+ USERS: "users",
+ VENDORS: "vendors",
+ VENUES: "venues",
+ VENUE_DETAILS: "venues/:venueId",
+ BOOKINGS: "bookings",
+ BOOKING_DETAIL: "bookings/:bookingId",
+ PAYMENTS: "payments",
+ PAYMENT_DETAILS:"payments/:paymentId",
+ CATEGORIES: "categories",
+ }
+}
\ No newline at end of file
diff --git a/client/src/hooks/.gitkeep b/client/src/hooks/.gitkeep
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/client/src/hooks/useDebounce.js b/client/src/hooks/useDebounce.js
new file mode 100644
index 0000000000..1b82fb9a0f
--- /dev/null
+++ b/client/src/hooks/useDebounce.js
@@ -0,0 +1,23 @@
+import { useEffect, useState } from "react";
+
+const useDebounce = (value, delay = 500) => {
+
+ const [debouncedValue, setDebouncedValue] = useState(value);
+
+ useEffect(() => {
+
+ const timer = setTimeout(() => {
+
+ setDebouncedValue(value);
+
+ }, delay);
+
+ return () => clearTimeout(timer);
+
+ }, [value, delay]);
+
+ return debouncedValue;
+
+};
+
+export default useDebounce;
\ No newline at end of file
diff --git a/client/src/index.css b/client/src/index.css
new file mode 100644
index 0000000000..f2a87746d8
--- /dev/null
+++ b/client/src/index.css
@@ -0,0 +1,130 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+@import "@fontsource-variable/inter";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+ --font-heading: var(--font-sans);
+ --font-sans: 'Inter Variable', sans-serif;
+ --color-sidebar-ring: var(--sidebar-ring);
+ --color-sidebar-border: var(--sidebar-border);
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+ --color-sidebar-accent: var(--sidebar-accent);
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+ --color-sidebar-primary: var(--sidebar-primary);
+ --color-sidebar-foreground: var(--sidebar-foreground);
+ --color-sidebar: var(--sidebar);
+ --color-chart-5: var(--chart-5);
+ --color-chart-4: var(--chart-4);
+ --color-chart-3: var(--chart-3);
+ --color-chart-2: var(--chart-2);
+ --color-chart-1: var(--chart-1);
+ --color-ring: var(--ring);
+ --color-input: var(--input);
+ --color-border: var(--border);
+ --color-destructive: var(--destructive);
+ --color-accent-foreground: var(--accent-foreground);
+ --color-accent: var(--accent);
+ --color-muted-foreground: var(--muted-foreground);
+ --color-muted: var(--muted);
+ --color-secondary-foreground: var(--secondary-foreground);
+ --color-secondary: var(--secondary);
+ --color-primary-foreground: var(--primary-foreground);
+ --color-primary: var(--primary);
+ --color-popover-foreground: var(--popover-foreground);
+ --color-popover: var(--popover);
+ --color-card-foreground: var(--card-foreground);
+ --color-card: var(--card);
+ --color-foreground: var(--foreground);
+ --color-background: var(--background);
+ --radius-sm: calc(var(--radius) * 0.6);
+ --radius-md: calc(var(--radius) * 0.8);
+ --radius-lg: var(--radius);
+ --radius-xl: calc(var(--radius) * 1.4);
+ --radius-2xl: calc(var(--radius) * 1.8);
+ --radius-3xl: calc(var(--radius) * 2.2);
+ --radius-4xl: calc(var(--radius) * 2.6);
+}
+
+:root {
+ --background: oklch(1 0 0);
+ --foreground: oklch(0.145 0 0);
+ --card: oklch(1 0 0);
+ --card-foreground: oklch(0.145 0 0);
+ --popover: oklch(1 0 0);
+ --popover-foreground: oklch(0.145 0 0);
+ --primary: oklch(0.205 0 0);
+ --primary-foreground: oklch(0.985 0 0);
+ --secondary: oklch(0.97 0 0);
+ --secondary-foreground: oklch(0.205 0 0);
+ --muted: oklch(0.97 0 0);
+ --muted-foreground: oklch(0.556 0 0);
+ --accent: oklch(0.97 0 0);
+ --accent-foreground: oklch(0.205 0 0);
+ --destructive: oklch(0.577 0.245 27.325);
+ --border: oklch(0.922 0 0);
+ --input: oklch(0.922 0 0);
+ --ring: oklch(0.708 0 0);
+ --chart-1: oklch(0.87 0 0);
+ --chart-2: oklch(0.556 0 0);
+ --chart-3: oklch(0.439 0 0);
+ --chart-4: oklch(0.371 0 0);
+ --chart-5: oklch(0.269 0 0);
+ --radius: 0.625rem;
+ --sidebar: oklch(0.985 0 0);
+ --sidebar-foreground: oklch(0.145 0 0);
+ --sidebar-primary: oklch(0.205 0 0);
+ --sidebar-primary-foreground: oklch(0.985 0 0);
+ --sidebar-accent: oklch(0.97 0 0);
+ --sidebar-accent-foreground: oklch(0.205 0 0);
+ --sidebar-border: oklch(0.922 0 0);
+ --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+ --background: oklch(0.145 0 0);
+ --foreground: oklch(0.985 0 0);
+ --card: oklch(0.205 0 0);
+ --card-foreground: oklch(0.985 0 0);
+ --popover: oklch(0.205 0 0);
+ --popover-foreground: oklch(0.985 0 0);
+ --primary: oklch(0.922 0 0);
+ --primary-foreground: oklch(0.205 0 0);
+ --secondary: oklch(0.269 0 0);
+ --secondary-foreground: oklch(0.985 0 0);
+ --muted: oklch(0.269 0 0);
+ --muted-foreground: oklch(0.708 0 0);
+ --accent: oklch(0.269 0 0);
+ --accent-foreground: oklch(0.985 0 0);
+ --destructive: oklch(0.704 0.191 22.216);
+ --border: oklch(1 0 0 / 10%);
+ --input: oklch(1 0 0 / 15%);
+ --ring: oklch(0.556 0 0);
+ --chart-1: oklch(0.87 0 0);
+ --chart-2: oklch(0.556 0 0);
+ --chart-3: oklch(0.439 0 0);
+ --chart-4: oklch(0.371 0 0);
+ --chart-5: oklch(0.269 0 0);
+ --sidebar: oklch(0.205 0 0);
+ --sidebar-foreground: oklch(0.985 0 0);
+ --sidebar-primary: oklch(0.488 0.243 264.376);
+ --sidebar-primary-foreground: oklch(0.985 0 0);
+ --sidebar-accent: oklch(0.269 0 0);
+ --sidebar-accent-foreground: oklch(0.985 0 0);
+ --sidebar-border: oklch(1 0 0 / 10%);
+ --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+ * {
+ @apply border-border outline-ring/50;
+ }
+ body {
+ @apply bg-background text-foreground;
+ }
+ html {
+ @apply font-sans;
+ }
+}
\ No newline at end of file
diff --git a/client/src/lib/axios.js b/client/src/lib/axios.js
new file mode 100644
index 0000000000..723513a480
--- /dev/null
+++ b/client/src/lib/axios.js
@@ -0,0 +1,110 @@
+import axios from "axios";
+import { setAccessToken } from '@/redux/slices/AuthSlice'
+
+const BACKEND_URL = import.meta.env.VITE_BACKEND_URL ? `${import.meta.env.VITE_BACKEND_URL}/api/v1` : "http://localhost:4000/api/v1";
+
+const api = axios.create({
+ baseURL: BACKEND_URL,
+ withCredentials: true,
+});
+
+let isRefreshing = false;
+
+let failedQueue = [];
+
+const processQueue = (error) => {
+ failedQueue.forEach((promise) => {
+ if (error) {
+ promise.reject(error);
+ } else {
+ promise.resolve(null);
+ }
+ });
+
+ failedQueue = [];
+};
+
+let store;
+
+export const injectStore = (_store) => {
+ store = _store;
+};
+
+api.interceptors.request.use((config) => {
+ const token = store?.getState().auth.accessToken;
+
+ if (token) {
+ config.headers.Authorization = `Bearer ${token}`;
+ }
+
+ return config;
+});
+
+api.interceptors.response.use(
+ (response) => response,
+ async (error) => {
+ const originalRequest = error.config;
+
+ if (!error.response) {
+ console.log("Network error or server not reachable");
+ return Promise.reject(error);
+ }
+
+ if (
+ error.response.status === 401 &&
+ !originalRequest._retry &&
+ !originalRequest.url?.includes("/refresh") &&
+ !originalRequest.url?.includes("/login") &&
+ !originalRequest.url?.includes("/register")
+ ) {
+ if (isRefreshing) {
+ return new Promise((resolve, reject) => {
+ failedQueue.push({ resolve, reject });
+ }).then(() => api(originalRequest));
+ }
+
+
+ originalRequest._retry = true;
+ isRefreshing = true;
+
+ const role = originalRequest.url?.includes("user") ? "user" : originalRequest.url?.includes("vendor") ? "vendor" : "admin"
+
+ try {
+ const response = await api.post(
+ `/auth/${role}/refresh`,
+ {},
+ { withCredentials: true }
+ );
+
+ const newAccessToken = response.data.data.accessToken;
+
+ if (!newAccessToken) {
+ console.log("Token not found", response.data.data);
+ throw new Error("Access token not in refresh response");
+ }
+
+ if (store) {
+ store.dispatch(setAccessToken(newAccessToken));
+ }
+
+ processQueue(null);
+
+ return api(originalRequest);
+ } catch (refreshError) {
+ processQueue(refreshError);
+
+ if (store) {
+ store.dispatch(setAccessToken(null));
+ }
+
+ return Promise.reject(refreshError);
+ } finally {
+ isRefreshing = false;
+ }
+ }
+
+ return Promise.reject(error);
+ }
+);
+
+export default api;
\ No newline at end of file
diff --git a/client/src/lib/getInitilas.js b/client/src/lib/getInitilas.js
new file mode 100644
index 0000000000..a349853fdb
--- /dev/null
+++ b/client/src/lib/getInitilas.js
@@ -0,0 +1,14 @@
+export const getInitials = (fullName = "") => {
+ const words = fullName.trim().split(" ").filter(Boolean);
+
+ if(words.length === 0) return "";
+
+ if(words.length === 1){
+ return words[0][0].toUpperCase();
+ }
+
+ return(
+ words[0][0] +
+ words[words.length - 1][0]
+ ).toUpperCase();
+};
\ No newline at end of file
diff --git a/client/src/lib/utils.js b/client/src/lib/utils.js
new file mode 100644
index 0000000000..0041ae67ae
--- /dev/null
+++ b/client/src/lib/utils.js
@@ -0,0 +1,16 @@
+// src/utils/utils.js
+
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs) {
+ return twMerge(clsx(inputs));
+}
+
+export function formatDateToDDMMYYYY(date) {
+ if (!date) return "";
+
+ const [year, month, day] = date.split("-");
+
+ return `${day}-${month}-${year}`;
+}
\ No newline at end of file
diff --git a/client/src/lib/validation/VendorProfileValidator.js b/client/src/lib/validation/VendorProfileValidator.js
new file mode 100644
index 0000000000..ba6d717e22
--- /dev/null
+++ b/client/src/lib/validation/VendorProfileValidator.js
@@ -0,0 +1,46 @@
+import { z } from "zod";
+
+export const UpdateVendorProfileSchema = z.object({
+ fullName: z
+ .string()
+ .trim()
+ .min(3, "Full name must contain at least 3 characters")
+ .optional(),
+
+ phone: z
+ .string()
+ .regex(/^[6-9]\d{9}$/, "Enter a valid 10-digit phone number")
+ .optional(),
+
+ companyName: z
+ .string()
+ .trim()
+ .min(2, "Company name must contain at least 2 characters")
+ .optional(),
+
+ address: z
+ .object({
+ addressLine1: z
+ .string()
+ .min(1, "Address is required"),
+
+ city: z
+ .string()
+ .min(1, "City is required"),
+
+ state: z
+ .string()
+ .min(1, "State is required"),
+
+ pincode: z
+ .string()
+ .regex(/^\d{6}$/, "Pincode must be 6 digits"),
+ })
+ .optional(),
+
+ bio: z
+ .string()
+ .min(10, "Bio must contain at least 10 characters")
+ .max(300, "Bio cannot exceed 300 characters")
+ .optional(),
+});
\ No newline at end of file
diff --git a/client/src/lib/validation/adminVendorValidation.js b/client/src/lib/validation/adminVendorValidation.js
new file mode 100644
index 0000000000..67447b2700
--- /dev/null
+++ b/client/src/lib/validation/adminVendorValidation.js
@@ -0,0 +1,8 @@
+import { z } from "zod";
+
+export const rejectReasonSchema = z.object({
+ reason: z
+ .string()
+ .trim()
+ .min(1, "Rejection reason is required")
+});
\ No newline at end of file
diff --git a/client/src/lib/validation/authValidation.js b/client/src/lib/validation/authValidation.js
new file mode 100644
index 0000000000..384843b944
--- /dev/null
+++ b/client/src/lib/validation/authValidation.js
@@ -0,0 +1,69 @@
+import { z } from "zod";
+
+export const loginSchema = z.object({
+ email: z
+ .string()
+ .trim()
+ .email("Invalid email address")
+ .min(1, "Email is required"),
+ password: z
+ .string()
+ .min(1, "Password is required")
+ .min(6, "Password must be at least 6 characters"),
+});
+
+export const registerSchema = z.object({
+ fullName: z
+ .string()
+ .trim()
+ .min(3, "Full name must be at least 3 characters")
+ .max(50, "Full name cannot exceed 50 characters"),
+ email: z
+ .string()
+ .trim()
+ .email("Invalid email address"),
+ phone: z
+ .string()
+ .trim()
+ .min(10, "Phone number must be at least 10 digits"),
+ password: z
+ .string()
+ .min(6, "Password must be at least 6 characters"),
+ role: z
+ .enum(["user", "vendor"])
+ .default("user"),
+});
+
+export const verifyOtpSchema = z.object({
+ otp: z
+ .string()
+ .trim()
+ .regex(/^\d{6}$/, "OTP must be 6 digits"),
+ email: z
+ .string()
+ .trim()
+ .email("Invalid email address"),
+});
+
+export const forgotPasswordSchema = z.object({
+ email: z
+ .string()
+ .trim()
+ .email("Invalid email address")
+ .min(1, "Email is required"),
+});
+
+export const resetPasswordSchema = z
+ .object({
+ password: z
+ .string()
+ .min(6, "Password must be at least 6 characters"),
+ confirmPassword: z
+ .string()
+ .min(1, "Please confirm your password"),
+ token: z.string(),
+ })
+ .refine((data) => data.password === data.confirmPassword, {
+ message: "Passwords do not match",
+ path: ["confirmPassword"],
+ });
diff --git a/client/src/lib/validation/bookingValidation.js b/client/src/lib/validation/bookingValidation.js
new file mode 100644
index 0000000000..b724283181
--- /dev/null
+++ b/client/src/lib/validation/bookingValidation.js
@@ -0,0 +1,47 @@
+export const validateBookingDetails = ({
+ eventDate,
+ startTime,
+ endTime,
+ venue,
+}) => {
+ const errors = {};
+
+ if (!eventDate) {
+ errors.eventDate = "Event date is required";
+ }
+
+ if (!startTime) {
+ errors.startTime = "Start time is required";
+ }
+
+ if (!endTime) {
+ errors.endTime = "End time is required";
+ }
+
+ if (startTime && endTime) {
+ if (endTime <= startTime) {
+ errors.endTime =
+ "End time must be after start time";
+ }
+ }
+
+ if (startTime && endTime && venue?.minimumBookingHours) {
+ const start = convertTimeToMinutes(startTime);
+ const end = convertTimeToMinutes(endTime);
+
+ const duration = (end - start) / 60;
+
+ if (duration < venue.minimumBookingHours) {
+ errors.endTime =
+ `Minimum booking duration is ${venue.minimumBookingHours} hours`;
+ }
+ }
+
+ return errors;
+};
+
+const convertTimeToMinutes = (time) => {
+ const [hours, minutes] = time.split(":").map(Number);
+
+ return hours * 60 + minutes;
+};
\ No newline at end of file
diff --git a/client/src/lib/validation/userProfileValidation.js b/client/src/lib/validation/userProfileValidation.js
new file mode 100644
index 0000000000..1c6d1b36b8
--- /dev/null
+++ b/client/src/lib/validation/userProfileValidation.js
@@ -0,0 +1,39 @@
+import { z } from "zod";
+
+export const updateProfileSchema = z
+ .object({
+ fullName: z
+ .string()
+ .trim()
+ .min(3, "Full nam emust be 3 charecters")
+ .max(50, "Full name cannot exceed 50 charecters")
+ .optional(),
+
+ phone: z
+ .string()
+ .trim()
+ .regex(/^[0-9]{10}$/, "phone number must be 10 digits")
+ .optional(),
+ })
+ .refine(
+ (data) =>
+ data.fullName?.trim() || data.phone?.trim(),
+ {
+ message: "At least one field must be provided",
+ }
+ );
+
+export const UserProfileParamsSchema = z.object({
+ userId: z.string().regex(/^[0-9a-fA-F]{24}$/, "invalid user ID"),
+});
+
+export const RequestEmailChangeOtpSchema = z.object({
+ newEmail: z.string().trim().email("invalid email address"),
+});
+
+export const verifyEmailOtpSchema = z.object({
+ otp: z
+ .string()
+ .trim()
+ .regex(/^\d{6}$/, "OTP must be 6 digits"),
+});
diff --git a/client/src/lib/validation/venueValidation.js b/client/src/lib/validation/venueValidation.js
new file mode 100644
index 0000000000..39f8960fe4
--- /dev/null
+++ b/client/src/lib/validation/venueValidation.js
@@ -0,0 +1,146 @@
+import { z } from "zod";
+
+// Keep these values exactly the same as your backend VenueCategory enum
+export const VenueCategory = {
+ BANQUET_HALL: "BANQUET_HALL",
+ CONFERENCE_HALL: "CONFERENCE_HALL",
+ AUDITORIUM: "AUDITORIUM",
+ OUTDOOR: "OUTDOOR",
+ RESTAURANT: "RESTAURANT",
+ HOTEL: "HOTEL",
+};
+
+// ==============================
+// CREATE VENUE SCHEMA
+// ==============================
+
+export const createVenueSchema = z.object({
+ name: z
+ .string()
+ .trim()
+ .min(3, "Venue name must be at least 3 characters")
+ .max(100, "Venue name cannot exceed 100 characters"),
+
+ description: z
+ .string()
+ .trim()
+ .min(10, "Description must be at least 10 characters")
+ .max(2000, "Description cannot exceed 2000 characters"),
+
+ category: z.string().min(1, "Category is required"),
+
+ websiteUrl: z
+ .string()
+ .url("Invalid website URL")
+ .optional()
+ .or(z.literal("")),
+
+ addressLine1: z
+ .string()
+ .trim()
+ .min(5, "Address is required"),
+
+ city: z
+ .string()
+ .trim()
+ .min(2, "City is required"),
+
+ state: z
+ .string()
+ .trim()
+ .min(2, "State is required"),
+
+ country: z
+ .string()
+ .trim()
+ .min(2, "Country is required"),
+
+ phone: z
+ .string()
+ .trim()
+ .regex(/^[0-9]{10,15}$/, "Invalid phone number"),
+
+ pincode: z
+ .string()
+ .trim()
+ .regex(/^[0-9]{4,10}$/, "Invalid pincode"),
+
+ googleMapLink: z
+ .string()
+ .url("Invalid Google Map URL")
+ .optional()
+ .or(z.literal("")),
+
+ seatingCapacity: z.coerce
+ .number()
+ .min(0, "Seating capacity cannot be negative"),
+
+ standingCapacity: z.coerce
+ .number()
+ .min(0, "Standing capacity cannot be negative"),
+
+ pricePerHour: z.coerce
+ .number()
+ .min(0, "Price per hour cannot be negative"),
+
+ pricePerDay: z.coerce
+ .number()
+ .min(0, "Price per day cannot be negative"),
+
+ securityDeposit: z.coerce
+ .number()
+ .min(0, "Security deposit cannot be negative"),
+
+ weekendSurcharge: z.coerce
+ .number()
+ .min(0, "Weekend surcharge cannot be negative"),
+
+ minimumBookingHours: z.coerce
+ .number()
+ .min(0, "Minimum booking hours cannot be negative"),
+
+ amenities: z.preprocess(
+ (value) => {
+ if (typeof value === "string") {
+ try {
+ return JSON.parse(value);
+ } catch {
+ return value;
+ }
+ }
+
+ return value;
+ },
+ z.array(z.string()).optional()
+ ),
+
+ images: z
+ .array(z.instanceof(File))
+ .min(3, "Upload at least 3 images"),
+
+ license: z
+ .instanceof(File)
+ .refine(
+ (file) => file.type === "application/pdf",
+ "Only PDF files are allowed"
+ )
+ .nullable()
+ .optional(),
+});
+
+// ==============================
+// EDIT VENUE SCHEMA
+// ==============================
+
+export const editVenueSchema = createVenueSchema
+ .omit({
+ images: true,
+ license: true,
+ })
+ .extend({
+ vendorId: z.string().min(1, "Vendor ID is required"),
+
+ deletedImages: z.string().optional(),
+
+ deletedLicense: z.string().optional(),
+ });
\ No newline at end of file
diff --git a/client/src/main.jsx b/client/src/main.jsx
new file mode 100644
index 0000000000..7b4b8f6d60
--- /dev/null
+++ b/client/src/main.jsx
@@ -0,0 +1,16 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "./index.css";
+import App from "./app/App";
+import { Provider } from "react-redux";
+import { store } from "./redux/store";
+import { Toaster } from "react-hot-toast";
+
+createRoot(document.getElementById("root")).render(
+
+);
diff --git a/client/src/presentation/.gitkeep b/client/src/presentation/.gitkeep
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/client/src/presentation/components/admin/.gitkeep b/client/src/presentation/components/admin/.gitkeep
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/client/src/presentation/components/admin/AdminHeader.jsx b/client/src/presentation/components/admin/AdminHeader.jsx
new file mode 100644
index 0000000000..fb68803909
--- /dev/null
+++ b/client/src/presentation/components/admin/AdminHeader.jsx
@@ -0,0 +1,79 @@
+import { useState } from "react";
+import { ChevronDown, User, LogOut } from "lucide-react";
+import toast from "react-hot-toast";
+import { useDispatch } from "react-redux";
+import { logout } from "@/redux/slices/AuthSlice";
+import { ROLES } from "@/constants/Roles";
+import { useNavigate } from "react-router-dom";
+import { ROUTES } from "@/constants/routes";
+
+const AdminHeader = () => {
+ const dispatch = useDispatch()
+ const navigate = useNavigate()
+ const [showDropdown, setShowDropdown] = useState(false);
+
+ const handleLogout = async () => {
+ try {
+ await dispatch(logout({role: ROLES.ADMIN})).unwrap()
+ toast('Admin logged out successfully')
+ navigate(ROUTES.ADMIN.LOGIN)
+ } catch (error) {
+ toast.error(error)
+ }
+ }
+
+ return (
+
+
+
+ );
+
+};
+
+export default AdminHeader;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/AdminSidebar.jsx b/client/src/presentation/components/admin/AdminSidebar.jsx
new file mode 100644
index 0000000000..ec76aea34d
--- /dev/null
+++ b/client/src/presentation/components/admin/AdminSidebar.jsx
@@ -0,0 +1,89 @@
+import { LogOut } from "lucide-react";
+import { ADMIN_MENU } from "@/constants/adminMenu";
+import SidebarItem from "./SidebarItem";
+import logo from "@/assets/images/logo.jpeg";
+import toast from "react-hot-toast";
+import { useDispatch } from "react-redux";
+import { logout } from "@/redux/slices/AuthSlice";
+import { ROLES } from "@/constants/Roles";
+import { useNavigate } from "react-router-dom";
+import { ROUTES } from "@/constants/routes";
+
+const AdminSidebar = () => {
+ const dispatch = useDispatch();
+ const navigate = useNavigate();
+
+ const handleLogout = async () => {
+ try {
+ await dispatch(
+ logout({ role: ROLES.ADMIN })
+ ).unwrap();
+
+ toast("Admin logged out successfully");
+
+ navigate(ROUTES.ADMIN.LOGIN);
+
+ } catch (error) {
+ toast.error(error);
+ }
+ };
+
+ return (
+
+ );
+};
+
+export default AdminSidebar;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/SidebarItem.jsx b/client/src/presentation/components/admin/SidebarItem.jsx
new file mode 100644
index 0000000000..97ed25e89e
--- /dev/null
+++ b/client/src/presentation/components/admin/SidebarItem.jsx
@@ -0,0 +1,41 @@
+import { NavLink } from "react-router-dom";
+
+const SidebarItem = ({ menu }) => {
+
+ const Icon = menu.icon;
+
+ return (
+
+
+
+ );
+
+};
+
+export default SidebarItem;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/bookingManagement/BookingActionCard.jsx b/client/src/presentation/components/admin/bookingManagement/BookingActionCard.jsx
new file mode 100644
index 0000000000..6606d89d15
--- /dev/null
+++ b/client/src/presentation/components/admin/bookingManagement/BookingActionCard.jsx
@@ -0,0 +1,136 @@
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+
+import { Badge } from "@/components/ui/badge";
+
+const BookingActionCard = ({ booking }) => {
+
+ const getBadgeClass = (status) => {
+
+ switch (status?.toLowerCase()) {
+
+ // Booking Status
+ case "pending":
+ return "bg-yellow-100 text-yellow-800 border-yellow-300";
+
+ case "confirmed":
+ return "bg-green-100 text-green-800 border-green-300";
+
+ case "completed":
+ return "bg-blue-100 text-blue-800 border-blue-300";
+
+ case "cancelled":
+ return "bg-red-100 text-red-800 border-red-300";
+
+ // Payment Status
+ case "partial":
+ return "bg-sky-100 text-sky-800 border-sky-300";
+
+ case "paid":
+ case "success":
+ return "bg-green-100 text-green-800 border-green-300";
+
+ case "failed":
+ return "bg-red-100 text-red-800 border-red-300";
+
+ case "refunded":
+ return "bg-purple-100 text-purple-800 border-purple-300";
+
+ default:
+ return "";
+ }
+
+ };
+console.log("Booking:", booking);
+
+ return (
+
+
+
+ );
+
+};
+
+export default BookingActionCard;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/bookingManagement/BookingFilters.jsx b/client/src/presentation/components/admin/bookingManagement/BookingFilters.jsx
new file mode 100644
index 0000000000..a8124f2486
--- /dev/null
+++ b/client/src/presentation/components/admin/bookingManagement/BookingFilters.jsx
@@ -0,0 +1,97 @@
+import SearchBar from "../common/SearchBar";
+import FilterTabs from "../common/FilterTabs";
+import FilterDropdown from "../common/FilterDropdown";
+
+const BookingFilters = ({
+ search,
+ onSearchChange,
+ status,
+ onStatusChange,
+ paymentStatus,
+ onPaymentStatusChange,
+}) => {
+
+ const tabs = [
+ {
+ label: "All",
+ value: "",
+ },
+ {
+ label: "Pending",
+ value: "pending",
+ },
+ {
+ label: "Confirmed",
+ value: "confirmed",
+ },
+ {
+ label: "Completed",
+ value: "completed",
+ },
+ {
+ label: "Cancelled",
+ value: "cancelled",
+ },
+
+ ];
+
+ const paymentOptions = [
+ {
+ label: "All Payments",
+ value: "",
+ },
+ {
+ label: "Pending",
+ value: "pending",
+ },
+ {
+ label: "Partial",
+ value: "partial",
+ },
+ {
+ label: "Paid",
+ value: "paid",
+ },
+ {
+ label: "Failed",
+ value: "failed",
+ },
+ {
+ label: "Refunded",
+ value: "refunded",
+ },
+ ];
+
+ return (
+
+
+
+ );
+};
+
+export default BookingFilters;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/bookingManagement/BookingStats.jsx b/client/src/presentation/components/admin/bookingManagement/BookingStats.jsx
new file mode 100644
index 0000000000..289cd3796f
--- /dev/null
+++ b/client/src/presentation/components/admin/bookingManagement/BookingStats.jsx
@@ -0,0 +1,95 @@
+import {
+ CalendarCheck,
+ Clock3,
+ CheckCircle,
+ XCircle,
+ CalendarDays,
+} from "lucide-react";
+
+import {
+ Card,
+ CardContent,
+} from "@/components/ui/card";
+
+const BookingStats = ({ stats }) => {
+
+ const cards = [
+ {
+ title: "TotalBookings",
+ value: stats?.totalBookings || 0,
+ icon: CalendarDays,
+ color: "text-blue-600",
+ },
+ {
+ title: "Pending",
+ value: stats?.pendingBookings || 0,
+ icon: Clock3,
+ color: "text-yellow-600",
+ },
+ {
+ title: "Confirmed",
+ value: stats?.confirmedBookings || 0,
+ icon: CheckCircle,
+ color: "text-green-600",
+ },
+
+ {
+ title: "Cancelled",
+ value: stats?.cancelledBookings || 0,
+ icon: XCircle,
+ color: "text-red-600",
+ },
+ {
+ title: "Completed",
+ value: stats?.completedBookings || 0,
+ icon: CalendarCheck,
+ color: "text-indigo-600",
+ },
+ ];
+
+ return (
+
+ );
+};
+
+export default BookingStats;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/bookingManagement/BookingStatusCard.jsx b/client/src/presentation/components/admin/bookingManagement/BookingStatusCard.jsx
new file mode 100644
index 0000000000..c07ee76781
--- /dev/null
+++ b/client/src/presentation/components/admin/bookingManagement/BookingStatusCard.jsx
@@ -0,0 +1,143 @@
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+
+import { Badge } from "@/components/ui/badge";
+
+const BookingStatusCard = ({ booking }) => {
+
+ const getStatusVariant = (status) => {
+
+ switch (status) {
+
+ case "confirmed":
+ return "default";
+
+ case "pending":
+ return "secondary";
+
+ case "cancelled":
+ return "destructive";
+
+ case "completed":
+ return "outline";
+
+ default:
+ return "secondary";
+
+ }
+
+ };
+
+ const formatDate = (date) => {
+
+ if (!date) return "-";
+
+ return new Date(date).toLocaleDateString("en-IN", {
+
+ day: "2-digit",
+
+ month: "long",
+
+ year: "numeric",
+
+ });
+
+ };
+
+ return (
+
+
+
+ );
+
+};
+
+export default BookingStatusCard;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/bookingManagement/BookingTable.jsx b/client/src/presentation/components/admin/bookingManagement/BookingTable.jsx
new file mode 100644
index 0000000000..f67cd07704
--- /dev/null
+++ b/client/src/presentation/components/admin/bookingManagement/BookingTable.jsx
@@ -0,0 +1,89 @@
+import {
+ Table,
+ TableBody,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/components/ui/table";
+
+import BookingTableRow from "./BookingTableRow";
+
+const BookingTable = ({
+ bookings,
+ onView,
+}) => {
+
+ return (
+
+
+
+ );
+
+};
+
+export default BookingTable;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/bookingManagement/BookingTableRow.jsx b/client/src/presentation/components/admin/bookingManagement/BookingTableRow.jsx
new file mode 100644
index 0000000000..67bfa231f7
--- /dev/null
+++ b/client/src/presentation/components/admin/bookingManagement/BookingTableRow.jsx
@@ -0,0 +1,168 @@
+import { Eye } from "lucide-react";
+
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+
+import {
+ TableCell,
+ TableRow,
+} from "@/components/ui/table";
+
+const BookingTableRow = ({
+ booking,
+ onView,
+}) => {
+
+ const bookingStatus = booking.status;
+
+ const paymentStatus = booking.paymentStatus;
+
+ const bookingStatusClass = {
+
+ pending: "bg-yellow-100 text-yellow-700",
+
+ confirmed: "bg-green-100 text-green-700",
+
+ cancelled: "bg-red-100 text-red-700",
+
+ completed: "bg-blue-100 text-blue-700",
+
+ };
+
+ const paymentStatusClass = {
+
+ pending: "bg-yellow-100 text-yellow-700",
+
+ partial: "bg-orange-100 text-orange-700",
+
+ paid: "bg-green-100 text-green-700",
+
+ refunded: "bg-purple-100 text-purple-700",
+
+ failed: "bg-red-100 text-red-700",
+
+ success: "bg-green-100 text-green-700",
+
+ };
+
+ return (
+
+
+
+ );
+
+};
+
+export default BookingTableRow;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/bookingManagement/BookingTimelineCard.jsx b/client/src/presentation/components/admin/bookingManagement/BookingTimelineCard.jsx
new file mode 100644
index 0000000000..da4d0cf0ae
--- /dev/null
+++ b/client/src/presentation/components/admin/bookingManagement/BookingTimelineCard.jsx
@@ -0,0 +1,164 @@
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+
+const BookingTimelineCard = ({ booking }) => {
+
+ const formatDate = (date) => {
+
+ if (!date) return "-";
+
+ return new Date(date).toLocaleDateString("en-IN", {
+ day: "2-digit",
+ month: "short",
+ year: "numeric",
+ });
+
+ };
+
+ const formatDateTime = (date) => {
+
+ if (!date) return "-";
+
+ return new Date(date).toLocaleString("en-IN", {
+ day: "2-digit",
+ month: "short",
+ year: "numeric",
+ hour: "2-digit",
+ minute: "2-digit",
+ });
+
+ };
+
+ return (
+
+
+
+ );
+
+};
+
+export default BookingTimelineCard;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/bookingManagement/BookingpaymentCard.jsx b/client/src/presentation/components/admin/bookingManagement/BookingpaymentCard.jsx
new file mode 100644
index 0000000000..d319af946f
--- /dev/null
+++ b/client/src/presentation/components/admin/bookingManagement/BookingpaymentCard.jsx
@@ -0,0 +1,140 @@
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+
+const BookingPaymentCard = ({ booking }) => {
+
+ const paymentStatusColor = {
+
+ pending: "text-yellow-600",
+
+ partial: "text-orange-600",
+
+ paid: "text-green-600",
+
+ failed: "text-red-600",
+
+ refunded: "text-blue-600",
+
+ success: "text-green-600",
+
+ };
+
+ return (
+
+
+
+ );
+
+};
+
+export default BookingPaymentCard;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/bookingManagement/UserInfoCard.jsx b/client/src/presentation/components/admin/bookingManagement/UserInfoCard.jsx
new file mode 100644
index 0000000000..f35be4bc9c
--- /dev/null
+++ b/client/src/presentation/components/admin/bookingManagement/UserInfoCard.jsx
@@ -0,0 +1,82 @@
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+
+const UserInfoCard = ({ user }) => {
+
+ return (
+
+
+
+ );
+
+};
+
+export default UserInfoCard;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/bookingManagement/VendorInfoCard.jsx b/client/src/presentation/components/admin/bookingManagement/VendorInfoCard.jsx
new file mode 100644
index 0000000000..efecc81c6d
--- /dev/null
+++ b/client/src/presentation/components/admin/bookingManagement/VendorInfoCard.jsx
@@ -0,0 +1,98 @@
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+
+const VendorInfoCard = ({ vendor }) => {
+
+ return (
+
+
+
+ );
+
+};
+
+export default VendorInfoCard;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/bookingManagement/VenueInfoCard.jsx b/client/src/presentation/components/admin/bookingManagement/VenueInfoCard.jsx
new file mode 100644
index 0000000000..06dff9def3
--- /dev/null
+++ b/client/src/presentation/components/admin/bookingManagement/VenueInfoCard.jsx
@@ -0,0 +1,120 @@
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+
+const VenueInfoCard = ({ venue }) => {
+
+ return (
+
+
+
+ );
+
+};
+
+export default VenueInfoCard;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/common/FilterDropdown.jsx b/client/src/presentation/components/admin/common/FilterDropdown.jsx
new file mode 100644
index 0000000000..66f49b7993
--- /dev/null
+++ b/client/src/presentation/components/admin/common/FilterDropdown.jsx
@@ -0,0 +1,34 @@
+const FilterDropdown = ({
+ label,
+ value,
+ onChange,
+ options = [],
+ className = "",
+}) => {
+ return (
+
+ );
+};
+
+export default FilterDropdown;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/common/FilterTabs.jsx b/client/src/presentation/components/admin/common/FilterTabs.jsx
new file mode 100644
index 0000000000..6df93821f4
--- /dev/null
+++ b/client/src/presentation/components/admin/common/FilterTabs.jsx
@@ -0,0 +1,42 @@
+const FilterTabs = ({
+ tabs,
+ activeTab,
+ onTabChange
+}) => {
+console.log("activeTab",activeTab)
+console.log("tabs",tabs)
+ return (
+
+
+
+ );
+
+};
+
+export default FilterTabs;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/common/PageHeader.jsx b/client/src/presentation/components/admin/common/PageHeader.jsx
new file mode 100644
index 0000000000..3c431579a4
--- /dev/null
+++ b/client/src/presentation/components/admin/common/PageHeader.jsx
@@ -0,0 +1,25 @@
+const PageHeader = ({ title, subtitle, children }) => {
+ return (
+
+ );
+};
+
+export default PageHeader;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/common/SearchBar.jsx b/client/src/presentation/components/admin/common/SearchBar.jsx
new file mode 100644
index 0000000000..27d253bea1
--- /dev/null
+++ b/client/src/presentation/components/admin/common/SearchBar.jsx
@@ -0,0 +1,46 @@
+import { Search } from "lucide-react";
+
+const SearchBar = ({
+ value,
+ onChange,
+ placeholder = "Search..."
+}) => {
+
+ return (
+
+
+
+ );
+
+};
+
+export default SearchBar;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/dashboard/BookingOverviewChart.jsx b/client/src/presentation/components/admin/dashboard/BookingOverviewChart.jsx
new file mode 100644
index 0000000000..082e918c7a
--- /dev/null
+++ b/client/src/presentation/components/admin/dashboard/BookingOverviewChart.jsx
@@ -0,0 +1,94 @@
+import {
+ ResponsiveContainer,
+ BarChart,
+ Bar,
+ XAxis,
+ YAxis,
+ CartesianGrid,
+ Tooltip,
+} from "recharts";
+
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+
+const BookingOverviewChart = ({ data }) => {
+ const getMonthName = (monthNumber) => {
+ return new Date(
+ 2000,
+ monthNumber - 1
+ ).toLocaleString("en-US", {
+ month: "short",
+ });
+ };
+
+ const chartData = data.map((item) => ({
+ ...item,
+ month: getMonthName(item.month),
+ }));
+
+ return (
+
+
+
+ );
+
+};
+
+export default BookingOverviewChart;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/dashboard/DashboardStats.jsx b/client/src/presentation/components/admin/dashboard/DashboardStats.jsx
new file mode 100644
index 0000000000..987857f9ba
--- /dev/null
+++ b/client/src/presentation/components/admin/dashboard/DashboardStats.jsx
@@ -0,0 +1,119 @@
+import {
+ Users,
+ UserCheck,
+ Building2,
+ CalendarDays,
+ IndianRupee,
+ Clock3,
+ BadgeCheck,
+} from "lucide-react";
+
+import {
+ Card,
+ CardContent,
+} from "@/components/ui/card";
+
+const DashboardStats = ({ stats }) => {
+
+ const cards = [
+
+ {
+ title: "Total Users",
+ value: stats?.summary?.totalUsers || 0,
+ icon: Users,
+ color: "text-blue-600",
+ },
+
+ {
+ title: "Total Vendors",
+ value: stats?.summary?.totalVendors || 0,
+ icon: UserCheck,
+ color: "text-green-600",
+ },
+
+ {
+ title: "Total Venues",
+ value: stats?.summary?.totalVenues || 0,
+ icon: Building2,
+ color: "text-purple-600",
+ },
+
+ {
+ title: "Total Bookings",
+ value: stats?.summary?.totalBookings || 0,
+ icon: CalendarDays,
+ color: "text-orange-600",
+ },
+
+ {
+ title: "Revenue",
+ value: `₹${(stats?.summary?.totalRevenue || 0).toLocaleString()}`,
+ icon: IndianRupee,
+ color: "text-emerald-600",
+ },
+
+ {
+ title: "Pending Vendors",
+ value: stats?.summary?.pendingVendorApprovals || 0,
+ icon: Clock3,
+ color: "text-yellow-600",
+ },
+
+ {
+ title: "Pending Venues",
+ value: stats?.summary?.pendingVenueApprovals || 0,
+ icon: BadgeCheck,
+ color: "text-red-600",
+ },
+
+ ];
+
+ return (
+
+
+
+ );
+
+};
+
+export default DashboardStats;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/dashboard/RevenueChart.jsx b/client/src/presentation/components/admin/dashboard/RevenueChart.jsx
new file mode 100644
index 0000000000..b06f373951
--- /dev/null
+++ b/client/src/presentation/components/admin/dashboard/RevenueChart.jsx
@@ -0,0 +1,103 @@
+import {
+ ResponsiveContainer,
+ LineChart,
+ Line,
+ XAxis,
+ YAxis,
+ CartesianGrid,
+ Tooltip,
+} from "recharts";
+
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+
+const RevenueChart = ({ data }) => {
+ const getMonthName = (monthNumber) => {
+
+ return new Date(
+ 2000,
+ monthNumber - 1
+ ).toLocaleString("en-US", {
+ month: "short",
+ });
+
+ };
+
+ const chartData = data.map((item) => ({
+
+ ...item,
+
+ month: getMonthName(item.month),
+
+ }));
+
+ return (
+
+
+
+ );
+
+};
+
+export default RevenueChart;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/paymentManagement/BookingInfoCard.jsx b/client/src/presentation/components/admin/paymentManagement/BookingInfoCard.jsx
new file mode 100644
index 0000000000..e410374fcc
--- /dev/null
+++ b/client/src/presentation/components/admin/paymentManagement/BookingInfoCard.jsx
@@ -0,0 +1,137 @@
+import {
+ CalendarDays,
+ Clock3,
+ ClipboardList,
+ CreditCard,
+} from "lucide-react";
+
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+
+import { Badge } from "@/components/ui/badge";
+
+const BookingInfoCard = ({ booking }) => {
+ if (!booking) return null;
+
+ const bookingStatusClass = {
+ pending: "bg-yellow-100 text-yellow-700",
+ confirmed: "bg-green-100 text-green-700",
+ cancelled: "bg-red-100 text-red-700",
+ completed: "bg-blue-100 text-blue-700",
+ rejected: "bg-red-100 text-red-700",
+ };
+
+ const paymentStatusClass = {
+ pending: "bg-yellow-100 text-yellow-700",
+ partial: "bg-orange-100 text-orange-700",
+ paid: "bg-green-100 text-green-700",
+ refunded: "bg-purple-100 text-purple-700",
+ failed: "bg-red-100 text-red-700",
+ success: "bg-green-100 text-green-700",
+ };
+
+ return (
+
+ );
+};
+
+export default BookingInfoCard;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/paymentManagement/PaymentFilters.jsx b/client/src/presentation/components/admin/paymentManagement/PaymentFilters.jsx
new file mode 100644
index 0000000000..4be7103c77
--- /dev/null
+++ b/client/src/presentation/components/admin/paymentManagement/PaymentFilters.jsx
@@ -0,0 +1,95 @@
+import SearchBar from "../common/SearchBar";
+import FilterTabs from "../common/FilterTabs";
+import FilterDropdown from "../common/FilterDropdown";
+
+const PaymentFilters = ({
+ search,
+ onSearchChange,
+ paymentStatus,
+ onPaymentStatusChange,
+ paymentType,
+ onPaymentTypeChange,
+}) => {
+
+const tabs = [
+ {
+ label: "All",
+ value: "",
+ },
+ {
+ label: "Advance",
+ value: "advance",
+ },
+ {
+ label: "Balance",
+ value: "balance",
+ },
+ {
+ label: "Full",
+ value: "full",
+ },
+];
+
+ const paymentStatusOptions = [
+ {
+ label: "All Payments",
+ value: "",
+ },
+ {
+ label: "Pending",
+ value: "pending",
+ },
+ {
+ label: "Success",
+ value: "success",
+ },
+ {
+ label: "Failed",
+ value: "failed",
+ },
+ {
+ label: "Refunded",
+ value: "refunded",
+ },
+ ];
+
+
+ return (
+
+
+
+ );
+
+};
+
+export default PaymentFilters;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/paymentManagement/PaymentInfoCard.jsx b/client/src/presentation/components/admin/paymentManagement/PaymentInfoCard.jsx
new file mode 100644
index 0000000000..b5b96a5408
--- /dev/null
+++ b/client/src/presentation/components/admin/paymentManagement/PaymentInfoCard.jsx
@@ -0,0 +1,159 @@
+import {
+ IndianRupee,
+ CreditCard,
+ Wallet,
+ BadgeCheck,
+ RotateCcw,
+ CalendarClock,
+} from "lucide-react";
+
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+
+import { Badge } from "@/components/ui/badge";
+
+const PaymentInfoCard = ({ payment }) => {
+ if (!payment) return null;
+
+ const statusClass = {
+ success: "bg-green-100 text-green-700",
+ pending: "bg-yellow-100 text-yellow-700",
+ failed: "bg-red-100 text-red-700",
+ refunded: "bg-purple-100 text-purple-700",
+ partial: "bg-orange-100 text-orange-700",
+ paid: "bg-green-100 text-green-700",
+ };
+
+ return (
+
+ );
+};
+
+export default PaymentInfoCard;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/paymentManagement/PaymentStats.jsx b/client/src/presentation/components/admin/paymentManagement/PaymentStats.jsx
new file mode 100644
index 0000000000..7eab0a61d9
--- /dev/null
+++ b/client/src/presentation/components/admin/paymentManagement/PaymentStats.jsx
@@ -0,0 +1,111 @@
+import {
+ CreditCard,
+ CheckCircle,
+ Clock3,
+ XCircle,
+ RotateCcw,
+ IndianRupee,
+} from "lucide-react";
+
+import {
+ Card,
+ CardContent,
+} from "@/components/ui/card";
+
+const PaymentStats = ({ stats }) => {
+
+ const cards = [
+
+ {
+ title: "Total Payments",
+ value: stats?.totalPayments || 0,
+ icon: CreditCard,
+ color: "text-blue-600",
+ },
+
+ {
+ title: "Successful",
+ value: stats?.successfulPayments || 0,
+ icon: CheckCircle,
+ color: "text-green-600",
+ },
+
+ {
+ title: "Pending",
+ value: stats?.pendingPayments || 0,
+ icon: Clock3,
+ color: "text-yellow-600",
+ },
+
+ {
+ title: "Failed",
+ value: stats?.failedPayments || 0,
+ icon: XCircle,
+ color: "text-red-600",
+ },
+
+ {
+ title: "Refunded",
+ value: stats?.refundedPayments || 0,
+ icon: RotateCcw,
+ color: "text-purple-600",
+ },
+
+ {
+ title: "Revenue",
+ value: `₹${(stats?.totalRevenue || 0).toLocaleString()}`,
+ icon: IndianRupee,
+ color: "text-emerald-600",
+ },
+
+ ];
+
+ return (
+
+
+
+ );
+
+};
+
+export default PaymentStats;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/paymentManagement/PaymentSummaryCard.jsx b/client/src/presentation/components/admin/paymentManagement/PaymentSummaryCard.jsx
new file mode 100644
index 0000000000..9015a9538c
--- /dev/null
+++ b/client/src/presentation/components/admin/paymentManagement/PaymentSummaryCard.jsx
@@ -0,0 +1,142 @@
+import {
+ CreditCard,
+ BadgeCheck,
+ Calendar,
+ Wallet,
+} from "lucide-react";
+
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+
+import { Badge } from "@/components/ui/badge";
+
+const PaymentSummaryCard = ({ payment }) => {
+ const statusClass = {
+ success: "bg-green-100 text-green-700",
+ pending: "bg-yellow-100 text-yellow-700",
+ failed: "bg-red-100 text-red-700",
+ refunded: "bg-purple-100 text-purple-700",
+ };
+
+ return (
+
+ );
+};
+
+export default PaymentSummaryCard;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/paymentManagement/PaymentTable.jsx b/client/src/presentation/components/admin/paymentManagement/PaymentTable.jsx
new file mode 100644
index 0000000000..4e34e680a8
--- /dev/null
+++ b/client/src/presentation/components/admin/paymentManagement/PaymentTable.jsx
@@ -0,0 +1,91 @@
+import {
+ Table,
+ TableBody,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/components/ui/table";
+
+import PaymentTableRow from "./PaymentTableRow";
+
+const PaymentTable = ({
+ payments,
+ onView,
+}) => {
+
+ return (
+
+
+
+ );
+
+};
+
+export default PaymentTable;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/paymentManagement/PaymentTableRow.jsx b/client/src/presentation/components/admin/paymentManagement/PaymentTableRow.jsx
new file mode 100644
index 0000000000..589d89be64
--- /dev/null
+++ b/client/src/presentation/components/admin/paymentManagement/PaymentTableRow.jsx
@@ -0,0 +1,158 @@
+import { Eye } from "lucide-react";
+
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+
+import {
+ TableCell,
+ TableRow,
+} from "@/components/ui/table";
+
+const PaymentTableRow = ({
+ payment,
+ onView,
+}) => {
+
+ const paymentStatusClass = {
+
+ pending: "bg-yellow-100 text-yellow-700",
+
+ success: "bg-green-100 text-green-700",
+
+ failed: "bg-red-100 text-red-700",
+
+ refunded: "bg-purple-100 text-purple-700",
+
+ };
+
+ const paymentTypeClass = {
+
+ advance: "bg-blue-100 text-blue-700",
+
+ balance: "bg-orange-100 text-orange-700",
+
+ full: "bg-purple-100 text-purple-700",
+
+ };
+
+ return (
+
+
+
+ );
+
+};
+
+export default PaymentTableRow;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/userManagement/UserFilters.jsx b/client/src/presentation/components/admin/userManagement/UserFilters.jsx
new file mode 100644
index 0000000000..dfe6d76b04
--- /dev/null
+++ b/client/src/presentation/components/admin/userManagement/UserFilters.jsx
@@ -0,0 +1,61 @@
+
+import SearchBar from "../common/SearchBar";
+import FilterTabs from "../common/FilterTabs";
+
+const UserFilters = ({
+ search,
+ onSearchChange,
+ status,
+ onStatusChange
+}) => {
+
+ const tabs = [
+
+ {
+ label: "All",
+ value: "all"
+ },
+
+ {
+ label: "Active",
+ value: "active"
+ },
+
+ {
+ label: "Blocked",
+ value: "blocked"
+ }
+
+ ];
+
+ return (
+
+
+
+ );
+
+};
+
+export default UserFilters;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/userManagement/UserTable.jsx b/client/src/presentation/components/admin/userManagement/UserTable.jsx
new file mode 100644
index 0000000000..557f65052b
--- /dev/null
+++ b/client/src/presentation/components/admin/userManagement/UserTable.jsx
@@ -0,0 +1,97 @@
+import UserTableRow from "./UserTableRow";
+
+import {
+ Table,
+ TableBody,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/components/ui/table"
+
+const UserTable = ({
+ users,
+ onView,
+ onBlock,
+}) => {
+
+ return (
+
+
+
+ );
+
+};
+
+export default UserTable;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/userManagement/UserTableRow.jsx b/client/src/presentation/components/admin/userManagement/UserTableRow.jsx
new file mode 100644
index 0000000000..a29d2f9bff
--- /dev/null
+++ b/client/src/presentation/components/admin/userManagement/UserTableRow.jsx
@@ -0,0 +1,135 @@
+import { Eye, Ban, CheckCircle } from "lucide-react";
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+
+import {
+ TableCell,
+ TableRow,
+} from "@/components/ui/table"
+
+const UserTableRow = ({
+ user,
+ onView,
+ onBlock,
+}) => {
+ console.log(user)
+
+ const isBlocked = user.isBlocked;
+
+
+ return (
+
+
+
+ );
+
+};
+
+export default UserTableRow;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/vendorManagement/VendorFilters.jsx b/client/src/presentation/components/admin/vendorManagement/VendorFilters.jsx
new file mode 100644
index 0000000000..7d79ef5227
--- /dev/null
+++ b/client/src/presentation/components/admin/vendorManagement/VendorFilters.jsx
@@ -0,0 +1,62 @@
+import SearchBar from "../common/SearchBar";
+import FilterTabs from "../common/FilterTabs";
+
+const VendorFilters = ({
+ search,
+ onSearchChange,
+ status,
+ onStatusChange,
+}) => {
+
+ const tabs = [
+
+ {
+ label: "All",
+ value: "all",
+ },
+
+ {
+ label: "Pending",
+ value: "pending",
+ },
+
+ {
+ label: "Approved",
+ value: "approved",
+ },
+
+ {
+ label: "Rejected",
+ value: "rejected",
+ },
+
+ {
+ label: "Blocked",
+ value: "blocked",
+ },
+
+ ];
+
+ return (
+
+
+
+ );
+
+};
+
+export default VendorFilters;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/vendorManagement/VendorTable.jsx b/client/src/presentation/components/admin/vendorManagement/VendorTable.jsx
new file mode 100644
index 0000000000..8c8ade6e7c
--- /dev/null
+++ b/client/src/presentation/components/admin/vendorManagement/VendorTable.jsx
@@ -0,0 +1,107 @@
+import VendorTableRow from "./VendorTableRow";
+
+import {
+ Table,
+ TableHeader,
+ TableBody,
+ TableHead,
+ TableRow,
+} from "@/components/ui/table";
+
+const VendorTable = ({
+ vendors,
+ onView,
+ onApprove,
+ onReject,
+ onBlock,
+ onUnblock,
+}) => {
+
+ return (
+
+
+
+ );
+
+};
+
+export default VendorTable;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/vendorManagement/VendorTableRow.jsx b/client/src/presentation/components/admin/vendorManagement/VendorTableRow.jsx
new file mode 100644
index 0000000000..4c92ca994e
--- /dev/null
+++ b/client/src/presentation/components/admin/vendorManagement/VendorTableRow.jsx
@@ -0,0 +1,233 @@
+import {
+ Eye,
+ CheckCircle,
+ XCircle,
+ Ban,
+ ShieldCheck,
+} from "lucide-react";
+
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+
+import {
+ TableCell,
+ TableRow,
+} from "@/components/ui/table";
+
+const VendorTableRow = ({
+ vendor,
+ onView,
+ onApprove,
+ onReject,
+ onBlock,
+ onUnblock,
+}) => {
+
+ const isBlocked = vendor.isBlocked;
+
+ const approvalStatus = vendor.approvalStatus;
+
+ // Display Status
+ let displayStatus = "";
+
+ if (isBlocked) {
+
+ displayStatus = "Blocked";
+
+ } else {
+
+ displayStatus =
+ approvalStatus.charAt(0) +
+ approvalStatus.slice(1).toLowerCase();
+
+ }
+
+ // Badge Variant
+ let badgeVariant = "secondary";
+
+ if (isBlocked) {
+
+ badgeVariant = "destructive";
+
+ } else if (approvalStatus === "APPROVED") {
+
+ badgeVariant = "default";
+
+ } else if (approvalStatus === "REJECTED") {
+
+ badgeVariant = "outline";
+
+ }
+
+ return (
+
+
+
+ );
+
+};
+
+export default VendorTableRow;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/venueManagement/VenueFilters.jsx b/client/src/presentation/components/admin/venueManagement/VenueFilters.jsx
new file mode 100644
index 0000000000..a654aee935
--- /dev/null
+++ b/client/src/presentation/components/admin/venueManagement/VenueFilters.jsx
@@ -0,0 +1,128 @@
+import SearchBar from "../common/SearchBar";
+import FilterTabs from "../common/FilterTabs";
+import FilterDropdown from "../common/FilterDropdown";
+
+const VenueFilters = ({
+ search,
+ onSearchChange,
+ status,
+ onStatusChange,
+ category,
+ onCategoryChange,
+}) => {
+
+ const tabs = [
+ {
+ label: "All",
+ value: "all",
+ },
+ {
+ label: "Pending",
+ value: "pending",
+ },
+ {
+ label: "Approved",
+ value: "approved",
+ },
+ {
+ label: "Rejected",
+ value: "rejected",
+ },
+ {
+ label: "Blocked",
+ value: "blocked",
+ },
+ ];
+
+const categoryOptions = [
+ {
+ label: "All Categories",
+ value: "",
+ },
+ {
+ label: "Beach Side",
+ value: "Beach Side",
+ },
+ {
+ label: "Conference Hall",
+ value: "Conference Hall",
+ },
+ {
+ label: "Auditorium",
+ value: "Auditorium",
+ },
+ {
+ label: "Banquet Hall",
+ value: "Banquet Hall",
+ },
+ {
+ label: "Party Hall",
+ value: "Party Hall",
+ },
+ {
+ label: "Rooftop",
+ value: "Rooftop",
+ },
+ {
+ label: "Cafe",
+ value: "Cafe",
+ },
+ {
+ label: "Farm House",
+ value: "Farm House",
+ },
+ {
+ label: "Palace",
+ value: "Palace",
+ },
+ {
+ label: "Studio",
+ value: "Studio",
+ },
+ {
+ label: "Outdoor Garden",
+ value: "Outdoor Garden",
+ },
+ {
+ label: "Resort",
+ value: "Resort",
+ },
+ {
+ label: "Hotel",
+ value: "Hotel",
+ },
+];
+
+ return (
+
+
+
+ );
+};
+
+export default VenueFilters;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/venueManagement/VenueTable.jsx b/client/src/presentation/components/admin/venueManagement/VenueTable.jsx
new file mode 100644
index 0000000000..7edc5a7d5b
--- /dev/null
+++ b/client/src/presentation/components/admin/venueManagement/VenueTable.jsx
@@ -0,0 +1,99 @@
+import VenueTableRow from "./VenueTableRow";
+
+import {
+ Table,
+ TableHeader,
+ TableBody,
+ TableHead,
+ TableRow,
+} from "@/components/ui/table";
+
+const VenueTable = ({
+ venues,
+ onView,
+ onApprove,
+ onReject,
+ onBlock,
+ onUnblock,
+}) => {
+
+ return (
+
+
+
+ );
+
+};
+
+export default VenueTable;
\ No newline at end of file
diff --git a/client/src/presentation/components/admin/venueManagement/VenueTableRow.jsx b/client/src/presentation/components/admin/venueManagement/VenueTableRow.jsx
new file mode 100644
index 0000000000..2caa133285
--- /dev/null
+++ b/client/src/presentation/components/admin/venueManagement/VenueTableRow.jsx
@@ -0,0 +1,233 @@
+import {
+ Eye,
+ CheckCircle,
+ XCircle,
+ Ban,
+ ShieldCheck,
+} from "lucide-react";
+
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+
+import {
+ TableCell,
+ TableRow,
+} from "@/components/ui/table";
+
+const VenueTableRow = ({
+ venue,
+ onView,
+ onApprove,
+ onReject,
+ onBlock,
+ onUnblock,
+}) => {
+
+ const isBlocked = venue.isBlocked;
+
+ const approvalStatus = venue.approvalStatus;
+
+ // Display Status
+ let displayStatus = "";
+
+ if (isBlocked) {
+
+ displayStatus = "Blocked";
+
+ } else {
+
+ displayStatus =
+ approvalStatus.charAt(0) +
+ approvalStatus.slice(1).toLowerCase();
+
+ }
+
+ //Badge Variant
+ let badgeVariant = "secondary";
+
+ if (isBlocked) {
+
+ badgeVariant = "destructive";
+
+ } else if (approvalStatus === "APPROVED") {
+
+ badgeVariant = "default";
+
+ } else if (approvalStatus === "REJECTED") {
+
+ badgeVariant = "outline";
+
+ }
+
+ return (
+
+
+
+ );
+
+};
+
+export default VenueTableRow;
\ No newline at end of file
diff --git a/client/src/presentation/components/auth/.gitkeep b/client/src/presentation/components/auth/.gitkeep
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/client/src/presentation/components/auth/AuthBanner.jsx b/client/src/presentation/components/auth/AuthBanner.jsx
new file mode 100644
index 0000000000..f0901d0674
--- /dev/null
+++ b/client/src/presentation/components/auth/AuthBanner.jsx
@@ -0,0 +1,40 @@
+const features = [
+ "5,000+ Verified Venues",
+ "Secure Booking Process",
+ "24/7 Customer Support"
+]
+
+const AuthBanner = () => {
+ return (
+
+ )
+}
+
+export default AuthBanner
diff --git a/client/src/presentation/components/auth/ForgotPasswordForm.jsx b/client/src/presentation/components/auth/ForgotPasswordForm.jsx
new file mode 100644
index 0000000000..fe9366ca5c
--- /dev/null
+++ b/client/src/presentation/components/auth/ForgotPasswordForm.jsx
@@ -0,0 +1,140 @@
+import { useState } from 'react'
+import { Link, useLocation } from 'react-router-dom'
+import { Mail, ArrowLeft } from 'lucide-react'
+import api from '@/lib/axios'
+// import { ROLES } from "@/constants/Roles";
+import { API_ROUTES } from "@/constants/apiRoutes"
+
+import { ROUTES } from '@/constants/routes'
+
+const ForgotPasswordForm = () => {
+ const location = useLocation()
+ const [email, setEmail] = useState('')
+ const [loading, setLoading] = useState(false)
+ const [error, setError] = useState(null)
+ const [success, setSuccess] = useState(false)
+ const role = location.state?.role
+
+
+ const handleSubmit = async (e) => {
+ e.preventDefault()
+ setLoading(true)
+ setError(null)
+
+ try {
+ await api.post(API_ROUTES.AUTH.FORGOT_PASSWORD(role), { email })
+ setSuccess(true)
+ } catch (err) {
+ console.log(err)
+ setError(err.response?.data?.message || 'Something went wrong. Please try again.')
+ } finally {
+
+ setLoading(false)
+ }
+ }
+
+ return (
+
+ )
+}
+
+export default ForgotPasswordForm
diff --git a/client/src/presentation/components/auth/LoginForm.jsx b/client/src/presentation/components/auth/LoginForm.jsx
new file mode 100644
index 0000000000..0ead8c3a47
--- /dev/null
+++ b/client/src/presentation/components/auth/LoginForm.jsx
@@ -0,0 +1,201 @@
+import { useState } from 'react'
+import { useDispatch, useSelector } from 'react-redux'
+import { useNavigate, Link, useLocation } from 'react-router-dom'
+import { User, Mail, Lock, Eye, EyeOff } from 'lucide-react'
+import { login } from "@/redux/slices/AuthSlice"
+import { ROUTES } from "@/constants/routes"
+import { ROLES } from '@/constants/Roles'
+import toast from "react-hot-toast"
+
+const LoginForm = () => {
+ const dispatch = useDispatch()
+ const navigate = useNavigate()
+ const location = useLocation()
+
+ const initialRole = location.state?.role || ROLES.USER
+ const initialEmail = location.state?.email || ""
+
+ const [role, setRole] = useState(initialRole)
+ const [formData, setFormData] = useState({ email: initialEmail, password: "" })
+ const [showPassword, setShowPassword] = useState(false)
+
+ const { loading } = useSelector((state) => state.auth)
+
+ const handleChange = (e) => {
+ setFormData({ ...formData, [e.target.name]: e.target.value })
+ }
+
+ const handleSubmit = async (e) => {
+ e.preventDefault()
+
+ try {
+ // 1. Dispatch login action passing selected role (USER or VENDOR)
+ const result = await dispatch(
+ login({
+ role,
+ data: formData,
+ })
+ ).unwrap()
+
+ console.log("Login Result:", result);
+
+ toast.success("Login successful!")
+
+
+ const userRole = result?.data?.user?.role || result?.data?.vendor?.role || result?.user?.role || result?.role || role
+
+
+ if (userRole.toLowerCase() === ROLES.VENDOR.toLowerCase()) {
+ navigate(ROUTES.VENDOR.DASHBOARD)
+
+ } else if (userRole === "customer") {
+
+ navigate(ROUTES.PUBLIC.HOME)
+ }
+
+ } catch (err) {
+ console.error("Login failed:", err)
+ toast.error(err?.message || err || "Invalid email or password")
+ }
+ }
+
+ return (
+
+ )
+}
+
+export default LoginForm
\ No newline at end of file
diff --git a/client/src/presentation/components/auth/RegisterForm.jsx b/client/src/presentation/components/auth/RegisterForm.jsx
new file mode 100644
index 0000000000..32485b5956
--- /dev/null
+++ b/client/src/presentation/components/auth/RegisterForm.jsx
@@ -0,0 +1,176 @@
+import { useState } from 'react'
+import { useNavigate, Link } from 'react-router-dom'
+import { User, Mail, Phone, Lock, Eye, EyeOff } from 'lucide-react'
+import { useDispatch, useSelector } from "react-redux"
+import toast from "react-hot-toast"
+
+import { ROUTES } from '@/constants/routes'
+import { registerSchema } from '@/lib/validation/authValidation'
+import { ROLES } from '@/constants/Roles'
+import { registerUser } from "@/redux/slices/AuthSlice"
+
+const RegisterForm = () => {
+ const navigate = useNavigate()
+ const dispatch = useDispatch()
+
+ const [formData, setFormData] = useState({
+ fullName: '',
+ email: '',
+ phone: '',
+ password: '',
+ confirmPassword: '',
+ })
+ const [role, setRole] = useState(ROLES.USER)
+ const [showPassword, setShowPassword] = useState(false)
+ const [showConfirmPassword, setShowConfirmPassword] = useState(false)
+
+ const { loading } = useSelector((state) => state.auth)
+
+ const handleChange = (e) => {
+ setFormData({
+ ...formData,
+ [e.target.name]: e.target.value,
+ })
+ }
+
+ const handleSubmit = async (e) => {
+ e.preventDefault()
+
+
+ if (formData.password !== formData.confirmPassword) {
+ toast.error('Passwords do not match')
+ return
+ }
+
+ // 2. Schema validation (Zod)
+ const validation = registerSchema.safeParse({
+ ...formData,
+ role,
+ })
+
+ if (!validation.success) {
+ const errorMessage = validation.error.issues[0]?.message || 'Validation failed'
+ toast.error(errorMessage)
+ return
+ }
+
+
+ try {
+ const result = await dispatch(
+ registerUser({
+ role,
+ userData: validation.data,
+ })
+ ).unwrap()
+
+ console.log("success")
+ toast.success(result?.message || "Account created successfully! Please verify your OTP.")
+
+ navigate(ROUTES.PUBLIC.VERIFY_OTP, {
+ state: {
+ email: formData.email,
+ role,
+
+ },
+ })
+ } catch (err) {
+ const apiError = err?.message || err || "Registration failed"
+ toast.error(apiError)
+ }
+
+ }
+
+ return (
+
+ )
+}
+
+export default RegisterForm
\ No newline at end of file
diff --git a/client/src/presentation/components/auth/ResetPasswordForm.jsx b/client/src/presentation/components/auth/ResetPasswordForm.jsx
new file mode 100644
index 0000000000..8b3643aeec
--- /dev/null
+++ b/client/src/presentation/components/auth/ResetPasswordForm.jsx
@@ -0,0 +1,114 @@
+import { useState } from "react";
+import { useDispatch } from "react-redux";
+import { useNavigate } from "react-router-dom";
+import toast from "react-hot-toast";
+import { ROUTES } from "@/constants/routes";
+import { ROLES } from "@/constants/Roles";
+import {useSearchParams } from "react-router-dom";
+import { resetPassword } from "@/redux/slices/AuthSlice";
+
+const ResetPasswordForm = () => {
+ const dispatch = useDispatch();
+ const navigate = useNavigate();
+
+ const [searchParams] = useSearchParams();
+ const token = searchParams.get("token");
+ const role = searchParams.get("role");
+ console.timeLog("role", role)
+ const originalRole = role === "customer" ? ROLES.USER : ROLES.VENDOR
+ console.log("original role", originalRole)
+ const [password, setPassword] = useState("");
+ const [confirmPassword, setConfirmPassword] = useState("");
+ const [loading, setLoading] = useState(false);
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+
+ if (!token || !originalRole) {
+ toast.error("Invalid reset password link.");
+ navigate(ROUTES.PUBLIC.LOGIN);
+ return;
+}
+
+
+
+ if (password !== confirmPassword) {
+ toast.error("Passwords do not match.");
+ return;
+ }
+
+ try {
+ setLoading(true);
+
+ await dispatch(
+ resetPassword({
+ role: originalRole,
+ token,
+ password,
+ confirmPassword,
+
+ })
+ ).unwrap();
+
+ toast.success("Password reset successfully.");
+
+ if (role === ROLES.ADMIN) {
+ navigate(ROUTES.ADMIN.LOGIN);
+ } else if (role === ROLES.VENDOR) {
+ navigate(ROUTES.PUBLIC.LOGIN);
+ } else {
+ navigate(ROUTES.PUBLIC.LOGIN);
+ }
+
+ } catch (error) {
+ toast.error(error || "Failed to reset password.");
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ return (
+
+ );
+};
+
+export default ResetPasswordForm;
\ No newline at end of file
diff --git a/client/src/presentation/components/auth/VerifyOtpForm.jsx b/client/src/presentation/components/auth/VerifyOtpForm.jsx
new file mode 100644
index 0000000000..5fa88d0c29
--- /dev/null
+++ b/client/src/presentation/components/auth/VerifyOtpForm.jsx
@@ -0,0 +1,179 @@
+import { useState, useEffect } from "react";
+import { Mail } from "lucide-react";
+import { useNavigate, useLocation } from "react-router-dom";
+import { useDispatch, useSelector } from "react-redux";
+import toast from "react-hot-toast"
+import { resendOtp, verifyOtp } from "@/redux/slices/AuthSlice";
+
+import { ROUTES } from "@/constants/routes";
+
+const VerifyOtpForm = () => {
+ const navigate = useNavigate();
+ const location = useLocation();
+ const dispatch = useDispatch();
+
+ const email = location.state?.email || "";
+ const role = location.state?.role;
+
+ const { loading, error } = useSelector((state) => state.auth);
+
+ const [otpCode, setOtpCode] = useState("");
+ const [resending, setResending] = useState(false);
+
+ const [countdown, setCountdown] = useState(30);
+ const [canResend, setCanResend] = useState(false);
+
+ useEffect(() => {
+ if (countdown <= 0) {
+ setCanResend(true);
+ return;
+ }
+
+ const timer = setTimeout(() => {
+ setCountdown((prev) => prev - 1);
+ }, 1000);
+
+ return () => clearTimeout(timer);
+ }, [countdown]);
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ if (!/^\d{6}$/.test(otpCode)) {
+ toast.error("Please enter a valid 6-digit OTP");
+ return;
+ }
+
+ try {
+
+ const response = await dispatch(
+ verifyOtp({
+ role,
+ email,
+ otpCode,
+ })
+ ).unwrap();
+
+ toast.success(response?.message || "OTP verified successfully!");
+
+ navigate(ROUTES.PUBLIC.LOGIN, {
+ state: {
+ role,
+ email,
+ },
+ });
+ } catch (err) {
+ // err contains the payload passed via rejectWithValue in your slice
+ const errorMessage = typeof err === "string" ? err : err?.message || "OTP verification failed";
+ toast.error(errorMessage);
+ }
+ };
+
+ const handleResendOtp = async () => {
+ if (!email || !role) {
+ toast.error("Missing email or role. Please try logging in again.");
+ return;
+ }
+
+ setResending(true);
+
+ try {
+ const response = await dispatch(
+ resendOtp({
+ role,
+ email,
+ })
+ ).unwrap();
+
+ toast.success(response?.message || "New OTP sent to your email!");
+
+ setCountdown(30);
+ setCanResend(false);
+ setOtpCode("");
+ } catch (err) {
+ const errorMessage = typeof err === "string" ? err : err?.message || "Failed to resend OTP";
+ toast.error(errorMessage);
+ } finally {
+ setResending(false);
+ }
+ };
+
+ return (
+
+ );
+};
+
+export default VerifyOtpForm;
\ No newline at end of file
diff --git a/client/src/presentation/components/common/Footer.jsx b/client/src/presentation/components/common/Footer.jsx
new file mode 100644
index 0000000000..90b955e460
--- /dev/null
+++ b/client/src/presentation/components/common/Footer.jsx
@@ -0,0 +1,89 @@
+
+const Footer = () => {
+ return (
+
+ )
+}
+
+export default Footer
diff --git a/client/src/presentation/components/common/Header.jsx b/client/src/presentation/components/common/Header.jsx
new file mode 100644
index 0000000000..5c4a971d0d
--- /dev/null
+++ b/client/src/presentation/components/common/Header.jsx
@@ -0,0 +1,120 @@
+import { Heart, User, ChevronDown, LogOut } from "lucide-react";
+import { useState } from "react";
+import Logo from "@/assets/images/logo.jpeg";
+import { useNavigate } from "react-router-dom";
+import { ROUTES } from "@/constants/routes";
+import { useSelector, useDispatch } from "react-redux";
+import { logout } from "@/redux/slices/AuthSlice";
+import { ROLES } from "@/constants/Roles";
+import toast from "react-hot-toast";
+// import { logout } from '@/redux/slices/authSlice'
+
+const Header = () => {
+ const navigate = useNavigate();
+ const dispatch = useDispatch();
+
+ const { user } = useSelector((state) => state.auth);
+
+ const [open, setOpen] = useState(false);
+ const role = user?.role === "customer" ? ROLES.USER : ROLES.VENDOR;
+
+ const handleLogout = async () => {
+ try {
+ await dispatch(logout({ role })).unwrap();
+ toast.success(`${role} logged out successfully`);
+ } catch (error) {
+ toast.error(error);
+ }
+ };
+
+ return (
+
+ );
+};
+
+export default Header;
diff --git a/client/src/presentation/components/common/Pagination.jsx b/client/src/presentation/components/common/Pagination.jsx
new file mode 100644
index 0000000000..36d00b7b38
--- /dev/null
+++ b/client/src/presentation/components/common/Pagination.jsx
@@ -0,0 +1,72 @@
+import { ChevronLeft, ChevronRight } from "lucide-react";
+
+const Pagination = ({
+ currentPage,
+ totalPages,
+ onPageChange,
+}) => {
+
+ if (totalPages <= 1) return null;
+
+ const pages = [];
+
+ for (let i = 1; i <= totalPages; i++) {
+ pages.push(i);
+ }
+
+ return (
+
+
+
+ );
+
+};
+
+export default Pagination;
\ No newline at end of file
diff --git a/client/src/presentation/components/common/VenueCard.jsx b/client/src/presentation/components/common/VenueCard.jsx
new file mode 100644
index 0000000000..90e6be06d9
--- /dev/null
+++ b/client/src/presentation/components/common/VenueCard.jsx
@@ -0,0 +1,126 @@
+import { useNavigate } from "react-router-dom";
+
+export default function VenueCard({
+ venue,
+ variant = "default",
+ isWishlisted = false,
+ onWishlistToggle,
+}) {
+ const navigate = useNavigate();
+
+ const handleVenueClick = () => {
+ navigate(`/user/venue/${venue.id}`);
+ };
+
+ const handleWishlistClick = (event) => {
+ event.stopPropagation();
+ onWishlistToggle?.(venue.id);
+ };
+
+ return (
+
+ );
+}
\ No newline at end of file
diff --git a/client/src/presentation/components/modal/.gitkeep b/client/src/presentation/components/modal/.gitkeep
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/client/src/presentation/components/modal/ConfirmationModal.jsx b/client/src/presentation/components/modal/ConfirmationModal.jsx
new file mode 100644
index 0000000000..37bf6aa230
--- /dev/null
+++ b/client/src/presentation/components/modal/ConfirmationModal.jsx
@@ -0,0 +1,46 @@
+import { Button } from "@/components/ui/button"
+import Modal from "./Modal";
+
+const ConfirmationModal = ({
+ isOpen,
+ onClose,
+ onConfirm,
+ title,
+ message,
+ confirmText = "Confirm",
+ cancelText = "Cancel",
+ confirmVariant = "destructive",
+}) => {
+ return (
+
+ );
+};
+
+export default ConfirmationModal;
\ No newline at end of file
diff --git a/client/src/presentation/components/modal/Modal.jsx b/client/src/presentation/components/modal/Modal.jsx
new file mode 100644
index 0000000000..7ff64d06fb
--- /dev/null
+++ b/client/src/presentation/components/modal/Modal.jsx
@@ -0,0 +1,44 @@
+const Modal = ({
+ isOpen,
+ onClose,
+ title,
+ children,
+}) => {
+
+ if (!isOpen) return null;
+
+ return (
+
+
+
+ );
+
+};
+
+export default Modal;
\ No newline at end of file
diff --git a/client/src/presentation/components/modal/RejectReasonModal.jsx b/client/src/presentation/components/modal/RejectReasonModal.jsx
new file mode 100644
index 0000000000..9f80dee905
--- /dev/null
+++ b/client/src/presentation/components/modal/RejectReasonModal.jsx
@@ -0,0 +1,98 @@
+import { useState, useEffect } from "react";
+import { rejectReasonSchema } from "@/lib/validation/adminVendorValidation";
+
+const RejectReasonModal = ({
+ isOpen,
+ onClose,
+ onSubmit,
+ title = "Reject",
+}) => {
+
+ const [reason, setReason] = useState("");
+ const [error, setError] = useState("");
+
+ useEffect(() => {
+ if (!isOpen) {
+ setReason("");
+ setError("");
+ }
+ }, [isOpen]);
+
+ if (!isOpen) return null;
+
+ /* const handleReject = () => {
+
+ if (!reason.trim()) {
+ alert("Please enter rejection reason.");
+ return;
+ }
+
+ onSubmit(reason);
+ };*/
+ const handleReject = () => {
+
+ const result = rejectReasonSchema.safeParse({
+ reason,
+ });
+
+ if (!result.success) {
+ setError(result.error.issues[0].message);
+ return;
+ }
+
+ setError("");
+ onSubmit(reason);
+ };
+
+ return (
+