From a16c6cb55e3bc51ebbbab46771f2d273d37d2378 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Mon, 9 Feb 2026 22:32:16 +0530
Subject: [PATCH 01/61] feat(auth): implemented signup with admin approval and
 login flow

---
 .../src/controllers/admin.controllers.ts      | 35 +++++++++++
 .../src/controllers/auth.controller.ts        | 33 +++++++++-
 apps/core-api/src/db/connect.ts               |  6 +-
 .../src/models/pendingSignup.models.ts        | 25 ++++++++
 apps/core-api/src/queue/rabbit.ts             |  3 +
 .../src/repositories/Signup.repository.ts     | 36 +++++++++++
 .../src/repositories/user.repository.ts       | 21 ++++++-
 apps/core-api/src/routes/admin.route.ts       | 11 ++++
 apps/core-api/src/routes/auth.routes.ts       |  6 +-
 apps/core-api/src/routes/index.ts             |  2 +
 apps/core-api/src/server.ts                   |  1 +
 apps/core-api/src/services/auth.service.ts    | 49 ++++++++++++++-
 .../src/services/verification.service.ts      | 62 +++++++++++++++++++
 13 files changed, 280 insertions(+), 10 deletions(-)
 create mode 100644 apps/core-api/src/controllers/admin.controllers.ts
 create mode 100644 apps/core-api/src/models/pendingSignup.models.ts
 create mode 100644 apps/core-api/src/repositories/Signup.repository.ts
 create mode 100644 apps/core-api/src/routes/admin.route.ts
 create mode 100644 apps/core-api/src/services/verification.service.ts

diff --git a/apps/core-api/src/controllers/admin.controllers.ts b/apps/core-api/src/controllers/admin.controllers.ts
new file mode 100644
index 0000000..6d4af38
--- /dev/null
+++ b/apps/core-api/src/controllers/admin.controllers.ts
@@ -0,0 +1,35 @@
+import type { Request, Response, NextFunction } from "express";
+
+import { approveSignupService, rejectSignupService } from "../services/verification.service.js";
+
+export const approveSignupController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { email } = req.body;
+
+    const result = await approveSignupService(email);
+
+    res.status(200).json({ success: true, data: result });
+  } catch (error) {
+    next(error);
+  }
+};
+
+export const rejectSignupController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { email, reason } = req.body;
+
+    const result = await rejectSignupService(email, reason);
+
+    res.status(200).json({ success: true, data: result });
+  } catch (error) {
+    next(error);
+  }
+};
diff --git a/apps/core-api/src/controllers/auth.controller.ts b/apps/core-api/src/controllers/auth.controller.ts
index 65ba41f..523008c 100644
--- a/apps/core-api/src/controllers/auth.controller.ts
+++ b/apps/core-api/src/controllers/auth.controller.ts
@@ -1,8 +1,37 @@
-import type { NextFunction, Request, Response } from "express";
+import type { NextFunction, Request, Response } from "express";
 
-import { loginService } from "../services/auth.service.js";
+import { loginService, signupService } from "../services/auth.service.js";
 import type { HttpError } from "../modules/auth/http-error.js";
 
+export const signupController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { email, password, role, documents } = req.body;
+
+    if (!email || !password || !role) {
+      const err: HttpError = new Error("Missing required fields");
+      err.statusCode = 400;
+      throw err;
+    }
+
+    const result = await signupService({
+      email,
+      password,
+      role,
+      documents: documents ?? [],
+    });
+
+    res.status(201).json({
+      success: true,
+      data: result,
+    });
+  } catch (error) {
+    next(error);
+  }
+};
 
 export const loginController = async (
   req: Request,
diff --git a/apps/core-api/src/db/connect.ts b/apps/core-api/src/db/connect.ts
index b0323c4..d779be6 100644
--- a/apps/core-api/src/db/connect.ts
+++ b/apps/core-api/src/db/connect.ts
@@ -1,4 +1,4 @@
-import mongoose from "mongoose";
+import mongoose from "mongoose";
 
 import { logger } from "../utils/logger.js";
 
@@ -10,8 +10,10 @@ if (!mongoUri) {
 
 export const connectDB = async () => {
   try {
-    await mongoose.connect(mongoUri);
+    await mongoose.connect(mongoUri, { dbName: "noillin" });
     logger.info("MongoDB connected successfully");
+    logger.info(`CONNECTED DB: ${mongoose.connection.name}`);
+
   } catch (err: unknown) {
     logger.error(`MongoDB connection failed: ${String(err)}`);
     process.exit(1);
diff --git a/apps/core-api/src/models/pendingSignup.models.ts b/apps/core-api/src/models/pendingSignup.models.ts
new file mode 100644
index 0000000..55282d9
--- /dev/null
+++ b/apps/core-api/src/models/pendingSignup.models.ts
@@ -0,0 +1,25 @@
+import { Schema, model } from "mongoose";
+
+const PendingSignupSchema = new Schema(
+  {
+    email: { type: String, required: true, unique: true },
+    passwordHash: { type: String, required: true },
+    role: {
+      type: String,
+      enum: ["INFLUENCER", "BRAND"],
+      required: true,
+    },
+    documents: [{ type: String }],
+    status: {
+      type: String,
+      enum: ["PENDING", "APPROVED", "REJECTED"],
+      default: "PENDING",
+    },
+  },
+  { timestamps: true }
+);
+
+export const PendingSignup = model(
+  "PendingSignup",
+  PendingSignupSchema
+);
diff --git a/apps/core-api/src/queue/rabbit.ts b/apps/core-api/src/queue/rabbit.ts
index 2c0c074..69808a9 100644
--- a/apps/core-api/src/queue/rabbit.ts
+++ b/apps/core-api/src/queue/rabbit.ts
@@ -14,6 +14,9 @@ export const connectRabbit = async() => {
     const connection = await amqp.connect(rabbitUrl)
     logger.info("RabbitMQ is connected")
     
+    connection.on("error", (err) => {
+      logger.error("RabbitMQ connection error", err);
+    });
     connection.on("close", () => {
   logger.warn("RabbitMQ connection closed");
 });
diff --git a/apps/core-api/src/repositories/Signup.repository.ts b/apps/core-api/src/repositories/Signup.repository.ts
new file mode 100644
index 0000000..8a36c9b
--- /dev/null
+++ b/apps/core-api/src/repositories/Signup.repository.ts
@@ -0,0 +1,36 @@
+import { PendingSignup } from "../models/pendingSignup.models.js";
+
+interface CreatePendingSignupInput {
+  email: string;
+  role: string;
+  status: "PENDING" | "APPROVED" | "REJECTED";
+  passwordHash: string;
+  documents: string[];
+
+
+}
+
+class PendingSignupRepository {
+  create(data: CreatePendingSignupInput) {
+    return PendingSignup.create(data);
+  }
+
+  findByEmail(email: string) {
+    return PendingSignup.findOne({ email });
+  }
+  
+  updateStatus(email: string, status: "APPROVED" | "REJECTED") {
+    return PendingSignup.findOneAndUpdate(
+      { email },
+      { status },
+      { new: true }
+    );
+  }
+
+  deleteByEmail(email: string) {
+    return PendingSignup.findOneAndDelete({ email });
+  }
+}
+
+export const pendingSignupRepository =
+  new PendingSignupRepository();
diff --git a/apps/core-api/src/repositories/user.repository.ts b/apps/core-api/src/repositories/user.repository.ts
index 9e0ef02..07c8de6 100644
--- a/apps/core-api/src/repositories/user.repository.ts
+++ b/apps/core-api/src/repositories/user.repository.ts
@@ -2,13 +2,30 @@ import { User } from "../modules/users/user.model.js";
 
 class UserRepository{
     async findEmailWithPassword(email: string) {
-    return User.findOne({ email }).select("+password");
-}
+       const normalizedEmail = email.trim().toLowerCase();
 
+    return User.findOne({ email: normalizedEmail }).select("+password");
+}
+    
+    
+  async findByEmail(email: string) {
+    return User.findOne({ email });
+  }
 
     async saveRefreshToken(userId:string, refreshToken:string){
         return User.findByIdAndUpdate(userId,{refreshToken})
     }
+    
+  async create(data: {
+    email: string;
+    password: string;
+    role: string;
+    isEmailVerified: boolean;
+    status: string;
+  }) {
+    return User.create(data);
+  }
 }
 
+
 export const userRepository = new UserRepository()
\ No newline at end of file
diff --git a/apps/core-api/src/routes/admin.route.ts b/apps/core-api/src/routes/admin.route.ts
new file mode 100644
index 0000000..5d771a3
--- /dev/null
+++ b/apps/core-api/src/routes/admin.route.ts
@@ -0,0 +1,11 @@
+import { Router } from "express";
+
+import { authenticate } from "../middlewares/auth.middleware.js";
+import { approveSignupController, rejectSignupController } from "../controllers/admin.controllers.js";
+
+const router: Router = Router();
+
+router.post("/signup/approve", authenticate, approveSignupController);
+router.post("/signup/reject", authenticate, rejectSignupController);
+
+export default router;
diff --git a/apps/core-api/src/routes/auth.routes.ts b/apps/core-api/src/routes/auth.routes.ts
index 109b7d8..98a17c2 100644
--- a/apps/core-api/src/routes/auth.routes.ts
+++ b/apps/core-api/src/routes/auth.routes.ts
@@ -1,7 +1,9 @@
-import { Router } from "express";
+import { Router } from "express";
 
-import { loginController } from "../controllers/auth.controller.js";
+import { loginController, signupController } from "../controllers/auth.controller.js";
 
 const router: Router = Router()
 router.post("/login", loginController)
+router.post("/signup", signupController);
+
 export default router
\ No newline at end of file
diff --git a/apps/core-api/src/routes/index.ts b/apps/core-api/src/routes/index.ts
index aa21217..55708af 100644
--- a/apps/core-api/src/routes/index.ts
+++ b/apps/core-api/src/routes/index.ts
@@ -10,10 +10,12 @@ import orderRoutes from "./orders.routes.js";
 import paymentRoutes from "./payments.routes.js";
 import searchRoutes from "./search.routes.js";
 import healthRoutes from "./health.routes.js";
+import adminRoutes from "./admin.route.js"
 
 const router:Router = Router()
 router.use("/health", healthRoutes)
 router.use("/auth", authRoutes)
+router.use("/admin", adminRoutes)
 router.use("/users", userRoutes)
 router.use("/profile", profileRoutes)
 router.use("/gigs", gigRoutes);
diff --git a/apps/core-api/src/server.ts b/apps/core-api/src/server.ts
index 75f7cf0..5814bc5 100644
--- a/apps/core-api/src/server.ts
+++ b/apps/core-api/src/server.ts
@@ -17,6 +17,7 @@ app.use(httpLogger)
 app.use(express.json())
 app.use("/api", router)
 connectDB()
+
 app.get("/health", (req, res) => {
     res.status(200).json({
         status: "ok",
diff --git a/apps/core-api/src/services/auth.service.ts b/apps/core-api/src/services/auth.service.ts
index 2b8d7aa..d0b9830 100644
--- a/apps/core-api/src/services/auth.service.ts
+++ b/apps/core-api/src/services/auth.service.ts
@@ -15,11 +15,52 @@
 // }
 
 // export const authService = new AuthService();
-import bcrypt from "bcrypt";
+import bcrypt from "bcrypt";
 
 import { signAccessToken, signRefreshToken } from "../modules/auth/auth.utils.js";
 import type { HttpError } from "../modules/auth/http-error.js";
 import { userRepository } from "../repositories/user.repository.js"
+import { pendingSignupRepository } from "../repositories/Signup.repository.js";
+import { logger } from "../utils/logger.js";
+
+// import { sendMail } from "../../utils/nodemailer";
+
+interface SignupInput {
+  email: string;
+  password: string;
+  role: "INFLUENCER" | "BRAND";
+  documents: string[];
+}
+
+export const signupService = async (data: SignupInput) => {
+  const existingUser = await userRepository.findEmailWithPassword(data.email);
+  if (existingUser) {
+    const err: HttpError = new Error("User already exists");
+    err.statusCode = 409;
+    throw err;
+  }
+
+  const existingRequest =
+    await pendingSignupRepository.findByEmail(data.email);
+
+  if (existingRequest) {
+    const err: HttpError = new Error("Signup request already submitted");
+    err.statusCode = 409;
+    throw err;
+  }
+
+  const passwordHash = await bcrypt.hash(data.password, 10);
+
+  await pendingSignupRepository.create({
+    email: data.email.toLowerCase(),
+    passwordHash,
+    role: data.role,
+    documents: data.documents,
+    status: "PENDING",
+  });
+
+  return { message: "Signup request submitted for review" };
+};
 
 
 interface LoginResult {
@@ -36,9 +77,12 @@ export const loginService = async(
   email : string,
   password : string
 ): Promise<LoginResult> => {
+  
   const user = await userRepository.findEmailWithPassword(email)
+    logger.info(`EMAIL: ${email}`);
+
   if (!user) {
-    const err: HttpError = new Error("Invalid credentials")
+    const err: HttpError = new Error("Invalid credentialss")
     err.statusCode = 401
     throw err
   }
@@ -55,6 +99,7 @@ export const loginService = async(
     throw err
   }
 
+
   const isMatch = await bcrypt.compare(password, user.password)
   console.log("PASSWORD FROM DB:", user.password);
 
diff --git a/apps/core-api/src/services/verification.service.ts b/apps/core-api/src/services/verification.service.ts
new file mode 100644
index 0000000..5da8839
--- /dev/null
+++ b/apps/core-api/src/services/verification.service.ts
@@ -0,0 +1,62 @@
+import type { HttpError } from "../modules/auth/http-error.js";
+import { pendingSignupRepository } from "../repositories/Signup.repository.js";
+import { userRepository } from "../repositories/user.repository.js";
+// import { sendMail } from "../../utils/nodemailer";
+
+export const approveSignupService = async (email: string) => {
+  const pending = await pendingSignupRepository.findByEmail(email);
+
+  if (!pending) {
+    const err: HttpError = new Error("Pending signup not found");
+    err.statusCode = 404;
+    throw err;
+  }
+
+  if (pending.status !== "PENDING") {
+    const err: HttpError = new Error("Signup already processed");
+    err.statusCode = 400;
+    throw err;
+  }
+
+
+  await userRepository.create({
+    email: pending.email,
+    password: pending.passwordHash,
+    role: pending.role,
+    isEmailVerified: true,
+    status: "ACTIVE",
+  });
+
+  await pendingSignupRepository.deleteByEmail(email);
+
+  // await sendMail(
+  //   email,
+  //   "Signup Approved",
+  //   "Your account has been approved. You can now log in."
+  // );
+
+  return { message: "Signup approved successfully" };
+};
+
+export const rejectSignupService = async (
+  email: string,
+  reason?: string
+) => {
+  const pending = await pendingSignupRepository.findByEmail(email);
+
+  if (!pending) {
+    const err: HttpError = new Error("Pending signup not found");
+    err.statusCode = 404;
+    throw err;
+  }
+
+  await pendingSignupRepository.deleteByEmail(email);
+
+  // await sendMail(
+  //   email,
+  //   "Signup Rejected",
+  //   reason ?? "Your signup request was rejected by the admin."
+  // );
+
+  return { message: "Signup rejected successfully" };
+};

From 7ebbbba9d0fb154fd5ad3bb74493d3fef440efcc Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Tue, 10 Feb 2026 09:50:53 +0530
Subject: [PATCH 02/61] feat(login):add login page

---
 apps/web/app/login/page.tsx | 92 ++++++++++++++++++++++++++++++++++++-
 apps/web/app/page.tsx       | 20 +++++++-
 2 files changed, 110 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/login/page.tsx b/apps/web/app/login/page.tsx
index 1f0079e..a1e6674 100644
--- a/apps/web/app/login/page.tsx
+++ b/apps/web/app/login/page.tsx
@@ -1,3 +1,93 @@
+"use client";
+
+import { useState } from "react";
+
 export default function LoginPage() {
-  return <h1>Login Page</h1>;
+  const [role, setRole] = useState<"brand" | "influencer">("brand");
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
+      <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-6 sm:p-8 sm:m-0">
+
+        <div className="text-center mb-6">
+          <h1 className="text-xl sm:text-2xl font-semibold text-gray-800">
+            Welcome Back
+          </h1>
+          <p className="text-sm text-gray-500 mt-1">
+            Log in to your Noillin account as{" "}
+            <span className="font-medium capitalize">{role}</span>
+          </p>
+        </div>
+
+        <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
+          <button
+            type="button"
+            onClick={() => setRole("brand")}
+            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-sm transition hover:cursor-pointer ${
+              role === "brand"
+                ? "bg-white shadow text-gray-900"
+                : "text-gray-500 "
+            }`}
+          >
+            Brand
+          </button>
+
+          <button
+            type="button"
+            onClick={() => setRole("influencer")}
+            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${
+              role === "influencer"
+                ? "bg-white shadow text-gray-900"
+                : "text-gray-500"
+            }`}
+          >
+            Influencer
+          </button>
+        </div>
+
+        <form className="space-y-4">
+          <div>
+            <label className="block text-sm font-medium text-gray-600 mb-1">
+              Email address
+            </label>
+            <input
+              type="email"
+              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+            />
+          </div>
+
+          <div>
+            <div className="flex justify-between items-center mb-1">
+              <label className="text-sm font-medium text-gray-600">
+                Password
+              </label>
+              <button
+                type="button"
+                className="text-sm text-gray-500 hover:text-gray-700 hover:cursor-pointer"
+              >
+                Forgot password?
+              </button>
+            </div>
+
+            <input
+              type="password"
+              placeholder="••••••••"
+              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+            />
+          </div>
+
+          <button
+            type="submit"
+            className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
+          >
+            Sign In as {role === "brand" ? "Brand" : "Influencer"}
+          </button>
+        </form>
+
+        <p className="text-xs text-center text-gray-400 mt-6">
+          Secure login · Data protected
+        </p>
+      </div>
+    </div>
+  );
 }
diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index c09c252..ca8d897 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -1,3 +1,21 @@
+"use client";
+import { useRouter } from "next/navigation";
+
 export default function HomePage() {
-  return <h1>Welcome to Noillin Platform</h1>;
+  const router = useRouter();
+  const handleLoginClick = () => {
+    router.push("/login");
+  }
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-100">
+      <div className="text-center">
+        <h1 className="text-2xl font-semibold text-gray-800 mb-4">
+          Welcome to Noillin Platform
+        </h1>
+        <button onClick={handleLoginClick} className="bg-green-600 hover:bg-green-700 text-white font-medium py-2 px-4 rounded-lg transition">
+          Login
+        </button>
+      </div>
+    </div>
+  );
 }

From fdd499d43e2f11ddf88c4f78e04442e57acacca4 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Tue, 10 Feb 2026 11:16:32 +0530
Subject: [PATCH 03/61] feat(signup):create signup page

---
 apps/web/app/page.tsx        |   2 +
 apps/web/app/signup/page.tsx | 134 +++++++++++++++++++++++++++++++++++
 2 files changed, 136 insertions(+)
 create mode 100644 apps/web/app/signup/page.tsx

diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index ca8d897..72fbc26 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -19,3 +19,5 @@ export default function HomePage() {
     </div>
   );
 }
+
+
diff --git a/apps/web/app/signup/page.tsx b/apps/web/app/signup/page.tsx
new file mode 100644
index 0000000..4693485
--- /dev/null
+++ b/apps/web/app/signup/page.tsx
@@ -0,0 +1,134 @@
+"use client";
+
+import { useState } from "react";
+
+export default function LoginPage() {
+  const [role, setRole] = useState<"brand" | "influencer">("brand");
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-100 ">
+      <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-6 sm:p-8 sm:m-0">
+
+        <div className="text-center mb-3">
+          <h1 className="text-xl sm:text-2xl font-semibold text-gray-800">
+            Welcome Back
+          </h1>
+          <p className="text-sm text-gray-500 mt-1">
+            Join as a Brand or Influencer 
+            
+          </p>
+        </div>
+
+        <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
+          <button
+            type="button"
+            onClick={() => setRole("brand")}
+            className={`w-1/2 py-2 sm:py-2.5 text-current  text-sm font-medium rounded-sm transition hover:cursor-pointer ${
+              role === "brand"
+                ? "bg-white shadow text-gray-900"
+                : "text-gray-500 "
+            }`}
+          >
+            Brand <br /> <span className="text-xs text-gray-400 font-normal">Find and book influencers</span>
+          </button>
+
+          <button
+            type="button"
+            onClick={() => setRole("influencer")}
+            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${
+              role === "influencer"
+                ? "bg-white shadow text-gray-900"
+                : "text-gray-500"
+            }`}
+          >
+            Influencer  <br /> <span className="text-xs text-gray-400 font-normal">Create gigs and get paid</span>
+          </button>
+        </div>
+
+        <form className="space-y-4">
+
+           <div>
+            <label className="block text-sm font-medium text-gray-600 mb-1">
+              Full Name
+            </label>
+            <input
+              type=""
+              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+            />
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-gray-600 mb-1">
+              Email address
+            </label>
+            <input
+              type="email"
+              className="w-full border border-gray-300 rounded-lg text-gray-800 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+            />
+          </div>
+
+          <div>
+            <div className="flex justify-between items-center mb-1">
+              <label className="text-sm font-medium text-gray-600">
+                Password
+              </label>
+           
+            </div>
+
+            <input
+              type="password"
+              placeholder="••••••••"
+              className="w-full border border-gray-300 rounded-lg px-3 text-gray-800 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+            />
+          </div>
+           <div>
+            <label className="block text-sm font-medium text-gray-600 mb-1">
+              Confirm Password
+            </label>
+            <input
+              type="password"
+              placeholder="••••••••"
+              className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+            />
+          </div>
+          <div>
+  {role === "brand" ? (
+    <>
+      <label className="block text-sm font-medium text-gray-600 mb-1">
+        GST/CIN/LLP Number
+      </label>
+      <input
+        type="password"
+        placeholder="••••••••"
+        className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+      />
+    </>
+  ) : (
+    <>
+      <label className="block text-sm font-medium text-gray-600 mb-1">
+        Social Media Handle (Instagram, YouTube, etc.)
+      </label>
+      <input
+        type="text"
+        
+        className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+      />
+    </>
+  )}
+</div>
+
+
+          <button
+            type="submit"
+            className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
+          >
+            Create Account
+          </button>
+        </form>
+
+        <p className="text-xs text-center text-gray-400 mt-6">
+          Secure login · Data protected
+        </p>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file

From e479776276d43808970608b3f80e49027a6939d2 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Tue, 10 Feb 2026 11:19:14 +0530
Subject: [PATCH 04/61] feat(auth):implemented refresh token endpoint and
 logout endpoint

---
 .../src/controllers/auth.controller.ts        | 44 ++++++++++-
 .../src/repositories/user.repository.ts       |  8 +-
 apps/core-api/src/routes/auth.routes.ts       |  5 +-
 apps/core-api/src/services/auth.service.ts    | 76 ++++++++++++++++++-
 apps/core-api/src/types/express.d.ts          | 11 +++
 5 files changed, 139 insertions(+), 5 deletions(-)
 create mode 100644 apps/core-api/src/types/express.d.ts

diff --git a/apps/core-api/src/controllers/auth.controller.ts b/apps/core-api/src/controllers/auth.controller.ts
index 523008c..4e91248 100644
--- a/apps/core-api/src/controllers/auth.controller.ts
+++ b/apps/core-api/src/controllers/auth.controller.ts
@@ -1,5 +1,6 @@
-import type { NextFunction, Request, Response } from "express";
+import type { NextFunction, Request, Response } from "express";
 
+import { logoutService, refreshTokenService } from "../services/auth.service.js";
 import { loginService, signupService } from "../services/auth.service.js";
 import type { HttpError } from "../modules/auth/http-error.js";
 
@@ -57,3 +58,44 @@ export const loginController = async (
     next(error);
   }
 };
+
+
+export const refreshTokenController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { refreshToken } = req.body;
+
+    const result = await refreshTokenService(refreshToken);
+
+    res.status(200).json({
+      success: true,
+      data: result,
+    });
+  } catch (error) {
+    next(error);
+  }
+};
+
+export const logoutController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const userId = req.user?.userId; 
+    if (!userId) {
+      return res.status(401).json({ success: false, message: "Unauthorized" });
+}
+    const result = await logoutService(userId);
+
+    res.status(200).json({
+      success: true,
+      data: result,
+    });
+  } catch (error) {
+    next(error);
+  }
+};
diff --git a/apps/core-api/src/repositories/user.repository.ts b/apps/core-api/src/repositories/user.repository.ts
index 07c8de6..4962cf8 100644
--- a/apps/core-api/src/repositories/user.repository.ts
+++ b/apps/core-api/src/repositories/user.repository.ts
@@ -12,8 +12,14 @@ class UserRepository{
     return User.findOne({ email });
   }
 
+    async findById(userId: string) {
+      return User.findById(userId).select("+refreshToken");
+}
+
+
     async saveRefreshToken(userId:string, refreshToken:string){
-        return User.findByIdAndUpdate(userId,{refreshToken})
+        return User.findByIdAndUpdate(userId,{refreshToken}, { new: true }
+)
     }
     
   async create(data: {
diff --git a/apps/core-api/src/routes/auth.routes.ts b/apps/core-api/src/routes/auth.routes.ts
index 98a17c2..1745136 100644
--- a/apps/core-api/src/routes/auth.routes.ts
+++ b/apps/core-api/src/routes/auth.routes.ts
@@ -1,9 +1,12 @@
 import { Router } from "express";
 
-import { loginController, signupController } from "../controllers/auth.controller.js";
+import { loginController, logoutController, refreshTokenController, signupController } from "../controllers/auth.controller.js";
+import { authenticate } from "../middlewares/auth.middleware.js";
 
 const router: Router = Router()
 router.post("/login", loginController)
 router.post("/signup", signupController);
+router.post("/refresh", refreshTokenController);
+router.post("/logout", authenticate, logoutController);
 
 export default router
\ No newline at end of file
diff --git a/apps/core-api/src/services/auth.service.ts b/apps/core-api/src/services/auth.service.ts
index d0b9830..2b386d4 100644
--- a/apps/core-api/src/services/auth.service.ts
+++ b/apps/core-api/src/services/auth.service.ts
@@ -17,7 +17,7 @@
 // export const authService = new AuthService();
 import bcrypt from "bcrypt";
 
-import { signAccessToken, signRefreshToken } from "../modules/auth/auth.utils.js";
+import { signAccessToken, signRefreshToken, verifyRefreshToken } from "../modules/auth/auth.utils.js";
 import type { HttpError } from "../modules/auth/http-error.js";
 import { userRepository } from "../repositories/user.repository.js"
 import { pendingSignupRepository } from "../repositories/Signup.repository.js";
@@ -63,6 +63,7 @@ export const signupService = async (data: SignupInput) => {
 };
 
 
+
 interface LoginResult {
   accessToken: string,
   refreshToken: string,
@@ -129,4 +130,75 @@ export const loginService = async(
       adminLevel: user.adminLevel ?? null
     }
   }
-}
\ No newline at end of file
+}
+
+
+interface RefreshResult {
+  accessToken: string;
+  refreshToken: string;
+}
+export const refreshTokenService = async (
+  refreshToken: string
+): Promise<RefreshResult> => {
+  if (!refreshToken) {
+    const err: HttpError = new Error("Refresh token required");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  let payload;
+  try {
+    payload = verifyRefreshToken(refreshToken);
+  } catch {
+    const err: HttpError = new Error("Invalid refresh token");
+    err.statusCode = 401;
+    throw err;
+  }
+
+  const user = await userRepository.findById(payload.userId);
+
+  // ✅ FIRST check user existence
+  if (!user || !user.refreshToken) {
+    const err: HttpError = new Error("Refresh token mismatch");
+    err.statusCode = 401;
+    throw err;
+  }
+
+
+  // ✅ Compare after narrowing
+  if (user.refreshToken.trim() !== refreshToken.trim()) {
+    const err: HttpError = new Error("Refresh token mismatch");
+    err.statusCode = 401;
+    throw err;
+  }
+
+  const newPayload = {
+    userId: user._id.toString(),
+    role: user.role,
+    adminLevel: user.adminLevel ?? null,
+  };
+
+  const newAccessToken = signAccessToken(newPayload);
+  const newRefreshToken = signRefreshToken(newPayload);
+
+  await userRepository.saveRefreshToken(user._id.toString(), newRefreshToken);
+
+  return {
+    accessToken: newAccessToken,
+    refreshToken: newRefreshToken,
+  };
+};
+
+
+export const logoutService = async (userId: string) => {
+  if (!userId) {
+    const err: HttpError = new Error("User not authenticated");
+    err.statusCode = 401;
+    throw err;
+  }
+
+  // Invalidate refresh token
+  await userRepository.saveRefreshToken(userId, "");
+
+  return { message: "Logged out successfully" };
+};
diff --git a/apps/core-api/src/types/express.d.ts b/apps/core-api/src/types/express.d.ts
new file mode 100644
index 0000000..07a266e
--- /dev/null
+++ b/apps/core-api/src/types/express.d.ts
@@ -0,0 +1,11 @@
+import type { JwtPayload } from "../modules/auth/auth.utils.js";
+
+declare global {
+  namespace Express {
+    interface Request {
+      user?: JwtPayload;
+    }
+  }
+}
+
+export {};

From 62f8cfdd8321ad6dde1dcc472adc0965df2157f7 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Tue, 10 Feb 2026 11:27:59 +0530
Subject: [PATCH 05/61] feat(signup):create signup pages

---
 apps/web/app/page.tsx        | 1 -
 apps/web/app/signup/page.tsx | 1 +
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index 72fbc26..1e75752 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -20,4 +20,3 @@ export default function HomePage() {
   );
 }
 
-
diff --git a/apps/web/app/signup/page.tsx b/apps/web/app/signup/page.tsx
index 4693485..5b98fa3 100644
--- a/apps/web/app/signup/page.tsx
+++ b/apps/web/app/signup/page.tsx
@@ -1,3 +1,4 @@
+
 "use client";
 
 import { useState } from "react";

From c85292b9b0b7cf6eab9a461e727f44bf79c3a4d7 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Tue, 10 Feb 2026 11:40:26 +0530
Subject: [PATCH 06/61] style(signup): improve responsive UI

---
 apps/web/app/page.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index 1e75752..72fbc26 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -20,3 +20,4 @@ export default function HomePage() {
   );
 }
 
+

From 6945bef502fb881d32ab7e01ea6edf3bdbcd3d0f Mon Sep 17 00:00:00 2001
From: ajay <ajay.devxtra@gmail.com>
Date: Tue, 10 Feb 2026 17:17:29 +0530
Subject: [PATCH 07/61] feat(axios):created api client

---
 apps/web/app/register/page.tsx | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 apps/web/app/register/page.tsx

diff --git a/apps/web/app/register/page.tsx b/apps/web/app/register/page.tsx
new file mode 100644
index 0000000..e69de29

From 4a48c19033e62b2bf1ee1237b2ea1ccd69c518ba Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Tue, 10 Feb 2026 17:18:58 +0530
Subject: [PATCH 08/61] feat(auth): role based access control

---
 .../src/middlewares/auth.middleware.ts        | 17 ++++++++++++++
 apps/core-api/src/rbac/permission.ts          |  7 ++++++
 apps/core-api/src/rbac/role-permission.ts     | 22 +++++++++++++++++++
 .../src => apps/core-api/src/rbac}/roles.ts   |  0
 packages/shared/src/index.ts                  |  3 +--
 packages/shared/src/permissions.ts            |  8 -------
 6 files changed, 47 insertions(+), 10 deletions(-)
 create mode 100644 apps/core-api/src/rbac/permission.ts
 create mode 100644 apps/core-api/src/rbac/role-permission.ts
 rename {packages/shared/src => apps/core-api/src/rbac}/roles.ts (100%)
 delete mode 100644 packages/shared/src/permissions.ts

diff --git a/apps/core-api/src/middlewares/auth.middleware.ts b/apps/core-api/src/middlewares/auth.middleware.ts
index 12edcb9..4fd0f3c 100644
--- a/apps/core-api/src/middlewares/auth.middleware.ts
+++ b/apps/core-api/src/middlewares/auth.middleware.ts
@@ -2,6 +2,8 @@ import type { Request, Response, NextFunction } from "express";
 
 import { verifyAccessToken } from "../modules/auth/auth.utils.js";
 import type { JwtPayload } from "../modules/auth/auth.utils.js";
+import { RolePermissions } from "../rbac/role-permission.js";
+import type { Permission } from "../rbac/permission.js";
 
 export interface AuthRequest extends Request {
   user?: JwtPayload;
@@ -43,3 +45,18 @@ export const authenticate = (
 }
 
 };
+export const authorizePermission = (permission: Permission) => {
+  return (req: AuthRequest, _res: Response, next: NextFunction) => {
+    if (!req.user) {
+      return next(Object.assign(new Error("Unauthorized"), { statusCode: 401 }));
+    }
+
+    const permissions = RolePermissions[req.user.role] ?? [];
+
+    if (!permissions.includes(permission)) {
+      return next(Object.assign(new Error("Forbidden"), { statusCode: 403 }));
+    }
+
+    next();
+  };
+};
diff --git a/apps/core-api/src/rbac/permission.ts b/apps/core-api/src/rbac/permission.ts
new file mode 100644
index 0000000..324efe2
--- /dev/null
+++ b/apps/core-api/src/rbac/permission.ts
@@ -0,0 +1,7 @@
+export enum Permission {
+  CREATE_PROFILE = "CREATE_PROFILE",
+  UPDATE_PROFILE = "UPDATE_PROFILE",
+  APPROVE_SIGNUP = "APPROVE_SIGNUP",
+  REJECT_SIGNUP = "REJECT_SIGNUP",
+  MANAGE_USERS = "MANAGE_USERS",
+}
diff --git a/apps/core-api/src/rbac/role-permission.ts b/apps/core-api/src/rbac/role-permission.ts
new file mode 100644
index 0000000..3158102
--- /dev/null
+++ b/apps/core-api/src/rbac/role-permission.ts
@@ -0,0 +1,22 @@
+
+import { UserRole } from "../modules/users/user.model.js";
+
+import { Permission } from "./permission.js";
+
+export const RolePermissions: Record<UserRole, Permission[]> = {
+  [UserRole.ADMIN]: [
+    Permission.CREATE_PROFILE,
+    Permission.UPDATE_PROFILE,
+    Permission.APPROVE_SIGNUP,
+    Permission.REJECT_SIGNUP,
+    Permission.MANAGE_USERS,
+  ],
+  [UserRole.BRAND]: [
+    Permission.CREATE_PROFILE,
+    Permission.UPDATE_PROFILE,
+  ],
+  [UserRole.INFLUENCER]: [
+    Permission.CREATE_PROFILE,
+    Permission.UPDATE_PROFILE,
+  ],
+};
diff --git a/packages/shared/src/roles.ts b/apps/core-api/src/rbac/roles.ts
similarity index 100%
rename from packages/shared/src/roles.ts
rename to apps/core-api/src/rbac/roles.ts
diff --git a/packages/shared/src/index.ts b/packages/shared/src/index.ts
index 41dd29c..dfd0e33 100644
--- a/packages/shared/src/index.ts
+++ b/packages/shared/src/index.ts
@@ -1,4 +1,3 @@
-export * from "./roles";
-export * from "./permissions";
+
 export * from "./api-types";
 export * from "./validators";
diff --git a/packages/shared/src/permissions.ts b/packages/shared/src/permissions.ts
deleted file mode 100644
index 54eb28f..0000000
--- a/packages/shared/src/permissions.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export const Permissions = {
-    CREATE_GIG : "create_gig",
-    BOOK_GiG : "book_gig",
-    VERIFY_USER : "verify_user",
-    MANAGE_USER : "manage_user"
-} as const;
-
-export type Permission = (typeof Permissions)[keyof typeof Permissions]

From be091883f1e874d905a3bf00e57b56bc418c6bfc Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Tue, 10 Feb 2026 17:40:28 +0530
Subject: [PATCH 09/61] feat(auth): role based access control

---
 apps/web/app/register/page.tsx | 135 +++++++++++++++++++++++++++++++++
 apps/web/app/signup/page.tsx   | 135 ---------------------------------
 2 files changed, 135 insertions(+), 135 deletions(-)
 delete mode 100644 apps/web/app/signup/page.tsx

diff --git a/apps/web/app/register/page.tsx b/apps/web/app/register/page.tsx
index e69de29..5b98fa3 100644
--- a/apps/web/app/register/page.tsx
+++ b/apps/web/app/register/page.tsx
@@ -0,0 +1,135 @@
+
+"use client";
+
+import { useState } from "react";
+
+export default function LoginPage() {
+  const [role, setRole] = useState<"brand" | "influencer">("brand");
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-100 ">
+      <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-6 sm:p-8 sm:m-0">
+
+        <div className="text-center mb-3">
+          <h1 className="text-xl sm:text-2xl font-semibold text-gray-800">
+            Welcome Back
+          </h1>
+          <p className="text-sm text-gray-500 mt-1">
+            Join as a Brand or Influencer 
+            
+          </p>
+        </div>
+
+        <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
+          <button
+            type="button"
+            onClick={() => setRole("brand")}
+            className={`w-1/2 py-2 sm:py-2.5 text-current  text-sm font-medium rounded-sm transition hover:cursor-pointer ${
+              role === "brand"
+                ? "bg-white shadow text-gray-900"
+                : "text-gray-500 "
+            }`}
+          >
+            Brand <br /> <span className="text-xs text-gray-400 font-normal">Find and book influencers</span>
+          </button>
+
+          <button
+            type="button"
+            onClick={() => setRole("influencer")}
+            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${
+              role === "influencer"
+                ? "bg-white shadow text-gray-900"
+                : "text-gray-500"
+            }`}
+          >
+            Influencer  <br /> <span className="text-xs text-gray-400 font-normal">Create gigs and get paid</span>
+          </button>
+        </div>
+
+        <form className="space-y-4">
+
+           <div>
+            <label className="block text-sm font-medium text-gray-600 mb-1">
+              Full Name
+            </label>
+            <input
+              type=""
+              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+            />
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-gray-600 mb-1">
+              Email address
+            </label>
+            <input
+              type="email"
+              className="w-full border border-gray-300 rounded-lg text-gray-800 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+            />
+          </div>
+
+          <div>
+            <div className="flex justify-between items-center mb-1">
+              <label className="text-sm font-medium text-gray-600">
+                Password
+              </label>
+           
+            </div>
+
+            <input
+              type="password"
+              placeholder="••••••••"
+              className="w-full border border-gray-300 rounded-lg px-3 text-gray-800 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+            />
+          </div>
+           <div>
+            <label className="block text-sm font-medium text-gray-600 mb-1">
+              Confirm Password
+            </label>
+            <input
+              type="password"
+              placeholder="••••••••"
+              className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+            />
+          </div>
+          <div>
+  {role === "brand" ? (
+    <>
+      <label className="block text-sm font-medium text-gray-600 mb-1">
+        GST/CIN/LLP Number
+      </label>
+      <input
+        type="password"
+        placeholder="••••••••"
+        className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+      />
+    </>
+  ) : (
+    <>
+      <label className="block text-sm font-medium text-gray-600 mb-1">
+        Social Media Handle (Instagram, YouTube, etc.)
+      </label>
+      <input
+        type="text"
+        
+        className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+      />
+    </>
+  )}
+</div>
+
+
+          <button
+            type="submit"
+            className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
+          >
+            Create Account
+          </button>
+        </form>
+
+        <p className="text-xs text-center text-gray-400 mt-6">
+          Secure login · Data protected
+        </p>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/apps/web/app/signup/page.tsx b/apps/web/app/signup/page.tsx
deleted file mode 100644
index 5b98fa3..0000000
--- a/apps/web/app/signup/page.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-
-"use client";
-
-import { useState } from "react";
-
-export default function LoginPage() {
-  const [role, setRole] = useState<"brand" | "influencer">("brand");
-
-  return (
-    <div className="min-h-screen flex items-center justify-center bg-gray-100 ">
-      <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-6 sm:p-8 sm:m-0">
-
-        <div className="text-center mb-3">
-          <h1 className="text-xl sm:text-2xl font-semibold text-gray-800">
-            Welcome Back
-          </h1>
-          <p className="text-sm text-gray-500 mt-1">
-            Join as a Brand or Influencer 
-            
-          </p>
-        </div>
-
-        <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
-          <button
-            type="button"
-            onClick={() => setRole("brand")}
-            className={`w-1/2 py-2 sm:py-2.5 text-current  text-sm font-medium rounded-sm transition hover:cursor-pointer ${
-              role === "brand"
-                ? "bg-white shadow text-gray-900"
-                : "text-gray-500 "
-            }`}
-          >
-            Brand <br /> <span className="text-xs text-gray-400 font-normal">Find and book influencers</span>
-          </button>
-
-          <button
-            type="button"
-            onClick={() => setRole("influencer")}
-            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${
-              role === "influencer"
-                ? "bg-white shadow text-gray-900"
-                : "text-gray-500"
-            }`}
-          >
-            Influencer  <br /> <span className="text-xs text-gray-400 font-normal">Create gigs and get paid</span>
-          </button>
-        </div>
-
-        <form className="space-y-4">
-
-           <div>
-            <label className="block text-sm font-medium text-gray-600 mb-1">
-              Full Name
-            </label>
-            <input
-              type=""
-              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-            />
-          </div>
-          <div>
-            <label className="block text-sm font-medium text-gray-600 mb-1">
-              Email address
-            </label>
-            <input
-              type="email"
-              className="w-full border border-gray-300 rounded-lg text-gray-800 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-            />
-          </div>
-
-          <div>
-            <div className="flex justify-between items-center mb-1">
-              <label className="text-sm font-medium text-gray-600">
-                Password
-              </label>
-           
-            </div>
-
-            <input
-              type="password"
-              placeholder="••••••••"
-              className="w-full border border-gray-300 rounded-lg px-3 text-gray-800 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-            />
-          </div>
-           <div>
-            <label className="block text-sm font-medium text-gray-600 mb-1">
-              Confirm Password
-            </label>
-            <input
-              type="password"
-              placeholder="••••••••"
-              className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-            />
-          </div>
-          <div>
-  {role === "brand" ? (
-    <>
-      <label className="block text-sm font-medium text-gray-600 mb-1">
-        GST/CIN/LLP Number
-      </label>
-      <input
-        type="password"
-        placeholder="••••••••"
-        className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-      />
-    </>
-  ) : (
-    <>
-      <label className="block text-sm font-medium text-gray-600 mb-1">
-        Social Media Handle (Instagram, YouTube, etc.)
-      </label>
-      <input
-        type="text"
-        
-        className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-      />
-    </>
-  )}
-</div>
-
-
-          <button
-            type="submit"
-            className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
-          >
-            Create Account
-          </button>
-        </form>
-
-        <p className="text-xs text-center text-gray-400 mt-6">
-          Secure login · Data protected
-        </p>
-      </div>
-    </div>
-  );
-}
\ No newline at end of file

From 893cc80e4a577c90d84430afb7192dcce51aa55f Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Wed, 11 Feb 2026 19:42:25 +0530
Subject: [PATCH 10/61] feat(email-verification):OTP-generation

---
 apps/core-api/package.json                    |   3 +
 apps/core-api/src/cache/redis.ts              |  34 ++--
 .../src/controllers/auth.controller.ts        |  81 +++++++++-
 .../src/models/pendingSignup.models.ts        |  58 ++++++-
 apps/core-api/src/modules/users/user.model.ts |   6 +-
 .../src/repositories/Signup.repository.ts     |  26 ++-
 apps/core-api/src/routes/auth.routes.ts       |   3 +-
 apps/core-api/src/server.ts                   |  71 +++++----
 apps/core-api/src/services/auth.service.ts    |  19 ++-
 .../src/services/verification.service.ts      | 148 ++++++++++++++++--
 apps/core-api/src/utils/generateEmailToken.ts |   9 ++
 apps/core-api/src/utils/sendEmail.ts          |  31 ++++
 pnpm-lock.yaml                                |  37 +++++
 13 files changed, 448 insertions(+), 78 deletions(-)
 create mode 100644 apps/core-api/src/utils/generateEmailToken.ts
 create mode 100644 apps/core-api/src/utils/sendEmail.ts

diff --git a/apps/core-api/package.json b/apps/core-api/package.json
index 4f9827a..30378d6 100644
--- a/apps/core-api/package.json
+++ b/apps/core-api/package.json
@@ -25,6 +25,8 @@
     "meilisearch": "^0.55.0",
     "mongoose": "^9.1.5",
     "morgan": "^1.10.1",
+    "node-cron": "^4.2.1",
+    "nodemailer": "^8.0.1",
     "winston": "^3.19.0"
   },
   "devDependencies": {
@@ -34,6 +36,7 @@
     "@types/jsonwebtoken": "^9.0.10",
     "@types/morgan": "^1.9.10",
     "@types/node": "^25.0.10",
+    "@types/nodemailer": "^7.0.9",
     "nodemon": "^3.1.11",
     "ts-node": "^10.9.2",
     "tsx": "^4.21.0",
diff --git a/apps/core-api/src/cache/redis.ts b/apps/core-api/src/cache/redis.ts
index bf9c88b..ac874b3 100644
--- a/apps/core-api/src/cache/redis.ts
+++ b/apps/core-api/src/cache/redis.ts
@@ -1,20 +1,20 @@
-import IORedis from "ioredis";
-import type {Redis} from "ioredis";
+// import IORedis from "ioredis";
+// import type {Redis} from "ioredis";
 
-import { logger } from "../utils/logger.js";
-const redis_url = process.env.REDIS_URL 
-if (!redis_url){
-    throw new Error("REDIS_URL is not defined in environment variables")
-}
-export const redis:Redis = new IORedis.default(redis_url)
-redis.on("connect", ()=>{
-    logger.info("Redis connected successfully")
-})
+// import { logger } from "../utils/logger.js";
+// const redis_url = process.env.REDIS_URL 
+// if (!redis_url){
+//     throw new Error("REDIS_URL is not defined in environment variables")
+// }
+// export const redis:Redis = new IORedis.default(redis_url)
+// redis.on("connect", ()=>{
+//     logger.info("Redis connected successfully")
+// })
 
-redis.on("reconnecting", () => {
-  logger.warn("Redis reconnecting..");
-});
+// redis.on("reconnecting", () => {
+//   logger.warn("Redis reconnecting..");
+// });
 
-redis.on("error", (err:unknown)=>{
-    logger.error(`Redis error:${String(err)}`)
-})
+// redis.on("error", (err:unknown)=>{
+//     logger.error(`Redis error:${String(err)}`)
+// })
diff --git a/apps/core-api/src/controllers/auth.controller.ts b/apps/core-api/src/controllers/auth.controller.ts
index 4e91248..c6b45d6 100644
--- a/apps/core-api/src/controllers/auth.controller.ts
+++ b/apps/core-api/src/controllers/auth.controller.ts
@@ -1,9 +1,18 @@
-import type { NextFunction, Request, Response } from "express";
 
-import { logoutService, refreshTokenService } from "../services/auth.service.js";
-import { loginService, signupService } from "../services/auth.service.js";
+import type { NextFunction, Request, Response } from "express";
+import jwt from "jsonwebtoken";
+
+import { User } from "../modules/users/user.model.js"; 
+import {
+  logoutService,
+  refreshTokenService,
+  loginService,
+  signupService,
+} from "../services/auth.service.js";
 import type { HttpError } from "../modules/auth/http-error.js";
 
+
+// ================= SIGNUP =================
 export const signupController = async (
   req: Request,
   res: Response,
@@ -27,6 +36,7 @@ export const signupController = async (
 
     res.status(201).json({
       success: true,
+      message: "Signup successful. Please verify your email.",
       data: result,
     });
   } catch (error) {
@@ -34,6 +44,8 @@ export const signupController = async (
   }
 };
 
+
+// ================= LOGIN =================
 export const loginController = async (
   req: Request,
   res: Response,
@@ -60,6 +72,55 @@ export const loginController = async (
 };
 
 
+// ================= EMAIL VERIFICATION =================
+export const verifyEmailController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { token } = req.query;
+
+    if (!token) {
+      const err: HttpError = new Error("Token missing");
+      err.statusCode = 400;
+      throw err;
+    }
+
+    const decoded = jwt.verify(
+      token as string,
+      process.env.EMAIL_VERIFICATION_SECRET as string
+    ) as { userId: string };
+
+    const user = await User.findById(decoded.userId);
+
+    if (!user) {
+      const err: HttpError = new Error("Invalid token");
+      err.statusCode = 400;
+      throw err;
+    }
+
+    if (user.isEmailVerified) {
+      return res.status(400).json({
+        success: false,
+        message: "Email already verified",
+      });
+    }
+
+    user.isEmailVerified = true;
+    await user.save();
+
+    res.status(200).json({
+      success: true,
+      message: "Email verified successfully. Await admin approval.",
+    });
+  } catch (error) {
+    next(error);
+  }
+};
+
+
+// ================= REFRESH TOKEN =================
 export const refreshTokenController = async (
   req: Request,
   res: Response,
@@ -79,16 +140,23 @@ export const refreshTokenController = async (
   }
 };
 
+
+// ================= LOGOUT =================
 export const logoutController = async (
   req: Request,
   res: Response,
   next: NextFunction
 ) => {
   try {
-    const userId = req.user?.userId; 
+    const userId = req.user?.userId;
+
     if (!userId) {
-      return res.status(401).json({ success: false, message: "Unauthorized" });
-}
+      return res.status(401).json({
+        success: false,
+        message: "Unauthorized",
+      });
+    }
+
     const result = await logoutService(userId);
 
     res.status(200).json({
@@ -99,3 +167,4 @@ export const logoutController = async (
     next(error);
   }
 };
+
diff --git a/apps/core-api/src/models/pendingSignup.models.ts b/apps/core-api/src/models/pendingSignup.models.ts
index 55282d9..120e268 100644
--- a/apps/core-api/src/models/pendingSignup.models.ts
+++ b/apps/core-api/src/models/pendingSignup.models.ts
@@ -2,21 +2,73 @@ import { Schema, model } from "mongoose";
 
 const PendingSignupSchema = new Schema(
   {
-    email: { type: String, required: true, unique: true },
-    passwordHash: { type: String, required: true },
+    email: { 
+      type: String, 
+      required: true, 
+      unique: true 
+    },
+
+    passwordHash: { 
+      type: String, 
+      required: true 
+    },
+
     role: {
       type: String,
       enum: ["INFLUENCER", "BRAND"],
       required: true,
     },
+
     documents: [{ type: String }],
+
     status: {
       type: String,
       enum: ["PENDING", "APPROVED", "REJECTED"],
       default: "PENDING",
     },
+
+    // 🔐 OTP FIELDS START HERE
+
+ emailOtpHash: {
+  type: String,
+  select: false,
+  default: null,
+
+},
+
+
+    emailOtpExpiresAt: {
+      type: Date,
+      default: null,
+    },
+
+    otpAttempts: {
+      type: Number,
+      default: 0,
+    },
+
+    otpResendCount: {
+      type: Number,
+      default: 0,
+    },
+
+    otpLastSentAt: {
+      type: Date,
+      default: null,
+    },
+
+    otpLockedUntil: {
+      type: Date,
+      default: null,  
+    },
+
+    isEmailVerified: {
+      type: Boolean,
+      default: false,
+    },
+
   },
-  { timestamps: true }
+  { timestamps: true } // gives createdAt & updatedAt automatically
 );
 
 export const PendingSignup = model(
diff --git a/apps/core-api/src/modules/users/user.model.ts b/apps/core-api/src/modules/users/user.model.ts
index cf162b0..cddfd39 100644
--- a/apps/core-api/src/modules/users/user.model.ts
+++ b/apps/core-api/src/modules/users/user.model.ts
@@ -12,6 +12,7 @@ export enum AdminLevel {
 }
 
 export enum UserStatus {
+  PENDING = "PENDING",   // 🔥 add this
   ACTIVE = "ACTIVE",
   SUSPENDED = "SUSPENDED",
 }
@@ -59,7 +60,7 @@ const UserSchema = new Schema<IUser>(
     status: {
       type: String,
       enum: Object.values(UserStatus),
-      default: UserStatus.ACTIVE,
+      default: UserStatus.PENDING, // 🔥 start as pending
     },
     refreshToken: {
       type: String,
@@ -68,6 +69,7 @@ const UserSchema = new Schema<IUser>(
   },
   { timestamps: true }
 );
+
 UserSchema.index({ role: 1, status: 1 });
 
-export const User = model<IUser>("User", UserSchema)
+export const User = model<IUser>("User", UserSchema);
diff --git a/apps/core-api/src/repositories/Signup.repository.ts b/apps/core-api/src/repositories/Signup.repository.ts
index 8a36c9b..4b22a46 100644
--- a/apps/core-api/src/repositories/Signup.repository.ts
+++ b/apps/core-api/src/repositories/Signup.repository.ts
@@ -1,24 +1,35 @@
 import { PendingSignup } from "../models/pendingSignup.models.js";
 
+
 interface CreatePendingSignupInput {
   email: string;
-  role: string;
-  status: "PENDING" | "APPROVED" | "REJECTED";
   passwordHash: string;
+  role: "INFLUENCER" | "BRAND";
   documents: string[];
+  status: "PENDING" | "APPROVED" | "REJECTED";
 
-
+  // 🔐 OTP fields (optional)
+  emailOtpHash?: string | null;
+  emailOtpExpiresAt?: Date | null;
+  otpAttempts?: number;
+  otpResendCount?: number;
+  otpLastSentAt?: Date | null;
+  otpLockedUntil?: Date | null;
+  isEmailVerified?: boolean;
 }
 
 class PendingSignupRepository {
+  // ================= CREATE =================
   create(data: CreatePendingSignupInput) {
     return PendingSignup.create(data);
   }
 
+  // ================= FIND =================
   findByEmail(email: string) {
     return PendingSignup.findOne({ email });
   }
-  
+
+  // ================= UPDATE STATUS =================
   updateStatus(email: string, status: "APPROVED" | "REJECTED") {
     return PendingSignup.findOneAndUpdate(
       { email },
@@ -27,9 +38,16 @@ class PendingSignupRepository {
     );
   }
 
+  // ================= DELETE ONE =================
   deleteByEmail(email: string) {
     return PendingSignup.findOneAndDelete({ email });
   }
+
+  // ================= DELETE MANY (FOR CLEANUP) =================
+ deleteMany(filter: Record<string, unknown>): Promise<unknown> {
+  return PendingSignup.deleteMany(filter);
+}
+
 }
 
 export const pendingSignupRepository =
diff --git a/apps/core-api/src/routes/auth.routes.ts b/apps/core-api/src/routes/auth.routes.ts
index 1745136..28764c5 100644
--- a/apps/core-api/src/routes/auth.routes.ts
+++ b/apps/core-api/src/routes/auth.routes.ts
@@ -1,6 +1,6 @@
 import { Router } from "express";
 
-import { loginController, logoutController, refreshTokenController, signupController } from "../controllers/auth.controller.js";
+import { loginController, logoutController, refreshTokenController, signupController, verifyEmailController } from "../controllers/auth.controller.js";
 import { authenticate } from "../middlewares/auth.middleware.js";
 
 const router: Router = Router()
@@ -8,5 +8,6 @@ router.post("/login", loginController)
 router.post("/signup", signupController);
 router.post("/refresh", refreshTokenController);
 router.post("/logout", authenticate, logoutController);
+router.get("/verify-email", verifyEmailController);
 
 export default router
\ No newline at end of file
diff --git a/apps/core-api/src/server.ts b/apps/core-api/src/server.ts
index 5814bc5..a616a0f 100644
--- a/apps/core-api/src/server.ts
+++ b/apps/core-api/src/server.ts
@@ -1,35 +1,46 @@
-import  "dotenv/config" 
-import express from "express"
-
-import { httpLogger } from "./middlewares/httpLogger.js"
-import { logger } from "./utils/logger.js"
-import { errorHandler, notFound } from "./middlewares/errorHandler.js"
-import { connectRabbit } from "./queue/rabbit.js"
-import  "./cache/redis.js";
+import "dotenv/config";
+import express from "express";
+import cron from "node-cron";
+
+import { httpLogger } from "./middlewares/httpLogger.js";
+import { logger } from "./utils/logger.js";
+import { errorHandler, notFound } from "./middlewares/errorHandler.js";
+import { connectRabbit } from "./queue/rabbit.js";
+import "./cache/redis.js";
 import "./search/meili.js";
-import router from "./routes/index.js"
-import { connectDB } from "./db/connect.js"
+import router from "./routes/index.js";
+import { connectDB } from "./db/connect.js";
+import { cleanupExpiredSignups } from "./services/verification.service.js";
+
+const app = express();
+const PORT = Number(process.env.PORT) || 5000;
+
+app.use(httpLogger);
+app.use(express.json());
+app.use("/api", router);
 
+// 🔥 Connect Database
+connectDB();
 
-const app = express()
-const PORT = Number(process.env.PORT) || 5000
-app.use(httpLogger)
-app.use(express.json())
-app.use("/api", router)
-connectDB()
+// 🔥 CRON JOB (Runs every hour)
+cron.schedule("0 * * * *", async () => {
+  logger.info("Running cleanup for expired pending signups...");
+  await cleanupExpiredSignups();
+});
 
 app.get("/health", (req, res) => {
-    res.status(200).json({
-        status: "ok",
-        service: "core-api",
-        timestamp: new Date().toISOString()
-    })
-})
-
-app.use(notFound)
-app.use(errorHandler)
-connectRabbit()
-app.listen(PORT,"127.0.0.1", () => {
-    logger.info(`Core API is running at http://localhost:${PORT}`);
-    
-})
\ No newline at end of file
+  res.status(200).json({
+    status: "ok",
+    service: "core-api",
+    timestamp: new Date().toISOString(),
+  });
+});
+
+app.use(notFound);
+app.use(errorHandler);
+
+connectRabbit();
+
+app.listen(PORT, "127.0.0.1", () => {
+  logger.info(`Core API is running at http://localhost:${PORT}`);
+});
diff --git a/apps/core-api/src/services/auth.service.ts b/apps/core-api/src/services/auth.service.ts
index 2b386d4..080c614 100644
--- a/apps/core-api/src/services/auth.service.ts
+++ b/apps/core-api/src/services/auth.service.ts
@@ -51,19 +51,36 @@ export const signupService = async (data: SignupInput) => {
 
   const passwordHash = await bcrypt.hash(data.password, 10);
 
+  // 🔥 GENERATE OTP
+  const otp = Math.floor(100000 + Math.random() * 900000).toString();
+  console.log("Generated OTP:", otp); // 👈 ADD THIS LINE
+  const hashedOtp = await bcrypt.hash(otp, 10);
+
   await pendingSignupRepository.create({
     email: data.email.toLowerCase(),
     passwordHash,
     role: data.role,
     documents: data.documents,
     status: "PENDING",
+
+    // 🔐 OTP fields
+    emailOtpHash: hashedOtp,
+    emailOtpExpiresAt: new Date(Date.now() + 5 * 60 * 1000),
+    otpAttempts: 0,
+    otpResendCount: 0,
+    otpLastSentAt: new Date(),
+    isEmailVerified: false,
   });
 
-  return { message: "Signup request submitted for review" };
+  // 🔥 SEND OTP EMAIL HERE
+  // await sendOtpEmail(data.email, otp);
+
+  return { message: "OTP sent to your email" };
 };
 
 
 
+
 interface LoginResult {
   accessToken: string,
   refreshToken: string,
diff --git a/apps/core-api/src/services/verification.service.ts b/apps/core-api/src/services/verification.service.ts
index 5da8839..3e94991 100644
--- a/apps/core-api/src/services/verification.service.ts
+++ b/apps/core-api/src/services/verification.service.ts
@@ -1,8 +1,130 @@
+import bcrypt from "bcrypt";
+
 import type { HttpError } from "../modules/auth/http-error.js";
 import { pendingSignupRepository } from "../repositories/Signup.repository.js";
 import { userRepository } from "../repositories/user.repository.js";
-// import { sendMail } from "../../utils/nodemailer";
 
+// ================= VERIFY OTP =================
+export const verifyOtpService = async (
+  email: string,
+  otp: string
+) => {
+  const pending = await pendingSignupRepository.findByEmail(email);
+
+  if (!pending) {
+    const err: HttpError = new Error("Signup request not found");
+    err.statusCode = 404;
+    throw err;
+  }
+
+  if (pending.isEmailVerified) {
+    const err: HttpError = new Error("Email already verified");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  const now = new Date();
+
+  // 🔒 Lock check
+  if (pending.otpLockedUntil && pending.otpLockedUntil > now) {
+    const err: HttpError = new Error("Too many attempts. Try again later.");
+    err.statusCode = 403;
+    throw err;
+  }
+
+  // ⏳ Expiry check
+  if (!pending.emailOtpExpiresAt || pending.emailOtpExpiresAt < now) {
+    const err: HttpError = new Error("OTP expired");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  const isMatch = await bcrypt.compare(
+    otp,
+    pending.emailOtpHash as string
+  );
+
+  if (!isMatch) {
+    pending.otpAttempts = (pending.otpAttempts || 0) + 1;
+
+    if (pending.otpAttempts >= 5) {
+      pending.otpLockedUntil = new Date(
+        now.getTime() + 15 * 60 * 1000 // lock for 15 minutes
+      );
+    }
+
+    await pending.save();
+
+    const err: HttpError = new Error("Invalid OTP");
+    err.statusCode = 401;
+    throw err;
+  }
+
+  // ✅ SUCCESS
+  pending.isEmailVerified = true;
+  pending.emailOtpHash = null;
+  pending.emailOtpExpiresAt = null;
+  pending.otpAttempts = 0;
+  pending.otpLockedUntil = null;
+
+  await pending.save();
+
+  return { message: "Email verified successfully" };
+};
+
+// ================= RESEND OTP =================
+export const resendOtpService = async (email: string) => {
+  const pending = await pendingSignupRepository.findByEmail(email);
+
+  if (!pending) {
+    const err: HttpError = new Error("Signup request not found");
+    err.statusCode = 404;
+    throw err;
+  }
+
+  if (pending.isEmailVerified) {
+    const err: HttpError = new Error("Email already verified");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  const now = new Date();
+
+  // ⏳ Cooldown check (60 seconds)
+  if (
+    pending.otpLastSentAt &&
+    now.getTime() - pending.otpLastSentAt.getTime() < 60 * 1000
+  ) {
+    const err: HttpError = new Error("Please wait before requesting another OTP");
+    err.statusCode = 429;
+    throw err;
+  }
+
+  // 🔁 Max resend limit
+  if ((pending.otpResendCount || 0) >= 5) {
+    const err: HttpError = new Error("Maximum resend attempts reached");
+    err.statusCode = 403;
+    throw err;
+  }
+
+  // 🔐 Generate new OTP
+  const otp = Math.floor(100000 + Math.random() * 900000).toString();
+  const hashedOtp = await bcrypt.hash(otp, 10);
+
+  pending.emailOtpHash = hashedOtp;
+  pending.emailOtpExpiresAt = new Date(now.getTime() + 5 * 60 * 1000);
+  pending.otpResendCount = (pending.otpResendCount || 0) + 1;
+  pending.otpLastSentAt = now;
+
+  await pending.save();
+
+  // TODO: Send OTP email here
+  // await sendOtpEmail(email, otp);
+
+  return { message: "OTP resent successfully" };
+};
+
+// ================= APPROVE SIGNUP =================
 export const approveSignupService = async (email: string) => {
   const pending = await pendingSignupRepository.findByEmail(email);
 
@@ -18,7 +140,6 @@ export const approveSignupService = async (email: string) => {
     throw err;
   }
 
-
   await userRepository.create({
     email: pending.email,
     password: pending.passwordHash,
@@ -29,15 +150,10 @@ export const approveSignupService = async (email: string) => {
 
   await pendingSignupRepository.deleteByEmail(email);
 
-  // await sendMail(
-  //   email,
-  //   "Signup Approved",
-  //   "Your account has been approved. You can now log in."
-  // );
-
   return { message: "Signup approved successfully" };
 };
 
+// ================= REJECT SIGNUP =================
 export const rejectSignupService = async (
   email: string,
   reason?: string
@@ -52,11 +168,15 @@ export const rejectSignupService = async (
 
   await pendingSignupRepository.deleteByEmail(email);
 
-  // await sendMail(
-  //   email,
-  //   "Signup Rejected",
-  //   reason ?? "Your signup request was rejected by the admin."
-  // );
-
   return { message: "Signup rejected successfully" };
 };
+
+// ================= CLEANUP EXPIRED SIGNUPS =================
+export const cleanupExpiredSignups = async () => {
+  const cutoff = new Date(Date.now() - 24 * 60 * 60 * 1000); // 24 hours ago
+
+  await pendingSignupRepository.deleteMany({
+    isEmailVerified: false,
+    createdAt: { $lt: cutoff },
+  });
+};
diff --git a/apps/core-api/src/utils/generateEmailToken.ts b/apps/core-api/src/utils/generateEmailToken.ts
new file mode 100644
index 0000000..7ab7210
--- /dev/null
+++ b/apps/core-api/src/utils/generateEmailToken.ts
@@ -0,0 +1,9 @@
+import jwt from "jsonwebtoken";
+
+export const generateEmailVerificationToken = (userId: string) => {
+  return jwt.sign(
+    { userId },
+    process.env.EMAIL_VERIFICATION_SECRET as string,
+    { expiresIn: "20m" }
+  );
+};
diff --git a/apps/core-api/src/utils/sendEmail.ts b/apps/core-api/src/utils/sendEmail.ts
new file mode 100644
index 0000000..e5908bb
--- /dev/null
+++ b/apps/core-api/src/utils/sendEmail.ts
@@ -0,0 +1,31 @@
+import nodemailer from "nodemailer";
+
+export const sendEmailVerification = async (
+  email: string,
+  token: string
+) => {
+  const transporter = nodemailer.createTransport({
+    service: "gmail",
+    auth: {
+      user: process.env.EMAIL_USER,
+      pass: process.env.EMAIL_PASS,
+    },
+  });
+
+  const verificationLink = `${process.env.CLIENT_URL}/verify-email?token=${token}`;
+
+  await transporter.sendMail({
+    from: process.env.EMAIL_USER,
+    to: email,
+    subject: "Verify Your Account - Marketplace",
+    html: `
+      <h2>Welcome to Marketplace</h2>
+      <p>Click the button below to verify your email:</p>
+      <a href="${verificationLink}" 
+         style="padding:10px 20px;background:black;color:white;text-decoration:none;">
+         Verify Email
+      </a>
+      <p>This link expires in 20 minutes.</p>
+    `,
+  });
+};
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ce458cc..d2a3e5d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -70,6 +70,12 @@ importers:
       morgan:
         specifier: ^1.10.1
         version: 1.10.1
+      node-cron:
+        specifier: ^4.2.1
+        version: 4.2.1
+      nodemailer:
+        specifier: ^8.0.1
+        version: 8.0.1
       winston:
         specifier: ^3.19.0
         version: 3.19.0
@@ -92,6 +98,9 @@ importers:
       "@types/node":
         specifier: ^25.0.10
         version: 25.0.10
+      "@types/nodemailer":
+        specifier: ^7.0.9
+        version: 7.0.9
       nodemon:
         specifier: ^3.1.11
         version: 3.1.11
@@ -1347,6 +1356,12 @@ packages:
         integrity: sha512-zWW5KPngR/yvakJgGOmZ5vTBemDoSqF3AcV/LrO5u5wTWyEAVVh+IT39G4gtyAkh3CtTZs8aX/yRM82OfzHJRg==,
       }
 
+  "@types/nodemailer@7.0.9":
+    resolution:
+      {
+        integrity: sha512-vI8oF1M+8JvQhsId0Pc38BdUP2evenIIys7c7p+9OZXSPOH5c1dyINP1jT8xQ2xPuBUXmIC87s+91IZMDjH8Ow==,
+      }
+
   "@types/qs@6.14.0":
     resolution:
       {
@@ -3932,6 +3947,13 @@ packages:
       }
     engines: { node: ^18 || ^20 || >= 21 }
 
+  node-cron@4.2.1:
+    resolution:
+      {
+        integrity: sha512-lgimEHPE/QDgFlywTd8yTR61ptugX3Qer29efeyWw2rv259HtGBNn1vZVmp8lB9uo9wC0t/AT4iGqXxia+CJFg==,
+      }
+    engines: { node: ">=6.0.0" }
+
   node-gyp-build@4.8.4:
     resolution:
       {
@@ -3945,6 +3967,13 @@ packages:
         integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==,
       }
 
+  nodemailer@8.0.1:
+    resolution:
+      {
+        integrity: sha512-5kcldIXmaEjZcHR6F28IKGSgpmZHaF1IXLWFTG+Xh3S+Cce4MiakLtWY+PlBU69fLbRa8HlaGIrC/QolUpHkhg==,
+      }
+    engines: { node: ">=6.0.0" }
+
   nodemon@3.1.11:
     resolution:
       {
@@ -5749,6 +5778,10 @@ snapshots:
     dependencies:
       undici-types: 7.16.0
 
+  "@types/nodemailer@7.0.9":
+    dependencies:
+      "@types/node": 25.0.10
+
   "@types/qs@6.14.0": {}
 
   "@types/range-parser@1.2.7": {}
@@ -7481,10 +7514,14 @@ snapshots:
 
   node-addon-api@8.5.0: {}
 
+  node-cron@4.2.1: {}
+
   node-gyp-build@4.8.4: {}
 
   node-releases@2.0.27: {}
 
+  nodemailer@8.0.1: {}
+
   nodemon@3.1.11:
     dependencies:
       chokidar: 3.6.0

From 305b77c3582cb1703da0c08dc725ca242fe412a4 Mon Sep 17 00:00:00 2001
From: ajay <ajay.devxtra@gmail.com>
Date: Fri, 13 Feb 2026 10:41:52 +0530
Subject: [PATCH 11/61] feat(web): login and signup frontend integration

---
 apps/core-api/src/cache/redis.ts              |   1 +
 .../src/controllers/auth.controller.ts        |   6 +-
 .../src/models/pendingSignup.models.ts        |   2 +-
 .../src/repositories/Signup.repository.ts     |   2 +-
 apps/core-api/src/server.ts                   |   5 +-
 apps/core-api/src/services/auth.service.ts    |   2 +-
 apps/realtime/src/server.ts                   |   6 +-
 apps/web/app/login/page.tsx                   |  73 +++-
 apps/web/app/signup/page.tsx                  | 341 ++++++++++++------
 apps/web/lib/axios.client.ts                  |  38 ++
 package.json                                  |   4 +
 packages/shared/src/roles.ts                  |   2 +-
 pnpm-lock.yaml                                |   7 +
 13 files changed, 362 insertions(+), 127 deletions(-)
 create mode 100644 apps/web/lib/axios.client.ts

diff --git a/apps/core-api/src/cache/redis.ts b/apps/core-api/src/cache/redis.ts
index bf9c88b..b34c2b3 100644
--- a/apps/core-api/src/cache/redis.ts
+++ b/apps/core-api/src/cache/redis.ts
@@ -2,6 +2,7 @@ import IORedis from "ioredis";
 import type {Redis} from "ioredis";
 
 import { logger } from "../utils/logger.js";
+
 const redis_url = process.env.REDIS_URL 
 if (!redis_url){
     throw new Error("REDIS_URL is not defined in environment variables")
diff --git a/apps/core-api/src/controllers/auth.controller.ts b/apps/core-api/src/controllers/auth.controller.ts
index 4e91248..29bb366 100644
--- a/apps/core-api/src/controllers/auth.controller.ts
+++ b/apps/core-api/src/controllers/auth.controller.ts
@@ -1,4 +1,4 @@
-import type { NextFunction, Request, Response } from "express";
+import type { NextFunction, Request, Response } from "express";
 
 import { logoutService, refreshTokenService } from "../services/auth.service.js";
 import { loginService, signupService } from "../services/auth.service.js";
@@ -10,7 +10,7 @@ export const signupController = async (
   next: NextFunction
 ) => {
   try {
-    const { email, password, role, documents } = req.body;
+    const { email, password, role, documents: businessInfo } = req.body;
 
     if (!email || !password || !role) {
       const err: HttpError = new Error("Missing required fields");
@@ -22,7 +22,7 @@ export const signupController = async (
       email,
       password,
       role,
-      documents: documents ?? [],
+      documents: businessInfo ,
     });
 
     res.status(201).json({
diff --git a/apps/core-api/src/models/pendingSignup.models.ts b/apps/core-api/src/models/pendingSignup.models.ts
index 55282d9..523a83e 100644
--- a/apps/core-api/src/models/pendingSignup.models.ts
+++ b/apps/core-api/src/models/pendingSignup.models.ts
@@ -9,7 +9,7 @@ const PendingSignupSchema = new Schema(
       enum: ["INFLUENCER", "BRAND"],
       required: true,
     },
-    documents: [{ type: String }],
+    documents: { type: String },
     status: {
       type: String,
       enum: ["PENDING", "APPROVED", "REJECTED"],
diff --git a/apps/core-api/src/repositories/Signup.repository.ts b/apps/core-api/src/repositories/Signup.repository.ts
index 8a36c9b..1d98141 100644
--- a/apps/core-api/src/repositories/Signup.repository.ts
+++ b/apps/core-api/src/repositories/Signup.repository.ts
@@ -5,7 +5,7 @@ interface CreatePendingSignupInput {
   role: string;
   status: "PENDING" | "APPROVED" | "REJECTED";
   passwordHash: string;
-  documents: string[];
+  documents: string;
 
 
 }
diff --git a/apps/core-api/src/server.ts b/apps/core-api/src/server.ts
index 5814bc5..889047e 100644
--- a/apps/core-api/src/server.ts
+++ b/apps/core-api/src/server.ts
@@ -1,5 +1,6 @@
 import  "dotenv/config" 
 import express from "express"
+import cors from "cors"
 
 import { httpLogger } from "./middlewares/httpLogger.js"
 import { logger } from "./utils/logger.js"
@@ -15,7 +16,9 @@ const app = express()
 const PORT = Number(process.env.PORT) || 5000
 app.use(httpLogger)
 app.use(express.json())
-app.use("/api", router)
+app.use(cors({origin: "*"})) 
+app.use("/", router)
+
 connectDB()
 
 app.get("/health", (req, res) => {
diff --git a/apps/core-api/src/services/auth.service.ts b/apps/core-api/src/services/auth.service.ts
index 2b386d4..772b24f 100644
--- a/apps/core-api/src/services/auth.service.ts
+++ b/apps/core-api/src/services/auth.service.ts
@@ -29,7 +29,7 @@ interface SignupInput {
   email: string;
   password: string;
   role: "INFLUENCER" | "BRAND";
-  documents: string[];
+  documents: string;
 }
 
 export const signupService = async (data: SignupInput) => {
diff --git a/apps/realtime/src/server.ts b/apps/realtime/src/server.ts
index 8dd1d2c..83573eb 100644
--- a/apps/realtime/src/server.ts
+++ b/apps/realtime/src/server.ts
@@ -1,13 +1,15 @@
-import { createServer } from "http";
+import { createServer } from "http";
 
 import express from "express";
-import { Server } from "socket.io";
+import cors from "cors";
+import { Server } from "socket.io";
 
 import { httpLogger } from "./middlewares/httpLogger";
 import { logger } from "./utils/logger";
 import { errorHandler, notFound } from "./middlewares/errorHandler";
 
 const app = express();
+app.use(cors())
 app.use(express.json())
 app.use(httpLogger)
 const httpServer = createServer(app);
diff --git a/apps/web/app/login/page.tsx b/apps/web/app/login/page.tsx
index a1e6674..e31a477 100644
--- a/apps/web/app/login/page.tsx
+++ b/apps/web/app/login/page.tsx
@@ -1,9 +1,56 @@
 "use client";
 
-import { useState } from "react";
+import React, { useState } from "react";
+
+import api from "@/lib/axios.client";
 
 export default function LoginPage() {
-  const [role, setRole] = useState<"brand" | "influencer">("brand");
+  const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
+  const[formData,setFormData]=useState({
+    email:"",
+    password:""
+  });
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+
+  const handleInputChange=(e: React.ChangeEvent<HTMLInputElement>)=>{
+    const {name,value}=e.target;
+    setFormData(prev=>({
+      ...prev,
+      [name]:value
+      
+    }));
+  }
+
+    const handleSubmit=async (e:React.FormEvent<HTMLFormElement>)=>{
+      e.preventDefault();
+      setLoading(true);
+      setError("");
+      console.log("In submit")
+      try {
+        const payload={
+        email:formData.email,
+        password:formData.password,
+        role:role
+      }
+
+      const response=await api.post("/auth/login",payload);
+
+      if(response.data.accessToken){
+        localStorage.setItem("accessToken",response.data.accessToken);
+        window.location.href="/signup";
+      }
+
+      } catch (error) {
+        const errorMessage=error instanceof Error ? error.message : "Login failed. Please try again.";
+        setError(errorMessage);
+      } finally {
+        setLoading(false);
+      }
+
+
+    }
+    
 
   return (
     <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
@@ -22,9 +69,9 @@ export default function LoginPage() {
         <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
           <button
             type="button"
-            onClick={() => setRole("brand")}
+            onClick={() => setRole("BRAND")}
             className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-sm transition hover:cursor-pointer ${
-              role === "brand"
+              role === "BRAND"
                 ? "bg-white shadow text-gray-900"
                 : "text-gray-500 "
             }`}
@@ -34,9 +81,9 @@ export default function LoginPage() {
 
           <button
             type="button"
-            onClick={() => setRole("influencer")}
+            onClick={() => setRole("INFLUENCER")}
             className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${
-              role === "influencer"
+              role === "INFLUENCER"
                 ? "bg-white shadow text-gray-900"
                 : "text-gray-500"
             }`}
@@ -45,13 +92,19 @@ export default function LoginPage() {
           </button>
         </div>
 
-        <form className="space-y-4">
+        <form className="space-y-4" onSubmit={handleSubmit}>
+          {error &&(
+            <div className="text-red-500 text-sm">{error}</div>
+          )}
           <div>
             <label className="block text-sm font-medium text-gray-600 mb-1">
               Email address
             </label>
             <input
               type="email"
+              name="email"
+              value={formData.email}
+              onChange={handleInputChange}
               className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
             />
           </div>
@@ -72,6 +125,9 @@ export default function LoginPage() {
             <input
               type="password"
               placeholder="••••••••"
+              name="password"
+              value={formData.password}
+              onChange={handleInputChange}
               className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
             />
           </div>
@@ -80,7 +136,8 @@ export default function LoginPage() {
             type="submit"
             className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
           >
-            Sign In as {role === "brand" ? "Brand" : "Influencer"}
+            Sign In as {role === "BRAND" ? "Brand" : "Influencer"}
+            {loading && <span className="ml-2">...</span>}
           </button>
         </form>
 
diff --git a/apps/web/app/signup/page.tsx b/apps/web/app/signup/page.tsx
index 5b98fa3..c6b6a3c 100644
--- a/apps/web/app/signup/page.tsx
+++ b/apps/web/app/signup/page.tsx
@@ -3,8 +3,85 @@
 
 import { useState } from "react";
 
+import api from "@/lib/axios.client";
+
 export default function LoginPage() {
-  const [role, setRole] = useState<"brand" | "influencer">("brand");
+  const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
+  const [formData, setFormData] = useState({
+    fullName: "",
+    email: "",
+    password: "",
+    confirmPassword: "",
+    businessInfo: "",
+  });
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+  const [success, setSuccess] = useState(false);
+
+  const isValidBusinessInfo = (info: string) => {
+    const gstRegex = /^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$/;
+    const cinRegex = /^[LUu]{1}[0-9]{5}[A-Z]{2}[0-9]{4}[A-Z]{3}[0-9]{6}$/;
+    const llpRegex = /^[A-Z]{3}-[0-9]{4}$/;
+
+    return gstRegex.test(info) || cinRegex.test(info) || llpRegex.test(info);
+  };
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { name, value } = e.target;
+    setFormData(prev => ({
+      ...prev,
+      [name]: value
+    }));
+  };
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    setError("");
+
+    if (formData.password !== formData.confirmPassword) {
+      setError("Passwords do not match");
+      return;
+    }
+
+    if (role === "BRAND" && !isValidBusinessInfo(formData.businessInfo)) {
+      setError("Please enter a valid GST, CIN, or LLP Number (e.g., AAA-1234)");
+      return;
+    }
+
+    setLoading(true);
+    try {
+      const payload = {
+        fullName: formData.fullName,
+        email: formData.email,
+        password: formData.password,
+        role: role,
+        ...(role === "BRAND"
+          ? { gstNumber: formData.businessInfo }
+          : { socialMediaHandle: formData.businessInfo }
+        ),
+      };
+
+      const response = await api.post("/auth/signup", payload);
+
+      if (response.data.accessToken) {
+        // localStorage.setItem("accessToken", response.data.accessToken);
+        // window.location.href = "/dashboard";
+        setFormData({
+          fullName: "",
+          email: "",
+          password: "",
+          confirmPassword: "",
+          businessInfo: "",
+        });
+      }
+      setSuccess(true);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Signup failed. Please try again.";
+      setError(errorMessage);
+    } finally {
+      setLoading(false);
+    }
+  };
 
   return (
     <div className="min-h-screen flex items-center justify-center bg-gray-100 ">
@@ -12,123 +89,169 @@ export default function LoginPage() {
 
         <div className="text-center mb-3">
           <h1 className="text-xl sm:text-2xl font-semibold text-gray-800">
-            Welcome Back
+            {success ? "Registration Successful" : "Welcome Back"}
           </h1>
           <p className="text-sm text-gray-500 mt-1">
-            Join as a Brand or Influencer 
-            
+            {success
+              ? "Your account has been created successfully."
+              : "Join as a Brand or Influencer"}
           </p>
         </div>
 
-        <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
-          <button
-            type="button"
-            onClick={() => setRole("brand")}
-            className={`w-1/2 py-2 sm:py-2.5 text-current  text-sm font-medium rounded-sm transition hover:cursor-pointer ${
-              role === "brand"
-                ? "bg-white shadow text-gray-900"
-                : "text-gray-500 "
-            }`}
-          >
-            Brand <br /> <span className="text-xs text-gray-400 font-normal">Find and book influencers</span>
-          </button>
-
-          <button
-            type="button"
-            onClick={() => setRole("influencer")}
-            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${
-              role === "influencer"
-                ? "bg-white shadow text-gray-900"
-                : "text-gray-500"
-            }`}
-          >
-            Influencer  <br /> <span className="text-xs text-gray-400 font-normal">Create gigs and get paid</span>
-          </button>
-        </div>
-
-        <form className="space-y-4">
-
-           <div>
-            <label className="block text-sm font-medium text-gray-600 mb-1">
-              Full Name
-            </label>
-            <input
-              type=""
-              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-            />
-          </div>
-          <div>
-            <label className="block text-sm font-medium text-gray-600 mb-1">
-              Email address
-            </label>
-            <input
-              type="email"
-              className="w-full border border-gray-300 rounded-lg text-gray-800 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-            />
+        {success ? (
+          <div className="p-4 bg-green-50 border border-green-200 rounded-lg text-center">
+            <div className="text-green-600 font-medium mb-2">
+              Application Submitted
+            </div>
+            <p className="text-sm text-gray-600">
+              Please wait for admin approval. We will notify you via email once your account is verified.
+            </p>
+            <button
+              onClick={() => setSuccess(false)}
+              className="mt-4 text-sm text-green-700 hover:text-green-800 font-medium underline"
+            >
+              Back to Sign Up
+            </button>
           </div>
+        ) : (
+          <>
+            <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
+              <button
+                type="button"
+                onClick={() => setRole("BRAND")}
+                className={`w-1/2 py-2 sm:py-2.5 text-current  text-sm font-medium rounded-sm transition hover:cursor-pointer ${role === "BRAND"
+                    ? "bg-white shadow text-gray-900"
+                    : "text-gray-500 "
+                  }`}
+              >
+                Brand <br /> <span className="text-xs text-gray-400 font-normal">Find and book influencers</span>
+              </button>
 
-          <div>
-            <div className="flex justify-between items-center mb-1">
-              <label className="text-sm font-medium text-gray-600">
-                Password
-              </label>
-           
+              <button
+                type="button"
+                onClick={() => setRole("INFLUENCER")}
+                className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${role === "INFLUENCER"
+                    ? "bg-white shadow text-gray-900"
+                    : "text-gray-500"
+                  }`}
+              >
+                Influencer  <br /> <span className="text-xs text-gray-400 font-normal">Create gigs and get paid</span>
+              </button>
             </div>
 
-            <input
-              type="password"
-              placeholder="••••••••"
-              className="w-full border border-gray-300 rounded-lg px-3 text-gray-800 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-            />
-          </div>
-           <div>
-            <label className="block text-sm font-medium text-gray-600 mb-1">
-              Confirm Password
-            </label>
-            <input
-              type="password"
-              placeholder="••••••••"
-              className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-            />
-          </div>
-          <div>
-  {role === "brand" ? (
-    <>
-      <label className="block text-sm font-medium text-gray-600 mb-1">
-        GST/CIN/LLP Number
-      </label>
-      <input
-        type="password"
-        placeholder="••••••••"
-        className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-      />
-    </>
-  ) : (
-    <>
-      <label className="block text-sm font-medium text-gray-600 mb-1">
-        Social Media Handle (Instagram, YouTube, etc.)
-      </label>
-      <input
-        type="text"
-        
-        className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-      />
-    </>
-  )}
-</div>
-
-
-          <button
-            type="submit"
-            className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
-          >
-            Create Account
-          </button>
-        </form>
-
-        <p className="text-xs text-center text-gray-400 mt-6">
-          Secure login · Data protected
-        </p>
+            <form className="space-y-4" onSubmit={handleSubmit}>
+              {error && (
+                <div className="p-3 bg-red-100 border border-red-400 text-red-700 rounded-lg text-sm">
+                  {error}
+                </div>
+              )}
+
+              <div>
+                <label className="block text-sm font-medium text-gray-600 mb-1">
+                  Full Name
+                </label>
+                <input
+                  type="text"
+                  name="fullName"
+                  value={formData.fullName}
+                  onChange={handleInputChange}
+                  required
+                  className="w-full border border-gray-300 rounded-lg px-3 py-2 text-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium text-gray-600 mb-1">
+                  Email address
+                </label>
+                <input
+                  type="email"
+                  name="email"
+                  value={formData.email}
+                  onChange={handleInputChange}
+                  required
+                  className="w-full border border-gray-300 rounded-lg text-gray-800 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+                />
+              </div>
+
+              <div>
+                <div className="flex justify-between items-center mb-1">
+                  <label className="text-sm font-medium text-gray-600">
+                    Password
+                  </label>
+
+                </div>
+
+                <input
+                  type="password"
+                  name="password"
+                  value={formData.password}
+                  onChange={handleInputChange}
+                  required
+                  placeholder="••••••••"
+                  className="w-full border border-gray-300 rounded-lg px-3 text-gray-800 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium text-gray-600 mb-1">
+                  Confirm Password
+                </label>
+                <input
+                  type="password"
+                  name="confirmPassword"
+                  value={formData.confirmPassword}
+                  onChange={handleInputChange}
+                  required
+                  placeholder="••••••••"
+                  className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+                />
+              </div>
+              <div>
+                {role === "BRAND" ? (
+                  <>
+                    <label className="block text-sm font-medium text-gray-600 mb-1">
+                      GST/CIN/LLP Number
+                    </label>
+                    <input
+                      type="text"
+                      name="businessInfo"
+                      value={formData.businessInfo}
+                      onChange={handleInputChange}
+                      required
+                      className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+                    />
+                  </>
+                ) : (
+                  <>
+                    <label className="block text-sm font-medium text-gray-600 mb-1">
+                      Social Media Handle (Instagram, YouTube, etc.)
+                    </label>
+                    <input
+                      type="text"
+                      name="businessInfo"
+                      value={formData.businessInfo}
+                      onChange={handleInputChange}
+                      required
+                      className="w-full border border-gray-300 text-gray-800 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+                    />
+                  </>
+                )}
+              </div>
+
+
+              <button
+                type="submit"
+                disabled={loading}
+                className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857] disabled:opacity-50 disabled:cursor-not-allowed"
+              >
+                {loading ? "Creating Account..." : "Create Account"}
+              </button>
+            </form>
+
+            <p className="text-xs text-center text-gray-400 mt-6">
+              Secure login · Data protected
+            </p>
+          </>
+        )}
       </div>
     </div>
   );
diff --git a/apps/web/lib/axios.client.ts b/apps/web/lib/axios.client.ts
new file mode 100644
index 0000000..83c6dcc
--- /dev/null
+++ b/apps/web/lib/axios.client.ts
@@ -0,0 +1,38 @@
+import axios from 'axios';
+
+const api=axios.create({
+    baseURL: process.env.NEXT_PUBLIC_API_URL,
+    //   withCredentials: true ,// Required to send the Refresh Token Cookie automatically!
+
+    headers:{
+        "Content-Type": "application/json"
+    }
+})
+
+//Request interceptor
+api.interceptors.request.use(
+    (config) => {
+        const token =localStorage.getItem("accessToken");
+
+        if (token){
+            config.headers.Authorization=`Bearer ${token}`
+        }
+    return config
+    },
+    (error)=>Promise.reject(error)
+)
+
+//Response Interceptor
+api.interceptors.response.use(
+    (response)=>response,
+    (error)=>{
+        if(error.response?.status===401){
+            localStorage.removeItem("accessToken");
+            // window.location.href="/signup"
+        }
+        return Promise.reject(error);
+    }
+)
+
+
+export default api;
\ No newline at end of file
diff --git a/package.json b/package.json
index 419ad72..ca55ec6 100644
--- a/package.json
+++ b/package.json
@@ -35,5 +35,9 @@
     "*.{json,md,yml,yaml}": [
       "prettier --write"
     ]
+  },
+  "dependencies": {
+    "@types/cors": "^2.8.19",
+    "cors": "^2.8.6"
   }
 }
diff --git a/packages/shared/src/roles.ts b/packages/shared/src/roles.ts
index 47e132f..6e3f85f 100644
--- a/packages/shared/src/roles.ts
+++ b/packages/shared/src/roles.ts
@@ -1,7 +1,7 @@
 export const Roles = {
   ADMIN: "admin",
   INFLUENCER: "influencer",
-  BRAND: "brand",
+  BRAND: "BRAND",
 } as const;
 
 export type Role = (typeof Roles)[keyof typeof Roles];
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ce458cc..20c43c4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,6 +6,13 @@ settings:
 
 importers:
   .:
+    dependencies:
+      "@types/cors":
+        specifier: ^2.8.19
+        version: 2.8.19
+      cors:
+        specifier: ^2.8.6
+        version: 2.8.6
     devDependencies:
       "@eslint/eslintrc":
         specifier: ^3.3.3

From f414a91f88f2007634e244c90968a9d592ccf266 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Fri, 13 Feb 2026 11:12:43 +0530
Subject: [PATCH 12/61] feat(emailverify):email verification

---
 apps/core-api/src/server.ts                   |  4 +--
 apps/core-api/src/services/auth.service.ts    |  6 ++--
 apps/core-api/src/utils/generateEmailToken.ts |  9 ------
 apps/core-api/src/utils/sendEmail.ts          | 31 -------------------
 apps/core-api/src/utils/sendotpEmail.ts       | 21 +++++++++++++
 5 files changed, 27 insertions(+), 44 deletions(-)
 delete mode 100644 apps/core-api/src/utils/generateEmailToken.ts
 delete mode 100644 apps/core-api/src/utils/sendEmail.ts
 create mode 100644 apps/core-api/src/utils/sendotpEmail.ts

diff --git a/apps/core-api/src/server.ts b/apps/core-api/src/server.ts
index a616a0f..e966e4f 100644
--- a/apps/core-api/src/server.ts
+++ b/apps/core-api/src/server.ts
@@ -19,10 +19,10 @@ app.use(httpLogger);
 app.use(express.json());
 app.use("/api", router);
 
-// 🔥 Connect Database
+//  Connect Database
 connectDB();
 
-// 🔥 CRON JOB (Runs every hour)
+//  CRON JOB (Runs every hour)
 cron.schedule("0 * * * *", async () => {
   logger.info("Running cleanup for expired pending signups...");
   await cleanupExpiredSignups();
diff --git a/apps/core-api/src/services/auth.service.ts b/apps/core-api/src/services/auth.service.ts
index 080c614..5bd5fc0 100644
--- a/apps/core-api/src/services/auth.service.ts
+++ b/apps/core-api/src/services/auth.service.ts
@@ -22,6 +22,8 @@ import type { HttpError } from "../modules/auth/http-error.js";
 import { userRepository } from "../repositories/user.repository.js"
 import { pendingSignupRepository } from "../repositories/Signup.repository.js";
 import { logger } from "../utils/logger.js";
+import { sendOtpEmail } from "../utils/sendotpEmail.js";
+
 
 // import { sendMail } from "../../utils/nodemailer";
 
@@ -51,9 +53,9 @@ export const signupService = async (data: SignupInput) => {
 
   const passwordHash = await bcrypt.hash(data.password, 10);
 
-  // 🔥 GENERATE OTP
+  //  GENERATE OTP
   const otp = Math.floor(100000 + Math.random() * 900000).toString();
-  console.log("Generated OTP:", otp); // 👈 ADD THIS LINE
+  await sendOtpEmail(data.email, otp);
   const hashedOtp = await bcrypt.hash(otp, 10);
 
   await pendingSignupRepository.create({
diff --git a/apps/core-api/src/utils/generateEmailToken.ts b/apps/core-api/src/utils/generateEmailToken.ts
deleted file mode 100644
index 7ab7210..0000000
--- a/apps/core-api/src/utils/generateEmailToken.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import jwt from "jsonwebtoken";
-
-export const generateEmailVerificationToken = (userId: string) => {
-  return jwt.sign(
-    { userId },
-    process.env.EMAIL_VERIFICATION_SECRET as string,
-    { expiresIn: "20m" }
-  );
-};
diff --git a/apps/core-api/src/utils/sendEmail.ts b/apps/core-api/src/utils/sendEmail.ts
deleted file mode 100644
index e5908bb..0000000
--- a/apps/core-api/src/utils/sendEmail.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import nodemailer from "nodemailer";
-
-export const sendEmailVerification = async (
-  email: string,
-  token: string
-) => {
-  const transporter = nodemailer.createTransport({
-    service: "gmail",
-    auth: {
-      user: process.env.EMAIL_USER,
-      pass: process.env.EMAIL_PASS,
-    },
-  });
-
-  const verificationLink = `${process.env.CLIENT_URL}/verify-email?token=${token}`;
-
-  await transporter.sendMail({
-    from: process.env.EMAIL_USER,
-    to: email,
-    subject: "Verify Your Account - Marketplace",
-    html: `
-      <h2>Welcome to Marketplace</h2>
-      <p>Click the button below to verify your email:</p>
-      <a href="${verificationLink}" 
-         style="padding:10px 20px;background:black;color:white;text-decoration:none;">
-         Verify Email
-      </a>
-      <p>This link expires in 20 minutes.</p>
-    `,
-  });
-};
diff --git a/apps/core-api/src/utils/sendotpEmail.ts b/apps/core-api/src/utils/sendotpEmail.ts
new file mode 100644
index 0000000..f6c402e
--- /dev/null
+++ b/apps/core-api/src/utils/sendotpEmail.ts
@@ -0,0 +1,21 @@
+import nodemailer from "nodemailer";
+
+export const sendOtpEmail = async (
+  to: string,
+  otp: string
+) => {
+  const transporter = nodemailer.createTransport({
+    service: "gmail",
+    auth: {
+      user: process.env.EMAIL_USER,
+      pass: process.env.EMAIL_PASS,
+    },
+  });
+
+  await transporter.sendMail({
+    from: process.env.EMAIL_USER,
+    to,
+    subject: "Your OTP Code",
+    text: `Your verification OTP is: ${otp}`,
+  });
+};

From e68ad6bc3f736dbec17820a4c88c0b236733caed Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Fri, 13 Feb 2026 11:27:08 +0530
Subject: [PATCH 13/61] chore(emailVerification):completed

---
 apps/web/package.json |  1 +
 pnpm-lock.yaml        | 92 ++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 88 insertions(+), 5 deletions(-)

diff --git a/apps/web/package.json b/apps/web/package.json
index 818d6cd..1bb460f 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -9,6 +9,7 @@
     "lint": "eslint"
   },
   "dependencies": {
+    "axios": "^1.13.5",
     "next": "16.1.4",
     "react": "19.2.3",
     "react-dom": "19.2.3"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 581c786..f177857 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -157,6 +157,9 @@ importers:
 
   apps/web:
     dependencies:
+      axios:
+        specifier: ^1.13.5
+        version: 1.13.5
       next:
         specifier: 16.1.4
         version: 16.1.4(@babel/core@7.28.6)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
@@ -1934,6 +1937,12 @@ packages:
         integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==,
       }
 
+  asynckit@0.4.0:
+    resolution:
+      {
+        integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==,
+      }
+
   available-typed-arrays@1.0.7:
     resolution:
       {
@@ -1948,6 +1957,12 @@ packages:
       }
     engines: { node: ">=4" }
 
+  axios@1.13.5:
+    resolution:
+      {
+        integrity: sha512-cz4ur7Vb0xS4/KUN0tPWe44eqxrIu31me+fbang3ijiNscE129POzipJJA6zniq2C/Z6sJCjMimjS8Lc/GAs8Q==,
+      }
+
   axobject-query@4.1.0:
     resolution:
       {
@@ -2178,6 +2193,13 @@ packages:
         integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==,
       }
 
+  combined-stream@1.0.8:
+    resolution:
+      {
+        integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==,
+      }
+    engines: { node: ">= 0.8" }
+
   commander@14.0.2:
     resolution:
       {
@@ -2332,6 +2354,13 @@ packages:
       }
     engines: { node: ">= 0.4" }
 
+  delayed-stream@1.0.0:
+    resolution:
+      {
+        integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==,
+      }
+    engines: { node: ">=0.4.0" }
+
   denque@2.1.0:
     resolution:
       {
@@ -2828,6 +2857,18 @@ packages:
         integrity: sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw==,
       }
 
+  follow-redirects@1.15.11:
+    resolution:
+      {
+        integrity: sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==,
+      }
+    engines: { node: ">=4.0" }
+    peerDependencies:
+      debug: "*"
+    peerDependenciesMeta:
+      debug:
+        optional: true
+
   for-each@0.3.5:
     resolution:
       {
@@ -2835,6 +2876,13 @@ packages:
       }
     engines: { node: ">= 0.4" }
 
+  form-data@4.0.5:
+    resolution:
+      {
+        integrity: sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==,
+      }
+    engines: { node: ">= 6" }
+
   forwarded@0.2.0:
     resolution:
       {
@@ -4237,6 +4285,12 @@ packages:
       }
     engines: { node: ">= 0.10" }
 
+  proxy-from-env@1.1.0:
+    resolution:
+      {
+        integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==,
+      }
+
   pstree.remy@1.1.8:
     resolution:
       {
@@ -6187,12 +6241,22 @@ snapshots:
 
   async@3.2.6: {}
 
+  asynckit@0.4.0: {}
+
   available-typed-arrays@1.0.7:
     dependencies:
       possible-typed-array-names: 1.1.0
 
   axe-core@4.11.1: {}
 
+  axios@1.13.5:
+    dependencies:
+      follow-redirects: 1.15.11
+      form-data: 4.0.5
+      proxy-from-env: 1.1.0
+    transitivePeerDependencies:
+      - debug
+
   axobject-query@4.1.0: {}
 
   balanced-match@1.0.2: {}
@@ -6329,6 +6393,10 @@ snapshots:
 
   colorette@2.0.20: {}
 
+  combined-stream@1.0.8:
+    dependencies:
+      delayed-stream: 1.0.0
+
   commander@14.0.2: {}
 
   concat-map@0.0.1: {}
@@ -6406,6 +6474,8 @@ snapshots:
       has-property-descriptors: 1.0.2
       object-keys: 1.1.1
 
+  delayed-stream@1.0.0: {}
+
   denque@2.1.0: {}
 
   depd@2.0.0: {}
@@ -6608,7 +6678,7 @@ snapshots:
       "@next/eslint-plugin-next": 16.1.4
       eslint: 9.39.2(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-react: 7.37.5(eslint@9.39.2(jiti@2.6.1))
@@ -6635,7 +6705,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1)):
+  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1)):
     dependencies:
       "@nolyfill/is-core-module": 1.0.39
       debug: 4.4.3(supports-color@5.5.0)
@@ -6650,14 +6720,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
       "@typescript-eslint/parser": 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1))
     transitivePeerDependencies:
       - supports-color
 
@@ -6672,7 +6742,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 9.39.2(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -6904,10 +6974,20 @@ snapshots:
 
   fn.name@1.1.0: {}
 
+  follow-redirects@1.15.11: {}
+
   for-each@0.3.5:
     dependencies:
       is-callable: 1.2.7
 
+  form-data@4.0.5:
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
+      hasown: 2.0.2
+      mime-types: 2.1.35
+
   forwarded@0.2.0: {}
 
   fresh@2.0.0: {}
@@ -7682,6 +7762,8 @@ snapshots:
       forwarded: 0.2.0
       ipaddr.js: 1.9.1
 
+  proxy-from-env@1.1.0: {}
+
   pstree.remy@1.1.8: {}
 
   punycode@2.3.1: {}

From 51d75745d955e606ae3c565687bba47c3bd94880 Mon Sep 17 00:00:00 2001
From: ajay <ajay.devxtra@gmail.com>
Date: Fri, 13 Feb 2026 17:35:56 +0530
Subject: [PATCH 14/61] feat(core-api):Influencer and Brand schema created

---
 apps/core-api/package.json                    |  2 +
 .../src/controllers/auth.controller.ts        | 46 ++++++++-
 apps/core-api/src/models/brand.model.ts       | 85 ++++++++++++++++
 apps/core-api/src/models/influencer.model.ts  | 89 +++++++++++++++++
 .../{modules/users => models}/user.model.ts   |  0
 apps/core-api/src/modules/auth/auth.types.ts  |  2 +-
 apps/core-api/src/modules/auth/auth.utils.ts  |  2 +-
 apps/core-api/src/rbac/role-permission.ts     |  2 +-
 .../src/repositories/user.repository.ts       | 30 +++---
 apps/core-api/src/routes/auth.routes.ts       |  2 +-
 apps/core-api/src/server.ts                   |  8 +-
 apps/web/app/login/page.tsx                   | 85 ++++++++--------
 apps/web/lib/axios.client.ts                  | 97 ++++++++++++++++---
 pnpm-lock.yaml                                | 38 ++++++++
 14 files changed, 402 insertions(+), 86 deletions(-)
 create mode 100644 apps/core-api/src/models/brand.model.ts
 create mode 100644 apps/core-api/src/models/influencer.model.ts
 rename apps/core-api/src/{modules/users => models}/user.model.ts (100%)

diff --git a/apps/core-api/package.json b/apps/core-api/package.json
index 30378d6..e2348d9 100644
--- a/apps/core-api/package.json
+++ b/apps/core-api/package.json
@@ -18,6 +18,7 @@
   "dependencies": {
     "amqplib": "^0.10.9",
     "bcrypt": "^6.0.0",
+    "cookie-parser": "^1.4.7",
     "dotenv": "^17.2.3",
     "express": "^5.2.1",
     "ioredis": "^5.9.2",
@@ -32,6 +33,7 @@
   "devDependencies": {
     "@types/amqplib": "^0.10.8",
     "@types/bcrypt": "^6.0.0",
+    "@types/cookie-parser": "^1.4.10",
     "@types/express": "^5.0.6",
     "@types/jsonwebtoken": "^9.0.10",
     "@types/morgan": "^1.9.10",
diff --git a/apps/core-api/src/controllers/auth.controller.ts b/apps/core-api/src/controllers/auth.controller.ts
index b8c9eac..a8f8057 100644
--- a/apps/core-api/src/controllers/auth.controller.ts
+++ b/apps/core-api/src/controllers/auth.controller.ts
@@ -1,7 +1,7 @@
 import type { NextFunction, Request, Response } from "express";
 import jwt from "jsonwebtoken";
 
-import { User } from "../modules/users/user.model.js"; 
+import { User } from "../models/user.model.js";
 import {
   logoutService,
   refreshTokenService,
@@ -30,7 +30,7 @@ export const signupController = async (
       email,
       password,
       role,
-      documents: businessInfo ,
+      documents: businessInfo,
     });
 
     res.status(201).json({
@@ -61,9 +61,21 @@ export const loginController = async (
 
     const data = await loginService(email, password);
 
+    // Set refresh token as HttpOnly cookie
+    res.cookie("refreshToken", data.refreshToken, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === "production",
+      sameSite: "strict",
+      maxAge: 7 * 24 * 60 * 60 * 1000, // 7 days
+    });
+
+    // Send only access token and user info in response
     res.status(200).json({
       success: true,
-      data,
+      data: {
+        accessToken: data.accessToken,
+        user: data.user,
+      },
     });
   } catch (error) {
     next(error);
@@ -126,13 +138,30 @@ export const refreshTokenController = async (
   next: NextFunction
 ) => {
   try {
-    const { refreshToken } = req.body;
+    const refreshToken = req.cookies.refreshToken;
+
+    if (!refreshToken) {
+      const err: HttpError = new Error("Refresh token missing");
+      err.statusCode = 401;
+      throw err;
+    }
 
     const result = await refreshTokenService(refreshToken);
 
+    // Set new refresh token as HttpOnly cookie
+    res.cookie("refreshToken", result.refreshToken, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === "production",
+      sameSite: "strict",
+      maxAge: 7 * 24 * 60 * 60 * 1000, // 7 days
+    });
+
+    // Send only access token in response
     res.status(200).json({
       success: true,
-      data: result,
+      data: {
+        accessToken: result.accessToken,
+      },
     });
   } catch (error) {
     next(error);
@@ -158,6 +187,13 @@ export const logoutController = async (
 
     const result = await logoutService(userId);
 
+    // Clear refresh token cookie
+    res.clearCookie("refreshToken", {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === "production",
+      sameSite: "strict",
+    });
+
     res.status(200).json({
       success: true,
       data: result,
diff --git a/apps/core-api/src/models/brand.model.ts b/apps/core-api/src/models/brand.model.ts
new file mode 100644
index 0000000..98caa46
--- /dev/null
+++ b/apps/core-api/src/models/brand.model.ts
@@ -0,0 +1,85 @@
+import { Schema, model, Types, Document } from "mongoose";
+
+export interface IBrandProfile extends Document {
+  userId: Types.ObjectId;
+
+  companyName: string;
+  industry: string;
+  website?: string;
+
+  contactPersonName: string;
+  contactEmail: string;
+  contactPhone?: string;
+
+  businessRegistrationNumber?: string;
+  gstNumber?: string;
+  companySize?: string;
+
+  documents: string[]; // S3 keys
+
+  isProfileComplete: boolean;
+  isVerified: boolean;
+}
+
+const BrandProfileSchema = new Schema<IBrandProfile>(
+  {
+    userId: {
+      type: Schema.Types.ObjectId,
+      ref: "User",
+      required: true,
+      unique: true,
+      index: true,
+    },
+
+    companyName: {
+      type: String,
+      required: true,
+      trim: true,
+    },
+
+    industry: {
+      type: String,
+      required: true,
+    },
+
+    website: String,
+
+    contactPersonName: {
+      type: String,
+      required: true,
+    },
+
+    contactEmail: {
+      type: String,
+      required: true,
+      lowercase: true,
+    },
+
+    contactPhone: String,
+
+    businessRegistrationNumber: String,
+    gstNumber: String,
+    companySize: String,
+
+    documents: {
+      type: [String], // store S3 keys
+      default: [],
+    },
+
+    isProfileComplete: {
+      type: Boolean,
+      default: false,
+    },
+
+    isVerified: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  { timestamps: true }
+);
+
+export const BrandProfile = model<IBrandProfile>(
+  "BrandProfile",
+  BrandProfileSchema
+);
\ No newline at end of file
diff --git a/apps/core-api/src/models/influencer.model.ts b/apps/core-api/src/models/influencer.model.ts
new file mode 100644
index 0000000..d8a0454
--- /dev/null
+++ b/apps/core-api/src/models/influencer.model.ts
@@ -0,0 +1,89 @@
+import { Schema, model, Types, Document } from "mongoose";
+
+export interface IInfluencerProfile extends Document {
+  userId: Types.ObjectId;
+
+  fullName: string;
+  username: string;
+  bio?: string;
+
+  instagramUrl?: string;
+  youtubeUrl?: string;
+  tiktokUrl?: string;
+
+  categories: string[];
+  location?: string;
+  languages: string[];
+
+  followersCount?: number;
+  engagementRate?: number;
+
+  isProfileComplete: boolean;
+  isVerified: boolean;
+}
+
+const InfluencerProfileSchema = new Schema<IInfluencerProfile>(
+  {
+    userId: {
+      type: Schema.Types.ObjectId,
+      ref: "User",
+      required: true,
+      unique: true,
+      index: true,
+    },
+
+    fullName: {
+      type: String,
+      required: true,
+      trim: true,
+    },
+
+    username: {
+      type: String,
+      required: true,
+      unique: true,
+      trim: true,
+      lowercase: true,
+    },
+
+    bio: {
+      type: String,
+      maxlength: 500,
+    },
+
+    instagramUrl: String,
+    youtubeUrl: String,
+    tiktokUrl: String,
+
+    categories: {
+      type: [String],
+      default: [],
+    },
+
+    location: String,
+
+    languages: {
+      type: [String],
+      default: [],
+    },
+
+    followersCount: Number,
+    engagementRate: Number,
+
+    isProfileComplete: {
+      type: Boolean,
+      default: false,
+    },
+
+    isVerified: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  { timestamps: true }
+);
+
+export const InfluencerProfile = model<IInfluencerProfile>(
+  "InfluencerProfile",
+  InfluencerProfileSchema
+);
\ No newline at end of file
diff --git a/apps/core-api/src/modules/users/user.model.ts b/apps/core-api/src/models/user.model.ts
similarity index 100%
rename from apps/core-api/src/modules/users/user.model.ts
rename to apps/core-api/src/models/user.model.ts
diff --git a/apps/core-api/src/modules/auth/auth.types.ts b/apps/core-api/src/modules/auth/auth.types.ts
index fd13016..6dd6f27 100644
--- a/apps/core-api/src/modules/auth/auth.types.ts
+++ b/apps/core-api/src/modules/auth/auth.types.ts
@@ -1,4 +1,4 @@
-import { UserRole, AdminLevel } from "../users/user.model.js";
+import { UserRole, AdminLevel } from "../../models/user.model.js";
 
 export interface JwtPayload {
   userId: string;
diff --git a/apps/core-api/src/modules/auth/auth.utils.ts b/apps/core-api/src/modules/auth/auth.utils.ts
index d39f884..62fca42 100644
--- a/apps/core-api/src/modules/auth/auth.utils.ts
+++ b/apps/core-api/src/modules/auth/auth.utils.ts
@@ -1,6 +1,6 @@
 import jwt from "jsonwebtoken";
 
-import type { AdminLevel, UserRole } from "../users/user.model.js";
+import type { AdminLevel, UserRole } from "../../models/user.model.js";
 
 
 const ACCESS_SECRET = process.env.JWT_ACCESS_SECRET!;
diff --git a/apps/core-api/src/rbac/role-permission.ts b/apps/core-api/src/rbac/role-permission.ts
index 3158102..a46245e 100644
--- a/apps/core-api/src/rbac/role-permission.ts
+++ b/apps/core-api/src/rbac/role-permission.ts
@@ -1,5 +1,5 @@
 
-import { UserRole } from "../modules/users/user.model.js";
+import { UserRole } from "../models/user.model.js";
 
 import { Permission } from "./permission.js";
 
diff --git a/apps/core-api/src/repositories/user.repository.ts b/apps/core-api/src/repositories/user.repository.ts
index 4962cf8..0cd5c03 100644
--- a/apps/core-api/src/repositories/user.repository.ts
+++ b/apps/core-api/src/repositories/user.repository.ts
@@ -1,27 +1,27 @@
-import { User } from "../modules/users/user.model.js";
+import { User } from "../models/user.model.js";
 
-class UserRepository{
-    async findEmailWithPassword(email: string) {
-       const normalizedEmail = email.trim().toLowerCase();
+class UserRepository {
+  async findEmailWithPassword(email: string) {
+    const normalizedEmail = email.trim().toLowerCase();
 
     return User.findOne({ email: normalizedEmail }).select("+password");
-}
-    
-    
+  }
+
+
   async findByEmail(email: string) {
     return User.findOne({ email });
   }
 
-    async findById(userId: string) {
-      return User.findById(userId).select("+refreshToken");
-}
+  async findById(userId: string) {
+    return User.findById(userId).select("+refreshToken");
+  }
 
 
-    async saveRefreshToken(userId:string, refreshToken:string){
-        return User.findByIdAndUpdate(userId,{refreshToken}, { new: true }
-)
-    }
-    
+  async saveRefreshToken(userId: string, refreshToken: string) {
+    return User.findByIdAndUpdate(userId, { refreshToken }, { new: true }
+    )
+  }
+
   async create(data: {
     email: string;
     password: string;
diff --git a/apps/core-api/src/routes/auth.routes.ts b/apps/core-api/src/routes/auth.routes.ts
index 28764c5..4bed24c 100644
--- a/apps/core-api/src/routes/auth.routes.ts
+++ b/apps/core-api/src/routes/auth.routes.ts
@@ -10,4 +10,4 @@ router.post("/refresh", refreshTokenController);
 router.post("/logout", authenticate, logoutController);
 router.get("/verify-email", verifyEmailController);
 
-export default router
\ No newline at end of file
+export default router                   
\ No newline at end of file
diff --git a/apps/core-api/src/server.ts b/apps/core-api/src/server.ts
index 06c9786..0af61e8 100644
--- a/apps/core-api/src/server.ts
+++ b/apps/core-api/src/server.ts
@@ -2,6 +2,7 @@
 import cors from "cors"
 import "dotenv/config";
 import express from "express";
+import cookieParser from "cookie-parser";
 import cron from "node-cron";
 
 import { httpLogger } from "./middlewares/httpLogger.js";
@@ -20,8 +21,11 @@ const app = express()
 const PORT = Number(process.env.PORT) || 5000
 app.use(httpLogger)
 app.use(express.json())
-app.use(cors({origin: "*"})) 
-app.use("/", router)
+app.use(cookieParser());
+app.use(cors({
+  origin: process.env.FRONTEND_URL || "http://localhost:3000",
+  credentials: true,
+}))
 
 connectDB()
 app.use(httpLogger);
diff --git a/apps/web/app/login/page.tsx b/apps/web/app/login/page.tsx
index e31a477..0e9ef3b 100644
--- a/apps/web/app/login/page.tsx
+++ b/apps/web/app/login/page.tsx
@@ -1,56 +1,55 @@
 "use client";
 
-import React, { useState } from "react";
+import React, { useState } from "react";
 
-import api from "@/lib/axios.client";
+import api, { setAccessToken } from "@/lib/axios.client";
 
 export default function LoginPage() {
   const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
-  const[formData,setFormData]=useState({
-    email:"",
-    password:""
+  const [formData, setFormData] = useState({
+    email: "",
+    password: ""
   });
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState("");
 
-  const handleInputChange=(e: React.ChangeEvent<HTMLInputElement>)=>{
-    const {name,value}=e.target;
-    setFormData(prev=>({
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { name, value } = e.target;
+    setFormData(prev => ({
       ...prev,
-      [name]:value
-      
+      [name]: value
+
     }));
   }
 
-    const handleSubmit=async (e:React.FormEvent<HTMLFormElement>)=>{
-      e.preventDefault();
-      setLoading(true);
-      setError("");
-      console.log("In submit")
-      try {
-        const payload={
-        email:formData.email,
-        password:formData.password,
-        role:role
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    setLoading(true);
+    setError("");
+    try {
+      const payload = {
+        email: formData.email,
+        password: formData.password,
+        role: role
       }
 
-      const response=await api.post("/auth/login",payload);
-
-      if(response.data.accessToken){
-        localStorage.setItem("accessToken",response.data.accessToken);
-        window.location.href="/signup";
-      }
+      const response = await api.post("/auth/login", payload);
 
-      } catch (error) {
-        const errorMessage=error instanceof Error ? error.message : "Login failed. Please try again.";
-        setError(errorMessage);
-      } finally {
-        setLoading(false);
+      // Access token is now in response.data.data.accessToken
+      if (response.data.data?.accessToken) {
+        setAccessToken(response.data.data.accessToken);
+        window.location.href = "/dashboard";
       }
 
-
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : "Login failed. Please try again.";
+      setError(errorMessage);
+    } finally {
+      setLoading(false);
     }
-    
+  }
+
 
   return (
     <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
@@ -70,11 +69,10 @@ export default function LoginPage() {
           <button
             type="button"
             onClick={() => setRole("BRAND")}
-            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-sm transition hover:cursor-pointer ${
-              role === "BRAND"
-                ? "bg-white shadow text-gray-900"
-                : "text-gray-500 "
-            }`}
+            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-sm transition hover:cursor-pointer ${role === "BRAND"
+              ? "bg-white shadow text-gray-900"
+              : "text-gray-500 "
+              }`}
           >
             Brand
           </button>
@@ -82,18 +80,17 @@ export default function LoginPage() {
           <button
             type="button"
             onClick={() => setRole("INFLUENCER")}
-            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${
-              role === "INFLUENCER"
-                ? "bg-white shadow text-gray-900"
-                : "text-gray-500"
-            }`}
+            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${role === "INFLUENCER"
+              ? "bg-white shadow text-gray-900"
+              : "text-gray-500"
+              }`}
           >
             Influencer
           </button>
         </div>
 
         <form className="space-y-4" onSubmit={handleSubmit}>
-          {error &&(
+          {error && (
             <div className="text-red-500 text-sm">{error}</div>
           )}
           <div>
diff --git a/apps/web/lib/axios.client.ts b/apps/web/lib/axios.client.ts
index 83c6dcc..2db0017 100644
--- a/apps/web/lib/axios.client.ts
+++ b/apps/web/lib/axios.client.ts
@@ -1,35 +1,100 @@
 import axios from 'axios';
 
-const api=axios.create({
-    baseURL: process.env.NEXT_PUBLIC_API_URL,
-    //   withCredentials: true ,// Required to send the Refresh Token Cookie automatically!
+// Store access token in memory (more secure than localStorage)
+let accessToken: string | null = null;
+
+export const  setAccessToken = (token: string | null) => {
+    accessToken = token;
+};
 
-    headers:{
+export const getAccessToken = () => accessToken;
+
+const api = axios.create({
+    baseURL: process.env.NEXT_PUBLIC_API_URL,
+    withCredentials: true, // Required to send cookies automatically!
+    headers: {
         "Content-Type": "application/json"
     }
 })
 
-//Request interceptor
+// Request interceptor
 api.interceptors.request.use(
     (config) => {
-        const token =localStorage.getItem("accessToken");
+        const token = getAccessToken();
 
-        if (token){
-            config.headers.Authorization=`Bearer ${token}`
+        if (token) {
+            config.headers.Authorization = `Bearer ${token}`
         }
-    return config
+        return config
     },
-    (error)=>Promise.reject(error)
+    (error) => Promise.reject(error)
 )
 
-//Response Interceptor
+// Response Interceptor with token refresh
+let isRefreshing = false;
+let failedQueue: Array<{ resolve: (value?: unknown) => void; reject: (reason?: unknown) => void }> = [];
+
+const processQueue = (error: Error | null, token: string | null = null) => {
+    failedQueue.forEach(prom => {
+        if (error) {
+            prom.reject(error);
+        } else {
+            prom.resolve(token);
+        }
+    });
+    failedQueue = [];
+};
+
 api.interceptors.response.use(
-    (response)=>response,
-    (error)=>{
-        if(error.response?.status===401){
-            localStorage.removeItem("accessToken");
-            // window.location.href="/signup"
+    (response) => response,
+    async (error) => {
+        const originalRequest = error.config;
+
+        // If error is 401 and we haven't tried to refresh yet
+        if (error.response?.status === 401 && !originalRequest._retry) {
+            if (isRefreshing) {
+                // If already refreshing, queue this request
+                return new Promise((resolve, reject) => {
+                    failedQueue.push({ resolve, reject });
+                }).then(token => {
+                    originalRequest.headers.Authorization = `Bearer ${token}`;
+                    return api(originalRequest);
+                }).catch(err => {
+                    return Promise.reject(err);
+                });
+            }
+
+            originalRequest._retry = true;
+            isRefreshing = true;
+
+            try {
+                // Try to refresh the token
+                const response = await api.post("/auth/refresh");
+                const newAccessToken = response.data.data.accessToken;
+
+                // Save new access token in memory
+                setAccessToken(newAccessToken);
+
+                // Update authorization header
+                api.defaults.headers.common['Authorization'] = `Bearer ${newAccessToken}`;
+                originalRequest.headers.Authorization = `Bearer ${newAccessToken}`;
+
+                // Process queued requests
+                processQueue(null, newAccessToken);
+
+                // Retry original request
+                return api(originalRequest);
+            } catch (refreshError) {
+                // Refresh failed, clear token and redirect to login
+                processQueue(refreshError as Error, null);
+                setAccessToken(null);
+                window.location.href = "/signup";
+                return Promise.reject(refreshError);
+            } finally {
+                isRefreshing = false;
+            }
         }
+
         return Promise.reject(error);
     }
 )
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 581c786..63d432f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -56,6 +56,9 @@ importers:
       bcrypt:
         specifier: ^6.0.0
         version: 6.0.0
+      cookie-parser:
+        specifier: ^1.4.7
+        version: 1.4.7
       dotenv:
         specifier: ^17.2.3
         version: 17.2.3
@@ -93,6 +96,9 @@ importers:
       "@types/bcrypt":
         specifier: ^6.0.0
         version: 6.0.0
+      "@types/cookie-parser":
+        specifier: ^1.4.10
+        version: 1.4.10(@types/express@5.0.6)
       "@types/express":
         specifier: ^5.0.6
         version: 5.0.6
@@ -1291,6 +1297,14 @@ packages:
         integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==,
       }
 
+  "@types/cookie-parser@1.4.10":
+    resolution:
+      {
+        integrity: sha512-B4xqkqfZ8Wek+rCOeRxsjMS9OgvzebEzzLYw7NHYuvzb7IdxOkI0ZHGgeEBX4PUM7QGVvNSK60T3OvWj3YfBRg==,
+      }
+    peerDependencies:
+      "@types/express": "*"
+
   "@types/cors@2.8.19":
     resolution:
       {
@@ -2211,6 +2225,19 @@ packages:
         integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==,
       }
 
+  cookie-parser@1.4.7:
+    resolution:
+      {
+        integrity: sha512-nGUvgXnotP3BsjiLX2ypbQnWoGUPIIfHQNZkkC668ntrzGWEZVW70HDEB1qnNGMicPje6EttlIgzo51YSwNQGw==,
+      }
+    engines: { node: ">= 0.8.0" }
+
+  cookie-signature@1.0.6:
+    resolution:
+      {
+        integrity: sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==,
+      }
+
   cookie-signature@1.2.2:
     resolution:
       {
@@ -5741,6 +5768,10 @@ snapshots:
     dependencies:
       "@types/node": 25.0.10
 
+  "@types/cookie-parser@1.4.10(@types/express@5.0.6)":
+    dependencies:
+      "@types/express": 5.0.6
+
   "@types/cors@2.8.19":
     dependencies:
       "@types/node": 25.0.10
@@ -6339,6 +6370,13 @@ snapshots:
 
   convert-source-map@2.0.0: {}
 
+  cookie-parser@1.4.7:
+    dependencies:
+      cookie: 0.7.2
+      cookie-signature: 1.0.6
+
+  cookie-signature@1.0.6: {}
+
   cookie-signature@1.2.2: {}
 
   cookie@0.7.2: {}

From 6061028ab8066ca31de9a3aca4db0fdb6244a24c Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Sat, 14 Feb 2026 10:38:33 +0530
Subject: [PATCH 15/61] feat(Reset-Pass):reset-password

---
 .../src/controllers/auth.controller.ts        |  87 ++++++++++++
 apps/core-api/src/modules/users/user.model.ts |  41 +++++-
 .../src/repositories/user.repository.ts       | 129 +++++++++++++++---
 apps/core-api/src/routes/auth.routes.ts       |   6 +-
 apps/core-api/src/services/auth.service.ts    | 119 +++++++++++++++-
 5 files changed, 360 insertions(+), 22 deletions(-)

diff --git a/apps/core-api/src/controllers/auth.controller.ts b/apps/core-api/src/controllers/auth.controller.ts
index b8c9eac..b999398 100644
--- a/apps/core-api/src/controllers/auth.controller.ts
+++ b/apps/core-api/src/controllers/auth.controller.ts
@@ -7,8 +7,12 @@ import {
   refreshTokenService,
   loginService,
   signupService,
+  forgotPasswordService,
+  verifyOtpService,
+  resetPasswordService,
 } from "../services/auth.service.js";
 import type { HttpError } from "../modules/auth/http-error.js";
+// import { log } from "winston";
 
 
 // ================= SIGNUP =================
@@ -167,3 +171,86 @@ export const logoutController = async (
   }
 };
 
+// ================= FORGOT PASSWORD =================
+export const forgotPasswordController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { email } = req.body;
+
+    if (!email) {
+      const err: HttpError = new Error("Email is required");
+      err.statusCode = 400;
+      throw err;
+    }
+
+    await forgotPasswordService(email);
+
+    res.status(200).json({
+      success: true,
+      message: "If account exists, OTP sent",
+      
+    });
+   
+  } catch (error) {
+    next(error);
+  }
+};
+
+// ================= VERIFY OTP =================
+export const verifyOtpController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { email, otp } = req.body;
+
+    if (!email || !otp) {
+      const err: HttpError = new Error("Email and OTP required");
+      err.statusCode = 400;
+      throw err;
+    }
+
+    const resetSessionToken = await verifyOtpService(email, otp);
+
+    res.status(200).json({
+      success: true,
+      message: "OTP verified",
+      data: { resetSessionToken },
+    });
+  } catch (error) {
+    next(error);
+  }
+};
+
+// ================= RESET PASSWORD =================
+export const resetPasswordController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { email, newPassword, resetSessionToken } = req.body;
+
+    if (!email || !newPassword || !resetSessionToken) {
+      const err: HttpError = new Error("Missing required fields");
+      err.statusCode = 400;
+      throw err;
+    }
+
+    await resetPasswordService(email, newPassword, resetSessionToken);
+
+    res.status(200).json({
+      success: true,
+      message: "Password reset successful",
+    });
+  } catch (error) {
+    next(error);
+  }
+};
+
+
+
diff --git a/apps/core-api/src/modules/users/user.model.ts b/apps/core-api/src/modules/users/user.model.ts
index cddfd39..f0e225f 100644
--- a/apps/core-api/src/modules/users/user.model.ts
+++ b/apps/core-api/src/modules/users/user.model.ts
@@ -12,7 +12,7 @@ export enum AdminLevel {
 }
 
 export enum UserStatus {
-  PENDING = "PENDING",   // 🔥 add this
+  PENDING = "PENDING",
   ACTIVE = "ACTIVE",
   SUSPENDED = "SUSPENDED",
 }
@@ -25,6 +25,12 @@ export interface IUser extends Document {
   isEmailVerified: boolean;
   status: UserStatus;
   refreshToken?: string;
+
+  // 🔐 Forgot Password Fields
+  resetOtp?: string;
+  resetOtpExpiry?: Date;
+  resetSessionToken?: string;
+  resetSessionExpiry?: Date;
 }
 
 const UserSchema = new Schema<IUser>(
@@ -38,38 +44,67 @@ const UserSchema = new Schema<IUser>(
       index: true,
       immutable: true,
     },
+
     password: {
       type: String,
       required: true,
-      select: false,
+      select: false, // 🔐 never return password
     },
+
     role: {
       type: String,
       enum: Object.values(UserRole),
       required: true,
     },
+
     adminLevel: {
       type: String,
       enum: Object.values(AdminLevel),
       default: null,
     },
+
     isEmailVerified: {
       type: Boolean,
       default: false,
     },
+
     status: {
       type: String,
       enum: Object.values(UserStatus),
-      default: UserStatus.PENDING, // 🔥 start as pending
+      default: UserStatus.PENDING,
     },
+
     refreshToken: {
       type: String,
       select: false,
     },
+
+    // ================================
+    // 🔐 FORGOT PASSWORD FIELDS
+    // ================================
+
+    resetOtp: {
+      type: String,
+      select: false, // never return OTP
+    },
+
+    resetOtpExpiry: {
+      type: Date,
+    },
+
+    resetSessionToken: {
+      type: String,
+      select: false, // never expose session token
+    },
+
+    resetSessionExpiry: {
+      type: Date,
+    },
   },
   { timestamps: true }
 );
 
+// compound index (already yours)
 UserSchema.index({ role: 1, status: 1 });
 
 export const User = model<IUser>("User", UserSchema);
diff --git a/apps/core-api/src/repositories/user.repository.ts b/apps/core-api/src/repositories/user.repository.ts
index 4962cf8..eb14d3b 100644
--- a/apps/core-api/src/repositories/user.repository.ts
+++ b/apps/core-api/src/repositories/user.repository.ts
@@ -1,27 +1,123 @@
 import { User } from "../modules/users/user.model.js";
 
-class UserRepository{
-    async findEmailWithPassword(email: string) {
-       const normalizedEmail = email.trim().toLowerCase();
+class UserRepository {
 
+  // ===============================
+  // FIND USER WITH PASSWORD
+  // ===============================
+  async findEmailWithPassword(email: string) {
+    const normalizedEmail = email.trim().toLowerCase();
     return User.findOne({ email: normalizedEmail }).select("+password");
-}
-    
-    
+  }
+
+  // ===============================
+  // FIND USER WITH RESET FIELDS
+  // ===============================
+  async findByEmailWithResetFields(email: string) {
+    const normalizedEmail = email.trim().toLowerCase();
+
+    return User.findOne({ email: normalizedEmail })
+      .select("+password +resetOtp +resetSessionToken");
+  }
+
+  // ===============================
+  // NORMAL FIND BY EMAIL
+  // ===============================
   async findByEmail(email: string) {
-    return User.findOne({ email });
+    const normalizedEmail = email.trim().toLowerCase();
+    return User.findOne({ email: normalizedEmail });
   }
 
-    async findById(userId: string) {
-      return User.findById(userId).select("+refreshToken");
-}
+  // ===============================
+  // FIND BY ID
+  // ===============================
+  async findById(userId: string) {
+    return User.findById(userId).select("+refreshToken");
+  }
+
+  // ===============================
+  // SAVE REFRESH TOKEN
+  // ===============================
+  async saveRefreshToken(userId: string, refreshToken: string) {
+    return User.findByIdAndUpdate(
+      userId,
+      { refreshToken },
+      { new: true }
+    );
+  }
 
+  // ===============================
+  // SAVE RESET OTP
+  // ===============================
+  async saveResetOtp(
+    userId: string,
+    hashedOtp: string,
+    expiry: Date
+  ) {
+    return User.findByIdAndUpdate(
+      userId,
+      {
+        resetOtp: hashedOtp,
+        resetOtpExpiry: expiry,
+      },
+      { new: true }
+    );
+  }
 
-    async saveRefreshToken(userId:string, refreshToken:string){
-        return User.findByIdAndUpdate(userId,{refreshToken}, { new: true }
-)
-    }
-    
+  // ===============================
+  // SAVE RESET SESSION TOKEN
+  // ===============================
+  async saveResetSession(
+    userId: string,
+    token: string,
+    expiry: Date
+  ) {
+    return User.findByIdAndUpdate(
+      userId,
+      {
+        resetOtp: undefined,
+        resetOtpExpiry: undefined,
+        resetSessionToken: token,
+        resetSessionExpiry: expiry,
+      },
+      { new: true }
+    );
+  }
+
+  // ===============================
+  // UPDATE PASSWORD (Production-Safe)
+  // ===============================
+  async updatePassword(userId: string, hashedPassword: string) {
+    return User.findByIdAndUpdate(
+      userId,
+      {
+        password: hashedPassword,
+        refreshToken: "", // 🔐 invalidate all sessions
+      },
+      {
+        new: true,
+        runValidators: true,
+      }
+    );
+  }
+
+  // ===============================
+  // CLEAR RESET SESSION
+  // ===============================
+  async clearResetSession(userId: string) {
+    return User.findByIdAndUpdate(
+      userId,
+      {
+        resetSessionToken: undefined,
+        resetSessionExpiry: undefined,
+      },
+      { new: true }
+    );
+  }
+
+  // ===============================
+  // CREATE USER
+  // ===============================
   async create(data: {
     email: string;
     password: string;
@@ -33,5 +129,4 @@ class UserRepository{
   }
 }
 
-
-export const userRepository = new UserRepository()
\ No newline at end of file
+export const userRepository = new UserRepository();
diff --git a/apps/core-api/src/routes/auth.routes.ts b/apps/core-api/src/routes/auth.routes.ts
index 28764c5..f7898ce 100644
--- a/apps/core-api/src/routes/auth.routes.ts
+++ b/apps/core-api/src/routes/auth.routes.ts
@@ -1,6 +1,6 @@
 import { Router } from "express";
 
-import { loginController, logoutController, refreshTokenController, signupController, verifyEmailController } from "../controllers/auth.controller.js";
+import { forgotPasswordController, loginController, logoutController, refreshTokenController, resetPasswordController, signupController, verifyEmailController, verifyOtpController } from "../controllers/auth.controller.js";
 import { authenticate } from "../middlewares/auth.middleware.js";
 
 const router: Router = Router()
@@ -9,5 +9,9 @@ router.post("/signup", signupController);
 router.post("/refresh", refreshTokenController);
 router.post("/logout", authenticate, logoutController);
 router.get("/verify-email", verifyEmailController);
+router.post("/forgot-password", forgotPasswordController);
+router.post("/verify-otp", verifyOtpController);
+router.post("/reset-password", resetPasswordController);
+
 
 export default router
\ No newline at end of file
diff --git a/apps/core-api/src/services/auth.service.ts b/apps/core-api/src/services/auth.service.ts
index d38c769..d1cfa75 100644
--- a/apps/core-api/src/services/auth.service.ts
+++ b/apps/core-api/src/services/auth.service.ts
@@ -15,7 +15,9 @@
 // }
 
 // export const authService = new AuthService();
-import bcrypt from "bcrypt";
+import crypto from "crypto";
+
+import bcrypt from "bcrypt";
 
 import { signAccessToken, signRefreshToken, verifyRefreshToken } from "../modules/auth/auth.utils.js";
 import type { HttpError } from "../modules/auth/http-error.js";
@@ -209,3 +211,118 @@ export const logoutService = async (userId: string) => {
 
   return { message: "Logged out successfully" };
 };
+
+
+// forgotPasswordService
+
+export const forgotPasswordService = async (email: string) => {
+  const user = await userRepository.findEmailWithPassword(email);
+
+  if (!user) return; // security: don't reveal existence
+
+  const otp = Math.floor(100000 + Math.random() * 900000).toString();
+  console.log("RESET OTP:", otp); // 👈 ADD THIS LINE
+  console.log("Forgot password controller triggered");
+
+  const hashedOtp = await bcrypt.hash(otp, 10);
+
+  const expiry = new Date(Date.now() + 10 * 60 * 1000);
+
+  await userRepository.saveResetOtp(
+    user._id.toString(),
+    hashedOtp,
+    expiry
+  );
+
+  await sendOtpEmail(email, otp);
+
+  logger.info(`Reset OTP sent to ${email}`);
+};
+
+// verifyOtpService
+
+export const verifyOtpService = async (
+  email: string,
+  otp: string
+): Promise<string> => {
+
+  const user = await userRepository.findByEmailWithResetFields(email);
+
+  if (!user || !user.resetOtp || !user.resetOtpExpiry) {
+    const err: HttpError = new Error("Invalid request");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  if (user.resetOtpExpiry < new Date()) {
+    const err: HttpError = new Error("OTP expired");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  const isMatch = await bcrypt.compare(otp, user.resetOtp);
+
+  if (!isMatch) {
+    const err: HttpError = new Error("Invalid OTP");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  const resetSessionToken = crypto.randomBytes(32).toString("hex");
+
+  const sessionExpiry = new Date(Date.now() + 10 * 60 * 1000);
+
+  await userRepository.saveResetSession(
+    user._id.toString(),
+    resetSessionToken,
+    sessionExpiry
+  );
+
+  return resetSessionToken;
+};
+
+// resetPasswordService
+
+export const resetPasswordService = async (
+  email: string,
+  newPassword: string,
+  resetSessionToken: string
+) => {
+
+  const user = await userRepository.findByEmailWithResetFields(email);
+
+  if (
+    !user ||
+    !user.resetSessionToken ||
+    !user.resetSessionExpiry
+  ) {
+    const err: HttpError = new Error("Invalid request");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  if (user.resetSessionToken !== resetSessionToken) {
+    const err: HttpError = new Error("Invalid session");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  if (user.resetSessionExpiry < new Date()) {
+    const err: HttpError = new Error("Session expired");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  const hashedPassword = await bcrypt.hash(newPassword, 10);
+
+  await userRepository.updatePassword(
+    user._id.toString(),
+    hashedPassword
+  );
+
+  await userRepository.clearResetSession(user._id.toString());
+
+  logger.info(`Password reset successful for ${email}`);
+};
+
+

From d79e82e4ede32235ee77d8811ff540869ab66cc6 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Sat, 14 Feb 2026 10:55:23 +0530
Subject: [PATCH 16/61] feat(Reset-Pass):Reset-Passwords

---
 .../src/repositories/user.repository.ts       | 39 +++++++++----------
 1 file changed, 19 insertions(+), 20 deletions(-)

diff --git a/apps/core-api/src/repositories/user.repository.ts b/apps/core-api/src/repositories/user.repository.ts
index eb14d3b..36fd97a 100644
--- a/apps/core-api/src/repositories/user.repository.ts
+++ b/apps/core-api/src/repositories/user.repository.ts
@@ -2,17 +2,17 @@ import { User } from "../modules/users/user.model.js";
 
 class UserRepository {
 
-  // ===============================
+  
   // FIND USER WITH PASSWORD
-  // ===============================
+  
   async findEmailWithPassword(email: string) {
     const normalizedEmail = email.trim().toLowerCase();
     return User.findOne({ email: normalizedEmail }).select("+password");
   }
 
-  // ===============================
+  
   // FIND USER WITH RESET FIELDS
-  // ===============================
+  
   async findByEmailWithResetFields(email: string) {
     const normalizedEmail = email.trim().toLowerCase();
 
@@ -20,24 +20,23 @@ class UserRepository {
       .select("+password +resetOtp +resetSessionToken");
   }
 
-  // ===============================
+  
   // NORMAL FIND BY EMAIL
-  // ===============================
+  
   async findByEmail(email: string) {
     const normalizedEmail = email.trim().toLowerCase();
     return User.findOne({ email: normalizedEmail });
   }
 
-  // ===============================
   // FIND BY ID
-  // ===============================
+  
   async findById(userId: string) {
     return User.findById(userId).select("+refreshToken");
   }
 
-  // ===============================
+  
   // SAVE REFRESH TOKEN
-  // ===============================
+  
   async saveRefreshToken(userId: string, refreshToken: string) {
     return User.findByIdAndUpdate(
       userId,
@@ -46,9 +45,9 @@ class UserRepository {
     );
   }
 
-  // ===============================
+  
   // SAVE RESET OTP
-  // ===============================
+  
   async saveResetOtp(
     userId: string,
     hashedOtp: string,
@@ -64,9 +63,9 @@ class UserRepository {
     );
   }
 
-  // ===============================
+  
   // SAVE RESET SESSION TOKEN
-  // ===============================
+  
   async saveResetSession(
     userId: string,
     token: string,
@@ -84,9 +83,9 @@ class UserRepository {
     );
   }
 
-  // ===============================
+  
   // UPDATE PASSWORD (Production-Safe)
-  // ===============================
+  
   async updatePassword(userId: string, hashedPassword: string) {
     return User.findByIdAndUpdate(
       userId,
@@ -101,9 +100,9 @@ class UserRepository {
     );
   }
 
-  // ===============================
+  
   // CLEAR RESET SESSION
-  // ===============================
+  
   async clearResetSession(userId: string) {
     return User.findByIdAndUpdate(
       userId,
@@ -115,9 +114,9 @@ class UserRepository {
     );
   }
 
-  // ===============================
+  
   // CREATE USER
-  // ===============================
+  
   async create(data: {
     email: string;
     password: string;

From bd4e2e38f574399c37cada4fe1c84793e0703be2 Mon Sep 17 00:00:00 2001
From: ajay <ajay.devxtra@gmail.com>
Date: Sat, 14 Feb 2026 11:28:33 +0530
Subject: [PATCH 17/61] chore:user model

---
 apps/core-api/src/models/user.model.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/core-api/src/models/user.model.ts b/apps/core-api/src/models/user.model.ts
index cddfd39..25a58c8 100644
--- a/apps/core-api/src/models/user.model.ts
+++ b/apps/core-api/src/models/user.model.ts
@@ -12,7 +12,7 @@ export enum AdminLevel {
 }
 
 export enum UserStatus {
-  PENDING = "PENDING",   // 🔥 add this
+  PENDING = "PENDING",   // add this
   ACTIVE = "ACTIVE",
   SUSPENDED = "SUSPENDED",
 }
@@ -60,7 +60,7 @@ const UserSchema = new Schema<IUser>(
     status: {
       type: String,
       enum: Object.values(UserStatus),
-      default: UserStatus.PENDING, // 🔥 start as pending
+      default: UserStatus.PENDING, //  start as pending
     },
     refreshToken: {
       type: String,

From 4fca1106881c93c2b9e5bf639f6668bc59507355 Mon Sep 17 00:00:00 2001
From: ajay <ajay.devxtra@gmail.com>
Date: Sat, 14 Feb 2026 11:35:08 +0530
Subject: [PATCH 18/61] Revert "chore:user model"

This reverts commit bd4e2e38f574399c37cada4fe1c84793e0703be2.
---
 apps/core-api/src/models/user.model.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/core-api/src/models/user.model.ts b/apps/core-api/src/models/user.model.ts
index 25a58c8..cddfd39 100644
--- a/apps/core-api/src/models/user.model.ts
+++ b/apps/core-api/src/models/user.model.ts
@@ -12,7 +12,7 @@ export enum AdminLevel {
 }
 
 export enum UserStatus {
-  PENDING = "PENDING",   // add this
+  PENDING = "PENDING",   // 🔥 add this
   ACTIVE = "ACTIVE",
   SUSPENDED = "SUSPENDED",
 }
@@ -60,7 +60,7 @@ const UserSchema = new Schema<IUser>(
     status: {
       type: String,
       enum: Object.values(UserStatus),
-      default: UserStatus.PENDING, //  start as pending
+      default: UserStatus.PENDING, // 🔥 start as pending
     },
     refreshToken: {
       type: String,

From 4d87fa246f979d38cdf46cb97266bfb0dbe73a80 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Sun, 15 Feb 2026 12:45:36 +0530
Subject: [PATCH 19/61] feat(auth):implemented zustand for state management

---
 apps/core-api/src/server.ts  |  1 +
 apps/web/app/login/page.tsx  | 10 +++++++---
 apps/web/app/signup/page.tsx |  2 +-
 apps/web/lib/axios.client.ts | 17 ++++++-----------
 apps/web/package.json        |  3 ++-
 apps/web/store/auth.store.ts | 25 +++++++++++++++++++++++++
 pnpm-lock.yaml               | 29 +++++++++++++++++++++++++++++
 7 files changed, 71 insertions(+), 16 deletions(-)
 create mode 100644 apps/web/store/auth.store.ts

diff --git a/apps/core-api/src/server.ts b/apps/core-api/src/server.ts
index fde2763..8ead6a0 100644
--- a/apps/core-api/src/server.ts
+++ b/apps/core-api/src/server.ts
@@ -30,6 +30,7 @@ app.use(cors({
 connectDB()
 app.use(httpLogger);
 app.use(express.json());
+
 app.use("/api", router);
 
 //  Connect Database
diff --git a/apps/web/app/login/page.tsx b/apps/web/app/login/page.tsx
index 0e9ef3b..e377843 100644
--- a/apps/web/app/login/page.tsx
+++ b/apps/web/app/login/page.tsx
@@ -2,7 +2,10 @@
 
 import React, { useState } from "react";
 
-import api, { setAccessToken } from "@/lib/axios.client";
+import api from "@/lib/axios.client";
+import { useAuthStore } from "@/store/auth.store";
+
+
 
 export default function LoginPage() {
   const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
@@ -12,7 +15,7 @@ export default function LoginPage() {
   });
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState("");
-
+  const setAuth = useAuthStore((state)=>state.setAuth)
 
   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const { name, value } = e.target;
@@ -38,7 +41,8 @@ export default function LoginPage() {
 
       // Access token is now in response.data.data.accessToken
       if (response.data.data?.accessToken) {
-        setAccessToken(response.data.data.accessToken);
+        const {accessToken, user} = response.data.data
+        setAuth(accessToken, user)
         window.location.href = "/dashboard";
       }
 
diff --git a/apps/web/app/signup/page.tsx b/apps/web/app/signup/page.tsx
index c6b6a3c..f281847 100644
--- a/apps/web/app/signup/page.tsx
+++ b/apps/web/app/signup/page.tsx
@@ -61,7 +61,7 @@ export default function LoginPage() {
         ),
       };
 
-      const response = await api.post("/auth/signup", payload);
+      const response = await api.post("api/auth/signup", payload);
 
       if (response.data.accessToken) {
         // localStorage.setItem("accessToken", response.data.accessToken);
diff --git a/apps/web/lib/axios.client.ts b/apps/web/lib/axios.client.ts
index 2db0017..ae7c2d1 100644
--- a/apps/web/lib/axios.client.ts
+++ b/apps/web/lib/axios.client.ts
@@ -1,13 +1,7 @@
 import axios from 'axios';
 
-// Store access token in memory (more secure than localStorage)
-let accessToken: string | null = null;
+import { useAuthStore } from '@/store/auth.store';
 
-export const  setAccessToken = (token: string | null) => {
-    accessToken = token;
-};
-
-export const getAccessToken = () => accessToken;
 
 const api = axios.create({
     baseURL: process.env.NEXT_PUBLIC_API_URL,
@@ -17,10 +11,11 @@ const api = axios.create({
     }
 })
 
+
 // Request interceptor
 api.interceptors.request.use(
     (config) => {
-        const token = getAccessToken();
+        const token = useAuthStore.getState().accessToken;
 
         if (token) {
             config.headers.Authorization = `Bearer ${token}`
@@ -71,9 +66,9 @@ api.interceptors.response.use(
                 // Try to refresh the token
                 const response = await api.post("/auth/refresh");
                 const newAccessToken = response.data.data.accessToken;
-
+                const currentUser = useAuthStore.getState().user
                 // Save new access token in memory
-                setAccessToken(newAccessToken);
+                useAuthStore.getState().setAuth(newAccessToken, currentUser);
 
                 // Update authorization header
                 api.defaults.headers.common['Authorization'] = `Bearer ${newAccessToken}`;
@@ -87,7 +82,7 @@ api.interceptors.response.use(
             } catch (refreshError) {
                 // Refresh failed, clear token and redirect to login
                 processQueue(refreshError as Error, null);
-                setAccessToken(null);
+                useAuthStore.getState().clearAuth();
                 window.location.href = "/signup";
                 return Promise.reject(refreshError);
             } finally {
diff --git a/apps/web/package.json b/apps/web/package.json
index 1bb460f..3b4e959 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -12,7 +12,8 @@
     "axios": "^1.13.5",
     "next": "16.1.4",
     "react": "19.2.3",
-    "react-dom": "19.2.3"
+    "react-dom": "19.2.3",
+    "zustand": "^5.0.11"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",
diff --git a/apps/web/store/auth.store.ts b/apps/web/store/auth.store.ts
new file mode 100644
index 0000000..beabaa5
--- /dev/null
+++ b/apps/web/store/auth.store.ts
@@ -0,0 +1,25 @@
+import { create } from "zustand";
+
+interface User {
+  id: string;
+  role: "ADMIN" | "BRAND" | "INFLUENCER";
+  adminLevel?: "SUPER" | "NORMAL" | null;
+}
+
+interface AuthState {
+  accessToken: string | null;
+  user: User | null;
+  setAuth: (token: string, user: User) => void;
+  clearAuth: () => void;
+}
+
+export const useAuthStore = create<AuthState>((set) => ({
+  accessToken: null,
+  user: null,
+
+  setAuth: (token, user) =>
+    set({ accessToken: token, user }),
+
+  clearAuth: () =>
+    set({ accessToken: null, user: null })
+}));
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2de6f90..a6a6ca3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -175,6 +175,9 @@ importers:
       react-dom:
         specifier: 19.2.3
         version: 19.2.3(react@19.2.3)
+      zustand:
+        specifier: ^5.0.11
+        version: 5.0.11(@types/react@19.2.9)(react@19.2.3)
     devDependencies:
       "@tailwindcss/postcss":
         specifier: ^4
@@ -5266,6 +5269,27 @@ packages:
         integrity: sha512-k7Nwx6vuWx1IJ9Bjuf4Zt1PEllcwe7cls3VNzm4CQ1/hgtFUK2bRNG3rvnpPUhFjmqJKAKtjV576KnUkHocg/g==,
       }
 
+  zustand@5.0.11:
+    resolution:
+      {
+        integrity: sha512-fdZY+dk7zn/vbWNCYmzZULHRrss0jx5pPFiOuMZ/5HJN6Yv3u+1Wswy/4MpZEkEGhtNH+pwxZB8OKgUBPzYAGg==,
+      }
+    engines: { node: ">=12.20.0" }
+    peerDependencies:
+      "@types/react": ">=18.0.0"
+      immer: ">=9.0.6"
+      react: ">=18.0.0"
+      use-sync-external-store: ">=1.2.0"
+    peerDependenciesMeta:
+      "@types/react":
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+      use-sync-external-store:
+        optional: true
+
 snapshots:
   "@alloc/quick-lru@5.2.0": {}
 
@@ -8498,3 +8522,8 @@ snapshots:
       zod: 4.3.5
 
   zod@4.3.5: {}
+
+  zustand@5.0.11(@types/react@19.2.9)(react@19.2.3):
+    optionalDependencies:
+      "@types/react": 19.2.9
+      react: 19.2.3

From 5748d5ba33bfe95d5dfaf6604aaace93a9182877 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Sun, 15 Feb 2026 12:55:51 +0530
Subject: [PATCH 20/61] feat(auth):implemented zustand for state management

---
 apps/web/lib/axios.client.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/apps/web/lib/axios.client.ts b/apps/web/lib/axios.client.ts
index ae7c2d1..1a69129 100644
--- a/apps/web/lib/axios.client.ts
+++ b/apps/web/lib/axios.client.ts
@@ -67,6 +67,11 @@ api.interceptors.response.use(
                 const response = await api.post("/auth/refresh");
                 const newAccessToken = response.data.data.accessToken;
                 const currentUser = useAuthStore.getState().user
+                if (!currentUser) {
+                    useAuthStore.getState().clearAuth();
+                    window.location.href = "/login";
+                    return Promise.reject(new Error("User not found"));
+                }
                 // Save new access token in memory
                 useAuthStore.getState().setAuth(newAccessToken, currentUser);
 

From e0389ff195285811423ac3c077313aa457f71775 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Mon, 16 Feb 2026 16:43:34 +0530
Subject: [PATCH 21/61] feat(otp-verification):signup

---
 .../src/controllers/auth.controller.ts        |  75 ++++-----
 apps/core-api/src/modules/users/user.model.ts | 110 +++++++++++++
 .../src/repositories/Signup.repository.ts     |   9 +-
 .../src/repositories/user.repository.ts       |   2 +-
 apps/core-api/src/routes/auth.routes.ts       |   6 +-
 apps/core-api/src/services/auth.service.ts    |  87 +++++++++--
 apps/core-api/src/utils/sendotpEmail.ts       |   5 +-
 apps/web/(auth)/forget-Password/page.tsx      |  39 +++++
 apps/web/(auth)/login/page.tsx                | 147 ++++++++++++++++++
 apps/web/{app => (auth)}/register/page.tsx    |   0
 apps/web/(auth)/reset-password/page.tsx       |  38 +++++
 apps/web/(auth)/verify-otp/page.tsx           |  40 +++++
 12 files changed, 490 insertions(+), 68 deletions(-)
 create mode 100644 apps/core-api/src/modules/users/user.model.ts
 create mode 100644 apps/web/(auth)/forget-Password/page.tsx
 create mode 100644 apps/web/(auth)/login/page.tsx
 rename apps/web/{app => (auth)}/register/page.tsx (100%)
 create mode 100644 apps/web/(auth)/reset-password/page.tsx
 create mode 100644 apps/web/(auth)/verify-otp/page.tsx

diff --git a/apps/core-api/src/controllers/auth.controller.ts b/apps/core-api/src/controllers/auth.controller.ts
index b796cae..ee89d48 100644
--- a/apps/core-api/src/controllers/auth.controller.ts
+++ b/apps/core-api/src/controllers/auth.controller.ts
@@ -10,6 +10,7 @@ import {
   forgotPasswordService,
   verifyOtpService,
   resetPasswordService,
+  verifySignupOtpService,
 } from "../services/auth.service.js";
 import type { HttpError } from "../modules/auth/http-error.js";
 // import { log } from "winston";
@@ -87,52 +88,7 @@ export const loginController = async (
 };
 
 
-// ================= EMAIL VERIFICATION =================
-export const verifyEmailController = async (
-  req: Request,
-  res: Response,
-  next: NextFunction
-) => {
-  try {
-    const { token } = req.query;
 
-    if (!token) {
-      const err: HttpError = new Error("Token missing");
-      err.statusCode = 400;
-      throw err;
-    }
-
-    const decoded = jwt.verify(
-      token as string,
-      process.env.EMAIL_VERIFICATION_SECRET as string
-    ) as { userId: string };
-
-    const user = await User.findById(decoded.userId);
-
-    if (!user) {
-      const err: HttpError = new Error("Invalid token");
-      err.statusCode = 400;
-      throw err;
-    }
-
-    if (user.isEmailVerified) {
-      return res.status(400).json({
-        success: false,
-        message: "Email already verified",
-      });
-    }
-
-    user.isEmailVerified = true;
-    await user.save();
-
-    res.status(200).json({
-      success: true,
-      message: "Email verified successfully. Await admin approval.",
-    });
-  } catch (error) {
-    next(error);
-  }
-};
 
 
 // ================= REFRESH TOKEN =================
@@ -207,6 +163,33 @@ export const logoutController = async (
   }
 };
 
+// ================= VERIFY SIGNUP OTP =================
+export const verifySignupOtpController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { email, otp } = req.body;
+
+    if (!email || !otp) {
+      const err: HttpError = new Error("Email and OTP required");
+      err.statusCode = 400;
+      throw err;
+    }
+
+    await verifySignupOtpService(email, otp);
+
+    res.status(200).json({
+      success: true,
+      message: "Email verified successfully",
+    });
+  } catch (error) {
+    next(error);
+  }
+};
+
+
 // ================= FORGOT PASSWORD =================
 export const forgotPasswordController = async (
   req: Request,
@@ -236,7 +219,7 @@ export const forgotPasswordController = async (
 };
 
 // ================= VERIFY OTP =================
-export const verifyOtpController = async (
+export const verifyResetOtpController = async (
   req: Request,
   res: Response,
   next: NextFunction
diff --git a/apps/core-api/src/modules/users/user.model.ts b/apps/core-api/src/modules/users/user.model.ts
new file mode 100644
index 0000000..92db70d
--- /dev/null
+++ b/apps/core-api/src/modules/users/user.model.ts
@@ -0,0 +1,110 @@
+import { Schema, model, Document } from "mongoose";
+
+export enum UserRole {
+  INFLUENCER = "INFLUENCER",
+  BRAND = "BRAND",
+  ADMIN = "ADMIN",
+}
+
+export enum AdminLevel {
+  SUPER = "SUPER",
+  NORMAL = "NORMAL",
+}
+
+export enum UserStatus {
+  PENDING = "PENDING",
+  ACTIVE = "ACTIVE",
+  SUSPENDED = "SUSPENDED",
+}
+
+export interface IUser extends Document {
+  email: string;
+  password: string;
+  role: UserRole;
+  adminLevel?: AdminLevel;
+  isEmailVerified: boolean;
+  status: UserStatus;
+  refreshToken?: string;
+
+  // 🔐 Forgot Password Fields
+  resetOtp?: string;
+  resetOtpExpiry?: Date;
+  resetSessionToken?: string;
+  resetSessionExpiry?: Date;
+}
+
+const UserSchema = new Schema<IUser>(
+  {
+    email: {
+      type: String,
+      required: true,
+      unique: true,
+      lowercase: true,
+      trim: true,
+      index: true,
+      immutable: true,
+    },
+
+    password: {
+      type: String,
+      required: true,
+      select: false, // 🔐 never return password
+    },
+
+    role: {
+      type: String,
+      enum: Object.values(UserRole),
+      required: true,
+    },
+
+    adminLevel: {
+      type: String,
+      enum: Object.values(AdminLevel),
+      default: null,
+    },
+
+    isEmailVerified: {
+      type: Boolean,
+      default: false,
+    },
+
+    status: {
+      type: String,
+      enum: Object.values(UserStatus),
+      default: UserStatus.PENDING,
+    },
+
+    refreshToken: {
+      type: String,
+      select: false,
+    },
+
+    // ================================
+    // FORGOT PASSWORD FIELDS
+    // ================================
+
+    resetOtp: {
+      type: String,
+      select: false, // never return OTP
+    },
+
+    resetOtpExpiry: {
+      type: Date,
+    },
+
+    resetSessionToken: {
+      type: String,
+      select: false, // never expose session token
+    },
+
+    resetSessionExpiry: {
+      type: Date,
+    },
+  },
+  { timestamps: true }
+);
+
+// compound index (already yours)
+UserSchema.index({ role: 1, status: 1 });
+
+export const User = model<IUser>("User", UserSchema);
diff --git a/apps/core-api/src/repositories/Signup.repository.ts b/apps/core-api/src/repositories/Signup.repository.ts
index 12e0f81..7cdb90a 100644
--- a/apps/core-api/src/repositories/Signup.repository.ts
+++ b/apps/core-api/src/repositories/Signup.repository.ts
@@ -26,9 +26,12 @@ class PendingSignupRepository {
   }
 
   // ================= FIND =================
-  findByEmail(email: string) {
-    return PendingSignup.findOne({ email });
-  }
+ findByEmail(email: string) {
+  return PendingSignup
+    .findOne({ email })
+    .select("+emailOtpHash");
+}
+
 
   // ================= UPDATE STATUS =================
   updateStatus(email: string, status: "APPROVED" | "REJECTED") {
diff --git a/apps/core-api/src/repositories/user.repository.ts b/apps/core-api/src/repositories/user.repository.ts
index b802771..5c86d14 100644
--- a/apps/core-api/src/repositories/user.repository.ts
+++ b/apps/core-api/src/repositories/user.repository.ts
@@ -91,7 +91,7 @@ class UserRepository {
       userId,
       {
         password: hashedPassword,
-        refreshToken: "", // 🔐 invalidate all sessions
+        refreshToken: "", //  invalidate all sessions
       },
       {
         new: true,
diff --git a/apps/core-api/src/routes/auth.routes.ts b/apps/core-api/src/routes/auth.routes.ts
index bfd394a..c793e39 100644
--- a/apps/core-api/src/routes/auth.routes.ts
+++ b/apps/core-api/src/routes/auth.routes.ts
@@ -1,6 +1,6 @@
 import { Router } from "express";
 
-import { forgotPasswordController, loginController, logoutController, refreshTokenController, resetPasswordController, signupController, verifyEmailController, verifyOtpController } from "../controllers/auth.controller.js";
+import { forgotPasswordController, loginController, logoutController, refreshTokenController, resetPasswordController, signupController, verifyResetOtpController, verifySignupOtpController } from "../controllers/auth.controller.js";
 import { authenticate } from "../middlewares/auth.middleware.js";
 
 const router: Router = Router()
@@ -8,9 +8,9 @@ router.post("/login", loginController)
 router.post("/signup", signupController);
 router.post("/refresh", refreshTokenController);
 router.post("/logout", authenticate, logoutController);
-router.get("/verify-email", verifyEmailController);
+router.post("/verify-signup-otp", verifySignupOtpController);
 router.post("/forgot-password", forgotPasswordController);
-router.post("/verify-otp", verifyOtpController);
+router.post("/verify-reset-otp", verifyResetOtpController);
 router.post("/reset-password", resetPasswordController);
 
 
diff --git a/apps/core-api/src/services/auth.service.ts b/apps/core-api/src/services/auth.service.ts
index d1cfa75..36e9c82 100644
--- a/apps/core-api/src/services/auth.service.ts
+++ b/apps/core-api/src/services/auth.service.ts
@@ -15,9 +15,9 @@
 // }
 
 // export const authService = new AuthService();
-import crypto from "crypto";
+import crypto from "crypto";
 
-import bcrypt from "bcrypt";
+import bcrypt from "bcrypt";
 
 import { signAccessToken, signRefreshToken, verifyRefreshToken } from "../modules/auth/auth.utils.js";
 import type { HttpError } from "../modules/auth/http-error.js";
@@ -27,7 +27,7 @@ import { logger } from "../utils/logger.js";
 import { sendOtpEmail } from "../utils/sendotpEmail.js";
 
 
-// import { sendMail } from "../../utils/nodemailer";
+
 
 interface SignupInput {
   email: string;
@@ -55,24 +55,37 @@ export const signupService = async (data: SignupInput) => {
 
   const passwordHash = await bcrypt.hash(data.password, 10);
 
-  //  GENERATE OTP
+  // 🔥 1️⃣ Generate OTP
   const otp = Math.floor(100000 + Math.random() * 900000).toString();
-  await sendOtpEmail(data.email, otp);
+
+  // 🔥 2️⃣ Hash OTP before saving
   const hashedOtp = await bcrypt.hash(otp, 10);
 
+  // 🔥 3️⃣ Save pending signup with OTP
   await pendingSignupRepository.create({
     email: data.email.toLowerCase(),
     passwordHash,
     role: data.role,
     documents: data.documents,
     status: "PENDING",
+
+    emailOtpHash: hashedOtp,
+    emailOtpExpiresAt: new Date(Date.now() + 5 * 60 * 1000),
+    otpAttempts: 0,
+    otpResendCount: 0,
+    otpLastSentAt: new Date(),
+    isEmailVerified: false,
   });
 
-  return { message: "Signup request submitted for review" };
+  // 🔥 4️⃣ Send REAL Gmail OTP
+  await sendOtpEmail(data.email, otp);
+
+  return { message: "OTP sent to your email" };
 };
 
 
 
+
 interface LoginResult {
   accessToken: string,
   refreshToken: string,
@@ -166,7 +179,7 @@ export const refreshTokenService = async (
 
   const user = await userRepository.findById(payload.userId);
 
-  // ✅ FIRST check user existence
+  //  FIRST check user existence
   if (!user || !user.refreshToken) {
     const err: HttpError = new Error("Refresh token mismatch");
     err.statusCode = 401;
@@ -174,7 +187,7 @@ export const refreshTokenService = async (
   }
 
 
-  // ✅ Compare after narrowing
+  //  Compare after narrowing
   if (user.refreshToken.trim() !== refreshToken.trim()) {
     const err: HttpError = new Error("Refresh token mismatch");
     err.statusCode = 401;
@@ -213,16 +226,68 @@ export const logoutService = async (userId: string) => {
 };
 
 
+// ================= VERIFY SIGNUP OTP =================
+export const verifySignupOtpService = async (
+  email: string,
+  otp: string
+): Promise<void> => {
+
+  const pending = await pendingSignupRepository.findByEmail(email);
+
+  if (!pending) {
+    const err: HttpError = new Error("Signup request not found");
+    err.statusCode = 404;
+    throw err;
+  }
+
+  if (pending.isEmailVerified) {
+    const err: HttpError = new Error("Email already verified");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  if (!pending.emailOtpHash || !pending.emailOtpExpiresAt) {
+    const err: HttpError = new Error("OTP not found");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  if (pending.emailOtpExpiresAt < new Date()) {
+    const err: HttpError = new Error("OTP expired");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  const isMatch = await bcrypt.compare(
+    otp,
+    pending.emailOtpHash
+  );
+
+  if (!isMatch) {
+    const err: HttpError = new Error("Invalid OTP");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  //  SUCCESS
+  pending.isEmailVerified = true;
+  pending.emailOtpHash = null;
+  pending.emailOtpExpiresAt = null;
+
+  await pending.save();
+};
+
+
+
 // forgotPasswordService
 
 export const forgotPasswordService = async (email: string) => {
   const user = await userRepository.findEmailWithPassword(email);
 
-  if (!user) return; // security: don't reveal existence
+  if (!user) return; 
 
   const otp = Math.floor(100000 + Math.random() * 900000).toString();
-  console.log("RESET OTP:", otp); // 👈 ADD THIS LINE
-  console.log("Forgot password controller triggered");
+  console.log("RESET OTP:", otp); 
 
   const hashedOtp = await bcrypt.hash(otp, 10);
 
diff --git a/apps/core-api/src/utils/sendotpEmail.ts b/apps/core-api/src/utils/sendotpEmail.ts
index f6c402e..e27e681 100644
--- a/apps/core-api/src/utils/sendotpEmail.ts
+++ b/apps/core-api/src/utils/sendotpEmail.ts
@@ -1,9 +1,6 @@
 import nodemailer from "nodemailer";
 
-export const sendOtpEmail = async (
-  to: string,
-  otp: string
-) => {
+export const sendOtpEmail = async (to: string,otp: string) => {
   const transporter = nodemailer.createTransport({
     service: "gmail",
     auth: {
diff --git a/apps/web/(auth)/forget-Password/page.tsx b/apps/web/(auth)/forget-Password/page.tsx
new file mode 100644
index 0000000..889ff55
--- /dev/null
+++ b/apps/web/(auth)/forget-Password/page.tsx
@@ -0,0 +1,39 @@
+export default function ForgotPassword() {
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
+      <div className="w-full max-w-sm bg-white rounded-2xl shadow-lg p-8">
+
+        <h2 className="text-2xl font-bold text-center mb-2">
+          Forgot Password
+        </h2>
+
+        <p className="text-sm text-gray-500 text-center mb-6">
+          Enter your email to receive OTP
+        </p>
+
+        <form className="space-y-4">
+          <input
+            type="email"
+            placeholder="Enter your email"
+            className="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+          />
+
+          <button
+            type="submit"
+            className="w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition"
+          >
+            Send OTP
+          </button>
+        </form>
+
+        <p className="text-center text-sm mt-6">
+          Remembered password?{" "}
+          <span className="text-blue-600 cursor-pointer hover:underline">
+            Back to Login
+          </span>
+        </p>
+
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/(auth)/login/page.tsx b/apps/web/(auth)/login/page.tsx
new file mode 100644
index 0000000..bb18948
--- /dev/null
+++ b/apps/web/(auth)/login/page.tsx
@@ -0,0 +1,147 @@
+"use client";
+
+import React, { useState } from "react";
+
+import api, { setAccessToken } from "@/lib/axios.client";
+
+export default function LoginPage() {
+  const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
+  const [formData, setFormData] = useState({
+    email: "",
+    password: ""
+  });
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { name, value } = e.target;
+    setFormData(prev => ({
+      ...prev,
+      [name]: value
+
+    }));
+  }
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    setLoading(true);
+    setError("");
+    try {
+      const payload = {
+        email: formData.email,
+        password: formData.password,
+        role: role
+      }
+
+      const response = await api.post("/auth/login", payload);
+
+      // Access token is now in response.data.data.accessToken
+      if (response.data.data?.accessToken) {
+        setAccessToken(response.data.data.accessToken);
+        window.location.href = "/dashboard";
+      }
+
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : "Login failed. Please try again.";
+      setError(errorMessage);
+    } finally {
+      setLoading(false);
+    }
+  }
+
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
+      <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-6 sm:p-8 sm:m-0">
+
+        <div className="text-center mb-6">
+          <h1 className="text-xl sm:text-2xl font-semibold text-gray-800">
+            Welcome Back
+          </h1>
+          <p className="text-sm text-gray-500 mt-1">
+            Log in to your Noillin account as{" "}
+            <span className="font-medium capitalize">{role}</span>
+          </p>
+        </div>
+
+        <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
+          <button
+            type="button"
+            onClick={() => setRole("BRAND")}
+            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-sm transition hover:cursor-pointer ${role === "BRAND"
+              ? "bg-white shadow text-gray-900"
+              : "text-gray-500 "
+              }`}
+          >
+            Brand
+          </button>
+
+          <button
+            type="button"
+            onClick={() => setRole("INFLUENCER")}
+            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${role === "INFLUENCER"
+              ? "bg-white shadow text-gray-900"
+              : "text-gray-500"
+              }`}
+          >
+            Influencer
+          </button>
+        </div>
+
+        <form className="space-y-4" onSubmit={handleSubmit}>
+          {error && (
+            <div className="text-red-500 text-sm">{error}</div>
+          )}
+          <div>
+            <label className="block text-sm font-medium text-gray-600 mb-1">
+              Email address
+            </label>
+            <input
+              type="email"
+              name="email"
+              value={formData.email}
+              onChange={handleInputChange}
+              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+            />
+          </div>
+
+          <div>
+            <div className="flex justify-between items-center mb-1">
+              <label className="text-sm font-medium text-gray-600">
+                Password
+              </label>
+              <button
+                type="button"
+                className="text-sm text-gray-500 hover:text-gray-700 hover:cursor-pointer"
+              >
+                Forgot password?
+              </button>
+            </div>
+
+            <input
+              type="password"
+              placeholder="••••••••"
+              name="password"
+              value={formData.password}
+              onChange={handleInputChange}
+              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+            />
+          </div>
+
+          <button
+            type="submit"
+            className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
+          >
+            Sign In as {role === "BRAND" ? "Brand" : "Influencer"}
+            {loading && <span className="ml-2">...</span>}
+          </button>
+        </form>
+
+        <p className="text-xs text-center text-gray-400 mt-6">
+          Secure login · Data protected
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/app/register/page.tsx b/apps/web/(auth)/register/page.tsx
similarity index 100%
rename from apps/web/app/register/page.tsx
rename to apps/web/(auth)/register/page.tsx
diff --git a/apps/web/(auth)/reset-password/page.tsx b/apps/web/(auth)/reset-password/page.tsx
new file mode 100644
index 0000000..aaff75e
--- /dev/null
+++ b/apps/web/(auth)/reset-password/page.tsx
@@ -0,0 +1,38 @@
+export default function ResetPassword() {
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
+      <div className="w-full max-w-sm bg-white rounded-2xl shadow-lg p-8">
+
+        <h2 className="text-2xl font-bold text-center mb-2">
+          Reset Password
+        </h2>
+
+        <p className="text-sm text-gray-500 text-center mb-6">
+          Enter your new password
+        </p>
+
+        <form className="space-y-4">
+          <input
+            type="password"
+            placeholder="New Password"
+            className="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+          />
+
+          <input
+            type="password"
+            placeholder="Confirm Password"
+            className="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+          />
+
+          <button
+            type="submit"
+            className="w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition"
+          >
+            Reset Password
+          </button>
+        </form>
+
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/(auth)/verify-otp/page.tsx b/apps/web/(auth)/verify-otp/page.tsx
new file mode 100644
index 0000000..d572133
--- /dev/null
+++ b/apps/web/(auth)/verify-otp/page.tsx
@@ -0,0 +1,40 @@
+export default function VerifyOtp() {
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
+      <div className="w-full max-w-sm bg-white rounded-2xl shadow-lg p-8">
+
+        <h2 className="text-2xl font-bold text-center mb-2">
+          Verify OTP
+        </h2>
+
+        <p className="text-sm text-gray-500 text-center mb-6">
+          Enter the 6-digit OTP sent to your email
+        </p>
+
+        <form className="space-y-4">
+          <input
+            type="text"
+            maxLength={6}
+            placeholder="Enter OTP"
+            className="w-full px-4 py-2 text-center tracking-widest border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+          />
+
+          <button
+            type="submit"
+            className="w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition"
+          >
+            Verify OTP
+          </button>
+        </form>
+
+        <p className="text-center text-sm mt-6">
+          Didn’t receive OTP?{" "}
+          <span className="text-blue-600 cursor-pointer hover:underline">
+            Resend
+          </span>
+        </p>
+
+      </div>
+    </div>
+  );
+}

From a5bf0157cf5e3780ae55490ffe7eeedc67ddbc3d Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Mon, 16 Feb 2026 16:56:13 +0530
Subject: [PATCH 22/61] apps/chore(signup):OTP-verification

---
 apps/web/(auth)/login/page.tsx | 296 +++++++++++++++++----------------
 1 file changed, 149 insertions(+), 147 deletions(-)

diff --git a/apps/web/(auth)/login/page.tsx b/apps/web/(auth)/login/page.tsx
index bb18948..ba6d4cb 100644
--- a/apps/web/(auth)/login/page.tsx
+++ b/apps/web/(auth)/login/page.tsx
@@ -1,147 +1,149 @@
-"use client";
-
-import React, { useState } from "react";
-
-import api, { setAccessToken } from "@/lib/axios.client";
-
-export default function LoginPage() {
-  const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
-  const [formData, setFormData] = useState({
-    email: "",
-    password: ""
-  });
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState("");
-
-
-  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const { name, value } = e.target;
-    setFormData(prev => ({
-      ...prev,
-      [name]: value
-
-    }));
-  }
-
-  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    setLoading(true);
-    setError("");
-    try {
-      const payload = {
-        email: formData.email,
-        password: formData.password,
-        role: role
-      }
-
-      const response = await api.post("/auth/login", payload);
-
-      // Access token is now in response.data.data.accessToken
-      if (response.data.data?.accessToken) {
-        setAccessToken(response.data.data.accessToken);
-        window.location.href = "/dashboard";
-      }
-
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : "Login failed. Please try again.";
-      setError(errorMessage);
-    } finally {
-      setLoading(false);
-    }
-  }
-
-
-  return (
-    <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
-      <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-6 sm:p-8 sm:m-0">
-
-        <div className="text-center mb-6">
-          <h1 className="text-xl sm:text-2xl font-semibold text-gray-800">
-            Welcome Back
-          </h1>
-          <p className="text-sm text-gray-500 mt-1">
-            Log in to your Noillin account as{" "}
-            <span className="font-medium capitalize">{role}</span>
-          </p>
-        </div>
-
-        <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
-          <button
-            type="button"
-            onClick={() => setRole("BRAND")}
-            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-sm transition hover:cursor-pointer ${role === "BRAND"
-              ? "bg-white shadow text-gray-900"
-              : "text-gray-500 "
-              }`}
-          >
-            Brand
-          </button>
-
-          <button
-            type="button"
-            onClick={() => setRole("INFLUENCER")}
-            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${role === "INFLUENCER"
-              ? "bg-white shadow text-gray-900"
-              : "text-gray-500"
-              }`}
-          >
-            Influencer
-          </button>
-        </div>
-
-        <form className="space-y-4" onSubmit={handleSubmit}>
-          {error && (
-            <div className="text-red-500 text-sm">{error}</div>
-          )}
-          <div>
-            <label className="block text-sm font-medium text-gray-600 mb-1">
-              Email address
-            </label>
-            <input
-              type="email"
-              name="email"
-              value={formData.email}
-              onChange={handleInputChange}
-              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-            />
-          </div>
-
-          <div>
-            <div className="flex justify-between items-center mb-1">
-              <label className="text-sm font-medium text-gray-600">
-                Password
-              </label>
-              <button
-                type="button"
-                className="text-sm text-gray-500 hover:text-gray-700 hover:cursor-pointer"
-              >
-                Forgot password?
-              </button>
-            </div>
-
-            <input
-              type="password"
-              placeholder="••••••••"
-              name="password"
-              value={formData.password}
-              onChange={handleInputChange}
-              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-            />
-          </div>
-
-          <button
-            type="submit"
-            className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
-          >
-            Sign In as {role === "BRAND" ? "Brand" : "Influencer"}
-            {loading && <span className="ml-2">...</span>}
-          </button>
-        </form>
-
-        <p className="text-xs text-center text-gray-400 mt-6">
-          Secure login · Data protected
-        </p>
-      </div>
-    </div>
-  );
-}
+// "use client";
+
+
+
+// import React, { useState } from "react";
+
+// import api, { setAccessToken } from "@/lib/axios.client";
+
+// export default function LoginPage() {
+//   const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
+//   const [formData, setFormData] = useState({
+//     email: "",
+//     password: ""
+//   });
+//   const [loading, setLoading] = useState(false);
+//   const [error, setError] = useState("");
+
+
+//   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+//     const { name, value } = e.target;
+//     setFormData(prev => ({
+//       ...prev,
+//       [name]: value
+
+//     }));
+//   }
+
+//   const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+//     e.preventDefault();
+//     setLoading(true);
+//     setError("");
+//     try {
+//       const payload = {
+//         email: formData.email,
+//         password: formData.password,
+//         role: role
+//       }
+
+//       const response = await api.post("/auth/login", payload);
+
+//       // Access token is now in response.data.data.accessToken
+//       if (response.data.data?.accessToken) {
+//         setAccessToken(response.data.data.accessToken);
+//         window.location.href = "/dashboard";
+//       }
+
+//     } catch (error) {
+//       const errorMessage = error instanceof Error ? error.message : "Login failed. Please try again.";
+//       setError(errorMessage);
+//     } finally {
+//       setLoading(false);
+//     }
+//   }
+
+
+//   return (
+//     <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
+//       <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-6 sm:p-8 sm:m-0">
+
+//         <div className="text-center mb-6">
+//           <h1 className="text-xl sm:text-2xl font-semibold text-gray-800">
+//             Welcome Back
+//           </h1>
+//           <p className="text-sm text-gray-500 mt-1">
+//             Log in to your Noillin account as{" "}
+//             <span className="font-medium capitalize">{role}</span>
+//           </p>
+//         </div>
+
+//         <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
+//           <button
+//             type="button"
+//             onClick={() => setRole("BRAND")}
+//             className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-sm transition hover:cursor-pointer ${role === "BRAND"
+//               ? "bg-white shadow text-gray-900"
+//               : "text-gray-500 "
+//               }`}
+//           >
+//             Brand
+//           </button>
+
+//           <button
+//             type="button"
+//             onClick={() => setRole("INFLUENCER")}
+//             className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${role === "INFLUENCER"
+//               ? "bg-white shadow text-gray-900"
+//               : "text-gray-500"
+//               }`}
+//           >
+//             Influencer
+//           </button>
+//         </div>
+
+//         <form className="space-y-4" onSubmit={handleSubmit}>
+//           {error && (
+//             <div className="text-red-500 text-sm">{error}</div>
+//           )}
+//           <div>
+//             <label className="block text-sm font-medium text-gray-600 mb-1">
+//               Email address
+//             </label>
+//             <input
+//               type="email"
+//               name="email"
+//               value={formData.email}
+//               onChange={handleInputChange}
+//               className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+//             />
+//           </div>
+
+//           <div>
+//             <div className="flex justify-between items-center mb-1">
+//               <label className="text-sm font-medium text-gray-600">
+//                 Password
+//               </label>
+//               <button
+//                 type="button"
+//                 className="text-sm text-gray-500 hover:text-gray-700 hover:cursor-pointer"
+//               >
+//                 Forgot password?
+//               </button>
+//             </div>
+
+//             <input
+//               type="password"
+//               placeholder="••••••••"
+//               name="password"
+//               value={formData.password}
+//               onChange={handleInputChange}
+//               className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+//             />
+//           </div>
+
+//           <button
+//             type="submit"
+//             className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
+//           >
+//             Sign In as {role === "BRAND" ? "Brand" : "Influencer"}
+//             {loading && <span className="ml-2">...</span>}
+//           </button>
+//         </form>
+
+//         <p className="text-xs text-center text-gray-400 mt-6">
+//           Secure login · Data protected
+//         </p>
+//       </div>
+//     </div>
+//   );
+// }

From ddcb0c4b040ab419896868fda06e8f0a561a3a9d Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Mon, 16 Feb 2026 20:43:03 +0530
Subject: [PATCH 23/61] feat(email-verification):OTP

---
 apps/web/(auth)/forget-Password/page.tsx | 13 +++++++------
 apps/web/(auth)/reset-password/page.tsx  | 17 +++++++++--------
 apps/web/(auth)/verify-otp/page.tsx      | 14 +++++++-------
 apps/web/app/page.tsx                    |  2 ++
 4 files changed, 25 insertions(+), 21 deletions(-)

diff --git a/apps/web/(auth)/forget-Password/page.tsx b/apps/web/(auth)/forget-Password/page.tsx
index 889ff55..4d10296 100644
--- a/apps/web/(auth)/forget-Password/page.tsx
+++ b/apps/web/(auth)/forget-Password/page.tsx
@@ -1,13 +1,14 @@
+
 export default function ForgotPassword() {
   return (
     <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
       <div className="w-full max-w-sm bg-white rounded-2xl shadow-lg p-8">
 
-        <h2 className="text-2xl font-bold text-center mb-2">
+        <h2 className="text-2xl font-bold text-center mb-2 text-black">
           Forgot Password
         </h2>
 
-        <p className="text-sm text-gray-500 text-center mb-6">
+        <p className="text-sm text-gray-800 text-center mb-6">
           Enter your email to receive OTP
         </p>
 
@@ -15,18 +16,18 @@ export default function ForgotPassword() {
           <input
             type="email"
             placeholder="Enter your email"
-            className="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+            className="w-full text-gray-400 px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"
           />
 
           <button
             type="submit"
-            className="w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition"
+            className="w-full bg-green-700 text-white py-2 rounded-lg hover:bg-green-800 transition cursor-pointer"
           >
             Send OTP
           </button>
         </form>
 
-        <p className="text-center text-sm mt-6">
+        <p className="text-center text-sm mt-6 text-gray-400">
           Remembered password?{" "}
           <span className="text-blue-600 cursor-pointer hover:underline">
             Back to Login
@@ -36,4 +37,4 @@ export default function ForgotPassword() {
       </div>
     </div>
   );
-}
+}
\ No newline at end of file
diff --git a/apps/web/(auth)/reset-password/page.tsx b/apps/web/(auth)/reset-password/page.tsx
index aaff75e..e0fbc3b 100644
--- a/apps/web/(auth)/reset-password/page.tsx
+++ b/apps/web/(auth)/reset-password/page.tsx
@@ -1,13 +1,14 @@
+
 export default function ResetPassword() {
-  return (
+  return (<>
     <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
       <div className="w-full max-w-sm bg-white rounded-2xl shadow-lg p-8">
 
-        <h2 className="text-2xl font-bold text-center mb-2">
+        <h2 className="text-2xl text-black font-bold text-center mb-2">
           Reset Password
         </h2>
 
-        <p className="text-sm text-gray-500 text-center mb-6">
+        <p className="text-sm text-gray-900 text-center mb-6">
           Enter your new password
         </p>
 
@@ -15,18 +16,18 @@ export default function ResetPassword() {
           <input
             type="password"
             placeholder="New Password"
-            className="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+            className="w-full px-4 text-gray-400 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"
           />
 
           <input
             type="password"
             placeholder="Confirm Password"
-            className="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+            className="w-full px-4 py-2 text-gray-400 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"
           />
 
           <button
             type="submit"
-            className="w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition"
+            className="w-full bg-green-700 text-white py-2 rounded-lg hover:bg-green-800 transition hover:cursor-pointer"
           >
             Reset Password
           </button>
@@ -34,5 +35,5 @@ export default function ResetPassword() {
 
       </div>
     </div>
-  );
-}
+  </>);
+}
\ No newline at end of file
diff --git a/apps/web/(auth)/verify-otp/page.tsx b/apps/web/(auth)/verify-otp/page.tsx
index d572133..c62c6f2 100644
--- a/apps/web/(auth)/verify-otp/page.tsx
+++ b/apps/web/(auth)/verify-otp/page.tsx
@@ -1,9 +1,9 @@
 export default function VerifyOtp() {
-  return (
+  return (<>
     <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
       <div className="w-full max-w-sm bg-white rounded-2xl shadow-lg p-8">
 
-        <h2 className="text-2xl font-bold text-center mb-2">
+        <h2 className="text-2xl text-black font-bold text-center mb-2">
           Verify OTP
         </h2>
 
@@ -16,18 +16,18 @@ export default function VerifyOtp() {
             type="text"
             maxLength={6}
             placeholder="Enter OTP"
-            className="w-full px-4 py-2 text-center tracking-widest border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+            className="w-full px-4 text-gray-400 py-2 text-center tracking-widest border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"
           />
 
           <button
             type="submit"
-            className="w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition"
+            className="w-full bg-green-700 text-white py-2 rounded-lg hover:bg-green-800 transition"
           >
             Verify OTP
           </button>
         </form>
 
-        <p className="text-center text-sm mt-6">
+        <p className="text-center text-gray-400 text-sm mt-6">
           Didn’t receive OTP?{" "}
           <span className="text-blue-600 cursor-pointer hover:underline">
             Resend
@@ -36,5 +36,5 @@ export default function VerifyOtp() {
 
       </div>
     </div>
-  );
-}
+  </>);
+}
\ No newline at end of file
diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index 72fbc26..d0417a4 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -21,3 +21,5 @@ export default function HomePage() {
 }
 
 
+
+

From 77d73fdc052ad8932c692aa184b813b918731155 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Tue, 17 Feb 2026 15:31:51 +0530
Subject: [PATCH 24/61] feat: implemented the profile-setup for both brand and
 the influencer

---
 .../src/controllers/auth.controller.ts        |   5 +-
 .../src/controllers/profile.controller.ts     |  65 +++
 apps/core-api/src/models/influencer.model.ts  |   2 +-
 .../src/repositories/profile.repository.ts    |  51 ++
 apps/core-api/src/routes/profile.routes.ts    |  15 +-
 apps/core-api/src/services/auth.service.ts    | 103 +++-
 apps/core-api/src/services/profile.service.ts |  74 +++
 .../src/services/verification.service.ts      |  32 +-
 apps/web/app/home/page.tsx                    |  36 ++
 apps/web/app/layout.tsx                       |   3 +
 apps/web/app/login/page.tsx                   |   8 +-
 apps/web/app/profile-setup/page.tsx           | 505 ++++++++++++++++++
 apps/web/app/profile/page.tsx                 |  52 ++
 apps/web/app/signup/page.tsx                  |   2 +-
 apps/web/components/AuthInitializer.tsx       |  29 +
 apps/web/components/Navbar.tsx                | 210 ++++++++
 apps/web/lib/axios.client.ts                  |  21 +-
 apps/web/next.config.ts                       |   2 +-
 apps/web/store/auth.store.ts                  |   1 +
 19 files changed, 1169 insertions(+), 47 deletions(-)
 create mode 100644 apps/core-api/src/controllers/profile.controller.ts
 create mode 100644 apps/core-api/src/repositories/profile.repository.ts
 create mode 100644 apps/core-api/src/services/profile.service.ts
 create mode 100644 apps/web/app/home/page.tsx
 create mode 100644 apps/web/app/profile-setup/page.tsx
 create mode 100644 apps/web/app/profile/page.tsx
 create mode 100644 apps/web/components/AuthInitializer.tsx
 create mode 100644 apps/web/components/Navbar.tsx

diff --git a/apps/core-api/src/controllers/auth.controller.ts b/apps/core-api/src/controllers/auth.controller.ts
index b796cae..ee34be1 100644
--- a/apps/core-api/src/controllers/auth.controller.ts
+++ b/apps/core-api/src/controllers/auth.controller.ts
@@ -135,7 +135,6 @@ export const verifyEmailController = async (
 };
 
 
-// ================= REFRESH TOKEN =================
 export const refreshTokenController = async (
   req: Request,
   res: Response,
@@ -165,6 +164,8 @@ export const refreshTokenController = async (
       success: true,
       data: {
         accessToken: result.accessToken,
+        user: result.user,
+        
       },
     });
   } catch (error) {
@@ -173,7 +174,6 @@ export const refreshTokenController = async (
 };
 
 
-// ================= LOGOUT =================
 export const logoutController = async (
   req: Request,
   res: Response,
@@ -207,7 +207,6 @@ export const logoutController = async (
   }
 };
 
-// ================= FORGOT PASSWORD =================
 export const forgotPasswordController = async (
   req: Request,
   res: Response,
diff --git a/apps/core-api/src/controllers/profile.controller.ts b/apps/core-api/src/controllers/profile.controller.ts
new file mode 100644
index 0000000..8c44ed5
--- /dev/null
+++ b/apps/core-api/src/controllers/profile.controller.ts
@@ -0,0 +1,65 @@
+import type { Response, NextFunction } from "express";
+
+import {
+    getMyProfileService,
+    updateProfileService
+} from "../services/profile.service.js";
+import type { AuthRequest } from "../middlewares/auth.middleware.js";
+
+
+export const getMyProfileController = async (
+    req: AuthRequest,
+    res: Response,
+    next: NextFunction
+) => {
+    try {
+
+        if (!req.user) {
+            return res.status(401).json({
+                success: false,
+                message: "Unauthorized",
+            });
+        }
+
+        const userId = req.user.userId;
+
+        const profile = await getMyProfileService(userId);
+
+        res.status(200).json({
+            success: true,
+            data: profile
+        });
+
+    } catch (error) {
+        next(error);
+    }
+};
+
+
+export const updateProfileController = async (
+    req: AuthRequest,
+    res: Response,
+    next: NextFunction
+) => {
+    try {
+
+        if (!req.user) {
+            return res.status(401).json({
+                success: false,
+                message: "Unauthorized",
+            });
+        }
+
+        const userId = req.user.userId;
+
+        const profile = await updateProfileService(userId, req.body);
+
+        res.status(200).json({
+            success: true,
+            data: profile
+        });
+
+    } catch (error) {
+        next(error);
+    }
+};
diff --git a/apps/core-api/src/models/influencer.model.ts b/apps/core-api/src/models/influencer.model.ts
index d8a0454..02b17fe 100644
--- a/apps/core-api/src/models/influencer.model.ts
+++ b/apps/core-api/src/models/influencer.model.ts
@@ -34,7 +34,7 @@ const InfluencerProfileSchema = new Schema<IInfluencerProfile>(
 
     fullName: {
       type: String,
-      required: true,
+      default: "",
       trim: true,
     },
 
diff --git a/apps/core-api/src/repositories/profile.repository.ts b/apps/core-api/src/repositories/profile.repository.ts
new file mode 100644
index 0000000..844a08c
--- /dev/null
+++ b/apps/core-api/src/repositories/profile.repository.ts
@@ -0,0 +1,51 @@
+import { BrandProfile } from "../models/brand.model.js";
+import type { IBrandProfile } from "../models/brand.model.js"
+import { InfluencerProfile} from "../models/influencer.model.js";
+import type { IInfluencerProfile } from "../models/influencer.model.js"
+
+export class ProfileRepository {
+
+  async findInfluencerByUserId(userId: string): Promise<IInfluencerProfile | null> {
+    return InfluencerProfile.findOne({ userId });
+  }
+
+  async findBrandByUserId(userId: string): Promise<IBrandProfile | null> {
+    return BrandProfile.findOne({ userId });
+  }
+
+  async createInfluencer(
+    data: Partial<IInfluencerProfile>
+  ): Promise<IInfluencerProfile> {
+    return InfluencerProfile.create(data);
+  }
+
+  async createBrand(
+    data: Partial<IBrandProfile>
+  ): Promise<IBrandProfile> {
+    return BrandProfile.create(data);
+  }
+
+  async updateInfluencer(
+    userId: string,
+    data: Partial<IInfluencerProfile>
+  ): Promise<IInfluencerProfile | null> {
+    return InfluencerProfile.findOneAndUpdate(
+      { userId },
+      data,
+      { new: true }
+    );
+  }
+
+  async updateBrand(
+    userId: string,
+    data: Partial<IBrandProfile>
+  ): Promise<IBrandProfile | null> {
+    return BrandProfile.findOneAndUpdate(
+      { userId },
+      data,
+      { new: true }
+    );
+  }
+}
+
+export const profileRepository = new ProfileRepository();
diff --git a/apps/core-api/src/routes/profile.routes.ts b/apps/core-api/src/routes/profile.routes.ts
index ee617b7..a4d82d0 100644
--- a/apps/core-api/src/routes/profile.routes.ts
+++ b/apps/core-api/src/routes/profile.routes.ts
@@ -1,5 +1,14 @@
-import { Router } from "express";
+import { Router } from "express";
 
-const router : Router = Router()
+import { authenticate } from "../middlewares/auth.middleware.js";
+import {
+  getMyProfileController,
+  updateProfileController
+} from "../controllers/profile.controller.js";
 
-export default router
\ No newline at end of file
+const router: Router = Router();
+
+router.get("/get_profile", authenticate, getMyProfileController);
+router.patch("/update_profile", authenticate, updateProfileController);
+
+export default router;
diff --git a/apps/core-api/src/services/auth.service.ts b/apps/core-api/src/services/auth.service.ts
index d1cfa75..f84e9f4 100644
--- a/apps/core-api/src/services/auth.service.ts
+++ b/apps/core-api/src/services/auth.service.ts
@@ -1,23 +1,7 @@
-// class AuthService {
-//   async loginUser(_email: string, _password: string) {
-//     // find user
-//     // compare password
-//     // create tokens
-//     // save refresh token
-//     // return tokens
-//   }
-
 
-//   async refreshSession(_token: string) {
-//     // verify refresh token
-//     // issue new access token
-//   }
-// }
+import crypto from "crypto";
 
-// export const authService = new AuthService();
-import crypto from "crypto";
-
-import bcrypt from "bcrypt";
+import bcrypt from "bcrypt";
 
 import { signAccessToken, signRefreshToken, verifyRefreshToken } from "../modules/auth/auth.utils.js";
 import type { HttpError } from "../modules/auth/http-error.js";
@@ -58,7 +42,7 @@ export const signupService = async (data: SignupInput) => {
   //  GENERATE OTP
   const otp = Math.floor(100000 + Math.random() * 900000).toString();
   await sendOtpEmail(data.email, otp);
-  const hashedOtp = await bcrypt.hash(otp, 10);
+  // const hashedOtp = await bcrypt.hash(otp, 10);
 
   await pendingSignupRepository.create({
     email: data.email.toLowerCase(),
@@ -142,10 +126,77 @@ export const loginService = async(
 }
 
 
+// interface RefreshResult {
+//   accessToken: string;
+//   refreshToken: string;
+// }
+// export const refreshTokenService = async (
+//   refreshToken: string
+// ): Promise<RefreshResult> => {
+//   if (!refreshToken) {
+//     const err: HttpError = new Error("Refresh token required");
+//     err.statusCode = 400;
+//     throw err;
+//   }
+
+//   let payload;
+//   try {
+//     payload = verifyRefreshToken(refreshToken);
+//   } catch {
+//     const err: HttpError = new Error("Invalid refresh token");
+//     err.statusCode = 401;
+//     throw err;
+//   }
+
+//   const user = await userRepository.findById(payload.userId);
+
+//   if (!user || !user.refreshToken) {
+//     const err: HttpError = new Error("Refresh token mismatch");
+//     err.statusCode = 401;
+//     throw err;
+//   }
+
+
+//   if (user.refreshToken.trim() !== refreshToken.trim()) {
+//     const err: HttpError = new Error("Refresh token mismatch");
+//     err.statusCode = 401;
+//     throw err;
+//   }
+
+//   const newPayload = {
+//     userId: user._id.toString(),
+//     role: user.role,
+//     adminLevel: user.adminLevel ?? null,
+//   };
+
+//   const newAccessToken = signAccessToken(newPayload);
+//   const newRefreshToken = signRefreshToken(newPayload);
+
+//   await userRepository.saveRefreshToken(user._id.toString(), newRefreshToken);
+
+//   return {
+//     accessToken: newAccessToken,
+//     refreshToken: newRefreshToken,
+//     user: {
+//       id: user._id.toString(),
+//       email: user.email,
+//       role: user.role,
+//       adminLevel: user.adminLevel ?? null,
+//     },
+//   };
+// };
+
 interface RefreshResult {
   accessToken: string;
   refreshToken: string;
+  user: {
+    id: string;
+    email: string;
+    role: string;
+    adminLevel: string | null;
+  };
 }
+
 export const refreshTokenService = async (
   refreshToken: string
 ): Promise<RefreshResult> => {
@@ -166,15 +217,12 @@ export const refreshTokenService = async (
 
   const user = await userRepository.findById(payload.userId);
 
-  // ✅ FIRST check user existence
   if (!user || !user.refreshToken) {
     const err: HttpError = new Error("Refresh token mismatch");
     err.statusCode = 401;
     throw err;
   }
 
-
-  // ✅ Compare after narrowing
   if (user.refreshToken.trim() !== refreshToken.trim()) {
     const err: HttpError = new Error("Refresh token mismatch");
     err.statusCode = 401;
@@ -190,11 +238,20 @@ export const refreshTokenService = async (
   const newAccessToken = signAccessToken(newPayload);
   const newRefreshToken = signRefreshToken(newPayload);
 
-  await userRepository.saveRefreshToken(user._id.toString(), newRefreshToken);
+  await userRepository.saveRefreshToken(
+    user._id.toString(),
+    newRefreshToken
+  );
 
   return {
     accessToken: newAccessToken,
     refreshToken: newRefreshToken,
+    user: {
+      id: user._id.toString(),
+      email: user.email,
+      role: user.role,
+      adminLevel: user.adminLevel ?? null,
+    },
   };
 };
 
diff --git a/apps/core-api/src/services/profile.service.ts b/apps/core-api/src/services/profile.service.ts
new file mode 100644
index 0000000..d22025f
--- /dev/null
+++ b/apps/core-api/src/services/profile.service.ts
@@ -0,0 +1,74 @@
+import { profileRepository } from "../repositories/profile.repository.js";
+import { userRepository } from "../repositories/user.repository.js";
+import type { HttpError } from "../modules/auth/http-error.js";
+import type { IInfluencerProfile } from "../models/influencer.model.js";
+import type { IBrandProfile } from "../models/brand.model.js";
+
+
+export const getMyProfileService = async (userId: string) => {
+
+    const user = await userRepository.findById(userId);
+
+    if (!user) {
+        const err: HttpError = new Error("User not found");
+        err.statusCode = 404;
+        throw err;
+    }
+
+    if (user.role === "INFLUENCER") {
+
+        const profile = await profileRepository.findInfluencerByUserId(userId);
+
+        if (!profile) {
+            const err: HttpError = new Error("Profile not found");
+            err.statusCode = 404;
+            throw err;
+        }
+
+
+        return profile;
+    }
+
+    if (user.role === "BRAND") {
+
+        const profile = await profileRepository.findBrandByUserId(userId);
+
+        if (!profile) {
+            const err: HttpError = new Error("Profile not found");
+            err.statusCode = 404;
+            throw err;
+        }
+
+
+        return profile;
+    }
+
+    const err: HttpError = new Error("Invalid role");
+    err.statusCode = 400;
+    throw err;
+};
+
+
+export const updateProfileService = async (
+    userId: string,
+    data: unknown
+
+) => {
+
+    const user = await userRepository.findById(userId);
+    if (!user) {
+        const err: HttpError = new Error("User not found");
+        err.statusCode = 404;
+        throw err;
+    }
+
+    if (user.role === "INFLUENCER") {
+        return profileRepository.updateInfluencer(userId, data as Partial<IInfluencerProfile>);
+    }
+
+    if (user.role === "BRAND") {
+        return profileRepository.updateBrand(userId, data as Partial<IBrandProfile>);
+    }
+
+    throw new Error("Invalid role");
+};
diff --git a/apps/core-api/src/services/verification.service.ts b/apps/core-api/src/services/verification.service.ts
index 0152024..b4cb575 100644
--- a/apps/core-api/src/services/verification.service.ts
+++ b/apps/core-api/src/services/verification.service.ts
@@ -3,6 +3,7 @@ import bcrypt from "bcrypt";
 import type { HttpError } from "../modules/auth/http-error.js";
 import { pendingSignupRepository } from "../repositories/Signup.repository.js";
 import { userRepository } from "../repositories/user.repository.js";
+import { profileRepository } from "../repositories/profile.repository.js";
 
 // ================= VERIFY OTP =================
 export const verifyOtpService = async (
@@ -140,7 +141,7 @@ export const approveSignupService = async (email: string) => {
     throw err;
   }
 
-  await userRepository.create({
+  const user = await userRepository.create({
     email: pending.email,
     password: pending.passwordHash,
     role: pending.role,
@@ -148,6 +149,32 @@ export const approveSignupService = async (email: string) => {
     status: "ACTIVE",
   });
 
+  if (user.role === "INFLUENCER") {
+    await profileRepository.createInfluencer({
+      userId: user._id,
+      fullName: "",
+      username: user.email.split("@")[0],
+      categories: [],
+      languages: [],
+      isProfileComplete: false,
+      isVerified: false,
+    });
+  }
+
+  if (user.role === "BRAND") {
+    await profileRepository.createBrand({
+      userId: user._id,
+      companyName: "",
+      industry: "",
+      contactPersonName: "",
+      contactEmail: user.email,
+      documents: [],
+      isProfileComplete: false,
+      isVerified: false,
+    });
+  }
+
+
   await pendingSignupRepository.deleteByEmail(email);
 
   return { message: "Signup approved successfully" };
@@ -171,9 +198,8 @@ export const rejectSignupService = async (
   return { message: "Signup rejected successfully" };
 };
 
-// ================= CLEANUP EXPIRED SIGNUPS =================
 export const cleanupExpiredSignups = async () => {
-  const cutoff = new Date(Date.now() - 24 * 60 * 60 * 1000); // 24 hours ago
+  const cutoff = new Date(Date.now() - 24 * 60 * 60 * 1000); 
 
   await pendingSignupRepository.deleteMany({
     isEmailVerified: false,
diff --git a/apps/web/app/home/page.tsx b/apps/web/app/home/page.tsx
new file mode 100644
index 0000000..cf77d15
--- /dev/null
+++ b/apps/web/app/home/page.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+
+import { useAuthStore } from "@/store/auth.store";
+
+export default function HomePage() {
+  const router = useRouter();
+  const user = useAuthStore((state) => state.user);
+
+  useEffect(() => {
+    if (!user) {
+      router.push("/login");
+    }
+  }, [user, router]);
+
+  if (!user) return null; // Prevent render before redirect
+
+  return (
+    <div className="p-10">
+      <h1 className="text-2xl font-bold">Dashboard</h1>
+      <p className="mt-4">Welcome {user.email}</p>
+
+      <div className="mt-6 space-x-4">
+        <button
+          onClick={() => router.push("/profile")}
+          className="px-4 py-2 bg-green-600 text-white rounded"
+        >
+          View Profile
+        </button>
+      </div>
+    </div>
+  );
+  
+}
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index f7fa87e..fb785c8 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -1,6 +1,8 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
+
 import "./globals.css";
+import AuthInitializer from "@/components/AuthInitializer";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -27,6 +29,7 @@ export default function RootLayout({
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
+        <AuthInitializer />
         {children}
       </body>
     </html>
diff --git a/apps/web/app/login/page.tsx b/apps/web/app/login/page.tsx
index e377843..369eadb 100644
--- a/apps/web/app/login/page.tsx
+++ b/apps/web/app/login/page.tsx
@@ -1,13 +1,17 @@
 "use client";
 
 import React, { useState } from "react";
+import { useRouter } from "next/navigation";
 
 import api from "@/lib/axios.client";
 import { useAuthStore } from "@/store/auth.store";
 
 
 
+
 export default function LoginPage() {
+    const router = useRouter();
+
   const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
   const [formData, setFormData] = useState({
     email: "",
@@ -43,7 +47,9 @@ export default function LoginPage() {
       if (response.data.data?.accessToken) {
         const {accessToken, user} = response.data.data
         setAuth(accessToken, user)
-        window.location.href = "/dashboard";
+        router.push("/home");
+
+        // window.location.href = "/home";
       }
 
     } catch (error) {
diff --git a/apps/web/app/profile-setup/page.tsx b/apps/web/app/profile-setup/page.tsx
new file mode 100644
index 0000000..3e5c03e
--- /dev/null
+++ b/apps/web/app/profile-setup/page.tsx
@@ -0,0 +1,505 @@
+"use client";
+
+import React, { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
+
+import Navbar from "@/components/Navbar";
+import { useAuthStore } from "@/store/auth.store";
+import api from "@/lib/axios.client";
+
+export default function ProfileSetupPage() {
+  const router = useRouter();
+  const [loading, setLoading] = useState(false);
+
+  const user = useAuthStore((state) => state.user);
+
+  const userType = user?.role as "INFLUENCER" | "BRAND" | undefined;
+
+  const [commonData, setCommonData] = useState({
+    profilePicture: null as File | null,
+    bio: "",
+    location: "",
+    phoneNumber: "",
+  });
+
+  const [influencerData, setInfluencerData] = useState({
+    fullName: "",
+    username: "",
+    niche: "",
+    gender: "",
+    dob: "",
+    instagram: "",
+    youtube: "",
+    tiktok: "",
+  });
+
+  const [brandData, setBrandData] = useState({
+    companyName: "",
+    industry: "",
+    website: "",
+    companySize: "",
+  });
+
+  useEffect(() => {
+    if (!userType) return;
+
+    const fetchProfile = async () => {
+      try {
+        const res = await api.get("/profile/get_profile");
+        const data = res.data.data;
+
+        if (userType === "INFLUENCER") {
+          setInfluencerData({
+            fullName: data.fullName || "",
+            username: data.username || "",
+            niche: data.categories?.[0] || "",
+            gender: "",
+            dob: "",
+            instagram: data.instagramUrl || "",
+            youtube: data.youtubeUrl || "",
+            tiktok: data.tiktokUrl || "",
+          });
+
+          setCommonData((prev) => ({
+            ...prev,
+            bio: data.bio || "",
+            location: data.location || "",
+          }));
+        }
+
+        if (userType === "BRAND") {
+          setBrandData({
+            companyName: data.companyName || "",
+            industry: data.industry || "",
+            website: data.website || "",
+            companySize: data.companySize || "",
+          });
+        }
+      } catch (err) {
+        console.error(err);
+      }
+    };
+
+    fetchProfile();
+  }, [userType]);
+
+  const handleCommonChange = (
+    e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
+  ) => {
+    const { name, value } = e.target;
+    setCommonData((prev) => ({ ...prev, [name]: value }));
+  };
+
+  const handleInfluencerChange = (
+    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>
+  ) => {
+    const { name, value } = e.target;
+    setInfluencerData((prev) => ({ ...prev, [name]: value }));
+  };
+
+  const handleBrandChange = (
+    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>
+  ) => {
+    const { name, value } = e.target;
+    setBrandData((prev) => ({ ...prev, [name]: value }));
+  };
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+
+    try {
+      if (!userType) return;
+        type InfluencerPayload = {
+  bio?: string;
+  location?: string;
+  fullName?: string;
+  username?: string;
+  categories?: string[];
+  instagramUrl?: string;
+  youtubeUrl?: string;
+  tiktokUrl?: string;
+  languages?: string[];
+};
+
+type BrandPayload = {
+  bio?: string;
+  location?: string;
+  companyName?: string;
+  industry?: string;
+  website?: string;
+  companySize?: string;
+};
+
+let payload: InfluencerPayload | BrandPayload = {
+
+      
+        bio: commonData.bio,
+        location: commonData.location,
+      };
+
+      if (userType === "INFLUENCER") {
+        payload = {
+          ...payload,
+          fullName: influencerData.fullName,
+          username: influencerData.username,
+          categories: influencerData.niche
+            ? [influencerData.niche]
+            : [],
+          instagramUrl: influencerData.instagram,
+          youtubeUrl: influencerData.youtube,
+          tiktokUrl: influencerData.tiktok,
+          languages: [],
+        };
+      }
+
+      if (userType === "BRAND") {
+        payload = {
+          ...payload,
+          companyName: brandData.companyName,
+          industry: brandData.industry,
+          website: brandData.website,
+          companySize: brandData.companySize,
+        };
+      }
+
+      await api.patch("/profile/update_profile", payload);
+
+      alert("Profile Updated Successfully");
+      router.push("/home");
+    } catch (err) {
+      console.error(err);
+      alert("Failed to update profile");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  if (!user) {
+    return <div className="p-6">Loading profile...</div>;
+  }
+
+
+    return (
+        <div className="min-h-screen bg-[#F9FAFB] font-sans selection:bg-green-100 selection:text-green-900">
+            <Navbar />
+
+            <main className="pt-24 pb-20 px-4 sm:px-6 lg:px-8">
+                <div className="max-w-3xl mx-auto">
+                    {/* Header */}
+                    <div className="text-center mb-10">
+                        {/* <h1 className="text-4xl font-extrabold text-gray-900 tracking-tight sm:text-5xl mb-4">
+                            Setup your profile
+                        </h1>
+                        <p className="max-w-2xl mx-auto text-xl text-gray-500">
+                            Join thousands of creators and brands building the future of influencer marketing.
+                        </p> */}
+                    </div>
+
+                    {/* Type Switcher */}
+                    {/* <div className="flex justify-center mb-10">
+                        <div className="bg-white p-1.5 rounded-xl shadow-sm border border-gray-200 inline-flex ring-1 ring-black/5">
+                            <button
+                                onClick={() => setUserType("INFLUENCER")}
+                                className={`px-8 py-3 rounded-lg text-sm font-semibold transition-all duration-200 ${userType === "INFLUENCER"
+                                        ? "bg-[#10B981] text-white shadow-md transform scale-[1.02]"
+                                        : "text-gray-500 hover:text-gray-900 hover:bg-gray-50"
+                                    }`}
+                            >
+                                I'm an Influencer
+                            </button>
+                            <button
+                                onClick={() => setUserType("BRAND")}
+                                className={`px-8 py-3 rounded-lg text-sm font-semibold transition-all duration-200 ${userType === "BRAND"
+                                        ? "bg-[#10B981] text-white shadow-md transform scale-[1.02]"
+                                        : "text-gray-500 hover:text-gray-900 hover:bg-gray-50"
+                                    }`}
+                            >
+                                I'm a Brand
+                            </button>
+                        </div>
+                    </div> */}
+
+                    {/* Main Card */}
+                    <div className="bg-white rounded-2xl shadow-xl border border-gray-100 overflow-hidden">
+                        <div className="h-2 bg-linear-to-r from-emerald-400 to-teal-500"></div>
+                        <form onSubmit={handleSubmit} className="p-8 sm:p-12 space-y-10">
+
+                            {/* Section: Basic Info */}
+                            <div className="space-y-8">
+                                <div className="border-b border-gray-100 pb-4">
+                                    <h2 className="text-2xl font-bold text-gray-900">Basic Information</h2>
+                                    <p className="mt-1 text-sm text-gray-500">This will be displayed on your public profile.</p>
+                                </div>
+
+                                <div className="flex flex-col sm:flex-row gap-8 items-start">
+                                    {/* Avatar Upload */}
+                                    <div className="shrink-0 group relative">
+                                        <div className="relative h-32 w-32 rounded-full overflow-hidden bg-gray-50 border-2 border-dashed border-gray-300 group-hover:border-[#10B981] transition-all duration-300 flex items-center justify-center">
+                                            {commonData.profilePicture ? (
+                                                <img src={URL.createObjectURL(commonData.profilePicture)} alt="Preview" className="h-full w-full object-cover" />
+                                            ) : (
+                                                <div className="text-center">
+                                                    <svg xmlns="http://www.w3.org/2000/svg" className="mx-auto h-10 w-10 text-gray-400 group-hover:text-[#10B981] transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1} d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />
+                                                    </svg>
+                                                    <span className="mt-1 block text-xs font-medium text-gray-500">Upload Photo</span>
+                                                </div>
+                                            )}
+                                            {/* <input type="file" disabled accept="image/*" className="absolute inset-0 w-full h-full opacity-0 cursor-pointer" onChange={} /> */}
+                                        </div>
+                                    </div>
+
+                                    {/* Basic Inputs */}
+                                    <div className="flex-1 w-full grid grid-cols-1 gap-y-6 gap-x-6 sm:grid-cols-2">
+                                        <div className="col-span-2">
+                                            <label className="block text-sm font-semibold text-gray-700 mb-2">Bio</label>
+                                            <textarea
+                                                name="bio"
+                                                rows={3}
+                                                value={commonData.bio}
+                                                onChange={handleCommonChange}
+                                                className="w-full rounded-lg border-gray-300 shadow-sm focus:border-[#10B981] focus:ring-[#10B981] sm:text-sm p-3 border transition-shadow"
+                                                placeholder="Tell potential collaborators about yourself..."
+                                            />
+                                        </div>
+
+                                        <div>
+                                            <label className="block text-sm font-semibold text-gray-700 mb-2">Location</label>
+                                            <div className="relative">
+                                                <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                                                    <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor">
+                                                        <path fillRule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clipRule="evenodd" />
+                                                    </svg>
+                                                </div>
+                                                <input
+                                                    type="text"
+                                                    name="location"
+                                                    value={commonData.location}
+                                                    onChange={handleCommonChange}
+                                                    className="w-full rounded-lg border-gray-300 pl-10 shadow-sm focus:border-[#10B981] focus:ring-[#10B981] sm:text-sm p-3 border transition-shadow"
+                                                    placeholder="City, Country"
+                                                />
+                                            </div>
+                                        </div>
+                                        <div>
+                                            <label className="block text-sm font-semibold text-gray-700 mb-2">Phone Number</label>
+                                            <input
+                                                type="tel"
+                                                name="phoneNumber"
+                                                value={commonData.phoneNumber}
+                                                onChange={handleCommonChange}
+                                                className="w-full rounded-lg border-gray-300 shadow-sm focus:border-[#10B981] focus:ring-[#10B981] sm:text-sm p-3 border transition-shadow"
+                                                placeholder="+1 (555) 000-0000"
+                                            />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            {/* Section: Specific Info */}
+                            {userType === "INFLUENCER" ? (
+                                <div className="space-y-8 animate-in fade-in slide-in-from-bottom-6 duration-700">
+                                    <div className="border-b border-gray-100 pb-4">
+                                        <h2 className="text-2xl font-bold text-gray-900">Influencer Details</h2>
+                                        <p className="mt-1 text-sm text-gray-500">Help brands find you by adding your details.</p>
+                                    </div>
+
+                                    <div className="grid grid-cols-1 gap-y-8 gap-x-6 sm:grid-cols-2">
+                                        {/* Full Name & Username */}
+                                        <div>
+                                            <label className="block text-sm font-semibold text-gray-700 mb-2">Full Name</label>
+                                            <input
+                                                type="text"
+                                                name="fullName"
+                                                required
+                                                value={influencerData.fullName}
+                                                onChange={handleInfluencerChange}
+                                                className="w-full rounded-lg border-gray-300 shadow-sm focus:border-[#10B981] focus:ring-[#10B981] sm:text-sm p-3 border transition-shadow"
+                                                placeholder="Jane Doe"
+                                            />
+                                        </div>
+                                        <div>
+                                            <label className="block text-sm font-semibold text-gray-700 mb-2">Username</label>
+                                            <div className="flex rounded-lg shadow-sm border border-gray-300 overflow-hidden focus-within:ring-1 focus-within:ring-[#10B981] focus-within:border-[#10B981]">
+                                                <span className="inline-flex items-center px-4 bg-gray-50 text-gray-500 sm:text-sm border-r border-gray-200">
+                                                    @
+                                                </span>
+                                                <input
+                                                    type="text"
+                                                    name="username"
+                                                    required
+                                                    value={influencerData.username}
+                                                    onChange={handleInfluencerChange}
+                                                    className="flex-1 block w-full border-none focus:ring-0 sm:text-sm p-3"
+                                                    placeholder="janedoe"
+                                                />
+                                            </div>
+                                        </div>
+
+                                        {/* Niche & Gender */}
+                                        <div>
+                                            <label className="block text-sm font-semibold text-gray-700 mb-2">Niche / Category</label>
+                                            <select
+                                                name="niche"
+                                                value={influencerData.niche}
+                                                onChange={handleInfluencerChange}
+                                                className="w-full rounded-lg border-gray-300 shadow-sm focus:border-[#10B981] focus:ring-[#10B981] sm:text-sm p-3 border transition-shadow bg-white"
+                                            >
+                                                <option value="">Select a Niche</option>
+                                                <option value="fashion">Fashion</option>
+                                                <option value="beauty">Beauty</option>
+                                                <option value="tech">Tech</option>
+                                                <option value="travel">Travel</option>
+                                                <option value="fitness">Fitness</option>
+                                                <option value="lifestyle">Lifestyle</option>
+                                            </select>
+                                        </div>
+                                        <div>
+                                            <label className="block text-sm font-semibold text-gray-700 mb-2">Gender</label>
+                                            <select
+                                                name="gender"
+                                                value={influencerData.gender}
+                                                onChange={handleInfluencerChange}
+                                                className="w-full rounded-lg border-gray-300 shadow-sm focus:border-[#10B981] focus:ring-[#10B981] sm:text-sm p-3 border transition-shadow bg-white"
+                                            >
+                                                <option value="">Select Gender</option>
+                                                <option value="male">Male</option>
+                                                <option value="female">Female</option>
+                                                <option value="other">Other</option>
+                                                <option value="prefer_not_to_say">Prefer not to say</option>
+                                            </select>
+                                        </div>
+
+                                        {/* Social Media */}
+                                        <div className="col-span-1 sm:col-span-2">
+                                            <h3 className="text-lg font-medium text-gray-900 mt-4 mb-4">Social Media Handles</h3>
+                                            <div className="grid grid-cols-1 sm:grid-cols-3 gap-5">
+                                                {['instagram', 'youtube', 'tiktok'].map((platform) => (
+                                                    <div key={platform} className="relative rounded-md shadow-sm">
+                                                        <input
+                                                            type="text"
+                                                            name={platform}
+                                                            placeholder={`${platform.charAt(0).toUpperCase() + platform.slice(1)} URL`}
+                                                            value={influencerData[platform as keyof typeof influencerData]}
+                                                            onChange={handleInfluencerChange}
+                                                            className="w-full rounded-lg border-gray-300 shadow-sm focus:border-[#10B981] focus:ring-[#10B981] sm:text-sm p-3 border transition-shadow pl-10"
+                                                        />
+                                                        <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                                                            <div className={`h-2 w-2 rounded-full ${influencerData[platform as keyof typeof influencerData] ? 'bg-green-400' : 'bg-gray-300'}`}></div>
+                                                        </div>
+                                                    </div>
+                                                ))}
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            ) : (
+                                <div className="space-y-8 animate-in fade-in slide-in-from-bottom-6 duration-700">
+                                    <div className="border-b border-gray-100 pb-4">
+                                        <h2 className="text-2xl font-bold text-gray-900">Brand Details</h2>
+                                        <p className="mt-1 text-sm text-gray-500">Tell us about your company and what you're looking for.</p>
+                                    </div>
+
+                                    <div className="grid grid-cols-1 gap-y-8 gap-x-6 sm:grid-cols-2">
+                                        {/* Company Name */}
+                                        <div className="col-span-2">
+                                            <label className="block text-sm font-semibold text-gray-700 mb-2">Company Name</label>
+                                            <input
+                                                type="text"
+                                                name="companyName"
+                                                required
+                                                value={brandData.companyName}
+                                                onChange={handleBrandChange}
+                                                className="w-full rounded-lg border-gray-300 shadow-sm focus:border-[#10B981] focus:ring-[#10B981] sm:text-sm p-3 border transition-shadow"
+                                                placeholder="Acme Corp"
+                                            />
+                                        </div>
+
+                                        {/* Industry & Size */}
+                                        <div>
+                                            <label className="block text-sm font-semibold text-gray-700 mb-2">Industry</label>
+                                            <select
+                                                name="industry"
+                                                value={brandData.industry}
+                                                onChange={handleBrandChange}
+                                                className="w-full rounded-lg border-gray-300 shadow-sm focus:border-[#10B981] focus:ring-[#10B981] sm:text-sm p-3 border transition-shadow bg-white"
+                                            >
+                                                <option value="">Select Industry</option>
+                                                <option value="retail">Retail & E-commerce</option>
+                                                <option value="technology">Technology</option>
+                                                <option value="health">Health & Wellness</option>
+                                                <option value="fashion">Fashion & Apparel</option>
+                                                <option value="food">Food & Beverage</option>
+                                            </select>
+                                        </div>
+                                        <div>
+                                            <label className="block text-sm font-semibold text-gray-700 mb-2">Company Size</label>
+                                            <select
+                                                name="companySize"
+                                                value={brandData.companySize}
+                                                onChange={handleBrandChange}
+                                                className="w-full rounded-lg border-gray-300 shadow-sm focus:border-[#10B981] focus:ring-[#10B981] sm:text-sm p-3 border transition-shadow bg-white"
+                                            >
+                                                <option value="">Select Size</option>
+                                                <option value="1-10">1-10 Employees</option>
+                                                <option value="11-50">11-50 Employees</option>
+                                                <option value="51-200">51-200 Employees</option>
+                                                <option value="200+">200+ Employees</option>
+                                            </select>
+                                        </div>
+
+                                        {/* Website */}
+                                        <div className="col-span-2">
+                                            <label className="block text-sm font-semibold text-gray-700 mb-2">Website</label>
+                                            <div className="flex rounded-lg shadow-sm border border-gray-300 overflow-hidden focus-within:ring-1 focus-within:ring-[#10B981] focus-within:border-[#10B981]">
+                                                <span className="inline-flex items-center px-4 bg-gray-50 text-gray-500 sm:text-sm border-r border-gray-200">
+                                                    https://
+                                                </span>
+                                                <input
+                                                    type="text"
+                                                    name="website"
+                                                    placeholder="www.example.com"
+                                                    value={brandData.website}
+                                                    onChange={handleBrandChange}
+                                                    className="flex-1 block w-full border-none focus:ring-0 sm:text-sm p-3"
+                                                />
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            )}
+
+                            <div className="pt-8 border-t border-gray-100">
+                                <button
+                                    type="submit"
+                                    disabled={loading}
+                                    className="w-full flex justify-center py-4 px-6 border border-transparent rounded-xl shadow-lg text-lg font-bold text-white bg-[#10B981] hover:bg-[#059669] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#10B981] disabled:opacity-50 disabled:cursor-not-allowed transition-all transform hover:-translate-y-1 hover:shadow-xl"
+                                >
+                                    {loading ? "Updating..." : "Save Changes"}
+                                </button>
+                                <p className="mt-4 text-center text-sm text-gray-400">
+                                    By clicking "Create Profile", you agree to our Terms of Service and Privacy Policy.
+                                </p>
+                            </div>
+
+                        </form>
+                    </div>
+                </div>
+            </main>
+
+            {/* Simple Footer */}
+            <footer className="bg-white border-t border-gray-200 py-12">
+                <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center bg-white">
+                    <div className="flex items-center gap-2 mb-4 md:mb-0">
+                        <div className="w-6 h-6 bg-gray-200 rounded-md"></div>
+                        <span className="text-lg font-bold text-gray-900">Noillin</span>
+                    </div>
+                    <div className="text-gray-500 text-sm">
+                        © 2026 Noillin Inc. All rights reserved.
+                    </div>
+                </div>
+            </footer>
+        </div>
+    );
+}
diff --git a/apps/web/app/profile/page.tsx b/apps/web/app/profile/page.tsx
new file mode 100644
index 0000000..e0edf4c
--- /dev/null
+++ b/apps/web/app/profile/page.tsx
@@ -0,0 +1,52 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
+
+import api from "@/lib/axios.client";
+
+export default function ProfilePage() {
+  const router = useRouter();
+interface ProfileResponse {
+  email?: string;
+  username?: string;
+  fullName?: string;
+  companyName?: string;
+  bio?: string;
+  location?: string;
+  industry?: string;
+  website?: string;
+  isProfileComplete?: boolean;
+  isVerified?: boolean;
+}
+
+const [profile, setProfile] = useState<ProfileResponse | null>(null);
+
+  useEffect(() => {
+    const fetchProfile = async () => {
+      const res = await api.get("/profile/get_profile");
+      setProfile(res.data.data);
+    };
+
+    fetchProfile();
+  }, []);
+
+  if (!profile) return <p>Loading...</p>;
+
+  return (
+    <div className="p-10">
+      <h1 className="text-2xl font-bold">My Profile</h1>
+
+      <pre className="mt-6 bg-gray-100 p-4 rounded">
+        {JSON.stringify(profile, null, 2)}
+      </pre>
+
+      <button
+        onClick={() => router.push("/profile-setup")}
+        className="mt-6 px-4 py-2 bg-green-600 text-white rounded"
+      >
+        Edit Profile
+      </button>
+    </div>
+  );
+}
diff --git a/apps/web/app/signup/page.tsx b/apps/web/app/signup/page.tsx
index f281847..c6b6a3c 100644
--- a/apps/web/app/signup/page.tsx
+++ b/apps/web/app/signup/page.tsx
@@ -61,7 +61,7 @@ export default function LoginPage() {
         ),
       };
 
-      const response = await api.post("api/auth/signup", payload);
+      const response = await api.post("/auth/signup", payload);
 
       if (response.data.accessToken) {
         // localStorage.setItem("accessToken", response.data.accessToken);
diff --git a/apps/web/components/AuthInitializer.tsx b/apps/web/components/AuthInitializer.tsx
new file mode 100644
index 0000000..cdc7060
--- /dev/null
+++ b/apps/web/components/AuthInitializer.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import { useEffect } from "react";
+
+import api from "@/lib/axios.client";
+import { useAuthStore } from "@/store/auth.store";
+
+export default function AuthInitializer() {
+  const setAuth = useAuthStore((state) => state.setAuth);
+  const clearAuth = useAuthStore((state) => state.clearAuth);
+
+  useEffect(() => {
+    const restoreSession = async () => {
+      try {
+        const response = await api.post("/auth/refresh");
+
+        const { accessToken, user } = response.data.data;
+
+        setAuth(accessToken, user);
+      } catch (error) {
+        clearAuth();
+      }
+    };
+
+    restoreSession();
+  }, [setAuth, clearAuth]);
+
+  return null;
+}
diff --git a/apps/web/components/Navbar.tsx b/apps/web/components/Navbar.tsx
new file mode 100644
index 0000000..47ae64c
--- /dev/null
+++ b/apps/web/components/Navbar.tsx
@@ -0,0 +1,210 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { useState, useEffect } from "react";
+
+export default function Navbar() {
+  const [isOpen, setIsOpen] = useState(false);
+  const [scrolled, setScrolled] = useState(false);
+  const pathname = usePathname();
+
+  useEffect(() => {
+    const handleScroll = () => {
+      if (window.scrollY > 10) {
+        setScrolled(true);
+      } else {
+        setScrolled(false);
+      }
+    };
+    window.addEventListener("scroll", handleScroll);
+    return () => window.removeEventListener("scroll", handleScroll);
+  }, []);
+
+  const isActive = (path: string) => pathname === path;
+
+  return (
+    <nav
+      className={`fixed top-0 w-full z-50 transition-all duration-300 ${scrolled ? "bg-white/80 backdrop-blur-md shadow-sm border-b border-gray-100" : "bg-transparent border-b border-transparent"
+        }`}
+    >
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="flex justify-between items-center h-20">
+          {/* Logo Section */}
+          <div className="flex items-center">
+            <Link href="/" className="shrink-0 flex items-center gap-2 group">
+              <div className="w-8 h-8 bg-[#059669] rounded-lg flex items-center justify-center transform group-hover:rotate-12 transition-transform">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  className="h-5 w-5 text-white"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2.5}
+                    d="M13 10V3L4 14h7v7l9-11h-7z"
+                  />
+                </svg>
+              </div>
+              <span className="text-2xl font-bold text-gray-900 tracking-tight">
+                Noillin
+              </span>
+            </Link>
+          </div>
+
+          {/* Desktop Navigation */}
+          <div className="hidden md:flex items-center space-x-8">
+            <Link
+              href="/explore"
+              className={`text-sm font-medium transition-colors hover:text-[#059669] ${isActive("/explore") ? "text-[#059669]" : "text-gray-600"
+                }`}
+            >
+              Explore
+            </Link>
+            <Link
+              href="/how-it-works"
+              className={`text-sm font-medium transition-colors hover:text-[#059669] ${isActive("/how-it-works") ? "text-[#059669]" : "text-gray-600"
+                }`}
+            >
+              How it Works
+            </Link>
+            <Link
+              href="/blog"
+              className={`text-sm font-medium transition-colors hover:text-[#059669] ${isActive("/blog") ? "text-[#059669]" : "text-gray-600"
+                }`}
+            >
+              Blog
+            </Link>
+            <Link
+              href="/our-story"
+              className={`text-sm font-medium transition-colors hover:text-[#059669] ${isActive("/our-story") ? "text-[#059669]" : "text-gray-600"
+                }`}
+            >
+              Our Story
+            </Link>
+          </div>
+
+          {/* Auth Buttons */}
+          <div className="hidden md:flex items-center space-x-4">
+            <Link
+              href="/login"
+              className="text-gray-900 hover:text-[#059669] px-4 py-2 text-sm font-semibold transition-colors"
+            >
+              Log In
+            </Link>
+            <Link
+              href="/signup"
+              className="bg-[#10B981] hover:bg-[#059669] text-white px-5 py-2.5 rounded-full text-sm font-semibold shadow-sm hover:shadow-md transition-all transform hover:-translate-y-0.5"
+            >
+              Get Started
+            </Link>
+          </div>
+
+          {/* Mobile menu button */}
+          <div className="flex items-center md:hidden">
+            <button
+              onClick={() => setIsOpen(!isOpen)}
+              className="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none"
+            >
+              <span className="sr-only">Open main menu</span>
+              {!isOpen ? (
+                <svg
+                  className="block h-6 w-6"
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M4 6h16M4 12h16M4 18h16"
+                  />
+                </svg>
+              ) : (
+                <svg
+                  className="block h-6 w-6"
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M6 18L18 6M6 6l12 12"
+                  />
+                </svg>
+              )}
+            </button>
+          </div>
+        </div>
+      </div>
+
+      {/* Mobile menu */}
+      {isOpen && (
+        <div className="md:hidden bg-white border-b border-gray-100 animate-in slide-in-from-top-5">
+          <div className="px-2 pt-2 pb-3 space-y-1 sm:px-3">
+            <Link
+              href="/explore"
+              className={`block px-3 py-2 rounded-md text-base font-medium ${isActive("/explore")
+                  ? "bg-green-50 text-[#059669]"
+                  : "text-gray-700 hover:text-[#059669] hover:bg-gray-50"
+                }`}
+            >
+              Explore
+            </Link>
+            <Link
+              href="/how-it-works"
+              className={`block px-3 py-2 rounded-md text-base font-medium ${isActive("/how-it-works")
+                  ? "bg-green-50 text-[#059669]"
+                  : "text-gray-700 hover:text-[#059669] hover:bg-gray-50"
+                }`}
+            >
+              How it Works
+            </Link>
+            <Link
+              href="/blog"
+              className={`block px-3 py-2 rounded-md text-base font-medium ${isActive("/blog")
+                  ? "bg-green-50 text-[#059669]"
+                  : "text-gray-700 hover:text-[#059669] hover:bg-gray-50"
+                }`}
+            >
+              Blog
+            </Link>
+            <Link
+              href="/our-story"
+              className={`block px-3 py-2 rounded-md text-base font-medium ${isActive("/our-story")
+                  ? "bg-green-50 text-[#059669]"
+                  : "text-gray-700 hover:text-[#059669] hover:bg-gray-50"
+                }`}
+            >
+              Our Story
+            </Link>
+          </div>
+          <div className="pt-4 pb-4 border-t border-gray-200">
+            <div className="flex flex-col px-4 space-y-3">
+              <Link
+                href="/login"
+                className="block w-full text-center px-4 py-3 border border-gray-200 rounded-lg text-base font-medium text-gray-700 hover:bg-gray-50"
+              >
+                Log In
+              </Link>
+              <Link
+                href="/signup"
+                className="block w-full text-center px-4 py-3 border border-transparent rounded-lg text-base font-medium text-white bg-[#10B981] hover:bg-[#059669]"
+              >
+                Get Started
+              </Link>
+            </div>
+          </div>
+        </div>
+      )}
+    </nav>
+  );
+}
diff --git a/apps/web/lib/axios.client.ts b/apps/web/lib/axios.client.ts
index 1a69129..a93a8c7 100644
--- a/apps/web/lib/axios.client.ts
+++ b/apps/web/lib/axios.client.ts
@@ -64,23 +64,22 @@ api.interceptors.response.use(
 
             try {
                 // Try to refresh the token
+                // const response = await api.post("/auth/refresh");
+                // const newAccessToken = response.data.data.accessToken;
                 const response = await api.post("/auth/refresh");
-                const newAccessToken = response.data.data.accessToken;
-                const currentUser = useAuthStore.getState().user
-                if (!currentUser) {
-                    useAuthStore.getState().clearAuth();
-                    window.location.href = "/login";
-                    return Promise.reject(new Error("User not found"));
-                }
+                const { accessToken, user } = response.data.data;
+
+                // useAuthStore.getState().setAuth(accessToken, user);
+
                 // Save new access token in memory
-                useAuthStore.getState().setAuth(newAccessToken, currentUser);
+                useAuthStore.getState().setAuth(accessToken, user);
 
                 // Update authorization header
-                api.defaults.headers.common['Authorization'] = `Bearer ${newAccessToken}`;
-                originalRequest.headers.Authorization = `Bearer ${newAccessToken}`;
+                api.defaults.headers.common['Authorization'] = `Bearer ${accessToken}`;
+                originalRequest.headers.Authorization = `Bearer ${accessToken}`;
 
                 // Process queued requests
-                processQueue(null, newAccessToken);
+                processQueue(null, accessToken);
 
                 // Retry original request
                 return api(originalRequest);
diff --git a/apps/web/next.config.ts b/apps/web/next.config.ts
index e9ffa30..2f6491c 100644
--- a/apps/web/next.config.ts
+++ b/apps/web/next.config.ts
@@ -1,7 +1,7 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  /* config options here */
+  reactStrictMode: true,
 };
 
 export default nextConfig;
diff --git a/apps/web/store/auth.store.ts b/apps/web/store/auth.store.ts
index beabaa5..6707ea1 100644
--- a/apps/web/store/auth.store.ts
+++ b/apps/web/store/auth.store.ts
@@ -2,6 +2,7 @@ import { create } from "zustand";
 
 interface User {
   id: string;
+  email: string;
   role: "ADMIN" | "BRAND" | "INFLUENCER";
   adminLevel?: "SUPER" | "NORMAL" | null;
 }

From 217a35e603a1ec3ccb5306f1bd0fa72a2b6e4d90 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Tue, 17 Feb 2026 15:35:54 +0530
Subject: [PATCH 25/61] feat: implemented the profile-setup for both brand and
 the influencer

---
 .../src/services/verification.service.ts      | 32 ++-----------------
 1 file changed, 3 insertions(+), 29 deletions(-)

diff --git a/apps/core-api/src/services/verification.service.ts b/apps/core-api/src/services/verification.service.ts
index b4cb575..0152024 100644
--- a/apps/core-api/src/services/verification.service.ts
+++ b/apps/core-api/src/services/verification.service.ts
@@ -3,7 +3,6 @@ import bcrypt from "bcrypt";
 import type { HttpError } from "../modules/auth/http-error.js";
 import { pendingSignupRepository } from "../repositories/Signup.repository.js";
 import { userRepository } from "../repositories/user.repository.js";
-import { profileRepository } from "../repositories/profile.repository.js";
 
 // ================= VERIFY OTP =================
 export const verifyOtpService = async (
@@ -141,7 +140,7 @@ export const approveSignupService = async (email: string) => {
     throw err;
   }
 
-  const user = await userRepository.create({
+  await userRepository.create({
     email: pending.email,
     password: pending.passwordHash,
     role: pending.role,
@@ -149,32 +148,6 @@ export const approveSignupService = async (email: string) => {
     status: "ACTIVE",
   });
 
-  if (user.role === "INFLUENCER") {
-    await profileRepository.createInfluencer({
-      userId: user._id,
-      fullName: "",
-      username: user.email.split("@")[0],
-      categories: [],
-      languages: [],
-      isProfileComplete: false,
-      isVerified: false,
-    });
-  }
-
-  if (user.role === "BRAND") {
-    await profileRepository.createBrand({
-      userId: user._id,
-      companyName: "",
-      industry: "",
-      contactPersonName: "",
-      contactEmail: user.email,
-      documents: [],
-      isProfileComplete: false,
-      isVerified: false,
-    });
-  }
-
-
   await pendingSignupRepository.deleteByEmail(email);
 
   return { message: "Signup approved successfully" };
@@ -198,8 +171,9 @@ export const rejectSignupService = async (
   return { message: "Signup rejected successfully" };
 };
 
+// ================= CLEANUP EXPIRED SIGNUPS =================
 export const cleanupExpiredSignups = async () => {
-  const cutoff = new Date(Date.now() - 24 * 60 * 60 * 1000); 
+  const cutoff = new Date(Date.now() - 24 * 60 * 60 * 1000); // 24 hours ago
 
   await pendingSignupRepository.deleteMany({
     isEmailVerified: false,

From 1dff8222341a538cedd00a5b1ec96d1cf88cda10 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Tue, 17 Feb 2026 16:11:51 +0530
Subject: [PATCH 26/61] feat: dev correction

---
 apps/core-api/src/services/auth.service.ts    |  18 +--
 .../src/services/verification.service.ts      |  32 +++-
 .../{ => app}/(auth)/forget-Password/page.tsx |   0
 apps/web/{ => app}/(auth)/login/page.tsx      |   0
 apps/web/{ => app}/(auth)/register/page.tsx   |   0
 .../{ => app}/(auth)/reset-password/page.tsx  |   0
 apps/web/{ => app}/(auth)/verify-otp/page.tsx |   0
 apps/web/app/login/page.tsx                   | 151 ------------------
 apps/web/app/loginn/page.tsx                  | 151 ++++++++++++++++++
 9 files changed, 181 insertions(+), 171 deletions(-)
 rename apps/web/{ => app}/(auth)/forget-Password/page.tsx (100%)
 rename apps/web/{ => app}/(auth)/login/page.tsx (100%)
 rename apps/web/{ => app}/(auth)/register/page.tsx (100%)
 rename apps/web/{ => app}/(auth)/reset-password/page.tsx (100%)
 rename apps/web/{ => app}/(auth)/verify-otp/page.tsx (100%)
 delete mode 100644 apps/web/app/login/page.tsx
 create mode 100644 apps/web/app/loginn/page.tsx

diff --git a/apps/core-api/src/services/auth.service.ts b/apps/core-api/src/services/auth.service.ts
index 36e9c82..9f3378f 100644
--- a/apps/core-api/src/services/auth.service.ts
+++ b/apps/core-api/src/services/auth.service.ts
@@ -1,20 +1,4 @@
-// class AuthService {
-//   async loginUser(_email: string, _password: string) {
-//     // find user
-//     // compare password
-//     // create tokens
-//     // save refresh token
-//     // return tokens
-//   }
-
-
-//   async refreshSession(_token: string) {
-//     // verify refresh token
-//     // issue new access token
-//   }
-// }
-
-// export const authService = new AuthService();
+
 import crypto from "crypto";
 
 import bcrypt from "bcrypt";
diff --git a/apps/core-api/src/services/verification.service.ts b/apps/core-api/src/services/verification.service.ts
index 0152024..886c920 100644
--- a/apps/core-api/src/services/verification.service.ts
+++ b/apps/core-api/src/services/verification.service.ts
@@ -3,6 +3,7 @@ import bcrypt from "bcrypt";
 import type { HttpError } from "../modules/auth/http-error.js";
 import { pendingSignupRepository } from "../repositories/Signup.repository.js";
 import { userRepository } from "../repositories/user.repository.js";
+import { profileRepository } from "../repositories/profile.repository.js";
 
 // ================= VERIFY OTP =================
 export const verifyOtpService = async (
@@ -140,7 +141,7 @@ export const approveSignupService = async (email: string) => {
     throw err;
   }
 
-  await userRepository.create({
+  const user = await userRepository.create({
     email: pending.email,
     password: pending.passwordHash,
     role: pending.role,
@@ -148,6 +149,32 @@ export const approveSignupService = async (email: string) => {
     status: "ACTIVE",
   });
 
+  if (user.role === "INFLUENCER") {
+    await profileRepository.createInfluencer({
+      userId: user._id,
+      fullName: "",
+      username: user.email?.split("@")[0] || user.email,
+      categories: [],
+      languages: [],
+      isProfileComplete: false,
+      isVerified: false,
+    });
+  }
+
+  if (user.role === "BRAND") {
+    await profileRepository.createBrand({
+      userId: user._id,
+      companyName: "",
+      industry: "",
+      contactPersonName: "",
+      contactEmail: user.email,
+      documents: [],
+      isProfileComplete: false,
+      isVerified: false,
+    });
+  }
+
+
   await pendingSignupRepository.deleteByEmail(email);
 
   return { message: "Signup approved successfully" };
@@ -171,9 +198,8 @@ export const rejectSignupService = async (
   return { message: "Signup rejected successfully" };
 };
 
-// ================= CLEANUP EXPIRED SIGNUPS =================
 export const cleanupExpiredSignups = async () => {
-  const cutoff = new Date(Date.now() - 24 * 60 * 60 * 1000); // 24 hours ago
+  const cutoff = new Date(Date.now() - 24 * 60 * 60 * 1000); 
 
   await pendingSignupRepository.deleteMany({
     isEmailVerified: false,
diff --git a/apps/web/(auth)/forget-Password/page.tsx b/apps/web/app/(auth)/forget-Password/page.tsx
similarity index 100%
rename from apps/web/(auth)/forget-Password/page.tsx
rename to apps/web/app/(auth)/forget-Password/page.tsx
diff --git a/apps/web/(auth)/login/page.tsx b/apps/web/app/(auth)/login/page.tsx
similarity index 100%
rename from apps/web/(auth)/login/page.tsx
rename to apps/web/app/(auth)/login/page.tsx
diff --git a/apps/web/(auth)/register/page.tsx b/apps/web/app/(auth)/register/page.tsx
similarity index 100%
rename from apps/web/(auth)/register/page.tsx
rename to apps/web/app/(auth)/register/page.tsx
diff --git a/apps/web/(auth)/reset-password/page.tsx b/apps/web/app/(auth)/reset-password/page.tsx
similarity index 100%
rename from apps/web/(auth)/reset-password/page.tsx
rename to apps/web/app/(auth)/reset-password/page.tsx
diff --git a/apps/web/(auth)/verify-otp/page.tsx b/apps/web/app/(auth)/verify-otp/page.tsx
similarity index 100%
rename from apps/web/(auth)/verify-otp/page.tsx
rename to apps/web/app/(auth)/verify-otp/page.tsx
diff --git a/apps/web/app/login/page.tsx b/apps/web/app/login/page.tsx
deleted file mode 100644
index e377843..0000000
--- a/apps/web/app/login/page.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-"use client";
-
-import React, { useState } from "react";
-
-import api from "@/lib/axios.client";
-import { useAuthStore } from "@/store/auth.store";
-
-
-
-export default function LoginPage() {
-  const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
-  const [formData, setFormData] = useState({
-    email: "",
-    password: ""
-  });
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState("");
-  const setAuth = useAuthStore((state)=>state.setAuth)
-
-  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const { name, value } = e.target;
-    setFormData(prev => ({
-      ...prev,
-      [name]: value
-
-    }));
-  }
-
-  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    setLoading(true);
-    setError("");
-    try {
-      const payload = {
-        email: formData.email,
-        password: formData.password,
-        role: role
-      }
-
-      const response = await api.post("/auth/login", payload);
-
-      // Access token is now in response.data.data.accessToken
-      if (response.data.data?.accessToken) {
-        const {accessToken, user} = response.data.data
-        setAuth(accessToken, user)
-        window.location.href = "/dashboard";
-      }
-
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : "Login failed. Please try again.";
-      setError(errorMessage);
-    } finally {
-      setLoading(false);
-    }
-  }
-
-
-  return (
-    <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
-      <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-6 sm:p-8 sm:m-0">
-
-        <div className="text-center mb-6">
-          <h1 className="text-xl sm:text-2xl font-semibold text-gray-800">
-            Welcome Back
-          </h1>
-          <p className="text-sm text-gray-500 mt-1">
-            Log in to your Noillin account as{" "}
-            <span className="font-medium capitalize">{role}</span>
-          </p>
-        </div>
-
-        <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
-          <button
-            type="button"
-            onClick={() => setRole("BRAND")}
-            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-sm transition hover:cursor-pointer ${role === "BRAND"
-              ? "bg-white shadow text-gray-900"
-              : "text-gray-500 "
-              }`}
-          >
-            Brand
-          </button>
-
-          <button
-            type="button"
-            onClick={() => setRole("INFLUENCER")}
-            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${role === "INFLUENCER"
-              ? "bg-white shadow text-gray-900"
-              : "text-gray-500"
-              }`}
-          >
-            Influencer
-          </button>
-        </div>
-
-        <form className="space-y-4" onSubmit={handleSubmit}>
-          {error && (
-            <div className="text-red-500 text-sm">{error}</div>
-          )}
-          <div>
-            <label className="block text-sm font-medium text-gray-600 mb-1">
-              Email address
-            </label>
-            <input
-              type="email"
-              name="email"
-              value={formData.email}
-              onChange={handleInputChange}
-              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-            />
-          </div>
-
-          <div>
-            <div className="flex justify-between items-center mb-1">
-              <label className="text-sm font-medium text-gray-600">
-                Password
-              </label>
-              <button
-                type="button"
-                className="text-sm text-gray-500 hover:text-gray-700 hover:cursor-pointer"
-              >
-                Forgot password?
-              </button>
-            </div>
-
-            <input
-              type="password"
-              placeholder="••••••••"
-              name="password"
-              value={formData.password}
-              onChange={handleInputChange}
-              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-            />
-          </div>
-
-          <button
-            type="submit"
-            className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
-          >
-            Sign In as {role === "BRAND" ? "Brand" : "Influencer"}
-            {loading && <span className="ml-2">...</span>}
-          </button>
-        </form>
-
-        <p className="text-xs text-center text-gray-400 mt-6">
-          Secure login · Data protected
-        </p>
-      </div>
-    </div>
-  );
-}
diff --git a/apps/web/app/loginn/page.tsx b/apps/web/app/loginn/page.tsx
new file mode 100644
index 0000000..558df9f
--- /dev/null
+++ b/apps/web/app/loginn/page.tsx
@@ -0,0 +1,151 @@
+// "use client";
+
+// import React, { useState } from "react";
+
+// import api from "@/lib/axios.client";
+// import { useAuthStore } from "@/store/auth.store";
+
+
+
+// export default function LoginPage() {
+//   const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
+//   const [formData, setFormData] = useState({
+//     email: "",
+//     password: ""
+//   });
+//   const [loading, setLoading] = useState(false);
+//   const [error, setError] = useState("");
+//   const setAuth = useAuthStore((state)=>state.setAuth)
+
+//   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+//     const { name, value } = e.target;
+//     setFormData(prev => ({
+//       ...prev,
+//       [name]: value
+
+//     }));
+//   }
+
+//   const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+//     e.preventDefault();
+//     setLoading(true);
+//     setError("");
+//     try {
+//       const payload = {
+//         email: formData.email,
+//         password: formData.password,
+//         role: role
+//       }
+
+//       const response = await api.post("/auth/login", payload);
+
+//       // Access token is now in response.data.data.accessToken
+//       if (response.data.data?.accessToken) {
+//         const {accessToken, user} = response.data.data
+//         setAuth(accessToken, user)
+//         window.location.href = "/dashboard";
+//       }
+
+//     } catch (error) {
+//       const errorMessage = error instanceof Error ? error.message : "Login failed. Please try again.";
+//       setError(errorMessage);
+//     } finally {
+//       setLoading(false);
+//     }
+//   }
+
+
+//   return (
+//     <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
+//       <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-6 sm:p-8 sm:m-0">
+
+//         <div className="text-center mb-6">
+//           <h1 className="text-xl sm:text-2xl font-semibold text-gray-800">
+//             Welcome Back
+//           </h1>
+//           <p className="text-sm text-gray-500 mt-1">
+//             Log in to your Noillin account as{" "}
+//             <span className="font-medium capitalize">{role}</span>
+//           </p>
+//         </div>
+
+//         <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
+//           <button
+//             type="button"
+//             onClick={() => setRole("BRAND")}
+//             className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-sm transition hover:cursor-pointer ${role === "BRAND"
+//               ? "bg-white shadow text-gray-900"
+//               : "text-gray-500 "
+//               }`}
+//           >
+//             Brand
+//           </button>
+
+//           <button
+//             type="button"
+//             onClick={() => setRole("INFLUENCER")}
+//             className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${role === "INFLUENCER"
+//               ? "bg-white shadow text-gray-900"
+//               : "text-gray-500"
+//               }`}
+//           >
+//             Influencer
+//           </button>
+//         </div>
+
+//         <form className="space-y-4" onSubmit={handleSubmit}>
+//           {error && (
+//             <div className="text-red-500 text-sm">{error}</div>
+//           )}
+//           <div>
+//             <label className="block text-sm font-medium text-gray-600 mb-1">
+//               Email address
+//             </label>
+//             <input
+//               type="email"
+//               name="email"
+//               value={formData.email}
+//               onChange={handleInputChange}
+//               className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+//             />
+//           </div>
+
+//           <div>
+//             <div className="flex justify-between items-center mb-1">
+//               <label className="text-sm font-medium text-gray-600">
+//                 Password
+//               </label>
+//               <button
+//                 type="button"
+//                 className="text-sm text-gray-500 hover:text-gray-700 hover:cursor-pointer"
+//               >
+//                 Forgot password?
+//               </button>
+//             </div>
+
+//             <input
+//               type="password"
+//               placeholder="••••••••"
+//               name="password"
+//               value={formData.password}
+//               onChange={handleInputChange}
+//               className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+//             />
+//           </div>
+
+//           <button
+//             type="submit"
+//             className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
+//           >
+//             Sign In as {role === "BRAND" ? "Brand" : "Influencer"}
+//             {loading && <span className="ml-2">...</span>}
+//           </button>
+//         </form>
+
+//         <p className="text-xs text-center text-gray-400 mt-6">
+//           Secure login · Data protected
+//         </p>
+//       </div>
+//     </div>
+//   );
+// }

From 7f80b44dd4abbf815cbb479bf987a988e39bb973 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Tue, 17 Feb 2026 16:19:32 +0530
Subject: [PATCH 27/61] feat: implemented the profile-setup for both brand and
 the influencer

---
 apps/web/app/profile-setup/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/app/profile-setup/page.tsx b/apps/web/app/profile-setup/page.tsx
index 3e5c03e..5b25e68 100644
--- a/apps/web/app/profile-setup/page.tsx
+++ b/apps/web/app/profile-setup/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import React, { useEffect, useState } from "react";
-import { useRouter } from "next/navigation";
+import React, { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
 
 import Navbar from "@/components/Navbar";
 import { useAuthStore } from "@/store/auth.store";
@@ -398,7 +398,7 @@ let payload: InfluencerPayload | BrandPayload = {
                                 <div className="space-y-8 animate-in fade-in slide-in-from-bottom-6 duration-700">
                                     <div className="border-b border-gray-100 pb-4">
                                         <h2 className="text-2xl font-bold text-gray-900">Brand Details</h2>
-                                        <p className="mt-1 text-sm text-gray-500">Tell us about your company and what you're looking for.</p>
+                                        <p className="mt-1 text-sm text-gray-500">Tell us about your company and what you are looking for.</p>
                                     </div>
 
                                     <div className="grid grid-cols-1 gap-y-8 gap-x-6 sm:grid-cols-2">
@@ -479,7 +479,7 @@ let payload: InfluencerPayload | BrandPayload = {
                                     {loading ? "Updating..." : "Save Changes"}
                                 </button>
                                 <p className="mt-4 text-center text-sm text-gray-400">
-                                    By clicking "Create Profile", you agree to our Terms of Service and Privacy Policy.
+                                    By clicking Create Profile, you agree to our Terms of Service and Privacy Policy.
                                 </p>
                             </div>
 

From 5864ca2a143fb3ffcd3c48d825bc6a835c7381e5 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Wed, 18 Feb 2026 13:01:38 +0530
Subject: [PATCH 28/61] feat: created gig schema and collaboration schema to
 handle the collabs between influencers

---
 .../src/models/collaboration.model.ts         | 53 ++++++++++
 apps/core-api/src/models/gig.model.ts         | 98 +++++++++++++++++++
 apps/core-api/src/types/collaboration.type.ts | 22 +++++
 apps/core-api/src/types/gig.type.ts           | 45 +++++++++
 4 files changed, 218 insertions(+)
 create mode 100644 apps/core-api/src/models/collaboration.model.ts
 create mode 100644 apps/core-api/src/models/gig.model.ts
 create mode 100644 apps/core-api/src/types/collaboration.type.ts
 create mode 100644 apps/core-api/src/types/gig.type.ts

diff --git a/apps/core-api/src/models/collaboration.model.ts b/apps/core-api/src/models/collaboration.model.ts
new file mode 100644
index 0000000..074957e
--- /dev/null
+++ b/apps/core-api/src/models/collaboration.model.ts
@@ -0,0 +1,53 @@
+import { Schema, model } from "mongoose";
+
+import type { GigCollaborationDocument } from "../types/collaboration.type.js";
+
+
+const GigCollaborationSchema =
+  new Schema<GigCollaborationDocument>(
+    {
+      gigId: {
+        type: Schema.Types.ObjectId,
+        ref: "Gig",
+        required: true,
+        index: true
+      },
+
+      primaryInfluencerId: {
+        type: Schema.Types.ObjectId,
+        ref: "InfluencerProfile",
+        required: true,
+        index: true
+      },
+
+      invitedInfluencerId: {
+        type: Schema.Types.ObjectId,
+        ref: "InfluencerProfile",
+        required: true,
+        index: true
+      },
+
+      status: {
+        type: String,
+        enum: ["pending", "accepted", "rejected", "cancelled"],
+        default: "pending",
+        index: true
+      },
+
+      respondedAt: {
+        type: Date
+      }
+    },
+    { timestamps: true }
+  );
+
+// Prevent duplicate invitations
+GigCollaborationSchema.index(
+  { gigId: 1, invitedInfluencerId: 1 },
+  { unique: true }
+);
+
+export const GigCollaborationModel = model<GigCollaborationDocument>(
+  "GigCollaboration",
+  GigCollaborationSchema
+);
diff --git a/apps/core-api/src/models/gig.model.ts b/apps/core-api/src/models/gig.model.ts
new file mode 100644
index 0000000..1a28e30
--- /dev/null
+++ b/apps/core-api/src/models/gig.model.ts
@@ -0,0 +1,98 @@
+import { Schema, model } from "mongoose";
+
+import type { GigDocument } from "../types/gig.type.js";
+
+
+const GigSchema = new Schema<GigDocument>(
+  {
+    title: {
+      type: String,
+      required: true,
+      trim: true
+    },
+
+    description: {
+      type: String,
+      required: true
+    },
+
+    influencerIds: [
+      {
+        type: Schema.Types.ObjectId,
+        ref: "InfluencerProfile",
+        required: true
+      }
+    ],
+
+    primaryInfluencerId: {
+      type: Schema.Types.ObjectId,
+      ref: "InfluencerProfile",
+      required: true,
+      index: true
+    },
+
+    category: {
+      type: String,
+      required: true,
+      index: true
+    },
+
+    tags: [
+      {
+        type: String,
+        index: true
+      }
+    ],
+
+    pricing: {
+      basePrice: {
+        type: Number,
+        required: true
+      },
+      currency: {
+        type: String,
+        enum: ["INR", "USD"],
+        required: true
+      },
+      negotiationAllowed: {
+        type: Boolean,
+        default: false
+      }
+    },
+
+    deliverables: [
+      {
+        type: String
+      }
+    ],
+
+    maxBookingsPerSlot: {
+      type: Number
+    },
+
+    status: {
+      type: String,
+      enum: ["draft", "published", "paused", "archived"],
+      default: "draft",
+      index: true
+    },
+
+    searchMeta: {
+      searchableText: {
+        type: String
+      }
+    },
+
+    isDeleted: {
+      type: Boolean,
+      default: false,
+      index: true
+    }
+  },
+  { timestamps: true }
+);
+
+GigSchema.index({ influencerIds: 1 });
+GigSchema.index({ "pricing.basePrice": 1 });
+
+export const GigModel = model<GigDocument>("Gig", GigSchema);
diff --git a/apps/core-api/src/types/collaboration.type.ts b/apps/core-api/src/types/collaboration.type.ts
new file mode 100644
index 0000000..bf92100
--- /dev/null
+++ b/apps/core-api/src/types/collaboration.type.ts
@@ -0,0 +1,22 @@
+import { Types } from "mongoose";
+
+export type CollaborationStatus =
+  | "pending"
+  | "accepted"
+  | "rejected"
+  | "cancelled";
+
+export interface GigCollaborationDocument {
+  gigId: Types.ObjectId;
+
+  primaryInfluencerId: Types.ObjectId;
+
+  invitedInfluencerId: Types.ObjectId;
+
+  status: CollaborationStatus;
+
+  respondedAt?: Date;
+
+  createdAt: Date;
+  updatedAt: Date;
+}
diff --git a/apps/core-api/src/types/gig.type.ts b/apps/core-api/src/types/gig.type.ts
new file mode 100644
index 0000000..8855f89
--- /dev/null
+++ b/apps/core-api/src/types/gig.type.ts
@@ -0,0 +1,45 @@
+import { Types } from "mongoose";
+
+export type GigStatus =
+  | "draft"
+  | "published"
+  | "paused"
+  | "archived";
+
+export interface GigPricing {
+  basePrice: number;
+  currency: "INR" | "USD";
+  negotiationAllowed: boolean;
+}
+
+export interface GigDocument {
+  title: string;
+  description: string;
+
+  // Only ACCEPTED collaborators go here
+  influencerIds: Types.ObjectId[];
+
+  // Owner of the gig
+  primaryInfluencerId: Types.ObjectId;
+
+  category: string;
+  tags: string[];
+
+  pricing: GigPricing;
+
+  deliverables: string[];
+
+  maxBookingsPerSlot?: number;
+
+  status: GigStatus;
+
+  // Used only for search indexing
+  searchMeta?: {
+    searchableText?: string;
+  };
+
+  isDeleted: boolean;
+
+  createdAt: Date;
+  updatedAt: Date;
+}

From 1c8957fc50a74fd4dd4983155641b6bf215f18d1 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Wed, 18 Feb 2026 13:06:53 +0530
Subject: [PATCH 29/61] feat: created gig schema and collaboration schema to
 handle the collabs between influencers

---
 apps/web/app/{login => loginnn}/page.tsx | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename apps/web/app/{login => loginnn}/page.tsx (100%)

diff --git a/apps/web/app/login/page.tsx b/apps/web/app/loginnn/page.tsx
similarity index 100%
rename from apps/web/app/login/page.tsx
rename to apps/web/app/loginnn/page.tsx

From 94cd9b7d188d5cadf149bf88f34c1763a207bc0a Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Wed, 18 Feb 2026 13:27:31 +0530
Subject: [PATCH 30/61] feat: created gig schema and collaboration schema to
 handle the collabs between influencers

---
 apps/web/app/(auth)/login/page.tsx | 300 +++++++++++++++--------------
 apps/web/app/loginn/page.tsx       | 151 ---------------
 apps/web/app/loginnn/page.tsx      | 157 ---------------
 3 files changed, 151 insertions(+), 457 deletions(-)
 delete mode 100644 apps/web/app/loginn/page.tsx
 delete mode 100644 apps/web/app/loginnn/page.tsx

diff --git a/apps/web/app/(auth)/login/page.tsx b/apps/web/app/(auth)/login/page.tsx
index ba6d4cb..8aa2aee 100644
--- a/apps/web/app/(auth)/login/page.tsx
+++ b/apps/web/app/(auth)/login/page.tsx
@@ -1,149 +1,151 @@
-// "use client";
-
-
-
-// import React, { useState } from "react";
-
-// import api, { setAccessToken } from "@/lib/axios.client";
-
-// export default function LoginPage() {
-//   const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
-//   const [formData, setFormData] = useState({
-//     email: "",
-//     password: ""
-//   });
-//   const [loading, setLoading] = useState(false);
-//   const [error, setError] = useState("");
-
-
-//   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-//     const { name, value } = e.target;
-//     setFormData(prev => ({
-//       ...prev,
-//       [name]: value
-
-//     }));
-//   }
-
-//   const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
-//     e.preventDefault();
-//     setLoading(true);
-//     setError("");
-//     try {
-//       const payload = {
-//         email: formData.email,
-//         password: formData.password,
-//         role: role
-//       }
-
-//       const response = await api.post("/auth/login", payload);
-
-//       // Access token is now in response.data.data.accessToken
-//       if (response.data.data?.accessToken) {
-//         setAccessToken(response.data.data.accessToken);
-//         window.location.href = "/dashboard";
-//       }
-
-//     } catch (error) {
-//       const errorMessage = error instanceof Error ? error.message : "Login failed. Please try again.";
-//       setError(errorMessage);
-//     } finally {
-//       setLoading(false);
-//     }
-//   }
-
-
-//   return (
-//     <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
-//       <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-6 sm:p-8 sm:m-0">
-
-//         <div className="text-center mb-6">
-//           <h1 className="text-xl sm:text-2xl font-semibold text-gray-800">
-//             Welcome Back
-//           </h1>
-//           <p className="text-sm text-gray-500 mt-1">
-//             Log in to your Noillin account as{" "}
-//             <span className="font-medium capitalize">{role}</span>
-//           </p>
-//         </div>
-
-//         <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
-//           <button
-//             type="button"
-//             onClick={() => setRole("BRAND")}
-//             className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-sm transition hover:cursor-pointer ${role === "BRAND"
-//               ? "bg-white shadow text-gray-900"
-//               : "text-gray-500 "
-//               }`}
-//           >
-//             Brand
-//           </button>
-
-//           <button
-//             type="button"
-//             onClick={() => setRole("INFLUENCER")}
-//             className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${role === "INFLUENCER"
-//               ? "bg-white shadow text-gray-900"
-//               : "text-gray-500"
-//               }`}
-//           >
-//             Influencer
-//           </button>
-//         </div>
-
-//         <form className="space-y-4" onSubmit={handleSubmit}>
-//           {error && (
-//             <div className="text-red-500 text-sm">{error}</div>
-//           )}
-//           <div>
-//             <label className="block text-sm font-medium text-gray-600 mb-1">
-//               Email address
-//             </label>
-//             <input
-//               type="email"
-//               name="email"
-//               value={formData.email}
-//               onChange={handleInputChange}
-//               className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-//             />
-//           </div>
-
-//           <div>
-//             <div className="flex justify-between items-center mb-1">
-//               <label className="text-sm font-medium text-gray-600">
-//                 Password
-//               </label>
-//               <button
-//                 type="button"
-//                 className="text-sm text-gray-500 hover:text-gray-700 hover:cursor-pointer"
-//               >
-//                 Forgot password?
-//               </button>
-//             </div>
-
-//             <input
-//               type="password"
-//               placeholder="••••••••"
-//               name="password"
-//               value={formData.password}
-//               onChange={handleInputChange}
-//               className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-//             />
-//           </div>
-
-//           <button
-//             type="submit"
-//             className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
-//           >
-//             Sign In as {role === "BRAND" ? "Brand" : "Influencer"}
-//             {loading && <span className="ml-2">...</span>}
-//           </button>
-//         </form>
-
-//         <p className="text-xs text-center text-gray-400 mt-6">
-//           Secure login · Data protected
-//         </p>
-//       </div>
-//     </div>
-//   );
-// }
+"use client";
+
+import React, { useState } from "react";
+
+import api from "@/lib/axios.client";
+import { useAuthStore } from "@/store/auth.store";
+
+
+
+export default function LoginPage() {
+  const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
+  const [formData, setFormData] = useState({
+    email: "",
+    password: ""
+  });
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+  const setAuth = useAuthStore((state)=>state.setAuth)
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { name, value } = e.target;
+    setFormData(prev => ({
+      ...prev,
+      [name]: value
+
+    }));
+  }
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    setLoading(true);
+    setError("");
+    try {
+      const payload = {
+        email: formData.email,
+        password: formData.password,
+        role: role
+      }
+
+      const response = await api.post("/auth/login", payload);
+
+      // Access token is now in response.data.data.accessToken
+      if (response.data.data?.accessToken) {
+        const {accessToken, user} = response.data.data
+        setAuth(accessToken, user)
+        window.location.href = "/dashboard";
+      }
+
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : "Login failed. Please try again.";
+      setError(errorMessage);
+    } finally {
+      setLoading(false);
+    }
+  }
+
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
+      <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-6 sm:p-8 sm:m-0">
+
+        <div className="text-center mb-6">
+          <h1 className="text-xl sm:text-2xl font-semibold text-gray-800">
+            Welcome Back
+          </h1>
+          <p className="text-sm text-gray-500 mt-1">
+            Log in to your Noillin account as{" "}
+            <span className="font-medium capitalize">{role}</span>
+          </p>
+        </div>
+
+        <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
+          <button
+            type="button"
+            onClick={() => setRole("BRAND")}
+            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-sm transition hover:cursor-pointer ${role === "BRAND"
+              ? "bg-white shadow text-gray-900"
+              : "text-gray-500 "
+              }`}
+          >
+            Brand
+          </button>
+
+          <button
+            type="button"
+            onClick={() => setRole("INFLUENCER")}
+            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${role === "INFLUENCER"
+              ? "bg-white shadow text-gray-900"
+              : "text-gray-500"
+              }`}
+          >
+            Influencer
+          </button>
+        </div>
+
+        <form className="space-y-4" onSubmit={handleSubmit}>
+          {error && (
+            <div className="text-red-500 text-sm">{error}</div>
+          )}
+          <div>
+            <label className="block text-sm font-medium text-gray-600 mb-1">
+              Email address
+            </label>
+            <input
+              type="email"
+              name="email"
+              value={formData.email}
+              onChange={handleInputChange}
+              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+            />
+          </div>
+
+          <div>
+            <div className="flex justify-between items-center mb-1">
+              <label className="text-sm font-medium text-gray-600">
+                Password
+              </label>
+              <button
+                type="button"
+                className="text-sm text-gray-500 hover:text-gray-700 hover:cursor-pointer"
+              >
+                Forgot password?
+              </button>
+            </div>
+
+            <input
+              type="password"
+              placeholder="••••••••"
+              name="password"
+              value={formData.password}
+              onChange={handleInputChange}
+              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
+            />
+          </div>
+
+          <button
+            type="submit"
+            className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
+          >
+            Sign In as {role === "BRAND" ? "Brand" : "Influencer"}
+            {loading && <span className="ml-2">...</span>}
+          </button>
+        </form>
+
+        <p className="text-xs text-center text-gray-400 mt-6">
+          Secure login · Data protected
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/app/loginn/page.tsx b/apps/web/app/loginn/page.tsx
deleted file mode 100644
index 558df9f..0000000
--- a/apps/web/app/loginn/page.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-// "use client";
-
-// import React, { useState } from "react";
-
-// import api from "@/lib/axios.client";
-// import { useAuthStore } from "@/store/auth.store";
-
-
-
-// export default function LoginPage() {
-//   const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
-//   const [formData, setFormData] = useState({
-//     email: "",
-//     password: ""
-//   });
-//   const [loading, setLoading] = useState(false);
-//   const [error, setError] = useState("");
-//   const setAuth = useAuthStore((state)=>state.setAuth)
-
-//   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-//     const { name, value } = e.target;
-//     setFormData(prev => ({
-//       ...prev,
-//       [name]: value
-
-//     }));
-//   }
-
-//   const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
-//     e.preventDefault();
-//     setLoading(true);
-//     setError("");
-//     try {
-//       const payload = {
-//         email: formData.email,
-//         password: formData.password,
-//         role: role
-//       }
-
-//       const response = await api.post("/auth/login", payload);
-
-//       // Access token is now in response.data.data.accessToken
-//       if (response.data.data?.accessToken) {
-//         const {accessToken, user} = response.data.data
-//         setAuth(accessToken, user)
-//         window.location.href = "/dashboard";
-//       }
-
-//     } catch (error) {
-//       const errorMessage = error instanceof Error ? error.message : "Login failed. Please try again.";
-//       setError(errorMessage);
-//     } finally {
-//       setLoading(false);
-//     }
-//   }
-
-
-//   return (
-//     <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
-//       <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-6 sm:p-8 sm:m-0">
-
-//         <div className="text-center mb-6">
-//           <h1 className="text-xl sm:text-2xl font-semibold text-gray-800">
-//             Welcome Back
-//           </h1>
-//           <p className="text-sm text-gray-500 mt-1">
-//             Log in to your Noillin account as{" "}
-//             <span className="font-medium capitalize">{role}</span>
-//           </p>
-//         </div>
-
-//         <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
-//           <button
-//             type="button"
-//             onClick={() => setRole("BRAND")}
-//             className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-sm transition hover:cursor-pointer ${role === "BRAND"
-//               ? "bg-white shadow text-gray-900"
-//               : "text-gray-500 "
-//               }`}
-//           >
-//             Brand
-//           </button>
-
-//           <button
-//             type="button"
-//             onClick={() => setRole("INFLUENCER")}
-//             className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${role === "INFLUENCER"
-//               ? "bg-white shadow text-gray-900"
-//               : "text-gray-500"
-//               }`}
-//           >
-//             Influencer
-//           </button>
-//         </div>
-
-//         <form className="space-y-4" onSubmit={handleSubmit}>
-//           {error && (
-//             <div className="text-red-500 text-sm">{error}</div>
-//           )}
-//           <div>
-//             <label className="block text-sm font-medium text-gray-600 mb-1">
-//               Email address
-//             </label>
-//             <input
-//               type="email"
-//               name="email"
-//               value={formData.email}
-//               onChange={handleInputChange}
-//               className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-//             />
-//           </div>
-
-//           <div>
-//             <div className="flex justify-between items-center mb-1">
-//               <label className="text-sm font-medium text-gray-600">
-//                 Password
-//               </label>
-//               <button
-//                 type="button"
-//                 className="text-sm text-gray-500 hover:text-gray-700 hover:cursor-pointer"
-//               >
-//                 Forgot password?
-//               </button>
-//             </div>
-
-//             <input
-//               type="password"
-//               placeholder="••••••••"
-//               name="password"
-//               value={formData.password}
-//               onChange={handleInputChange}
-//               className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-//             />
-//           </div>
-
-//           <button
-//             type="submit"
-//             className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
-//           >
-//             Sign In as {role === "BRAND" ? "Brand" : "Influencer"}
-//             {loading && <span className="ml-2">...</span>}
-//           </button>
-//         </form>
-
-//         <p className="text-xs text-center text-gray-400 mt-6">
-//           Secure login · Data protected
-//         </p>
-//       </div>
-//     </div>
-//   );
-// }
diff --git a/apps/web/app/loginnn/page.tsx b/apps/web/app/loginnn/page.tsx
deleted file mode 100644
index 369eadb..0000000
--- a/apps/web/app/loginnn/page.tsx
+++ /dev/null
@@ -1,157 +0,0 @@
-"use client";
-
-import React, { useState } from "react";
-import { useRouter } from "next/navigation";
-
-import api from "@/lib/axios.client";
-import { useAuthStore } from "@/store/auth.store";
-
-
-
-
-export default function LoginPage() {
-    const router = useRouter();
-
-  const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
-  const [formData, setFormData] = useState({
-    email: "",
-    password: ""
-  });
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState("");
-  const setAuth = useAuthStore((state)=>state.setAuth)
-
-  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const { name, value } = e.target;
-    setFormData(prev => ({
-      ...prev,
-      [name]: value
-
-    }));
-  }
-
-  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    setLoading(true);
-    setError("");
-    try {
-      const payload = {
-        email: formData.email,
-        password: formData.password,
-        role: role
-      }
-
-      const response = await api.post("/auth/login", payload);
-
-      // Access token is now in response.data.data.accessToken
-      if (response.data.data?.accessToken) {
-        const {accessToken, user} = response.data.data
-        setAuth(accessToken, user)
-        router.push("/home");
-
-        // window.location.href = "/home";
-      }
-
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : "Login failed. Please try again.";
-      setError(errorMessage);
-    } finally {
-      setLoading(false);
-    }
-  }
-
-
-  return (
-    <div className="min-h-screen flex items-center justify-center bg-gray-100 px-4">
-      <div className="w-full max-w-md bg-white rounded-2xl shadow-lg p-6 sm:p-8 sm:m-0">
-
-        <div className="text-center mb-6">
-          <h1 className="text-xl sm:text-2xl font-semibold text-gray-800">
-            Welcome Back
-          </h1>
-          <p className="text-sm text-gray-500 mt-1">
-            Log in to your Noillin account as{" "}
-            <span className="font-medium capitalize">{role}</span>
-          </p>
-        </div>
-
-        <div className="flex bg-gray-100 rounded-lg p-1 mb-6">
-          <button
-            type="button"
-            onClick={() => setRole("BRAND")}
-            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-sm transition hover:cursor-pointer ${role === "BRAND"
-              ? "bg-white shadow text-gray-900"
-              : "text-gray-500 "
-              }`}
-          >
-            Brand
-          </button>
-
-          <button
-            type="button"
-            onClick={() => setRole("INFLUENCER")}
-            className={`w-1/2 py-2 sm:py-2.5 text-sm font-medium rounded-md transition hover:cursor-pointer ${role === "INFLUENCER"
-              ? "bg-white shadow text-gray-900"
-              : "text-gray-500"
-              }`}
-          >
-            Influencer
-          </button>
-        </div>
-
-        <form className="space-y-4" onSubmit={handleSubmit}>
-          {error && (
-            <div className="text-red-500 text-sm">{error}</div>
-          )}
-          <div>
-            <label className="block text-sm font-medium text-gray-600 mb-1">
-              Email address
-            </label>
-            <input
-              type="email"
-              name="email"
-              value={formData.email}
-              onChange={handleInputChange}
-              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-            />
-          </div>
-
-          <div>
-            <div className="flex justify-between items-center mb-1">
-              <label className="text-sm font-medium text-gray-600">
-                Password
-              </label>
-              <button
-                type="button"
-                className="text-sm text-gray-500 hover:text-gray-700 hover:cursor-pointer"
-              >
-                Forgot password?
-              </button>
-            </div>
-
-            <input
-              type="password"
-              placeholder="••••••••"
-              name="password"
-              value={formData.password}
-              onChange={handleInputChange}
-              className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-50"
-            />
-          </div>
-
-          <button
-            type="submit"
-            className="w-full py-2.5 rounded-lg font-medium text-white transition hover:cursor-pointer bg-[#059669] hover:bg-[#047857]"
-          >
-            Sign In as {role === "BRAND" ? "Brand" : "Influencer"}
-            {loading && <span className="ml-2">...</span>}
-          </button>
-        </form>
-
-        <p className="text-xs text-center text-gray-400 mt-6">
-          Secure login · Data protected
-        </p>
-      </div>
-    </div>
-  );
-}

From 83fff5fe4a5231823611440a3681c7a4294b092b Mon Sep 17 00:00:00 2001
From: ajay <ajay.devxtra@gmail.com>
Date: Wed, 18 Feb 2026 15:07:43 +0530
Subject: [PATCH 31/61] chore:tiny changes

---
 apps/core-api/src/repositories/user.repository.ts | 1 +
 apps/core-api/src/search/meili.ts                 | 2 ++
 apps/core-api/src/services/auth.service.ts        | 4 ++--
 apps/core-api/src/utils/meili.setup.ts            | 0
 apps/web/lib/axios.client.ts                      | 4 +++-
 5 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 apps/core-api/src/utils/meili.setup.ts

diff --git a/apps/core-api/src/repositories/user.repository.ts b/apps/core-api/src/repositories/user.repository.ts
index b802771..a48304f 100644
--- a/apps/core-api/src/repositories/user.repository.ts
+++ b/apps/core-api/src/repositories/user.repository.ts
@@ -38,6 +38,7 @@ class UserRepository {
   // SAVE REFRESH TOKEN
   
   async saveRefreshToken(userId: string, refreshToken: string) {
+    
     return User.findByIdAndUpdate(
       userId,
       { refreshToken },
diff --git a/apps/core-api/src/search/meili.ts b/apps/core-api/src/search/meili.ts
index c6a2664..27bf46c 100644
--- a/apps/core-api/src/search/meili.ts
+++ b/apps/core-api/src/search/meili.ts
@@ -17,3 +17,5 @@ if (process.env.MEILI_KEY) {
 export const meili = new MeiliSearch(config);
 
 logger.info("Meilisearch client initialized");
+
+
diff --git a/apps/core-api/src/services/auth.service.ts b/apps/core-api/src/services/auth.service.ts
index d1cfa75..9564e51 100644
--- a/apps/core-api/src/services/auth.service.ts
+++ b/apps/core-api/src/services/auth.service.ts
@@ -15,9 +15,9 @@
 // }
 
 // export const authService = new AuthService();
-import crypto from "crypto";
+import crypto from "crypto";
 
-import bcrypt from "bcrypt";
+import bcrypt from "bcrypt";
 
 import { signAccessToken, signRefreshToken, verifyRefreshToken } from "../modules/auth/auth.utils.js";
 import type { HttpError } from "../modules/auth/http-error.js";
diff --git a/apps/core-api/src/utils/meili.setup.ts b/apps/core-api/src/utils/meili.setup.ts
new file mode 100644
index 0000000..e69de29
diff --git a/apps/web/lib/axios.client.ts b/apps/web/lib/axios.client.ts
index 1a69129..0ac7fa0 100644
--- a/apps/web/lib/axios.client.ts
+++ b/apps/web/lib/axios.client.ts
@@ -46,9 +46,11 @@ api.interceptors.response.use(
         const originalRequest = error.config;
 
         // If error is 401 and we haven't tried to refresh yet
-        if (error.response?.status === 401 && !originalRequest._retry) {
+        if (error.response?.status === 401 && !originalRequest._retry) 
+        {
             if (isRefreshing) {
                 // If already refreshing, queue this request
+                
                 return new Promise((resolve, reject) => {
                     failedQueue.push({ resolve, reject });
                 }).then(token => {

From 61c514bae04cd6a8d0f8d9fca7889c01892d6a2a Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Wed, 18 Feb 2026 15:46:08 +0530
Subject: [PATCH 32/61] chore(change)

---
 apps/core-api/src/controllers/auth.controller.ts  | 15 +++++++++++++++
 apps/core-api/src/models/pendingSignup.models.ts  |  2 +-
 apps/core-api/src/models/user.model.ts            |  6 +++---
 .../src/repositories/Signup.repository.ts         |  2 +-
 apps/core-api/src/repositories/user.repository.ts |  2 +-
 apps/core-api/src/services/auth.service.ts        |  8 ++++----
 apps/core-api/src/types/express.d.ts              |  2 +-
 7 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/apps/core-api/src/controllers/auth.controller.ts b/apps/core-api/src/controllers/auth.controller.ts
index ee89d48..2bb9e30 100644
--- a/apps/core-api/src/controllers/auth.controller.ts
+++ b/apps/core-api/src/controllers/auth.controller.ts
@@ -271,5 +271,20 @@ export const resetPasswordController = async (
   }
 };
 
+// ================= listGigsController  =================
+
+// export const listGigsController = async (req: Request, res: Response) => {
+//   try {
+//     const page = Number(req.query.page) || 1;
+//     const limit = Number(req.query.limit) || 10;
+
+//     const result = await listGigsService(req.query, page, limit);
+
+//     res.status(200).json(result);
+//   } catch (error) {
+//     console.error("Error listing gigs:", error);
+//     res.status(500).json({ message: "Internal server error" });
+//   }
+// };
 
 
diff --git a/apps/core-api/src/models/pendingSignup.models.ts b/apps/core-api/src/models/pendingSignup.models.ts
index db98a1d..d2767d1 100644
--- a/apps/core-api/src/models/pendingSignup.models.ts
+++ b/apps/core-api/src/models/pendingSignup.models.ts
@@ -27,7 +27,7 @@ const PendingSignupSchema = new Schema(
       default: "PENDING",
     },
 
-    // 🔐 OTP FIELDS START HERE
+    //  OTP FIELDS START HERE
 
  emailOtpHash: {
   type: String,
diff --git a/apps/core-api/src/models/user.model.ts b/apps/core-api/src/models/user.model.ts
index f0e225f..c2000d0 100644
--- a/apps/core-api/src/models/user.model.ts
+++ b/apps/core-api/src/models/user.model.ts
@@ -26,7 +26,7 @@ export interface IUser extends Document {
   status: UserStatus;
   refreshToken?: string;
 
-  // 🔐 Forgot Password Fields
+  //  Forgot Password Fields
   resetOtp?: string;
   resetOtpExpiry?: Date;
   resetSessionToken?: string;
@@ -48,7 +48,7 @@ const UserSchema = new Schema<IUser>(
     password: {
       type: String,
       required: true,
-      select: false, // 🔐 never return password
+      select: false, //  never return password
     },
 
     role: {
@@ -80,7 +80,7 @@ const UserSchema = new Schema<IUser>(
     },
 
     // ================================
-    // 🔐 FORGOT PASSWORD FIELDS
+    //  FORGOT PASSWORD FIELDS
     // ================================
 
     resetOtp: {
diff --git a/apps/core-api/src/repositories/Signup.repository.ts b/apps/core-api/src/repositories/Signup.repository.ts
index 7cdb90a..a525570 100644
--- a/apps/core-api/src/repositories/Signup.repository.ts
+++ b/apps/core-api/src/repositories/Signup.repository.ts
@@ -9,7 +9,7 @@ interface CreatePendingSignupInput {
 
   status: "PENDING" | "APPROVED" | "REJECTED";
 
-  // 🔐 OTP fields (optional)
+  //  OTP fields (optional)
   emailOtpHash?: string | null;
   emailOtpExpiresAt?: Date | null;
   otpAttempts?: number;
diff --git a/apps/core-api/src/repositories/user.repository.ts b/apps/core-api/src/repositories/user.repository.ts
index 5c86d14..285387a 100644
--- a/apps/core-api/src/repositories/user.repository.ts
+++ b/apps/core-api/src/repositories/user.repository.ts
@@ -17,7 +17,7 @@ class UserRepository {
     const normalizedEmail = email.trim().toLowerCase();
 
     return User.findOne({ email: normalizedEmail })
-      .select("+password +resetOtp +resetSessionToken");
+      .select("+password +resetSessionExpiry +resetSessionToken");
   }
 
   
diff --git a/apps/core-api/src/services/auth.service.ts b/apps/core-api/src/services/auth.service.ts
index 36e9c82..7ee57c3 100644
--- a/apps/core-api/src/services/auth.service.ts
+++ b/apps/core-api/src/services/auth.service.ts
@@ -55,13 +55,13 @@ export const signupService = async (data: SignupInput) => {
 
   const passwordHash = await bcrypt.hash(data.password, 10);
 
-  // 🔥 1️⃣ Generate OTP
+  //  Generate OTP
   const otp = Math.floor(100000 + Math.random() * 900000).toString();
 
-  // 🔥 2️⃣ Hash OTP before saving
+  //  Hash OTP before saving
   const hashedOtp = await bcrypt.hash(otp, 10);
 
-  // 🔥 3️⃣ Save pending signup with OTP
+  //  Save pending signup with OTP
   await pendingSignupRepository.create({
     email: data.email.toLowerCase(),
     passwordHash,
@@ -77,7 +77,7 @@ export const signupService = async (data: SignupInput) => {
     isEmailVerified: false,
   });
 
-  // 🔥 4️⃣ Send REAL Gmail OTP
+  //  Send REAL Gmail OTP
   await sendOtpEmail(data.email, otp);
 
   return { message: "OTP sent to your email" };
diff --git a/apps/core-api/src/types/express.d.ts b/apps/core-api/src/types/express.d.ts
index 07a266e..89e7d9f 100644
--- a/apps/core-api/src/types/express.d.ts
+++ b/apps/core-api/src/types/express.d.ts
@@ -1,4 +1,4 @@
-import type { JwtPayload } from "../modules/auth/auth.utils.js";
+import type { JwtPayload } from "../modules/auth/auth.utils.ts";
 
 declare global {
   namespace Express {

From de1355a572ea2e20e2636c40b643ab9cda23cd7f Mon Sep 17 00:00:00 2001
From: ajay <ajay.devxtra@gmail.com>
Date: Wed, 18 Feb 2026 16:08:48 +0530
Subject: [PATCH 33/61] chore:pull code

---
 .../meili.setup.ts => search/indexes/brand.index.ts}   |  0
 apps/core-api/src/search/indexes/gig.index.ts          |  0
 apps/core-api/src/search/indexes/influencer.index.ts   |  0
 apps/core-api/src/search/setup.ts                      | 10 ++++++++++
 4 files changed, 10 insertions(+)
 rename apps/core-api/src/{utils/meili.setup.ts => search/indexes/brand.index.ts} (100%)
 create mode 100644 apps/core-api/src/search/indexes/gig.index.ts
 create mode 100644 apps/core-api/src/search/indexes/influencer.index.ts
 create mode 100644 apps/core-api/src/search/setup.ts

diff --git a/apps/core-api/src/utils/meili.setup.ts b/apps/core-api/src/search/indexes/brand.index.ts
similarity index 100%
rename from apps/core-api/src/utils/meili.setup.ts
rename to apps/core-api/src/search/indexes/brand.index.ts
diff --git a/apps/core-api/src/search/indexes/gig.index.ts b/apps/core-api/src/search/indexes/gig.index.ts
new file mode 100644
index 0000000..e69de29
diff --git a/apps/core-api/src/search/indexes/influencer.index.ts b/apps/core-api/src/search/indexes/influencer.index.ts
new file mode 100644
index 0000000..e69de29
diff --git a/apps/core-api/src/search/setup.ts b/apps/core-api/src/search/setup.ts
new file mode 100644
index 0000000..32c8a64
--- /dev/null
+++ b/apps/core-api/src/search/setup.ts
@@ -0,0 +1,10 @@
+import { meili } from "./meili.js";
+
+export const setupGigIndex=async () =>{
+    const index=meili.index("gigs");
+
+    await index.updateSettings({
+        searchableAttributes:[],
+        filterableAttributes:[]
+    })
+}
\ No newline at end of file

From 4d67c6f3b5f711e7017349b78ec11d60d921ac09 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Wed, 18 Feb 2026 17:13:32 +0530
Subject: [PATCH 34/61] feat(gig):create giglist and gitDetailss

---
 .../src/controllers/auth.controller.ts        |  18 +--
 .../src/controllers/gig.controller.ts         |  52 ++++++++
 apps/core-api/src/models/gig.model.ts         |   9 +-
 apps/core-api/src/routes/gigs.routes.ts       |   9 +-
 apps/core-api/src/services/auth.service.ts    |   2 +-
 apps/core-api/src/services/gig.service.ts     | 118 ++++++++++++++++++
 6 files changed, 182 insertions(+), 26 deletions(-)
 create mode 100644 apps/core-api/src/controllers/gig.controller.ts
 create mode 100644 apps/core-api/src/services/gig.service.ts

diff --git a/apps/core-api/src/controllers/auth.controller.ts b/apps/core-api/src/controllers/auth.controller.ts
index 1c03c7d..2fbd591 100644
--- a/apps/core-api/src/controllers/auth.controller.ts
+++ b/apps/core-api/src/controllers/auth.controller.ts
@@ -1,7 +1,5 @@
 import type { NextFunction, Request, Response } from "express";
-import jwt from "jsonwebtoken";
 
-import { User } from "../models/user.model.js";
 import {
   logoutService,
   refreshTokenService,
@@ -11,6 +9,7 @@ import {
   verifyOtpService,
   resetPasswordService,
   verifySignupOtpService,
+  
 } from "../services/auth.service.js";
 import type { HttpError } from "../modules/auth/http-error.js";
 // import { log } from "winston";
@@ -271,20 +270,5 @@ export const resetPasswordController = async (
   }
 };
 
-// ================= listGigsController  =================
-
-// export const listGigsController = async (req: Request, res: Response) => {
-//   try {
-//     const page = Number(req.query.page) || 1;
-//     const limit = Number(req.query.limit) || 10;
-
-//     const result = await listGigsService(req.query, page, limit);
-
-//     res.status(200).json(result);
-//   } catch (error) {
-//     console.error("Error listing gigs:", error);
-//     res.status(500).json({ message: "Internal server error" });
-//   }
-// };
 
 
diff --git a/apps/core-api/src/controllers/gig.controller.ts b/apps/core-api/src/controllers/gig.controller.ts
new file mode 100644
index 0000000..f28d5f7
--- /dev/null
+++ b/apps/core-api/src/controllers/gig.controller.ts
@@ -0,0 +1,52 @@
+import type { Request, Response } from "express";
+
+import { getGigDetailsService, listGigsService } from "../services/gig.service.js";
+
+/* ================= LIST GIGS ================= */
+
+export const listGigsController = async (
+  req: Request,
+  res: Response
+) => {
+  try {
+    const page = Number(req.query.page) || 1;
+    const limit = Number(req.query.limit) || 10;
+
+    const result = await listGigsService(req.query, page, limit);
+
+    return res.status(200).json(result);
+  } catch (error: unknown) {
+    console.error("Error listing gigs:", error);
+
+    return res.status(500).json({
+      message: "Internal server error"
+    });
+  }
+};
+
+/* ================= GET GIG DETAILS ================= */
+
+interface HttpError extends Error {
+  statusCode?: number;
+}
+
+export const getGigDetailsController = async (
+  req: Request<{ id: string }>,
+  res: Response
+) => {
+  try {
+    const { id } = req.params;
+
+    const gig = await getGigDetailsService(id);
+
+    return res.status(200).json(gig);
+  } catch (error: unknown) {
+    console.error("Error fetching gig details:", error);
+
+    const err = error as HttpError;
+
+    return res.status(err.statusCode || 500).json({
+      message: err.message || "Internal server error"
+    });
+  }
+};
diff --git a/apps/core-api/src/models/gig.model.ts b/apps/core-api/src/models/gig.model.ts
index 1a28e30..3cbaa50 100644
--- a/apps/core-api/src/models/gig.model.ts
+++ b/apps/core-api/src/models/gig.model.ts
@@ -1,4 +1,4 @@
-import { Schema, model } from "mongoose";
+import { Schema, model } from "mongoose";
 
 import type { GigDocument } from "../types/gig.type.js";
 
@@ -77,12 +77,7 @@ const GigSchema = new Schema<GigDocument>(
       index: true
     },
 
-    searchMeta: {
-      searchableText: {
-        type: String
-      }
-    },
-
+  
     isDeleted: {
       type: Boolean,
       default: false,
diff --git a/apps/core-api/src/routes/gigs.routes.ts b/apps/core-api/src/routes/gigs.routes.ts
index 9bf7f97..d08f5aa 100644
--- a/apps/core-api/src/routes/gigs.routes.ts
+++ b/apps/core-api/src/routes/gigs.routes.ts
@@ -1,5 +1,12 @@
-import { Router } from "express";
+import { Router } from "express";
+
+import { getGigDetailsController, listGigsController } from "../controllers/gig.controller.js";
+
 
 const router: Router = Router()
 
+router.get("/", listGigsController);
+router.get("/:id", getGigDetailsController);
+
+
 export default router
\ No newline at end of file
diff --git a/apps/core-api/src/services/auth.service.ts b/apps/core-api/src/services/auth.service.ts
index 7d67d9d..acbc595 100644
--- a/apps/core-api/src/services/auth.service.ts
+++ b/apps/core-api/src/services/auth.service.ts
@@ -13,6 +13,7 @@ import { sendOtpEmail } from "../utils/sendotpEmail.js";
 
 
 
+
 interface SignupInput {
   email: string;
   password: string;
@@ -452,4 +453,3 @@ export const resetPasswordService = async (
   logger.info(`Password reset successful for ${email}`);
 };
 
-
diff --git a/apps/core-api/src/services/gig.service.ts b/apps/core-api/src/services/gig.service.ts
new file mode 100644
index 0000000..e39e584
--- /dev/null
+++ b/apps/core-api/src/services/gig.service.ts
@@ -0,0 +1,118 @@
+import mongoose from "mongoose";
+
+import { GigModel } from "../models/gig.model.js";
+
+
+/* ================= TYPES ================= */
+
+interface GigQuery {
+  category?: string;
+  minPrice?: string;
+  maxPrice?: string;
+  sort?: "price_asc" | "price_desc";
+}
+
+interface HttpError extends Error {
+  statusCode?: number;
+}
+
+/* ================= LIST GIGS ================= */
+
+export const listGigsService = async (
+  query: GigQuery,
+  page: number,
+  limit: number
+) => {
+  const skip = (page - 1) * limit;
+
+const filter: Record<string, unknown> = {
+
+    status: "published",
+    isDeleted: false
+  };
+
+  // Category filter
+  if (query.category) {
+    filter.category = query.category;
+  }
+
+  // Price filter
+  if (query.minPrice || query.maxPrice) {
+    const priceFilter: {
+      $gte?: number;
+      $lte?: number;
+    } = {};
+
+    if (query.minPrice) {
+      priceFilter.$gte = Number(query.minPrice);
+    }
+
+    if (query.maxPrice) {
+      priceFilter.$lte = Number(query.maxPrice);
+    }
+
+    filter["pricing.basePrice"] = priceFilter;
+  }
+
+  // Sorting
+  let sort: Record<string, 1 | -1> = { createdAt: -1 };
+
+  if (query.sort === "price_asc") {
+    sort = { "pricing.basePrice": 1 };
+  }
+
+  if (query.sort === "price_desc") {
+    sort = { "pricing.basePrice": -1 };
+  }
+
+  const [gigs, total] = await Promise.all([
+    GigModel.find(filter)
+      .select(
+        "title category pricing.basePrice pricing.currency primaryInfluencerId createdAt"
+      )
+      .sort(sort)
+      .skip(skip)
+      .limit(limit)
+      .lean(),
+    GigModel.countDocuments(filter)
+  ]);
+
+  return {
+    data: gigs,
+    pagination: {
+      page,
+      limit,
+      total,
+      totalPages: Math.ceil(total / limit)
+    }
+  };
+};
+
+/* ================= GET GIG DETAILS ================= */
+
+export const getGigDetailsService = async (gigId: string) => {
+  if (!mongoose.Types.ObjectId.isValid(gigId)) {
+    const err = new Error("Invalid gig ID") as HttpError;
+    err.statusCode = 400;
+    throw err;
+  }
+
+  const gig = await GigModel.findOne({
+    _id: gigId,
+    status: "published",
+    isDeleted: false
+  })
+    .populate({
+      path: "primaryInfluencerId",
+      select: "displayName profileImage followersCount ratingAvg"
+    })
+    .lean();
+
+  if (!gig) {
+    const err = new Error("Gig not found") as HttpError;
+    err.statusCode = 404;
+    throw err;
+  }
+
+  return gig;
+};

From 053fee91c1d40c3c0dc83b061c57f07deea37ee9 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Wed, 18 Feb 2026 17:19:35 +0530
Subject: [PATCH 35/61] feat: done create gig

---
 apps/core-api/src/models/gig.model.ts            | 8 +-------
 apps/core-api/src/repositories/gig.repository.ts | 8 ++++++++
 apps/core-api/src/types/gig.type.ts              | 4 ----
 3 files changed, 9 insertions(+), 11 deletions(-)
 create mode 100644 apps/core-api/src/repositories/gig.repository.ts

diff --git a/apps/core-api/src/models/gig.model.ts b/apps/core-api/src/models/gig.model.ts
index 1a28e30..9a8c26b 100644
--- a/apps/core-api/src/models/gig.model.ts
+++ b/apps/core-api/src/models/gig.model.ts
@@ -1,4 +1,4 @@
-import { Schema, model } from "mongoose";
+import { Schema, model } from "mongoose";
 
 import type { GigDocument } from "../types/gig.type.js";
 
@@ -77,12 +77,6 @@ const GigSchema = new Schema<GigDocument>(
       index: true
     },
 
-    searchMeta: {
-      searchableText: {
-        type: String
-      }
-    },
-
     isDeleted: {
       type: Boolean,
       default: false,
diff --git a/apps/core-api/src/repositories/gig.repository.ts b/apps/core-api/src/repositories/gig.repository.ts
new file mode 100644
index 0000000..d078210
--- /dev/null
+++ b/apps/core-api/src/repositories/gig.repository.ts
@@ -0,0 +1,8 @@
+import { GigModel } from "../models/gig.model.js";
+import type { GigDocument } from "../types/gig.type.js";
+
+export const create_gig = async(
+    data: Omit<GigDocument, "createdAt" | "updateAt" >
+) => {
+    return GigModel.create(data)
+}
\ No newline at end of file
diff --git a/apps/core-api/src/types/gig.type.ts b/apps/core-api/src/types/gig.type.ts
index 8855f89..1c9153c 100644
--- a/apps/core-api/src/types/gig.type.ts
+++ b/apps/core-api/src/types/gig.type.ts
@@ -33,10 +33,6 @@ export interface GigDocument {
 
   status: GigStatus;
 
-  // Used only for search indexing
-  searchMeta?: {
-    searchableText?: string;
-  };
 
   isDeleted: boolean;
 

From 68b4acafd4de994e77fca0bdfeaae88bae27c487 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Thu, 19 Feb 2026 09:45:36 +0530
Subject: [PATCH 36/61] feat: done create gig (real)

---
 .../src/controllers/gig.controller.ts         | 34 +++++++-
 apps/core-api/src/rbac/permission.ts          |  4 +
 apps/core-api/src/rbac/role-permission.ts     |  4 +
 .../src/repositories/gig.repository.ts        |  2 +-
 apps/core-api/src/routes/gigs.routes.ts       |  8 +-
 apps/core-api/src/services/gig.service.ts     | 86 +++++++++++++++++++
 6 files changed, 132 insertions(+), 6 deletions(-)

diff --git a/apps/core-api/src/controllers/gig.controller.ts b/apps/core-api/src/controllers/gig.controller.ts
index f28d5f7..0a9912f 100644
--- a/apps/core-api/src/controllers/gig.controller.ts
+++ b/apps/core-api/src/controllers/gig.controller.ts
@@ -1,6 +1,6 @@
-import type { Request, Response } from "express";
+import type { NextFunction, Request, Response } from "express";
 
-import { getGigDetailsService, listGigsService } from "../services/gig.service.js";
+import { createGigService, getGigDetailsService, listGigsService } from "../services/gig.service.js";
 
 /* ================= LIST GIGS ================= */
 
@@ -50,3 +50,33 @@ export const getGigDetailsController = async (
     });
   }
 };
+
+
+
+
+export const createGigController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { userId, role } = req.user!;
+
+    const result = await createGigService(
+      userId,
+      role,
+      req.body
+    );
+
+    return res.status(201).json({
+      success: true,
+      message:
+        result.collaborators.length > 0
+          ? "Gig created as draft. Waiting for collaborator approval."
+          : "Gig created and published successfully.",
+      data: result.gig
+    });
+  } catch (error) {
+    next(error);
+  }
+};
diff --git a/apps/core-api/src/rbac/permission.ts b/apps/core-api/src/rbac/permission.ts
index 324efe2..025fd9a 100644
--- a/apps/core-api/src/rbac/permission.ts
+++ b/apps/core-api/src/rbac/permission.ts
@@ -4,4 +4,8 @@ export enum Permission {
   APPROVE_SIGNUP = "APPROVE_SIGNUP",
   REJECT_SIGNUP = "REJECT_SIGNUP",
   MANAGE_USERS = "MANAGE_USERS",
+  CREATE_GIG = "CREATE_GIG",
+  UPDATE_GIG = "UPDATE_GIG",
+  PUBLISH_GIG = "PUBLISH_GIG",
+  DELETE_GIG = "DELETE_GIG"
 }
diff --git a/apps/core-api/src/rbac/role-permission.ts b/apps/core-api/src/rbac/role-permission.ts
index a46245e..c990df3 100644
--- a/apps/core-api/src/rbac/role-permission.ts
+++ b/apps/core-api/src/rbac/role-permission.ts
@@ -18,5 +18,9 @@ export const RolePermissions: Record<UserRole, Permission[]> = {
   [UserRole.INFLUENCER]: [
     Permission.CREATE_PROFILE,
     Permission.UPDATE_PROFILE,
+    Permission.CREATE_GIG,
+    Permission.UPDATE_GIG,
+    Permission.DELETE_GIG,
+    Permission.PUBLISH_GIG
   ],
 };
diff --git a/apps/core-api/src/repositories/gig.repository.ts b/apps/core-api/src/repositories/gig.repository.ts
index d078210..e01a46c 100644
--- a/apps/core-api/src/repositories/gig.repository.ts
+++ b/apps/core-api/src/repositories/gig.repository.ts
@@ -2,7 +2,7 @@ import { GigModel } from "../models/gig.model.js";
 import type { GigDocument } from "../types/gig.type.js";
 
 export const create_gig = async(
-    data: Omit<GigDocument, "createdAt" | "updateAt" >
+    data: Omit<GigDocument, "createdAt" | "updatedAt" >
 ) => {
     return GigModel.create(data)
 }
\ No newline at end of file
diff --git a/apps/core-api/src/routes/gigs.routes.ts b/apps/core-api/src/routes/gigs.routes.ts
index d08f5aa..ad47ac4 100644
--- a/apps/core-api/src/routes/gigs.routes.ts
+++ b/apps/core-api/src/routes/gigs.routes.ts
@@ -1,12 +1,14 @@
-import { Router } from "express";
+import { Router } from "express";
 
-import { getGigDetailsController, listGigsController } from "../controllers/gig.controller.js";
+import { createGigController, getGigDetailsController, listGigsController } from "../controllers/gig.controller.js";
+import { authenticate, authorizePermission } from "../middlewares/auth.middleware.js";
+import { Permission } from "../rbac/permission.js";
 
 
 const router: Router = Router()
 
 router.get("/", listGigsController);
 router.get("/:id", getGigDetailsController);
-
+router.post("/create_gig",authenticate,authorizePermission(Permission.CREATE_GIG),createGigController);
 
 export default router
\ No newline at end of file
diff --git a/apps/core-api/src/services/gig.service.ts b/apps/core-api/src/services/gig.service.ts
index e39e584..afa043a 100644
--- a/apps/core-api/src/services/gig.service.ts
+++ b/apps/core-api/src/services/gig.service.ts
@@ -1,6 +1,11 @@
 import mongoose from "mongoose";
+import { Types } from "mongoose";
 
 import { GigModel } from "../models/gig.model.js";
+import { create_gig } from "../repositories/gig.repository.js";
+import { type GigStatus } from "../types/gig.type.js";
+import { InfluencerProfile } from "../models/influencer.model.js";
+import { UserRole } from "../models/user.model.js";
 
 
 /* ================= TYPES ================= */
@@ -116,3 +121,84 @@ export const getGigDetailsService = async (gigId: string) => {
 
   return gig;
 };
+
+
+interface CreateGigInput {
+  title: string;
+  description: string;
+  category: string;
+  tags: string[];
+
+  basePrice: number;
+  currency: "INR" | "USD";
+  negotiationAllowed?: boolean;
+
+  deliverables: string[];
+  maxBookingsPerSlot?: number;
+
+  collaboratorIds?: string[]; // optional
+}
+
+export const createGigService = async (
+  userId: string,
+  role: string,
+  input: CreateGigInput
+) => {
+  if (role !== UserRole.INFLUENCER) {
+    const err = new Error("only influencers can create gigs") as HttpError;
+    err.statusCode = 403;
+    throw err;
+  }
+
+  const influencerProfile = await InfluencerProfile.findOne({
+    userId: new Types.ObjectId(userId)
+  });
+
+  if (!influencerProfile) {
+
+    const err = new Error("influencer profile not found") as HttpError;
+    err.statusCode = 404;
+    throw err;
+  }
+
+  const primaryInfluencerId = influencerProfile._id;
+
+  const collaboratorObjectIds =
+    input.collaboratorIds?.map((id) => new Types.ObjectId(id)) ?? [];
+
+  const hasCollaborators = collaboratorObjectIds.length > 0;
+
+  const status: GigStatus = hasCollaborators
+    ? "draft"
+    : "published";
+const gig = await create_gig({
+  title: input.title,
+  description: input.description,
+  category: input.category,
+  tags: input.tags,
+
+  pricing: {
+    basePrice: input.basePrice,
+    currency: input.currency,
+    negotiationAllowed: input.negotiationAllowed ?? false
+  },
+
+  deliverables: input.deliverables,
+
+  ...(input.maxBookingsPerSlot !== undefined && {
+    maxBookingsPerSlot: input.maxBookingsPerSlot
+  }),
+
+  influencerIds: [primaryInfluencerId],
+  primaryInfluencerId,
+
+  status,
+  isDeleted: false
+});
+
+
+  return {
+    gig,
+    collaborators: collaboratorObjectIds
+  };
+};

From 114c01348ab2e415b63640d84a6e5d44cd929d54 Mon Sep 17 00:00:00 2001
From: ajay <ajay.devxtra@gmail.com>
Date: Thu, 19 Feb 2026 11:14:10 +0530
Subject: [PATCH 37/61] feat:meili integration for gigs done

---
 .../src/controllers/search.controller.ts      | 37 +++++++++++++++++++
 apps/core-api/src/routes/search.routes.ts     |  8 +++-
 .../src/search/filters/brand.filter.ts        |  0
 .../core-api/src/search/filters/gig.filter.ts | 17 +++++++++
 .../src/search/filters/influencer.filter.ts   |  0
 .../src/search/indexes/brand.index.ts         | 10 +++++
 apps/core-api/src/search/indexes/gig.index.ts | 10 +++++
 .../src/search/indexes/influencer.index.ts    | 10 +++++
 .../src/search/services/search.service.ts     | 10 +++++
 apps/core-api/src/search/setup.ts             | 24 ++++++++----
 apps/core-api/src/server.ts                   |  2 +
 11 files changed, 120 insertions(+), 8 deletions(-)
 create mode 100644 apps/core-api/src/controllers/search.controller.ts
 create mode 100644 apps/core-api/src/search/filters/brand.filter.ts
 create mode 100644 apps/core-api/src/search/filters/gig.filter.ts
 create mode 100644 apps/core-api/src/search/filters/influencer.filter.ts
 create mode 100644 apps/core-api/src/search/services/search.service.ts

diff --git a/apps/core-api/src/controllers/search.controller.ts b/apps/core-api/src/controllers/search.controller.ts
new file mode 100644
index 0000000..cab7a05
--- /dev/null
+++ b/apps/core-api/src/controllers/search.controller.ts
@@ -0,0 +1,37 @@
+import type { Request, Response, NextFunction } from "express";
+
+import { searchIndex } from "../search/services/search.service.js";
+import { buildGigFilters } from "../search/filters/gig.filter.js";
+
+export const searchGigs = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { q = "", page = 1, limit = 10 } = req.query;
+
+    const filters = buildGigFilters(req.query);
+
+    const options: { limit?: number; offset?: number; filter?: string[] } = {
+      limit: Number(limit),
+      offset: (Number(page) - 1) * Number(limit),
+    };
+
+    if (filters.length > 0) {
+      options.filter = filters;
+    }
+
+    const result = await searchIndex("gigs", q as string, options);
+
+    res.status(200).json({
+      hits: result.hits,
+      total: result.estimatedTotalHits,
+      page: Number(page),
+      limit: Number(limit),
+    });
+
+  } catch (error) {
+    next(error);
+  }
+};
diff --git a/apps/core-api/src/routes/search.routes.ts b/apps/core-api/src/routes/search.routes.ts
index 9bf7f97..3612195 100644
--- a/apps/core-api/src/routes/search.routes.ts
+++ b/apps/core-api/src/routes/search.routes.ts
@@ -1,5 +1,11 @@
 import { Router } from "express";
 
-const router: Router = Router()
+import { searchGigs } from "../controllers/search.controller.js";
+
+const router: Router = Router();
+
+router.get("/gigs",searchGigs);
+
+
 
 export default router
\ No newline at end of file
diff --git a/apps/core-api/src/search/filters/brand.filter.ts b/apps/core-api/src/search/filters/brand.filter.ts
new file mode 100644
index 0000000..e69de29
diff --git a/apps/core-api/src/search/filters/gig.filter.ts b/apps/core-api/src/search/filters/gig.filter.ts
new file mode 100644
index 0000000..0333e3e
--- /dev/null
+++ b/apps/core-api/src/search/filters/gig.filter.ts
@@ -0,0 +1,17 @@
+export const buildGigFilters = (query: {niche?: string; minPrice?: number; maxPrice?: number}): string[] => {
+  const filters: string[] = [];
+
+  if (query.niche) {
+    filters.push(`niche = "${query.niche}"`);
+  }
+
+  if (query.minPrice) {
+    filters.push(`price >= ${Number(query.minPrice)}`);
+  }
+
+  if (query.maxPrice) {
+    filters.push(`price <= ${Number(query.maxPrice)}`);
+  }
+
+  return filters;
+};
\ No newline at end of file
diff --git a/apps/core-api/src/search/filters/influencer.filter.ts b/apps/core-api/src/search/filters/influencer.filter.ts
new file mode 100644
index 0000000..e69de29
diff --git a/apps/core-api/src/search/indexes/brand.index.ts b/apps/core-api/src/search/indexes/brand.index.ts
index e69de29..709257a 100644
--- a/apps/core-api/src/search/indexes/brand.index.ts
+++ b/apps/core-api/src/search/indexes/brand.index.ts
@@ -0,0 +1,10 @@
+import { meili } from "../meili.js";
+
+export const setupBrandIndex=async ()=>{
+    const index=meili.index("brands");
+
+    await index.updateSettings({
+        searchableAttributes:["companyName","industry"],
+        filterableAttributes:["industry"]
+    })
+}
\ No newline at end of file
diff --git a/apps/core-api/src/search/indexes/gig.index.ts b/apps/core-api/src/search/indexes/gig.index.ts
index e69de29..d9a0217 100644
--- a/apps/core-api/src/search/indexes/gig.index.ts
+++ b/apps/core-api/src/search/indexes/gig.index.ts
@@ -0,0 +1,10 @@
+import { meili } from "../meili.js";
+
+export const setupGigIndex=async () =>{
+    const index=meili.index("gigs");
+
+    await index.updateSettings({
+        searchableAttributes:["title","category","tags","price","searchMeta"],
+        filterableAttributes:["category","price","time"]
+    })
+}
\ No newline at end of file
diff --git a/apps/core-api/src/search/indexes/influencer.index.ts b/apps/core-api/src/search/indexes/influencer.index.ts
index e69de29..09df358 100644
--- a/apps/core-api/src/search/indexes/influencer.index.ts
+++ b/apps/core-api/src/search/indexes/influencer.index.ts
@@ -0,0 +1,10 @@
+import { meili } from "../meili.js";
+
+export const setupInfluencerIndex= async ()=>{
+    const index=meili.index("influencers");
+
+    await index.updateSettings({
+        searchableAttributes:["fullName","username","instagram","youtube","category","location","languages","followersCount","engagementRate"],
+        filterableAttributes:["category","language","folllowersCount","engagementRate"]
+    })
+}
\ No newline at end of file
diff --git a/apps/core-api/src/search/services/search.service.ts b/apps/core-api/src/search/services/search.service.ts
new file mode 100644
index 0000000..9353654
--- /dev/null
+++ b/apps/core-api/src/search/services/search.service.ts
@@ -0,0 +1,10 @@
+import { meili } from "../meili.js";
+
+export const searchIndex = async (
+  indexName: string,
+  query: string,
+  options: { limit?: number; offset?: number; filters?: string[] }
+) => {
+  const index = meili.index(indexName);
+  return await index.search(query || "", options);
+};
diff --git a/apps/core-api/src/search/setup.ts b/apps/core-api/src/search/setup.ts
index 32c8a64..c0f3f2d 100644
--- a/apps/core-api/src/search/setup.ts
+++ b/apps/core-api/src/search/setup.ts
@@ -1,10 +1,20 @@
-import { meili } from "./meili.js";
+import { logger } from "../utils/logger.js";
 
-export const setupGigIndex=async () =>{
-    const index=meili.index("gigs");
+import { setupBrandIndex } from "./indexes/brand.index.js";
+import { setupGigIndex } from "./indexes/gig.index.js";
+import { setupInfluencerIndex } from "./indexes/influencer.index.js";
 
-    await index.updateSettings({
-        searchableAttributes:[],
-        filterableAttributes:[]
-    })
+export const setupMeili=async ()=>{
+    try {
+        await Promise.all([
+            setupBrandIndex(),
+            setupGigIndex(),
+            setupInfluencerIndex()
+        ])
+    logger.info("Meilisearch indexes configured successfully");
+
+    } catch (error) {
+        logger.error("Meili setup failed",error)
+        process.exit(1);
+    }
 }
\ No newline at end of file
diff --git a/apps/core-api/src/server.ts b/apps/core-api/src/server.ts
index 8ead6a0..6962182 100644
--- a/apps/core-api/src/server.ts
+++ b/apps/core-api/src/server.ts
@@ -14,6 +14,7 @@ import "./search/meili.js";
 import router from "./routes/index.js";
 import { connectDB } from "./db/connect.js";
 import { cleanupExpiredSignups } from "./services/verification.service.js";
+import { setupMeili } from "./search/setup.js";
 
 
 
@@ -52,6 +53,7 @@ app.get("/health", (req, res) => {
 
 app.use(notFound);
 app.use(errorHandler);
+await setupMeili();
 
 connectRabbit();
 

From 146a49d0b45c97c65439b5e90cf809c6c2a11fe9 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Thu, 19 Feb 2026 14:45:08 +0530
Subject: [PATCH 38/61] feat(dltgig):editgigs

---
 .../src/controllers/gig.controller.ts         | 137 ++++++++++--
 apps/core-api/src/routes/gigs.routes.ts       |   6 +-
 apps/core-api/src/services/gig.service.ts     | 201 +++++++++++++++++-
 3 files changed, 322 insertions(+), 22 deletions(-)

diff --git a/apps/core-api/src/controllers/gig.controller.ts b/apps/core-api/src/controllers/gig.controller.ts
index 0a9912f..d2e0e79 100644
--- a/apps/core-api/src/controllers/gig.controller.ts
+++ b/apps/core-api/src/controllers/gig.controller.ts
@@ -1,6 +1,38 @@
 import type { NextFunction, Request, Response } from "express";
 
-import { createGigService, getGigDetailsService, listGigsService } from "../services/gig.service.js";
+import { createGigService, deleteGigService, editGigService, getGigDetailsService, listGigsService } from "../services/gig.service.js";
+import type { AuthRequest } from "../middlewares/auth.middleware.js";
+
+
+
+// ================= CREATE GIG =================
+
+export const createGigController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { userId, role } = req.user!;
+
+    const result = await createGigService(
+      userId,
+      role,
+      req.body
+    );
+
+    return res.status(201).json({
+      success: true,
+      message:
+        result.collaborators.length > 0
+          ? "Gig created as draft. Waiting for collaborator approval."
+          : "Gig created and published successfully.",
+      data: result.gig
+    });
+  } catch (error) {
+    next(error);
+  }
+};
 
 /* ================= LIST GIGS ================= */
 
@@ -54,29 +86,98 @@ export const getGigDetailsController = async (
 
 
 
-export const createGigController = async (
-  req: Request,
-  res: Response,
-  next: NextFunction
+// ================= EDIT GIG =================
+export const editGigController = async (
+  req: AuthRequest,
+  res: Response
 ) => {
   try {
-    const { userId, role } = req.user!;
+    const { id } = req.params;
 
-    const result = await createGigService(
-      userId,
-      role,
+    // 1️⃣ Check if ID exists AND is string
+    if (!id || Array.isArray(id)) {
+      return res.status(400).json({
+        message: "Invalid Gig ID"
+      });
+    }
+
+    if (!req.user) {
+      return res.status(401).json({
+        message: "Unauthorized"
+      });
+    }
+
+    const updatedGig = await editGigService(
+      id,
+      req.user,
       req.body
     );
 
-    return res.status(201).json({
-      success: true,
-      message:
-        result.collaborators.length > 0
-          ? "Gig created as draft. Waiting for collaborator approval."
-          : "Gig created and published successfully.",
-      data: result.gig
+    return res.status(200).json(updatedGig);
+
+  } catch (error: unknown) {
+    console.error("Error editing gig:", error);
+
+    if (error instanceof Error) {
+      const statusCode =
+        (error as { statusCode?: number }).statusCode || 500;
+
+      return res.status(statusCode).json({
+        message: error.message
+      });
+    }
+
+    return res.status(500).json({
+      message: "Internal server error"
+    });
+  }
+};
+
+
+
+//* ================= DELETE GIG =================
+
+export const deleteGigController = async (
+  req: AuthRequest,
+  res: Response
+) => {
+  try {
+    const { id } = req.params;
+
+    // 1️⃣ Validate ID exists and is string
+    if (!id || Array.isArray(id)) {
+      return res.status(400).json({
+        message: "Invalid Gig ID"
+      });
+    }
+
+    // 2️⃣ Ensure authenticated user exists
+    if (!req.user) {
+      return res.status(401).json({
+        message: "Unauthorized"
+      });
+    }
+
+    await deleteGigService(id, req.user);
+
+    return res.status(200).json({
+      message: "Gig deleted successfully"
+    });
+
+  } catch (error: unknown) {
+    console.error("Error deleting gig:", error);
+
+    if (error instanceof Error) {
+      const statusCode =
+        (error as { statusCode?: number }).statusCode ?? 500;
+
+      return res.status(statusCode).json({
+        message: error.message
+      });
+    }
+
+    return res.status(500).json({
+      message: "Internal server error"
     });
-  } catch (error) {
-    next(error);
   }
 };
diff --git a/apps/core-api/src/routes/gigs.routes.ts b/apps/core-api/src/routes/gigs.routes.ts
index ad47ac4..18bcb29 100644
--- a/apps/core-api/src/routes/gigs.routes.ts
+++ b/apps/core-api/src/routes/gigs.routes.ts
@@ -1,14 +1,16 @@
 import { Router } from "express";
 
-import { createGigController, getGigDetailsController, listGigsController } from "../controllers/gig.controller.js";
+import { createGigController, deleteGigController, editGigController, getGigDetailsController, listGigsController } from "../controllers/gig.controller.js";
 import { authenticate, authorizePermission } from "../middlewares/auth.middleware.js";
 import { Permission } from "../rbac/permission.js";
 
 
+
 const router: Router = Router()
 
 router.get("/", listGigsController);
 router.get("/:id", getGigDetailsController);
 router.post("/create_gig",authenticate,authorizePermission(Permission.CREATE_GIG),createGigController);
-
+router.patch("/:id",authenticate,authorizePermission(Permission.UPDATE_GIG),editGigController);
+router.delete("/:id",authenticate,authorizePermission(Permission.DELETE_GIG),deleteGigController);
 export default router
\ No newline at end of file
diff --git a/apps/core-api/src/services/gig.service.ts b/apps/core-api/src/services/gig.service.ts
index afa043a..086aa3d 100644
--- a/apps/core-api/src/services/gig.service.ts
+++ b/apps/core-api/src/services/gig.service.ts
@@ -1,10 +1,11 @@
 import mongoose from "mongoose";
 import { Types } from "mongoose";
+import type { JwtPayload } from "jsonwebtoken";
 
 import { GigModel } from "../models/gig.model.js";
 import { create_gig } from "../repositories/gig.repository.js";
-import { type GigStatus } from "../types/gig.type.js";
-import { InfluencerProfile } from "../models/influencer.model.js";
+import { type GigDocument, type GigStatus } from "../types/gig.type.js";
+import { InfluencerProfile, type IInfluencerProfile } from "../models/influencer.model.js";
 import { UserRole } from "../models/user.model.js";
 
 
@@ -202,3 +203,199 @@ const gig = await create_gig({
     collaborators: collaboratorObjectIds
   };
 };
+
+//* ================= EDIT GIG ================= */
+
+
+interface HttpError extends Error {
+  statusCode?: number;
+}
+
+type EditableGigFields = {
+  title?: string;
+  description?: string;
+  category?: string;
+  tags?: string[];
+  deliverables?: string[];
+  pricing?: {
+    basePrice: number;
+    currency: "INR" | "USD";
+    negotiationAllowed?: boolean;
+  };
+  maxBookingsPerSlot?: number;
+  status?: "draft" | "published" | "paused" | "archived";
+};
+
+export const editGigService = async (
+  gigId: string,
+  user: JwtPayload,
+  updateData: EditableGigFields
+) => {
+  // 1️⃣ Validate Gig ID
+  if (!mongoose.Types.ObjectId.isValid(gigId)) {
+    const err: HttpError = new Error("Invalid gig ID");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  // 2️⃣ Ensure user role is INFLUENCER
+  if (user.role !== "INFLUENCER") {
+    const err: HttpError = new Error("Only influencers can edit gigs");
+    err.statusCode = 403;
+    throw err;
+  }
+
+  // 3️⃣ Find influencer profile using userId from JWT
+  const influencerProfile = await InfluencerProfile.findOne({
+    userId: user.userId
+  });
+
+  if (!influencerProfile) {
+    const err: HttpError = new Error("Influencer profile not found");
+    err.statusCode = 404;
+    throw err;
+  }
+
+  // 4️⃣ Find gig (must not be deleted)
+  const gig = await GigModel.findOne({
+    _id: gigId,
+    isDeleted: false
+  });
+
+  if (!gig) {
+    const err: HttpError = new Error("Gig not found");
+    err.statusCode = 404;
+    throw err;
+  }
+
+  // 5️⃣ Ownership check
+  if (
+    gig.primaryInfluencerId.toString() !==
+    influencerProfile._id.toString()
+  ) {
+    const err: HttpError = new Error(
+      "You are not allowed to edit this gig"
+    );
+    err.statusCode = 403;
+    throw err;
+  }
+
+  // 6️⃣ Safe field updates (no any, no unsafe casting)
+
+  if (updateData.title !== undefined) {
+    gig.title = updateData.title;
+  }
+
+  if (updateData.description !== undefined) {
+    gig.description = updateData.description;
+  }
+
+  if (updateData.category !== undefined) {
+    gig.category = updateData.category;
+  }
+
+  if (updateData.tags !== undefined) {
+    gig.tags = updateData.tags;
+  }
+
+  if (updateData.deliverables !== undefined) {
+    gig.deliverables = updateData.deliverables;
+  }
+if (updateData.pricing !== undefined) {
+  if (updateData.pricing.basePrice !== undefined) {
+    gig.pricing.basePrice = updateData.pricing.basePrice;
+  }
+
+  if (updateData.pricing.currency !== undefined) {
+    gig.pricing.currency = updateData.pricing.currency;
+  }
+
+  if (updateData.pricing.negotiationAllowed !== undefined) {
+    gig.pricing.negotiationAllowed =
+      updateData.pricing.negotiationAllowed;
+  }
+}
+
+  if (updateData.maxBookingsPerSlot !== undefined) {
+    gig.maxBookingsPerSlot = updateData.maxBookingsPerSlot;
+  }
+
+  if (updateData.status !== undefined) {
+    gig.status = updateData.status;
+  }
+
+  await gig.save();
+
+  return gig;
+};
+
+
+
+//* ================= DELETE GIG =================
+
+
+interface HttpError extends Error {
+  statusCode?: number;
+}
+
+export const deleteGigService = async (
+  gigId: string,
+  user: JwtPayload
+): Promise<void> => {
+  // 1️⃣ Validate ObjectId
+  if (!mongoose.Types.ObjectId.isValid(gigId)) {
+    const err: HttpError = new Error("Invalid gig ID");
+    err.statusCode = 400;
+    throw err;
+  }
+
+  // 2️⃣ Only influencers allowed
+  if (user.role !== "INFLUENCER") {
+    const err: HttpError = new Error("Only influencers can delete gigs");
+    err.statusCode = 403;
+    throw err;
+  }
+
+  // 3️⃣ Find influencer profile
+  const influencerProfile: IInfluencerProfile | null =
+    await InfluencerProfile.findOne({
+      userId: user.userId
+    });
+
+  if (!influencerProfile) {
+    const err: HttpError = new Error("Influencer profile not found");
+    err.statusCode = 404;
+    throw err;
+  }
+
+  // 4️⃣ Find gig
+ const gig = await GigModel.findOne({
+  _id: gigId,
+  isDeleted: false
+});
+
+
+  if (!gig) {
+    const err: HttpError = new Error("Gig not found or already deleted");
+    err.statusCode = 404;
+    throw err;
+  }
+
+  // 5️⃣ Ownership check
+  if (
+    gig.primaryInfluencerId.toString() !==
+    influencerProfile._id.toString()
+  ) {
+    const err: HttpError = new Error(
+      "You are not allowed to delete this gig"
+    );
+    err.statusCode = 403;
+    throw err;
+  }
+
+  // 6️⃣ Soft delete
+  gig.isDeleted = true;
+  gig.status = "archived";
+
+  await gig.save();
+};
\ No newline at end of file

From 50b4806da34a8176dbe119305a2b3b26be964ae3 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Wed, 25 Feb 2026 14:36:09 +0530
Subject: [PATCH 39/61] feat(gig-list):UI

---
 apps/core-api/src/services/gig.service.ts |  24 +-
 apps/web/app/gig-list/page.tsx            | 717 ++++++++++++++++++++++
 2 files changed, 729 insertions(+), 12 deletions(-)
 create mode 100644 apps/web/app/gig-list/page.tsx

diff --git a/apps/core-api/src/services/gig.service.ts b/apps/core-api/src/services/gig.service.ts
index 086aa3d..3c8e0cf 100644
--- a/apps/core-api/src/services/gig.service.ts
+++ b/apps/core-api/src/services/gig.service.ts
@@ -231,21 +231,21 @@ export const editGigService = async (
   user: JwtPayload,
   updateData: EditableGigFields
 ) => {
-  // 1️⃣ Validate Gig ID
+  //  Validate Gig ID
   if (!mongoose.Types.ObjectId.isValid(gigId)) {
     const err: HttpError = new Error("Invalid gig ID");
     err.statusCode = 400;
     throw err;
   }
 
-  // 2️⃣ Ensure user role is INFLUENCER
+  //  Ensure user role is INFLUENCER
   if (user.role !== "INFLUENCER") {
     const err: HttpError = new Error("Only influencers can edit gigs");
     err.statusCode = 403;
     throw err;
   }
 
-  // 3️⃣ Find influencer profile using userId from JWT
+  //  Find influencer profile using userId from JWT
   const influencerProfile = await InfluencerProfile.findOne({
     userId: user.userId
   });
@@ -256,7 +256,7 @@ export const editGigService = async (
     throw err;
   }
 
-  // 4️⃣ Find gig (must not be deleted)
+  //  Find gig (must not be deleted)
   const gig = await GigModel.findOne({
     _id: gigId,
     isDeleted: false
@@ -268,7 +268,7 @@ export const editGigService = async (
     throw err;
   }
 
-  // 5️⃣ Ownership check
+  //  Ownership check
   if (
     gig.primaryInfluencerId.toString() !==
     influencerProfile._id.toString()
@@ -280,7 +280,7 @@ export const editGigService = async (
     throw err;
   }
 
-  // 6️⃣ Safe field updates (no any, no unsafe casting)
+  //  Safe field updates (no any, no unsafe casting)
 
   if (updateData.title !== undefined) {
     gig.title = updateData.title;
@@ -342,21 +342,21 @@ export const deleteGigService = async (
   gigId: string,
   user: JwtPayload
 ): Promise<void> => {
-  // 1️⃣ Validate ObjectId
+  //  Validate ObjectId
   if (!mongoose.Types.ObjectId.isValid(gigId)) {
     const err: HttpError = new Error("Invalid gig ID");
     err.statusCode = 400;
     throw err;
   }
 
-  // 2️⃣ Only influencers allowed
+  //  Only influencers allowed
   if (user.role !== "INFLUENCER") {
     const err: HttpError = new Error("Only influencers can delete gigs");
     err.statusCode = 403;
     throw err;
   }
 
-  // 3️⃣ Find influencer profile
+  //  Find influencer profile
   const influencerProfile: IInfluencerProfile | null =
     await InfluencerProfile.findOne({
       userId: user.userId
@@ -368,7 +368,7 @@ export const deleteGigService = async (
     throw err;
   }
 
-  // 4️⃣ Find gig
+  //  Find gig
  const gig = await GigModel.findOne({
   _id: gigId,
   isDeleted: false
@@ -381,7 +381,7 @@ export const deleteGigService = async (
     throw err;
   }
 
-  // 5️⃣ Ownership check
+  //  Ownership check
   if (
     gig.primaryInfluencerId.toString() !==
     influencerProfile._id.toString()
@@ -393,7 +393,7 @@ export const deleteGigService = async (
     throw err;
   }
 
-  // 6️⃣ Soft delete
+  //  Soft delete
   gig.isDeleted = true;
   gig.status = "archived";
 
diff --git a/apps/web/app/gig-list/page.tsx b/apps/web/app/gig-list/page.tsx
new file mode 100644
index 0000000..5336043
--- /dev/null
+++ b/apps/web/app/gig-list/page.tsx
@@ -0,0 +1,717 @@
+"use client";
+import { useState, useEffect, useCallback } from "react";
+
+// ─── Types ───────────────────────────────────────────────────────────────────
+
+type Platform = "IG" | "YT" | "TT" | "PT";
+type ViewMode = "grid" | "list";
+type SortOption = "recommended" | "price_asc" | "price_desc" | "next_available";
+
+interface GigPricing {
+  basePrice: number;
+  currency: string;
+}
+
+interface Gig {
+  _id: string;
+  title: string;
+  category: string;
+  pricing: GigPricing;
+  primaryInfluencerId: string;
+  createdAt: string;
+  // Enriched fields from influencer populate (adjust to your actual schema)
+  influencer?: {
+    name: string;
+    avatar?: string;
+    niche?: string;
+    platforms?: Platform[];
+    availableFrom?: string;
+  };
+}
+
+interface Pagination {
+  page: number;
+  limit: number;
+  total: number;
+  totalPages: number;
+}
+
+interface ApiResponse {
+  data: Gig[];
+  pagination: Pagination;
+}
+
+// ─── Constants ────────────────────────────────────────────────────────────────
+
+const LIMIT = 9;
+
+// Replace with your actual API base URL
+const API_BASE = process.env.NEXT_PUBLIC_API_URL ?? "/api";
+
+const platformColors: Record<Platform, string> = {
+  IG: "bg-pink-100 text-pink-600",
+  YT: "bg-red-100 text-red-600",
+  TT: "bg-slate-100 text-slate-700",
+  PT: "bg-orange-100 text-orange-600",
+};
+
+const platformIcons: Record<Platform, string> = {
+  IG: "📸",
+  YT: "▶",
+  TT: "♪",
+  PT: "📌",
+};
+
+const categories: string[] = [
+  "Fashion & Beauty",
+  "Tech & Gadgets",
+  "Fitness & Health",
+  "Lifestyle",
+];
+
+const platformList: string[] = ["Instagram", "YouTube", "TikTok"];
+
+const sortOptions: { label: string; value: SortOption }[] = [
+  { label: "Recommended", value: "recommended" },
+  { label: "Price: Low to High", value: "price_asc" },
+  { label: "Price: High to Low", value: "price_desc" },
+  { label: "Next Available", value: "next_available" },
+];
+
+// Deterministic avatar color based on id string
+const avatarColor = (id: string) => {
+  const colors = [
+    "#e8736c", "#5b8dee", "#4db89e", "#f0a500", "#b57bee", "#e06060",
+  ];
+  let hash = 0;
+  for (let i = 0; i < id.length; i++) hash = id.charCodeAt(i) + ((hash << 5) - hash);
+  return colors[Math.abs(hash) % colors.length];
+};
+
+const initials = (name: string) =>
+  name
+    .split(" ")
+    .slice(0, 2)
+    .map((w) => w[0])
+    .join("")
+    .toUpperCase();
+
+const formatCurrency = (amount: number, currency = "INR") => {
+  if (currency === "INR") return `₹${amount.toLocaleString("en-IN")}`;
+  return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(amount);
+};
+
+// ─── Skeleton Card ────────────────────────────────────────────────────────────
+
+function SkeletonCard() {
+  return (
+    <div className="bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden animate-pulse">
+      <div className="h-1 bg-gray-200 w-full" />
+      <div className="p-5 space-y-3">
+        <div className="flex items-center gap-3">
+          <div className="w-11 h-11 rounded-full bg-gray-200 shrink-0" />
+          <div className="flex-1 space-y-1.5">
+            <div className="h-3.5 bg-gray-200 rounded w-3/4" />
+            <div className="h-2.5 bg-gray-100 rounded w-1/2" />
+          </div>
+        </div>
+        <div className="h-2.5 bg-gray-100 rounded w-full" />
+        <div className="h-2.5 bg-gray-100 rounded w-5/6" />
+        <div className="flex gap-1.5">
+          <div className="h-5 w-12 bg-gray-100 rounded-md" />
+          <div className="h-5 w-12 bg-gray-100 rounded-md" />
+        </div>
+        <div className="flex justify-between items-end pt-1">
+          <div className="h-6 w-20 bg-gray-200 rounded" />
+          <div className="h-4 w-24 bg-gray-100 rounded" />
+        </div>
+        <div className="flex items-center justify-between pt-3 border-t border-gray-50">
+          <div className="h-7 w-16 bg-gray-100 rounded" />
+          <div className="h-8 w-20 bg-gray-200 rounded-xl" />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+// ─── Gig Card ─────────────────────────────────────────────────────────────────
+
+function GigCard({ gig, view }: { gig: Gig; view: ViewMode }) {
+  const name = gig.influencer?.name ?? "Unknown Creator";
+  const niche = gig.influencer?.niche ?? gig.category;
+  const platforms = gig.influencer?.platforms ?? [];
+  const availableFrom = gig.influencer?.availableFrom;
+  const color = avatarColor(gig._id);
+
+  const availableLabel = availableFrom
+    ? new Date(availableFrom).toLocaleDateString("en-US", { month: "short", day: "numeric" })
+    : "Available";
+
+  if (view === "list") {
+    return (
+      <div className="bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-md transition-all duration-200 overflow-hidden group flex items-center gap-5 px-5 py-4">
+        <div className="h-full w-1 rounded-full shrink-0 self-stretch" style={{ background: color }} />
+        <div
+          className="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-xs shrink-0"
+          style={{ background: color }}
+        >
+          {initials(name)}
+        </div>
+        <div className="flex-1 min-w-0">
+          <div className="flex items-center gap-1 mb-0.5">
+            <span className="font-semibold text-gray-900 text-sm truncate">{name}</span>
+            <svg className="w-4 h-4 text-emerald-500 shrink-0" fill="currentColor" viewBox="0 0 20 20">
+              <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
+            </svg>
+          </div>
+          <p className="text-xs text-gray-400 truncate">{gig.title}</p>
+        </div>
+        <div className="flex gap-1.5 shrink-0">
+          {platforms.map((p) => (
+            <span key={p} className={`text-xs font-medium px-2 py-0.5 rounded-md ${platformColors[p]}`}>
+              {platformIcons[p]} {p}
+            </span>
+          ))}
+        </div>
+        <div className="text-right shrink-0">
+          <p className="text-xs text-gray-400">Starting at</p>
+          <p className="text-base font-bold text-gray-900">
+            {formatCurrency(gig.pricing.basePrice, gig.pricing.currency)}
+          </p>
+        </div>
+        <div className="shrink-0 flex items-center gap-1 text-xs text-gray-400">
+          <svg className="w-3.5 h-3.5 text-emerald-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
+          </svg>
+          {availableLabel}
+        </div>
+        <button className="shrink-0 text-sm font-semibold bg-emerald-600 text-white px-4 py-2 rounded-xl hover:bg-emerald-700 transition-colors shadow-sm">
+          View Gig
+        </button>
+      </div>
+    );
+  }
+
+  return (
+    <div className="bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-md transition-all duration-200 hover:-translate-y-0.5 overflow-hidden group">
+      <div className="h-1 w-full" style={{ background: color }} />
+      <div className="p-5">
+        <div className="flex items-center gap-3 mb-3">
+          <div
+            className="w-11 h-11 rounded-full flex items-center justify-center text-white font-bold text-sm shrink-0"
+            style={{ background: color }}
+          >
+            {initials(name)}
+          </div>
+          <div>
+            <div className="flex items-center gap-1">
+              <span className="font-semibold text-gray-900 text-sm">{name}</span>
+              <svg className="w-4 h-4 text-emerald-500" fill="currentColor" viewBox="0 0 20 20">
+                <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
+              </svg>
+            </div>
+            <p className="text-xs text-gray-400">{niche}</p>
+          </div>
+        </div>
+
+        <p className="text-xs text-gray-500 mb-3 leading-relaxed line-clamp-2">{gig.title}</p>
+
+        <div className="flex gap-1.5 mb-4 flex-wrap">
+          {platforms.length > 0
+            ? platforms.map((p) => (
+                <span key={p} className={`text-xs font-medium px-2 py-0.5 rounded-md ${platformColors[p]}`}>
+                  {platformIcons[p]} {p}
+                </span>
+              ))
+            : (
+                <span className="text-xs text-gray-300">—</span>
+              )}
+        </div>
+
+        <div className="flex items-end justify-between mb-4">
+          <div>
+            <p className="text-xs text-gray-400 mb-0.5">Starting at</p>
+            <p className="text-lg font-bold text-gray-900">
+              {formatCurrency(gig.pricing.basePrice, gig.pricing.currency)}
+            </p>
+          </div>
+          <div className="text-right">
+            <div className="flex items-center gap-1 text-xs text-gray-400">
+              <svg className="w-3.5 h-3.5 text-emerald-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
+              </svg>
+              Next:{" "}
+              <span className="font-semibold text-gray-600">{availableLabel}</span>
+            </div>
+          </div>
+        </div>
+
+        <div className="flex items-center justify-between pt-3 border-t border-gray-50">
+          <p className="text-xs text-gray-400">
+            Booking confirmed
+            <br />
+            after payment
+          </p>
+          <button className="text-sm font-semibold bg-emerald-600 text-white px-4 py-2 rounded-xl hover:bg-emerald-700 transition-colors shadow-sm">
+            View Gig
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+// ─── Main Component ───────────────────────────────────────────────────────────
+
+const MAX_PRICE_LIMIT = 50000;
+
+export default function ExploreGigs() {
+  const [search, setSearch] = useState<string>("");
+  const [activeCategory, setActiveCategory] = useState<string | null>(null);
+  const [activePlatform, setActivePlatform] = useState<string | null>(null);
+  const [availableOnly, setAvailableOnly] = useState<boolean>(false);
+  const [view, setView] = useState<ViewMode>("grid");
+  const [sort, setSort] = useState<SortOption>("recommended");
+  const [maxPrice, setMaxPrice] = useState<number>(MAX_PRICE_LIMIT);
+  const [page, setPage] = useState<number>(1);
+
+  const [gigs, setGigs] = useState<Gig[]>([]);
+  const [pagination, setPagination] = useState<Pagination | null>(null);
+  const [loading, setLoading] = useState<boolean>(false);
+  const [error, setError] = useState<string | null>(null);
+
+  // ── "committed" filters are what actually trigger API calls ──────────────
+  // Draft filters (search, maxPrice) are local UI state only — no fetch until
+  // the user finishes typing (blur / Enter) or stops dragging the slider.
+  const [committedSearch, setCommittedSearch] = useState<string>("");
+  const [committedMaxPrice, setCommittedMaxPrice] = useState<number>(MAX_PRICE_LIMIT);
+
+  const fetchGigs = useCallback(async (
+    opts: {
+      page: number;
+      category: string | null;
+      maxPrice: number;
+      sort: SortOption;
+      search: string;
+    }
+  ) => {
+    setLoading(true);
+    setError(null);
+
+    try {
+      const params = new URLSearchParams();
+      params.set("page", String(opts.page));
+      params.set("limit", String(LIMIT));
+
+      if (opts.category) params.set("category", opts.category);
+      if (opts.maxPrice < MAX_PRICE_LIMIT) params.set("maxPrice", String(opts.maxPrice));
+      if (opts.sort !== "recommended") params.set("sort", opts.sort);
+      if (opts.search) params.set("search", opts.search);
+
+      const res = await fetch(`${API_BASE}/gigs?${params.toString()}`);
+      if (!res.ok) throw new Error(`Request failed: ${res.status}`);
+
+      const json: ApiResponse = await res.json();
+      setGigs(json.data);
+      setPagination(json.pagination);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Something went wrong");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  // Only fetch when committed values or page/sort/category change
+  useEffect(() => {
+    fetchGigs({ page, category: activeCategory, maxPrice: committedMaxPrice, sort, search: committedSearch });
+  }, [page, activeCategory, committedMaxPrice, sort, committedSearch, fetchGigs]);
+
+  // ── Category: immediate commit (it's a click, not a drag/type) ────────────
+  const handleCategoryChange = (cat: string) => {
+    setActiveCategory((prev) => (prev === cat ? null : cat));
+    setPage(1);
+  };
+
+  const handlePlatformChange = (p: string) => {
+    setActivePlatform((prev) => (prev === p ? null : p));
+    setPage(1);
+  };
+
+  const handleSortChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
+    setSort(e.target.value as SortOption);
+    setPage(1);
+  };
+
+  // ── Price slider: update display instantly, fetch only on mouse/touch release
+  const handleMaxPriceChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setMaxPrice(Number(e.target.value)); // updates label only, no fetch
+  };
+  const handleMaxPriceCommit = () => {
+    setCommittedMaxPrice(maxPrice);
+    setPage(1);
+  };
+
+  // ── Search: update input instantly, fetch on Enter or blur ───────────────
+  const handleSearchKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === "Enter") {
+      setCommittedSearch(search);
+      setPage(1);
+    }
+  };
+  const handleSearchBlur = () => {
+    if (search !== committedSearch) {
+      setCommittedSearch(search);
+      setPage(1);
+    }
+  };
+  const handleSearchClear = () => {
+    setSearch("");
+    setCommittedSearch("");
+    setPage(1);
+  };
+
+  const totalPages = pagination?.totalPages ?? 1;
+
+  const pageNumbers = (): (number | "…")[] => {
+    if (totalPages <= 7) return Array.from({ length: totalPages }, (_, i) => i + 1);
+    const pages: (number | "…")[] = [1];
+    if (page > 3) pages.push("…");
+    for (let i = Math.max(2, page - 1); i <= Math.min(totalPages - 1, page + 1); i++) {
+      pages.push(i);
+    }
+    if (page < totalPages - 2) pages.push("…");
+    pages.push(totalPages);
+    return pages;
+  };
+
+  return (
+    <div className="min-h-screen bg-[#f5f5f3] font-sans" style={{ colorScheme: "light" }}>
+      {/* Navbar */}
+      <nav className="bg-white border-b border-gray-100 sticky top-0 z-50" style={{ colorScheme: "light" }}>
+        <div className="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between">
+          <div className="flex items-center gap-2">
+            <div className="w-8 h-8 bg-emerald-600 rounded-lg flex items-center justify-center text-white font-bold text-sm">
+              N
+            </div>
+            <span className="font-semibold text-gray-900 text-lg tracking-tight">Noillin</span>
+          </div>
+          <div className="hidden md:flex items-center gap-8 text-sm text-gray-500">
+            <a href="#" className="hover:text-gray-900 transition-colors">About</a>
+            <a href="#" className="hover:text-gray-900 transition-colors">Influencers</a>
+            <a href="#" className="text-emerald-600 font-medium">Gigs</a>
+            <a href="#" className="hover:text-gray-900 transition-colors">Support</a>
+          </div>
+          <div className="flex items-center gap-3">
+            <button className="text-sm text-gray-600 hover:text-gray-900 transition-colors font-medium hover:cursor-pointer">Sign In</button>
+            <button className="text-sm bg-gray-900 text-white px-4 py-2 rounded-lg hover:bg-gray-700 transition-colors font-medium hover:cursor-pointer">
+              Get Started
+            </button>
+          </div>
+        </div>
+      </nav>
+
+      <div className="max-w-7xl mx-auto px-6 py-8 flex gap-8">
+        {/* Sidebar */}
+        <aside className="w-52 shrink-0 space-y-8">
+          {/* Platform */}
+          <div>
+            <p className="text-xs font-semibold text-gray-400 uppercase tracking-widest mb-3">Platform</p>
+            <ul className="space-y-1">
+              {platformList.map((p) => (
+                <li key={p}>
+                  <button
+                    onClick={() => handlePlatformChange(p)}
+                    className={`w-full text-left text-sm px-3 py-1.5 rounded-lg transition-colors ${
+                      activePlatform === p
+                        ? "bg-emerald-50 text-emerald-700 font-medium"
+                        : "text-gray-600 hover:bg-gray-100"
+                    }`}
+                  >
+                    {p}
+                  </button>
+                </li>
+              ))}
+            </ul>
+          </div>
+
+          {/* Category */}
+          <div>
+            <p className="text-xs font-semibold text-gray-400 uppercase tracking-widest mb-3">Category</p>
+            <ul className="space-y-1">
+              {categories.map((c) => (
+                <li key={c}>
+                  <button
+                    onClick={() => handleCategoryChange(c)}
+                    className={`w-full text-left text-sm px-3 py-1.5 rounded-lg transition-colors ${
+                      activeCategory === c
+                        ? "bg-emerald-50 text-emerald-700 font-medium"
+                        : "text-gray-600 hover:bg-gray-100"
+                    }`}
+                  >
+                    {c}
+                  </button>
+                </li>
+              ))}
+            </ul>
+          </div>
+
+          {/* Price Range */}
+          <div>
+            <p className="text-xs font-semibold text-gray-400 uppercase tracking-widest mb-3">Price Range</p>
+            <input
+              type="range"
+              min={1000}
+              max={MAX_PRICE_LIMIT}
+              step={1000}
+              value={maxPrice}
+              onChange={handleMaxPriceChange}
+              onMouseUp={handleMaxPriceCommit}
+              onTouchEnd={handleMaxPriceCommit}
+              className="w-full accent-emerald-600"
+            />
+            <div className="flex justify-between text-xs text-gray-400 mt-1">
+              <span>₹1k</span>
+              <span className={maxPrice < MAX_PRICE_LIMIT ? "text-emerald-600 font-medium" : "text-gray-400"}>
+                {maxPrice >= MAX_PRICE_LIMIT ? "₹50k+" : `₹${(maxPrice / 1000).toFixed(0)}k`}
+              </span>
+            </div>
+          </div>
+
+          {/* Available toggle */}
+          <div className="flex items-center gap-3">
+            <button
+              onClick={() => { setAvailableOnly(!availableOnly); setPage(1); }}
+              className={`relative w-10 h-6 rounded-full transition-colors ${
+                availableOnly ? "bg-emerald-600" : "bg-gray-200"
+              }`}
+            >
+              <span
+                className={`absolute top-1 w-4 h-4 bg-white rounded-full shadow transition-transform ${
+                  availableOnly ? "translate-x-5" : "translate-x-1"
+                }`}
+              />
+            </button>
+            <span className="text-sm text-gray-600">Available this week</span>
+          </div>
+
+          {/* Active filters summary */}
+          {(activeCategory || activePlatform || maxPrice < MAX_PRICE_LIMIT) && (
+            <div>
+              <div className="flex items-center justify-between mb-2">
+                <p className="text-xs font-semibold text-gray-400 uppercase tracking-widest">Active Filters</p>
+                <button
+                  onClick={() => {
+                    setActiveCategory(null);
+                    setActivePlatform(null);
+                    setMaxPrice(MAX_PRICE_LIMIT);
+                    setCommittedMaxPrice(MAX_PRICE_LIMIT);
+                    setPage(1);
+                  }}
+                  className="text-xs text-emerald-600 hover:underline"
+                >
+                  Clear all
+                </button>
+              </div>
+              <div className="flex flex-wrap gap-1">
+                {activeCategory && (
+                  <span className="text-xs bg-emerald-50 text-emerald-700 px-2 py-0.5 rounded-full flex items-center gap-1">
+                    {activeCategory.split(" & ")[0]}
+                    <button onClick={() => setActiveCategory(null)} className="hover:opacity-60">×</button>
+                  </span>
+                )}
+                {activePlatform && (
+                  <span className="text-xs bg-emerald-50 text-emerald-700 px-2 py-0.5 rounded-full flex items-center gap-1">
+                    {activePlatform}
+                    <button onClick={() => setActivePlatform(null)} className="hover:opacity-60">×</button>
+                  </span>
+                )}
+                {maxPrice < MAX_PRICE_LIMIT && (
+                  <span className="text-xs bg-emerald-50 text-emerald-700 px-2 py-0.5 rounded-full flex items-center gap-1">
+                    ≤₹{(maxPrice / 1000).toFixed(0)}k
+                    <button onClick={() => { setMaxPrice(MAX_PRICE_LIMIT); setCommittedMaxPrice(MAX_PRICE_LIMIT); }} className="hover:opacity-60">×</button>
+                  </span>
+                )}
+              </div>
+            </div>
+          )}
+        </aside>
+
+        {/* Main */}
+        <main className="flex-1 min-w-0">
+          {/* Header */}
+          <div className="mb-6">
+            <h1 className="text-3xl font-bold text-gray-900 tracking-tight">Explore Influencer Gigs</h1>
+            <p className="text-gray-500 mt-1 text-sm">Browse verified creators and book based on real availability.</p>
+          </div>
+
+          {/* Search */}
+          <div className="relative mb-6">
+            <svg className="absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-4.35-4.35M16.65 16.65A7.5 7.5 0 1110 2.5a7.5 7.5 0 016.65 14.15z" />
+            </svg>
+            <input
+              type="text"
+              placeholder="Search by name, niche, or keyword… press Enter"
+              value={search}
+              onChange={(e) => setSearch(e.target.value)}
+              onKeyDown={handleSearchKeyDown}
+              onBlur={handleSearchBlur}
+              className="w-full pl-10 pr-10 py-3 bg-white border border-gray-200 rounded-xl text-sm text-gray-700 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:border-transparent shadow-sm"
+            />
+            {search && (
+              <button
+                onClick={handleSearchClear}
+                className="absolute right-4 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 text-lg leading-none"
+              >
+                ×
+              </button>
+            )}
+          </div>
+
+          {/* Toolbar */}
+          <div className="flex items-center justify-between mb-5">
+            <p className="text-sm text-gray-500">
+              {loading ? (
+                <span className="inline-block w-24 h-4 bg-gray-200 rounded animate-pulse" />
+              ) : pagination ? (
+                <>
+                  Showing{" "}
+                  <span className="font-semibold text-gray-900">{gigs.length}</span>{" "}
+                  of{" "}
+                  <span className="font-semibold text-gray-900">{pagination.total}</span>{" "}
+                  verified gigs
+                </>
+              ) : null}
+            </p>
+            <div className="flex items-center gap-3">
+              {/* Grid/List toggle */}
+              <div className="flex bg-white border border-gray-200 rounded-lg p-0.5 shadow-sm">
+                <button
+                  onClick={() => setView("grid")}
+                  className={`p-1.5 rounded-md transition-colors ${view === "grid" ? "bg-gray-100" : "hover:bg-gray-50"}`}
+                >
+                  <svg className="w-4 h-4 text-gray-600" fill="currentColor" viewBox="0 0 16 16">
+                    <rect x="1" y="1" width="6" height="6" rx="1" />
+                    <rect x="9" y="1" width="6" height="6" rx="1" />
+                    <rect x="1" y="9" width="6" height="6" rx="1" />
+                    <rect x="9" y="9" width="6" height="6" rx="1" />
+                  </svg>
+                </button>
+                <button
+                  onClick={() => setView("list")}
+                  className={`p-1.5 rounded-md transition-colors ${view === "list" ? "bg-gray-100" : "hover:bg-gray-50"}`}
+                >
+                  <svg className="w-4 h-4 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16M4 18h16" />
+                  </svg>
+                </button>
+              </div>
+
+              <select
+                value={sort}
+                onChange={handleSortChange}
+                className="text-sm bg-white border border-gray-200 rounded-lg px-3 py-2 text-gray-600 shadow-sm focus:outline-none focus:ring-2 focus:ring-emerald-500"
+              >
+                {sortOptions.map((o) => (
+                  <option key={o.value} value={o.value}>{o.label}</option>
+                ))}
+              </select>
+            </div>
+          </div>
+
+          {/* Error state */}
+          {error && (
+            <div className="bg-red-50 border border-red-200 text-red-700 rounded-xl px-5 py-4 mb-5 flex items-center justify-between">
+              <span className="text-sm">{error}</span>
+              <button
+                onClick={() => fetchGigs({ page, category: activeCategory, maxPrice: committedMaxPrice, sort, search: committedSearch })}
+                className="text-sm font-medium bg-red-100 hover:bg-red-200 transition-colors px-3 py-1.5 rounded-lg"
+              >
+                Retry
+              </button>
+            </div>
+          )}
+
+          {/* Cards */}
+          <div
+            className={`grid gap-4 ${
+              view === "grid"
+                ? "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3"
+                : "grid-cols-1"
+            }`}
+          >
+            {loading
+              ? Array.from({ length: LIMIT }).map((_, i) => <SkeletonCard key={i} />)
+              : gigs.map((gig) => (
+                  <GigCard key={gig._id} gig={gig} view={view} />
+                ))}
+          </div>
+
+          {/* Empty state */}
+          {!loading && !error && gigs.length === 0 && (
+            <div className="text-center py-20">
+              <div className="text-5xl mb-4">🔍</div>
+              <h3 className="text-lg font-semibold text-gray-700 mb-1">No gigs found</h3>
+              <p className="text-sm text-gray-400 mb-5">Try adjusting your filters or search query.</p>
+              <button
+                onClick={() => {
+                  setSearch("");
+                  setCommittedSearch("");
+                  setActiveCategory(null);
+                  setActivePlatform(null);
+                  setMaxPrice(MAX_PRICE_LIMIT);
+                  setCommittedMaxPrice(MAX_PRICE_LIMIT);
+                  setPage(1);
+                }}
+                className="text-sm font-medium bg-emerald-600 text-white px-5 py-2.5 rounded-xl hover:bg-emerald-700 transition-colors"
+              >
+                Clear filters
+              </button>
+            </div>
+          )}
+
+          {/* Pagination */}
+          {!loading && totalPages > 1 && (
+            <div className="flex items-center justify-center gap-1 mt-10">
+              <button
+                onClick={() => setPage((p) => Math.max(1, p - 1))}
+                disabled={page === 1}
+                className="w-8 h-8 flex items-center justify-center rounded-lg text-gray-400 hover:bg-gray-100 transition-colors text-sm disabled:opacity-30 disabled:cursor-not-allowed"
+              >
+                ‹
+              </button>
+
+              {pageNumbers().map((n, i) =>
+                n === "…" ? (
+                  <span key={`ellipsis-${i}`} className="w-8 h-8 flex items-center justify-center text-gray-400 text-sm">
+                    …
+                  </span>
+                ) : (
+                  <button
+                    key={n}
+                    onClick={() => setPage(n as number)}
+                    className={`w-8 h-8 flex items-center justify-center rounded-lg text-sm font-medium transition-colors ${
+                      n === page
+                        ? "bg-emerald-600 text-white"
+                        : "text-gray-600 hover:bg-gray-100"
+                    }`}
+                  >
+                    {n}
+                  </button>
+                )
+              )}
+
+              <button
+                onClick={() => setPage((p) => Math.min(totalPages, p + 1))}
+                disabled={page === totalPages}
+                className="w-8 h-8 flex items-center justify-center rounded-lg text-gray-400 hover:bg-gray-100 transition-colors text-sm disabled:opacity-30 disabled:cursor-not-allowed"
+              >
+                ›
+              </button>
+            </div>
+          )}
+        </main>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file

From 755279758fb55daeb8c7e70e09878efda8c73ecc Mon Sep 17 00:00:00 2001
From: ajay <ajay.devxtra@gmail.com>
Date: Wed, 25 Feb 2026 17:03:12 +0530
Subject: [PATCH 40/61] feat:meilisearch in gig creation

---
 .../src/controllers/gig.controller.ts         |  22 +-
 apps/core-api/src/queue/rabbit.ts             |  42 +--
 apps/core-api/src/server.ts                   |   4 +-
 apps/worker/package-lock.json                 | 266 ++++++++++++++++++
 apps/worker/package.json                      |   4 +
 apps/worker/src/consumers/gig.consumer.ts     |  37 +++
 apps/worker/src/handlers/email.handler.ts     |   0
 apps/worker/src/handlers/gig.handler.ts       |  31 ++
 apps/worker/src/handlers/payment.handler.ts   |   0
 apps/worker/src/main.ts                       |  21 +-
 apps/worker/src/rabbit/connection.ts          |  14 +
 apps/worker/src/services/meili.service.ts     |  12 +
 packages/shared/package.json                  |   9 +-
 packages/shared/src/events/gig.events.ts      |  13 +
 packages/shared/src/index.ts                  |   1 +
 packages/shared/tsconfig.json                 |  12 +
 pnpm-lock.yaml                                |  28 +-
 17 files changed, 486 insertions(+), 30 deletions(-)
 create mode 100644 apps/worker/package-lock.json
 create mode 100644 apps/worker/src/consumers/gig.consumer.ts
 create mode 100644 apps/worker/src/handlers/email.handler.ts
 create mode 100644 apps/worker/src/handlers/gig.handler.ts
 create mode 100644 apps/worker/src/handlers/payment.handler.ts
 create mode 100644 apps/worker/src/rabbit/connection.ts
 create mode 100644 apps/worker/src/services/meili.service.ts
 create mode 100644 packages/shared/src/events/gig.events.ts
 create mode 100644 packages/shared/tsconfig.json

diff --git a/apps/core-api/src/controllers/gig.controller.ts b/apps/core-api/src/controllers/gig.controller.ts
index 0a9912f..9108e24 100644
--- a/apps/core-api/src/controllers/gig.controller.ts
+++ b/apps/core-api/src/controllers/gig.controller.ts
@@ -1,5 +1,6 @@
 import type { NextFunction, Request, Response } from "express";
 
+import { channel } from "../queue/rabbit.js";
 import { createGigService, getGigDetailsService, listGigsService } from "../services/gig.service.js";
 
 /* ================= LIST GIGS ================= */
@@ -51,7 +52,7 @@ export const getGigDetailsController = async (
   }
 };
 
-
+export const GIG_CREATED_EVENT = "gig.created";
 
 
 export const createGigController = async (
@@ -61,6 +62,8 @@ export const createGigController = async (
 ) => {
   try {
     const { userId, role } = req.user!;
+    console.log("Pricing Object check:", req.body.pricing);
+
 
     const result = await createGigService(
       userId,
@@ -68,6 +71,23 @@ export const createGigController = async (
       req.body
     );
 
+    if (channel) {
+      await channel.assertQueue(GIG_CREATED_EVENT, { durable: true });
+
+      channel.sendToQueue(
+        GIG_CREATED_EVENT,
+        Buffer.from(JSON.stringify({
+          gigId: result.gig._id.toString(),
+          title: result.gig.title,
+          category: result.gig.category,
+          pricing: result.gig.pricing.basePrice,
+          influencerId: result.gig.primaryInfluencerId.toString(),
+          createdAt: result.gig.createdAt,
+        })),
+        { persistent: true }
+      );
+    }
+
     return res.status(201).json({
       success: true,
       message:
diff --git a/apps/core-api/src/queue/rabbit.ts b/apps/core-api/src/queue/rabbit.ts
index 69808a9..9de0c15 100644
--- a/apps/core-api/src/queue/rabbit.ts
+++ b/apps/core-api/src/queue/rabbit.ts
@@ -1,29 +1,33 @@
-import amqp from "amqplib"
+import amqp, { type Channel } from "amqplib";
 
-import { logger } from "../utils/logger.js"
+import { logger } from "../utils/logger.js";
 
-const rabbitUrl = process.env.RABBIT_URL as string
+const rabbitUrl = process.env.RABBIT_URL as string;
 
-export const connectRabbit = async() => {
-      if (!process.env.RABBIT_URL) {
+export let channel: Channel;
+
+
+export const connectRabbit = async () => {
+  if (!rabbitUrl) {
     console.warn("RabbitMQ disabled: RABBIT_URL not set");
     return;
-    }
+  }
+
+  try {
+    const connection = await amqp.connect(rabbitUrl);
+    channel = await connection.createChannel();
+
+    logger.info("RabbitMQ connected (Core API)");
 
-    try{
-    const connection = await amqp.connect(rabbitUrl)
-    logger.info("RabbitMQ is connected")
-    
     connection.on("error", (err) => {
       logger.error("RabbitMQ connection error", err);
     });
+
     connection.on("close", () => {
-  logger.warn("RabbitMQ connection closed");
-});
-
-    return connection
-    
-} catch (err:unknown){
-    logger.error(`RabbitMQ connection failed ${String(err)}`)
-}
-}
+      logger.warn("RabbitMQ connection closed");
+    });
+
+  } catch (err: unknown) {
+    logger.error(`RabbitMQ connection failed ${String(err)}`);
+  }
+};
\ No newline at end of file
diff --git a/apps/core-api/src/server.ts b/apps/core-api/src/server.ts
index 6962182..596c1f5 100644
--- a/apps/core-api/src/server.ts
+++ b/apps/core-api/src/server.ts
@@ -30,12 +30,13 @@ app.use(cors({
 
 connectDB()
 app.use(httpLogger);
-app.use(express.json());
 
 app.use("/api", router);
+app.use(express.json());
 
 //  Connect Database
 connectDB();
+ await connectRabbit();
 
 //  CRON JOB (Runs every hour)
 cron.schedule("0 * * * *", async () => {
@@ -55,7 +56,6 @@ app.use(notFound);
 app.use(errorHandler);
 await setupMeili();
 
-connectRabbit();
 
 app.listen(PORT, "127.0.0.1", () => {
   logger.info(`Core API is running at http://localhost:${PORT}`);
diff --git a/apps/worker/package-lock.json b/apps/worker/package-lock.json
new file mode 100644
index 0000000..23a1178
--- /dev/null
+++ b/apps/worker/package-lock.json
@@ -0,0 +1,266 @@
+{
+  "name": "worker",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "worker",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "amqplib": "^0.10.9",
+        "meilisearch": "^0.55.0",
+        "winston": "^3.19.0"
+      },
+      "devDependencies": {
+        "@types/amqplib": "^0.10.8",
+        "@types/node": "^25.0.10",
+        "nodemon": "^3.1.11",
+        "tsx": "^4.21.0",
+        "typescript": "^5.9.3"
+      }
+    },
+    "../../node_modules/.pnpm/@types+node@25.0.10/node_modules/@types/node": {
+      "version": "25.0.10",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
+    },
+    "../../node_modules/.pnpm/amqplib@0.10.9/node_modules/amqplib": {
+      "version": "0.10.9",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-more-ints": "~1.0.0",
+        "url-parse": "~1.5.10"
+      },
+      "devDependencies": {
+        "claire": "0.4.1",
+        "mocha": "^9.2.2",
+        "nyc": "^15.1.0",
+        "uglify-js": "2.8.x"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "../../node_modules/.pnpm/meilisearch@0.55.0/node_modules/meilisearch": {
+      "version": "0.55.0",
+      "license": "MIT",
+      "devDependencies": {
+        "@eslint/js": "^9.39.2",
+        "@types/node": "^24.10.1",
+        "@typescript-eslint/utils": "^8.51.0",
+        "@vitest/coverage-v8": "4.0.16",
+        "@vitest/eslint-plugin": "^1.6.4",
+        "eslint": "^9.39.2",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-tsdoc": "^0.5.0",
+        "globals": "^16.5.0",
+        "husky": "^9.1.7",
+        "lint-staged": "16.2.7",
+        "prettier": "^3.7.4",
+        "prettier-plugin-jsdoc": "^1.8.0",
+        "typedoc": "^0.28.14",
+        "typescript": "^5.9.3",
+        "typescript-eslint": "^8.51.0",
+        "vite": "7.3.0",
+        "vitest": "4.0.16"
+      }
+    },
+    "../../node_modules/.pnpm/nodemon@3.1.11/node_modules/nodemon": {
+      "version": "3.1.11",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^3.5.2",
+        "debug": "^4",
+        "ignore-by-default": "^1.0.1",
+        "minimatch": "^3.1.2",
+        "pstree.remy": "^1.1.8",
+        "semver": "^7.5.3",
+        "simple-update-notifier": "^2.0.0",
+        "supports-color": "^5.5.0",
+        "touch": "^3.1.0",
+        "undefsafe": "^2.0.5"
+      },
+      "bin": {
+        "nodemon": "bin/nodemon.js"
+      },
+      "devDependencies": {
+        "@commitlint/cli": "^11.0.0",
+        "@commitlint/config-conventional": "^11.0.0",
+        "async": "1.4.2",
+        "coffee-script": "~1.7.1",
+        "eslint": "^7.32.0",
+        "husky": "^7.0.4",
+        "mocha": "^2.5.3",
+        "nyc": "^15.1.0",
+        "proxyquire": "^1.8.0",
+        "semantic-release": "^18.0.0",
+        "should": "~4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/nodemon"
+      }
+    },
+    "../../node_modules/.pnpm/tsx@4.21.0/node_modules/tsx": {
+      "version": "4.21.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "~0.27.0",
+        "get-tsconfig": "^4.7.5"
+      },
+      "bin": {
+        "tsx": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      }
+    },
+    "../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript": {
+      "version": "5.9.3",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "devDependencies": {
+        "@dprint/formatter": "^0.4.1",
+        "@dprint/typescript": "0.93.4",
+        "@esfx/canceltoken": "^1.0.0",
+        "@eslint/js": "^9.20.0",
+        "@octokit/rest": "^21.1.1",
+        "@types/chai": "^4.3.20",
+        "@types/diff": "^7.0.1",
+        "@types/minimist": "^1.2.5",
+        "@types/mocha": "^10.0.10",
+        "@types/ms": "^0.7.34",
+        "@types/node": "latest",
+        "@types/source-map-support": "^0.5.10",
+        "@types/which": "^3.0.4",
+        "@typescript-eslint/rule-tester": "^8.24.1",
+        "@typescript-eslint/type-utils": "^8.24.1",
+        "@typescript-eslint/utils": "^8.24.1",
+        "azure-devops-node-api": "^14.1.0",
+        "c8": "^10.1.3",
+        "chai": "^4.5.0",
+        "chokidar": "^4.0.3",
+        "diff": "^7.0.0",
+        "dprint": "^0.49.0",
+        "esbuild": "^0.25.0",
+        "eslint": "^9.20.1",
+        "eslint-formatter-autolinkable-stylish": "^1.4.0",
+        "eslint-plugin-regexp": "^2.7.0",
+        "fast-xml-parser": "^4.5.2",
+        "glob": "^10.4.5",
+        "globals": "^15.15.0",
+        "hereby": "^1.10.0",
+        "jsonc-parser": "^3.3.1",
+        "knip": "^5.44.4",
+        "minimist": "^1.2.8",
+        "mocha": "^10.8.2",
+        "mocha-fivemat-progress-reporter": "^0.1.0",
+        "monocart-coverage-reports": "^2.12.1",
+        "ms": "^2.1.3",
+        "picocolors": "^1.1.1",
+        "playwright": "^1.50.1",
+        "source-map-support": "^0.5.21",
+        "tslib": "^2.8.1",
+        "typescript": "^5.7.3",
+        "typescript-eslint": "^8.24.1",
+        "which": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "../../node_modules/.pnpm/winston@3.19.0/node_modules/winston": {
+      "version": "3.19.0",
+      "license": "MIT",
+      "dependencies": {
+        "@colors/colors": "^1.6.0",
+        "@dabh/diagnostics": "^2.0.8",
+        "async": "^3.2.3",
+        "is-stream": "^2.0.0",
+        "logform": "^2.7.0",
+        "one-time": "^1.0.0",
+        "readable-stream": "^3.4.0",
+        "safe-stable-stringify": "^2.3.1",
+        "stack-trace": "0.0.x",
+        "triple-beam": "^1.3.0",
+        "winston-transport": "^4.9.0"
+      },
+      "devDependencies": {
+        "@babel/cli": "^7.23.9",
+        "@babel/core": "^7.24.0",
+        "@babel/preset-env": "^7.24.0",
+        "@dabh/eslint-config-populist": "^4.4.0",
+        "@types/node": "^20.11.24",
+        "abstract-winston-transport": "^0.5.1",
+        "assume": "^2.2.0",
+        "cross-spawn-async": "^2.2.5",
+        "eslint": "^8.57.0",
+        "hock": "^1.4.1",
+        "jest": "^29.7.0",
+        "rimraf": "5.0.10",
+        "split2": "^4.1.0",
+        "std-mocks": "^2.0.0",
+        "through2": "^4.0.2",
+        "winston-compat": "^0.1.5"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      }
+    },
+    "node_modules/@types/amqplib": {
+      "version": "0.10.8",
+      "resolved": "https://registry.npmjs.org/@types/amqplib/-/amqplib-0.10.8.tgz",
+      "integrity": "sha512-vtDp8Pk1wsE/AuQ8/Rgtm6KUZYqcnTgNvEHwzCkX8rL7AGsC6zqAfKAAJhUZXFhM/Pp++tbnUHiam/8vVpPztA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/node": {
+      "resolved": "../../node_modules/.pnpm/@types+node@25.0.10/node_modules/@types/node",
+      "link": true
+    },
+    "node_modules/amqplib": {
+      "resolved": "../../node_modules/.pnpm/amqplib@0.10.9/node_modules/amqplib",
+      "link": true
+    },
+    "node_modules/meilisearch": {
+      "resolved": "../../node_modules/.pnpm/meilisearch@0.55.0/node_modules/meilisearch",
+      "link": true
+    },
+    "node_modules/nodemon": {
+      "resolved": "../../node_modules/.pnpm/nodemon@3.1.11/node_modules/nodemon",
+      "link": true
+    },
+    "node_modules/tsx": {
+      "resolved": "../../node_modules/.pnpm/tsx@4.21.0/node_modules/tsx",
+      "link": true
+    },
+    "node_modules/typescript": {
+      "resolved": "../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript",
+      "link": true
+    },
+    "node_modules/winston": {
+      "resolved": "../../node_modules/.pnpm/winston@3.19.0/node_modules/winston",
+      "link": true
+    }
+  }
+}
diff --git a/apps/worker/package.json b/apps/worker/package.json
index be6b94d..5e5a35d 100644
--- a/apps/worker/package.json
+++ b/apps/worker/package.json
@@ -14,12 +14,16 @@
   "license": "ISC",
   "packageManager": "pnpm@10.27.0",
   "devDependencies": {
+    "@types/amqplib": "^0.10.8",
     "@types/node": "^25.0.10",
     "nodemon": "^3.1.11",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3"
   },
   "dependencies": {
+    "amqplib": "^0.10.9",
+    "dotenv": "^17.2.3",
+    "meilisearch": "^0.55.0",
     "winston": "^3.19.0"
   }
 }
diff --git a/apps/worker/src/consumers/gig.consumer.ts b/apps/worker/src/consumers/gig.consumer.ts
new file mode 100644
index 0000000..41b4bf0
--- /dev/null
+++ b/apps/worker/src/consumers/gig.consumer.ts
@@ -0,0 +1,37 @@
+import { Channel, ConsumeMessage } from "amqplib";
+
+import { handleGigCreated } from "../handlers/gig.handler";
+import { logger } from "../utils/logger";
+
+export const GIG_CREATED_EVENT = "gig.created";
+
+export async function startGigConsumer(channel: Channel) {
+  await channel.assertQueue(GIG_CREATED_EVENT, {
+    durable: true,
+  });
+
+  channel.prefetch(1);
+
+  channel.consume(
+    GIG_CREATED_EVENT,
+    async (msg: ConsumeMessage | null) => {
+      if (!msg) return;
+
+      try {
+        const data = JSON.parse(
+          msg.content.toString()
+        );
+
+        await handleGigCreated(data);
+        channel.ack(msg);
+      } catch (err) {
+        logger.error("Failed processing gig.created", err);
+
+        channel.nack(msg, false, true); // simple requeue
+      }
+    },
+    { noAck: false }
+  );
+
+  logger.info("Worker consuming gig.created queue");
+}
\ No newline at end of file
diff --git a/apps/worker/src/handlers/email.handler.ts b/apps/worker/src/handlers/email.handler.ts
new file mode 100644
index 0000000..e69de29
diff --git a/apps/worker/src/handlers/gig.handler.ts b/apps/worker/src/handlers/gig.handler.ts
new file mode 100644
index 0000000..40c6043
--- /dev/null
+++ b/apps/worker/src/handlers/gig.handler.ts
@@ -0,0 +1,31 @@
+import { meili } from "../services/meili.service";
+import { logger } from "../utils/logger";
+
+interface GigCreatedPayload {
+  gigId: string;
+  title: string;
+  category: string;          
+  pricing: number;         
+  influencerId: string;   
+  createdAt: string | Date;
+}
+
+export async function handleGigCreated(data: GigCreatedPayload) {
+  // Basic validation (important to avoid poison messages)
+  if (!data.gigId || !data.title) {
+    throw new Error("Invalid gig.created payload");
+  }
+
+  await meili.index("gigs").addDocuments([
+    {
+      id: data.gigId,
+      title: data.title,
+      category: data.category,        
+      pricing: data.pricing,
+      influencerId: data.influencerId,
+      createdAt: data.createdAt,
+    },
+  ]);
+
+  logger.info(`Indexed gig ${data.gigId} into Meilisearch`);
+}
\ No newline at end of file
diff --git a/apps/worker/src/handlers/payment.handler.ts b/apps/worker/src/handlers/payment.handler.ts
new file mode 100644
index 0000000..e69de29
diff --git a/apps/worker/src/main.ts b/apps/worker/src/main.ts
index 5b7914a..4de1f7e 100644
--- a/apps/worker/src/main.ts
+++ b/apps/worker/src/main.ts
@@ -1,3 +1,22 @@
+import 'dotenv/config'; 
+
+import { connectRabbit } from "./rabbit/connection";
+import { startGigConsumer } from "./consumers/gig.consumer";
 import { logger } from "./utils/logger";
+async function bootstrap() {
+  try {
+    const channel = await connectRabbit();
+
+    await startGigConsumer(channel);
+
+    logger.info("Worker started successfully");
+  } catch (err) {
+    logger.error("Worker failed to start", err);
+    process.exit(1);
+  }
+}
+
+bootstrap();
+
+
 
-logger.info("Worker service started");
diff --git a/apps/worker/src/rabbit/connection.ts b/apps/worker/src/rabbit/connection.ts
new file mode 100644
index 0000000..4ba3ba5
--- /dev/null
+++ b/apps/worker/src/rabbit/connection.ts
@@ -0,0 +1,14 @@
+import amqp from "amqplib";
+
+import { logger } from "../utils/logger";
+export async function connectRabbit() {
+  const connection = await amqp.connect(
+    process.env.RABBIT_URL || "amqp://localhost"
+  );
+
+  const channel = await connection.createChannel();
+
+  logger.info("Worker connected to RabbitMQ");
+
+  return channel;
+}
\ No newline at end of file
diff --git a/apps/worker/src/services/meili.service.ts b/apps/worker/src/services/meili.service.ts
new file mode 100644
index 0000000..e17de45
--- /dev/null
+++ b/apps/worker/src/services/meili.service.ts
@@ -0,0 +1,12 @@
+import { MeiliSearch } from "meilisearch";
+
+const host = process.env.MEILI_HOST;
+
+if (!host) {
+  throw new Error("MEILI_HOST not defined");
+}
+
+export const meili = new MeiliSearch({
+  host,
+  apiKey: process.env.MEILI_KEY,
+});
\ No newline at end of file
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 4d6d50d..2665139 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -2,5 +2,12 @@
   "name": "@noillin/shared",
   "version": "1.0.0",
   "private": true,
-  "main": "src/index.ts"
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.3"
+  }
 }
diff --git a/packages/shared/src/events/gig.events.ts b/packages/shared/src/events/gig.events.ts
new file mode 100644
index 0000000..ec21dac
--- /dev/null
+++ b/packages/shared/src/events/gig.events.ts
@@ -0,0 +1,13 @@
+export const GIG_CREATED_EVENT = "gig.created";
+
+export interface GigCreatedEvent {
+  type: typeof GIG_CREATED_EVENT;
+  data: {
+    gigId: string;
+    title: string;
+    niche: string;
+    price: number;
+    influencerId: string;
+    createdAt: string;
+  };
+}
\ No newline at end of file
diff --git a/packages/shared/src/index.ts b/packages/shared/src/index.ts
index dfd0e33..c2e1c49 100644
--- a/packages/shared/src/index.ts
+++ b/packages/shared/src/index.ts
@@ -1,3 +1,4 @@
 
 export * from "./api-types";
 export * from "./validators";
+export * from "./events/gig.events";
diff --git a/packages/shared/tsconfig.json b/packages/shared/tsconfig.json
new file mode 100644
index 0000000..2c112f3
--- /dev/null
+++ b/packages/shared/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src",
+    "declaration": true,
+    "module": "CommonJS",
+    "target": "ES2020",
+    "strict": true,
+    "esModuleInterop": true
+  },
+  "include": ["src"]
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a6a6ca3..635dccb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -206,10 +206,22 @@ importers:
 
   apps/worker:
     dependencies:
+      amqplib:
+        specifier: ^0.10.9
+        version: 0.10.9
+      dotenv:
+        specifier: ^17.2.3
+        version: 17.2.3
+      meilisearch:
+        specifier: ^0.55.0
+        version: 0.55.0
       winston:
         specifier: ^3.19.0
         version: 3.19.0
     devDependencies:
+      "@types/amqplib":
+        specifier: ^0.10.8
+        version: 0.10.8
       "@types/node":
         specifier: ^25.0.10
         version: 25.0.10
@@ -223,7 +235,11 @@ importers:
         specifier: ^5.9.3
         version: 5.9.3
 
-  packages/shared: {}
+  packages/shared:
+    devDependencies:
+      typescript:
+        specifier: ^5.9.3
+        version: 5.9.3
 
 packages:
   "@alloc/quick-lru@5.2.0":
@@ -6740,7 +6756,7 @@ snapshots:
       "@next/eslint-plugin-next": 16.1.4
       eslint: 9.39.2(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-react: 7.37.5(eslint@9.39.2(jiti@2.6.1))
@@ -6767,7 +6783,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1)):
+  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1)):
     dependencies:
       "@nolyfill/is-core-module": 1.0.39
       debug: 4.4.3(supports-color@5.5.0)
@@ -6782,14 +6798,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
       "@typescript-eslint/parser": 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))
     transitivePeerDependencies:
       - supports-color
 
@@ -6804,7 +6820,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 9.39.2(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3

From b4a642755cdede099f057fd4fd4887ebb8361340 Mon Sep 17 00:00:00 2001
From: ajay <ajay.devxtra@gmail.com>
Date: Wed, 25 Feb 2026 17:23:04 +0530
Subject: [PATCH 41/61] chore:added channel logic rabbit mq

---
 .../src/controllers/gig.controller.ts         | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/apps/core-api/src/controllers/gig.controller.ts b/apps/core-api/src/controllers/gig.controller.ts
index d6722ea..e3b65b4 100644
--- a/apps/core-api/src/controllers/gig.controller.ts
+++ b/apps/core-api/src/controllers/gig.controller.ts
@@ -1,5 +1,6 @@
 import type { NextFunction, Request, Response } from "express";
 
+import { channel } from "../queue/rabbit.js";
 import { createGigService, deleteGigService, editGigService, getGigDetailsService, listGigsService } from "../services/gig.service.js";
 import type { AuthRequest } from "../middlewares/auth.middleware.js";
 
@@ -7,6 +8,8 @@ import type { AuthRequest } from "../middlewares/auth.middleware.js";
 
 // ================= CREATE GIG =================
 
+export const GIG_CREATED_QUEUE = "gig.created";
+
 export const createGigController = async (
   req: Request,
   res: Response,
@@ -21,6 +24,24 @@ export const createGigController = async (
       req.body
     );
 
+    if (channel) {
+      await channel.assertQueue(GIG_CREATED_EVENT, { durable: true });
+
+      channel.sendToQueue(
+        GIG_CREATED_EVENT,
+        Buffer.from(JSON.stringify({
+          gigId: result.gig._id.toString(),
+          title: result.gig.title,
+          category: result.gig.category,
+          pricing: result.gig.pricing.basePrice,
+          influencerId: result.gig.primaryInfluencerId.toString(),
+          createdAt: result.gig.createdAt,
+        })),
+        { persistent: true }
+      );
+    }
+
+
     return res.status(201).json({
       success: true,
       message:

From 4f235404a589bc82c06b552dba299765d8aac416 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Thu, 26 Feb 2026 00:19:25 +0530
Subject: [PATCH 42/61] feat: integrated frontend and backend of create gig

---
 .../controllers/availability.controller.ts    |  50 ++
 .../controllers/collaboration.controllers.ts  |  55 ++
 .../src/controllers/gig.controller.ts         | 115 +++-
 .../src/middlewares/auth.middleware.ts        |   2 +-
 .../core-api/src/models/availability.model.ts |  95 +++
 apps/core-api/src/models/gig.model.ts         |  70 ++-
 apps/core-api/src/modules/auth/http-error.ts  |  15 +-
 .../repositories/availability.repository.ts   |  38 ++
 .../repositories/collaboration.repository.ts  |  40 ++
 .../src/routes/availability.routes.ts         |  28 +-
 .../src/routes/collaboration.route.ts         |  27 +
 apps/core-api/src/routes/gigs.routes.ts       |  19 +-
 apps/core-api/src/services/auth.service.ts    | 106 ++--
 .../src/services/availability.service.ts      |  58 ++
 .../src/services/collaboration.service.ts     |  80 +++
 apps/core-api/src/services/gig.service.ts     | 292 ++++++++--
 apps/core-api/src/types/availability.types.ts |  40 ++
 apps/core-api/src/types/gig.type.ts           |  32 +-
 apps/web/app/(auth)/login/page.tsx            |   5 +-
 apps/web/app/gig/create/page.tsx              | 100 ++++
 apps/web/app/gigs/page.tsx                    |   3 -
 .../components/gig-create/Availability.tsx    | 545 ++++++++++++++++++
 .../components/gig-create/Deliverables.tsx    | 149 +++++
 apps/web/components/gig-create/GigDetails.tsx | 194 +++++++
 apps/web/components/gig-create/Pricing.tsx    | 221 +++++++
 .../gig-create/ReviewAndPublish.tsx           | 378 ++++++++++++
 .../components/gig-create/StepIndicator.tsx   |  74 +++
 apps/web/components/ui/Input.tsx              |  55 ++
 apps/web/components/ui/SelectButton.tsx       |  37 ++
 apps/web/components/ui/Textarea.tsx           |  58 ++
 apps/web/lib/utils.ts                         |   6 +
 apps/web/package.json                         |   3 +
 apps/web/store/gigCreate.store.ts             | 187 ++++++
 pnpm-lock.yaml                                |  38 ++
 34 files changed, 3067 insertions(+), 148 deletions(-)
 create mode 100644 apps/core-api/src/controllers/availability.controller.ts
 create mode 100644 apps/core-api/src/controllers/collaboration.controllers.ts
 create mode 100644 apps/core-api/src/models/availability.model.ts
 create mode 100644 apps/core-api/src/repositories/availability.repository.ts
 create mode 100644 apps/core-api/src/repositories/collaboration.repository.ts
 create mode 100644 apps/core-api/src/routes/collaboration.route.ts
 create mode 100644 apps/core-api/src/services/availability.service.ts
 create mode 100644 apps/core-api/src/services/collaboration.service.ts
 create mode 100644 apps/core-api/src/types/availability.types.ts
 create mode 100644 apps/web/app/gig/create/page.tsx
 delete mode 100644 apps/web/app/gigs/page.tsx
 create mode 100644 apps/web/components/gig-create/Availability.tsx
 create mode 100644 apps/web/components/gig-create/Deliverables.tsx
 create mode 100644 apps/web/components/gig-create/GigDetails.tsx
 create mode 100644 apps/web/components/gig-create/Pricing.tsx
 create mode 100644 apps/web/components/gig-create/ReviewAndPublish.tsx
 create mode 100644 apps/web/components/gig-create/StepIndicator.tsx
 create mode 100644 apps/web/components/ui/Input.tsx
 create mode 100644 apps/web/components/ui/SelectButton.tsx
 create mode 100644 apps/web/components/ui/Textarea.tsx
 create mode 100644 apps/web/lib/utils.ts
 create mode 100644 apps/web/store/gigCreate.store.ts

diff --git a/apps/core-api/src/controllers/availability.controller.ts b/apps/core-api/src/controllers/availability.controller.ts
new file mode 100644
index 0000000..fe33c71
--- /dev/null
+++ b/apps/core-api/src/controllers/availability.controller.ts
@@ -0,0 +1,50 @@
+import type { NextFunction, Request, Response } from "express";
+
+import {
+  getAvailabilityService,
+  setAvailabilityService
+} from "../services/availability.service.js";
+
+export const setAvailabilityController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { userId, role } = req.user!;
+
+    const availability = await setAvailabilityService(
+      userId,
+      role,
+      req.body
+    );
+
+    res.status(200).json({
+      success: true,
+      data: availability
+    });
+  } catch (error) {
+    next(error);
+  }
+};
+
+export const getAvailabilityController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const influencerProfileId = req.params.influencerProfileId as string;
+
+    const availability = await getAvailabilityService(
+      influencerProfileId
+    );
+
+    res.status(200).json({
+      success: true,
+      data: availability
+    });
+  } catch (error) {
+    next(error);
+  }
+};
\ No newline at end of file
diff --git a/apps/core-api/src/controllers/collaboration.controllers.ts b/apps/core-api/src/controllers/collaboration.controllers.ts
new file mode 100644
index 0000000..e1ac44f
--- /dev/null
+++ b/apps/core-api/src/controllers/collaboration.controllers.ts
@@ -0,0 +1,55 @@
+import type { Request, Response, NextFunction } from "express";
+
+import {
+  inviteCollaboratorsService,
+  respondToCollaborationService
+} from "../services/collaboration.service.js";
+
+export const inviteCollaboratorsController = async (
+  req: Request<{ id: string }>,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { userId } = req.user!;
+    const { id } = req.params;
+
+    const collaborations = await inviteCollaboratorsService(
+      id,
+      userId,
+      req.body.collaboratorIds
+    );
+
+    res.status(201).json({
+      success: true,
+      data: collaborations
+    });
+  } catch (err) {
+    next(err);
+  }
+};
+
+export const respondToCollaborationController = async (
+  req: Request<{ id: string }>,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { userId } = req.user!;
+    const { id } = req.params;
+    const { action } = req.body;
+
+    const result = await respondToCollaborationService(
+      id,
+      userId,
+      action
+    );
+
+    res.status(200).json({
+      success: true,
+      data: result
+    });
+  } catch (err) {
+    next(err);
+  }
+};
\ No newline at end of file
diff --git a/apps/core-api/src/controllers/gig.controller.ts b/apps/core-api/src/controllers/gig.controller.ts
index 0a9912f..fb15464 100644
--- a/apps/core-api/src/controllers/gig.controller.ts
+++ b/apps/core-api/src/controllers/gig.controller.ts
@@ -1,6 +1,7 @@
 import type { NextFunction, Request, Response } from "express";
 
-import { createGigService, getGigDetailsService, listGigsService } from "../services/gig.service.js";
+import { createGigService, getGigDetailsService, listGigsService, publishGigService, updateGigDeliverablesService, updateGigPricingService } from "../services/gig.service.js";
+import type { GigDeliverable } from "../types/gig.type.js";
 
 /* ================= LIST GIGS ================= */
 
@@ -52,7 +53,7 @@ export const getGigDetailsController = async (
 };
 
 
-
+/* ================= CREATE GIG ================= */
 
 export const createGigController = async (
   req: Request,
@@ -62,7 +63,7 @@ export const createGigController = async (
   try {
     const { userId, role } = req.user!;
 
-    const result = await createGigService(
+    const gig = await createGigService(
       userId,
       role,
       req.body
@@ -70,13 +71,111 @@ export const createGigController = async (
 
     return res.status(201).json({
       success: true,
-      message:
-        result.collaborators.length > 0
-          ? "Gig created as draft. Waiting for collaborator approval."
-          : "Gig created and published successfully.",
-      data: result.gig
+      message: "Gig draft created successfully.",
+      data: gig
     });
   } catch (error) {
     next(error);
   }
 };
+
+/* ================= PUBLISH GIG ================= */
+
+export const publishGigController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { userId } = req.user!;
+
+    const id = req.params.id as string;
+
+    if (!id) {
+      return res.status(400).json({
+        success: false,
+        message: "Gig id is required"
+      });
+    }
+
+    const gig = await publishGigService(id, userId);
+
+    res.status(200).json({
+      success: true,
+      message: "Gig published successfully",
+      data: gig
+    });
+  } catch (err) {
+    next(err);
+  }
+};
+
+/* ================= UPDATE DELIVERABLES ================= */
+
+export const updateGigDeliverablesController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { userId } = req.user!;
+    const id = req.params.id as string;
+
+    if (!id) {
+      return res.status(400).json({
+        success: false,
+        message: "Gig id is required"
+      });
+    }
+
+    const deliverables = req.body as GigDeliverable[];
+
+    const gig = await updateGigDeliverablesService(
+      id,
+      userId,
+      deliverables
+    );
+
+    res.status(200).json({
+      success: true,
+      message: "Deliverables updated successfully",
+      data: gig
+    });
+  } catch (error) {
+    next(error);
+  }
+};
+
+/* ================= UPDATE PRICING ================= */
+
+export const updateGigPricingController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { userId } = req.user!;
+    const id = req.params.id as string;
+
+    if (!id) {
+      return res.status(400).json({
+        success: false,
+        message: "Gig id is required"
+      });
+    }
+
+    const gig = await updateGigPricingService(
+      id,
+      userId,
+      req.body
+    );
+
+    res.status(200).json({
+      success: true,
+      message: "Pricing updated successfully",
+      data: gig
+    });
+  } catch (error) {
+    next(error);
+  }
+};
\ No newline at end of file
diff --git a/apps/core-api/src/middlewares/auth.middleware.ts b/apps/core-api/src/middlewares/auth.middleware.ts
index 4fd0f3c..98daf1b 100644
--- a/apps/core-api/src/middlewares/auth.middleware.ts
+++ b/apps/core-api/src/middlewares/auth.middleware.ts
@@ -52,7 +52,7 @@ export const authorizePermission = (permission: Permission) => {
     }
 
     const permissions = RolePermissions[req.user.role] ?? [];
-
+    
     if (!permissions.includes(permission)) {
       return next(Object.assign(new Error("Forbidden"), { statusCode: 403 }));
     }
diff --git a/apps/core-api/src/models/availability.model.ts b/apps/core-api/src/models/availability.model.ts
new file mode 100644
index 0000000..9042869
--- /dev/null
+++ b/apps/core-api/src/models/availability.model.ts
@@ -0,0 +1,95 @@
+import { Schema, model } from "mongoose";
+
+import type { AvailabilityDocument } from "../types/availability.types.js";
+
+const TimeSlotSchema = new Schema(
+  {
+    startTime: {
+      type: String,
+      required: true
+    },
+    endTime: {
+      type: String,
+      required: true
+    }
+  },
+  { _id: false }
+);
+
+const WeeklyRuleSchema = new Schema(
+  {
+    day: {
+      type: String,
+      enum: [
+        "monday",
+        "tuesday",
+        "wednesday",
+        "thursday",
+        "friday",
+        "saturday",
+        "sunday"
+      ],
+      required: true
+    },
+    isEnabled: {
+      type: Boolean,
+      default: false
+    },
+    slots: {
+      type: [TimeSlotSchema],
+      default: []
+    }
+  },
+  { _id: false }
+);
+
+const DateOverrideSchema = new Schema(
+  {
+    date: {
+      type: String,
+      required: true
+    },
+    isAvailable: {
+      type: Boolean,
+      required: true
+    },
+    slots: {
+      type: [TimeSlotSchema],
+      default: []
+    }
+  },
+  { _id: false }
+);
+
+const AvailabilitySchema = new Schema<AvailabilityDocument>(
+  {
+    influencerProfileId: {
+      type: Schema.Types.ObjectId,
+      ref: "InfluencerProfile",
+      required: true,
+      unique: true,
+      index: true
+    },
+
+    timezone: {
+      type: String,
+      required: true
+    },
+
+    weeklyRules: {
+      type: [WeeklyRuleSchema],
+      default: []
+    },
+
+    dateOverrides: {
+      type: [DateOverrideSchema],
+      default: []
+    }
+  },
+  { timestamps: true }
+);
+
+export const AvailabilityModel = model<AvailabilityDocument>(
+  "Availability",
+  AvailabilitySchema
+);
\ No newline at end of file
diff --git a/apps/core-api/src/models/gig.model.ts b/apps/core-api/src/models/gig.model.ts
index 3cbaa50..83c235e 100644
--- a/apps/core-api/src/models/gig.model.ts
+++ b/apps/core-api/src/models/gig.model.ts
@@ -1,7 +1,26 @@
-import { Schema, model } from "mongoose";
+import { Schema, model } from "mongoose";
 
 import type { GigDocument } from "../types/gig.type.js";
 
+const DeliverableSchema = new Schema(
+  {
+    contentType: {
+      type: String,
+      required: true
+    },
+    quantity: {
+      type: Number,
+      required: true,
+      min: 1
+    },
+    includedItems: [
+      {
+        type: String
+      }
+    ]
+  },
+  { _id: false }
+);
 
 const GigSchema = new Schema<GigDocument>(
   {
@@ -11,9 +30,24 @@ const GigSchema = new Schema<GigDocument>(
       trim: true
     },
 
-    description: {
+    shortDescription: {
       type: String,
-      required: true
+      required: true,
+      maxlength: 180
+    },
+
+    platform: {
+      type: String,
+      enum: ["instagram", "youtube", "tiktok"],
+      required: true,
+      index: true
+    },
+
+    gigType: {
+      type: String,
+      enum: ["solo", "collaboration"],
+      required: true,
+      index: true
     },
 
     influencerIds: [
@@ -44,10 +78,16 @@ const GigSchema = new Schema<GigDocument>(
       }
     ],
 
+    deliverables: {
+      type: [DeliverableSchema],
+      default: []
+    },
+
     pricing: {
       basePrice: {
         type: Number,
-        required: true
+        required: true,
+        min: 0
       },
       currency: {
         type: String,
@@ -57,17 +97,22 @@ const GigSchema = new Schema<GigDocument>(
       negotiationAllowed: {
         type: Boolean,
         default: false
+      },
+      deliveryTimeInDays: {
+        type: Number,
+        required: true,
+        min: 1
+      },
+      revisionsIncluded: {
+        type: Number,
+        required: true,
+        min: 0
       }
     },
 
-    deliverables: [
-      {
-        type: String
-      }
-    ],
-
     maxBookingsPerSlot: {
-      type: Number
+      type: Number,
+      min: 1
     },
 
     status: {
@@ -77,7 +122,6 @@ const GigSchema = new Schema<GigDocument>(
       index: true
     },
 
-  
     isDeleted: {
       type: Boolean,
       default: false,
@@ -90,4 +134,4 @@ const GigSchema = new Schema<GigDocument>(
 GigSchema.index({ influencerIds: 1 });
 GigSchema.index({ "pricing.basePrice": 1 });
 
-export const GigModel = model<GigDocument>("Gig", GigSchema);
+export const GigModel = model<GigDocument>("Gig", GigSchema);
\ No newline at end of file
diff --git a/apps/core-api/src/modules/auth/http-error.ts b/apps/core-api/src/modules/auth/http-error.ts
index 56b3949..3ef3f69 100644
--- a/apps/core-api/src/modules/auth/http-error.ts
+++ b/apps/core-api/src/modules/auth/http-error.ts
@@ -1,3 +1,16 @@
+// export interface HttpError extends Error {
+//   statusCode?: number;
+// }
+
 export interface HttpError extends Error {
-  statusCode?: number;
+  statusCode: number;
 }
+
+export const createHttpError = (
+  message: string,
+  statusCode: number
+): HttpError => {
+  const error = new Error(message) as HttpError;
+  error.statusCode = statusCode;
+  return error;
+};
\ No newline at end of file
diff --git a/apps/core-api/src/repositories/availability.repository.ts b/apps/core-api/src/repositories/availability.repository.ts
new file mode 100644
index 0000000..1f6d1ca
--- /dev/null
+++ b/apps/core-api/src/repositories/availability.repository.ts
@@ -0,0 +1,38 @@
+import { Types } from "mongoose";
+
+import type { AvailabilityDocument } from "../types/availability.types.js";
+import { AvailabilityModel } from "../models/availability.model.js";
+
+export const createAvailability = async (
+  data: Omit<AvailabilityDocument, "createdAt" | "updatedAt">
+) => {
+  return AvailabilityModel.create(data);
+};
+
+export const findAvailabilityByInfluencer = async (
+  influencerProfileId: Types.ObjectId
+) => {
+  return AvailabilityModel.findOne({ influencerProfileId });
+};
+
+export const updateAvailability = async (
+  influencerProfileId: Types.ObjectId,
+  update: Partial<AvailabilityDocument>
+) => {
+  return AvailabilityModel.findOneAndUpdate(
+    { influencerProfileId },
+    update,
+    { new: true }
+  );
+};
+
+export const upsertAvailability = async (
+  influencerProfileId: Types.ObjectId,
+  data: Partial<AvailabilityDocument>
+) => {
+  return AvailabilityModel.findOneAndUpdate(
+    { influencerProfileId },
+    data,
+    { new: true, upsert: true }
+  );
+};
\ No newline at end of file
diff --git a/apps/core-api/src/repositories/collaboration.repository.ts b/apps/core-api/src/repositories/collaboration.repository.ts
new file mode 100644
index 0000000..1f6619f
--- /dev/null
+++ b/apps/core-api/src/repositories/collaboration.repository.ts
@@ -0,0 +1,40 @@
+import { Types } from "mongoose";
+
+import type { GigCollaborationDocument } from "../types/collaboration.type.js";
+import { GigCollaborationModel } from "../models/collaboration.model.js";
+
+
+export const createCollaboration = async (
+  data: Omit<GigCollaborationDocument, "createdAt" | "updatedAt">
+) => {
+  return GigCollaborationModel.create(data);
+};
+
+export const findPendingCollaborationsByGig = async (
+  gigId: Types.ObjectId
+) => {
+  return GigCollaborationModel.find({
+    gigId,
+    status: "pending"
+  });
+};
+
+export const findCollaborationById = async (
+  id: Types.ObjectId
+) => {
+  return GigCollaborationModel.findById(id);
+};
+
+export const updateCollaborationStatus = async (
+  id: Types.ObjectId,
+  status: "accepted" | "rejected"
+) => {
+  return GigCollaborationModel.findByIdAndUpdate(
+    id,
+    {
+      status,
+      respondedAt: new Date()
+    },
+    { new: true }
+  );
+};
\ No newline at end of file
diff --git a/apps/core-api/src/routes/availability.routes.ts b/apps/core-api/src/routes/availability.routes.ts
index 083869f..2d13f8a 100644
--- a/apps/core-api/src/routes/availability.routes.ts
+++ b/apps/core-api/src/routes/availability.routes.ts
@@ -1,5 +1,27 @@
-import { Router } from "express"
+import { Router } from "express";
 
-const router : Router = Router()
+import { authenticate, authorizePermission } from "../middlewares/auth.middleware.js";
+import { Permission } from "../rbac/permission.js";
+import { getAvailabilityController, setAvailabilityController } from "../controllers/availability.controller.js";
 
-export default router
\ No newline at end of file
+const router: Router = Router();
+
+/**
+ * Create or update availability (Step 4)
+ */
+router.post(
+  "/",
+  authenticate,
+  authorizePermission(Permission.UPDATE_PROFILE),
+  setAvailabilityController
+);
+
+/**
+ * Get availability by influencer profile id
+ */
+router.get(
+  "/:influencerProfileId",
+  getAvailabilityController
+);
+
+export default router;
\ No newline at end of file
diff --git a/apps/core-api/src/routes/collaboration.route.ts b/apps/core-api/src/routes/collaboration.route.ts
new file mode 100644
index 0000000..ddbf7bc
--- /dev/null
+++ b/apps/core-api/src/routes/collaboration.route.ts
@@ -0,0 +1,27 @@
+import { Router } from "express";
+
+import { inviteCollaboratorsController, respondToCollaborationController } from "../controllers/collaboration.controllers.js";
+import { authenticate } from "../middlewares/auth.middleware.js";
+
+
+const router:Router = Router();
+
+/**
+ * Invite collaborators to a gig
+ */
+router.post(
+  "/gigs/:id/collaborators",
+  authenticate,
+  inviteCollaboratorsController
+);
+
+/**
+ * Accept or reject collaboration
+ */
+router.patch(
+  "/:id/respond",
+  authenticate,
+  respondToCollaborationController
+);
+
+export default router;
\ No newline at end of file
diff --git a/apps/core-api/src/routes/gigs.routes.ts b/apps/core-api/src/routes/gigs.routes.ts
index ad47ac4..2c0b0e8 100644
--- a/apps/core-api/src/routes/gigs.routes.ts
+++ b/apps/core-api/src/routes/gigs.routes.ts
@@ -1,6 +1,6 @@
-import { Router } from "express";
+import { Router } from "express";
 
-import { createGigController, getGigDetailsController, listGigsController } from "../controllers/gig.controller.js";
+import { createGigController, getGigDetailsController, listGigsController, publishGigController, updateGigDeliverablesController, updateGigPricingController } from "../controllers/gig.controller.js";
 import { authenticate, authorizePermission } from "../middlewares/auth.middleware.js";
 import { Permission } from "../rbac/permission.js";
 
@@ -10,5 +10,18 @@ const router: Router = Router()
 router.get("/", listGigsController);
 router.get("/:id", getGigDetailsController);
 router.post("/create_gig",authenticate,authorizePermission(Permission.CREATE_GIG),createGigController);
-
+router.patch(
+  "/:id/deliverables", authenticate, authorizePermission(Permission.UPDATE_GIG), updateGigDeliverablesController);
+router.patch(
+  "/:id/pricing",
+  authenticate,
+  authorizePermission(Permission.UPDATE_GIG),
+  updateGigPricingController
+);
+router.post(
+  "/:id/publish",
+  authenticate,
+  authorizePermission(Permission.PUBLISH_GIG),
+  publishGigController
+);
 export default router
\ No newline at end of file
diff --git a/apps/core-api/src/services/auth.service.ts b/apps/core-api/src/services/auth.service.ts
index acbc595..4583efc 100644
--- a/apps/core-api/src/services/auth.service.ts
+++ b/apps/core-api/src/services/auth.service.ts
@@ -4,7 +4,7 @@ import crypto from "crypto";
 import bcrypt from "bcrypt";
 
 import { signAccessToken, signRefreshToken, verifyRefreshToken } from "../modules/auth/auth.utils.js";
-import type { HttpError } from "../modules/auth/http-error.js";
+import { createHttpError } from "../modules/auth/http-error.js";
 import { userRepository } from "../repositories/user.repository.js"
 import { pendingSignupRepository } from "../repositories/Signup.repository.js";
 import { logger } from "../utils/logger.js";
@@ -24,18 +24,14 @@ interface SignupInput {
 export const signupService = async (data: SignupInput) => {
   const existingUser = await userRepository.findEmailWithPassword(data.email);
   if (existingUser) {
-    const err: HttpError = new Error("User already exists");
-    err.statusCode = 409;
-    throw err;
+    throw createHttpError("User already exists", 409);
   }
 
   const existingRequest =
     await pendingSignupRepository.findByEmail(data.email);
 
   if (existingRequest) {
-    const err: HttpError = new Error("Signup request already submitted");
-    err.statusCode = 409;
-    throw err;
+    throw createHttpError("Sign up request already submitted", 409);
   }
 
   const passwordHash = await bcrypt.hash(data.password, 10);
@@ -92,21 +88,15 @@ export const loginService = async(
     logger.info(`EMAIL: ${email}`);
 
   if (!user) {
-    const err: HttpError = new Error("Invalid credentialss")
-    err.statusCode = 401
-    throw err
+    throw createHttpError("Invalid credentials", 409);
   }
 
   if (user.status !== "ACTIVE") {
-    const err: HttpError = new Error("User is not active")
-    err.statusCode = 403
-    throw err
+    throw createHttpError("User is not active", 409);
   }
 
   if (!user.isEmailVerified) {
-    const err: HttpError = new Error("User email is not verified")
-    err.statusCode = 403
-    throw err
+    throw createHttpError("User email is not verified", 409);
   }
 
 
@@ -114,9 +104,7 @@ export const loginService = async(
   console.log("PASSWORD FROM DB:", user.password);
 
   if (!isMatch) {
-    const err: HttpError = new Error("Invalid credentials")
-    err.statusCode = 401
-    throw err
+    throw createHttpError("Invalid credentials", 409);
   }
 
   const payload = {
@@ -217,35 +205,31 @@ export const refreshTokenService = async (
   refreshToken: string
 ): Promise<RefreshResult> => {
   if (!refreshToken) {
-    const err: HttpError = new Error("Refresh token required");
-    err.statusCode = 400;
-    throw err;
+    
+    throw createHttpError("Refresh token required", 409);
   }
 
   let payload;
   try {
     payload = verifyRefreshToken(refreshToken);
   } catch {
-    const err: HttpError = new Error("Invalid refresh token");
-    err.statusCode = 401;
-    throw err;
+    
+    throw createHttpError("Invalid refresh token", 409);
   }
 
   const user = await userRepository.findById(payload.userId);
 
   //  FIRST check user existence
   if (!user || !user.refreshToken) {
-    const err: HttpError = new Error("Refresh token mismatch");
-    err.statusCode = 401;
-    throw err;
+    
+    throw createHttpError("Refresh token mismatch", 409);
   }
 
 
   //  Compare after narrowing
   if (user.refreshToken.trim() !== refreshToken.trim()) {
-    const err: HttpError = new Error("Refresh token mismatch");
-    err.statusCode = 401;
-    throw err;
+    
+    throw createHttpError("Refresh token mismatch", 409);
   }
 
   const newPayload = {
@@ -277,9 +261,8 @@ export const refreshTokenService = async (
 
 export const logoutService = async (userId: string) => {
   if (!userId) {
-    const err: HttpError = new Error("User not authenticated");
-    err.statusCode = 401;
-    throw err;
+    
+    throw createHttpError("User not authenticated", 409);
   }
 
   // Invalidate refresh token
@@ -298,27 +281,23 @@ export const verifySignupOtpService = async (
   const pending = await pendingSignupRepository.findByEmail(email);
 
   if (!pending) {
-    const err: HttpError = new Error("Signup request not found");
-    err.statusCode = 404;
-    throw err;
+    
+    throw createHttpError("Signup request not found", 409);
   }
 
   if (pending.isEmailVerified) {
-    const err: HttpError = new Error("Email already verified");
-    err.statusCode = 400;
-    throw err;
+    
+    throw createHttpError("Email already verified", 409);
   }
 
   if (!pending.emailOtpHash || !pending.emailOtpExpiresAt) {
-    const err: HttpError = new Error("OTP not found");
-    err.statusCode = 400;
-    throw err;
+    
+    throw createHttpError("OTP not found", 409);
   }
 
   if (pending.emailOtpExpiresAt < new Date()) {
-    const err: HttpError = new Error("OTP expired");
-    err.statusCode = 400;
-    throw err;
+    
+    throw createHttpError("OTP expired", 409);
   }
 
   const isMatch = await bcrypt.compare(
@@ -327,9 +306,8 @@ export const verifySignupOtpService = async (
   );
 
   if (!isMatch) {
-    const err: HttpError = new Error("Invalid OTP");
-    err.statusCode = 400;
-    throw err;
+    
+    throw createHttpError("Invalid OTP", 409);
   }
 
   //  SUCCESS
@@ -377,23 +355,20 @@ export const verifyOtpService = async (
   const user = await userRepository.findByEmailWithResetFields(email);
 
   if (!user || !user.resetOtp || !user.resetOtpExpiry) {
-    const err: HttpError = new Error("Invalid request");
-    err.statusCode = 400;
-    throw err;
+    
+    throw createHttpError("Invalid request", 409);
   }
 
   if (user.resetOtpExpiry < new Date()) {
-    const err: HttpError = new Error("OTP expired");
-    err.statusCode = 400;
-    throw err;
+    
+    throw createHttpError("OTP expired", 409);
   }
 
   const isMatch = await bcrypt.compare(otp, user.resetOtp);
 
   if (!isMatch) {
-    const err: HttpError = new Error("Invalid OTP");
-    err.statusCode = 400;
-    throw err;
+    
+    throw createHttpError("Invalid OTP", 409);
   }
 
   const resetSessionToken = crypto.randomBytes(32).toString("hex");
@@ -424,21 +399,18 @@ export const resetPasswordService = async (
     !user.resetSessionToken ||
     !user.resetSessionExpiry
   ) {
-    const err: HttpError = new Error("Invalid request");
-    err.statusCode = 400;
-    throw err;
+    
+    throw createHttpError("Invalid request", 409);
   }
 
   if (user.resetSessionToken !== resetSessionToken) {
-    const err: HttpError = new Error("Invalid session");
-    err.statusCode = 400;
-    throw err;
+    
+    throw createHttpError("Invalid session", 409);
   }
 
   if (user.resetSessionExpiry < new Date()) {
-    const err: HttpError = new Error("Session expired");
-    err.statusCode = 400;
-    throw err;
+    
+    throw createHttpError("Session expired", 409);
   }
 
   const hashedPassword = await bcrypt.hash(newPassword, 10);
diff --git a/apps/core-api/src/services/availability.service.ts b/apps/core-api/src/services/availability.service.ts
new file mode 100644
index 0000000..dd35684
--- /dev/null
+++ b/apps/core-api/src/services/availability.service.ts
@@ -0,0 +1,58 @@
+import { Types } from "mongoose";
+
+import { UserRole } from "../models/user.model.js";
+import { createHttpError } from "../modules/auth/http-error.js";
+import { InfluencerProfile } from "../models/influencer.model.js";
+import { findAvailabilityByInfluencer, upsertAvailability } from "../repositories/availability.repository.js";
+import type { DateOverride, WeeklyRule } from "../types/availability.types.js";
+
+
+interface SetAvailabilityInput {
+  timezone: string;
+  weeklyRules: WeeklyRule[];
+  dateOverrides: DateOverride[];
+}
+
+export const setAvailabilityService = async (
+  userId: string,
+  role: string,
+  input: SetAvailabilityInput
+) => {
+  if (role !== UserRole.INFLUENCER) {
+    throw createHttpError("Only influencers can set availability", 403);
+  }
+
+  const influencerProfile = await InfluencerProfile.findOne({
+    userId: new Types.ObjectId(userId)
+  });
+
+  if (!influencerProfile) {
+    throw createHttpError("Influencer profile not found", 404);
+  }
+
+  const availability = await upsertAvailability(
+    influencerProfile._id,
+    {
+      influencerProfileId: influencerProfile._id,
+      timezone: input.timezone,
+      weeklyRules: input.weeklyRules,
+      dateOverrides: input.dateOverrides
+    }
+  );
+
+  return availability;
+};
+
+export const getAvailabilityService = async (
+  influencerProfileId: string
+) => {
+  const availability = await findAvailabilityByInfluencer(
+    new Types.ObjectId(influencerProfileId)
+  );
+
+  if (!availability) {
+    throw createHttpError("Availability not found", 404);
+  }
+
+  return availability;
+};
\ No newline at end of file
diff --git a/apps/core-api/src/services/collaboration.service.ts b/apps/core-api/src/services/collaboration.service.ts
new file mode 100644
index 0000000..a80be23
--- /dev/null
+++ b/apps/core-api/src/services/collaboration.service.ts
@@ -0,0 +1,80 @@
+import { Types } from "mongoose";
+
+import { GigModel } from "../models/gig.model.js";
+import { InfluencerProfile } from "../models/influencer.model.js";
+import {
+  createCollaboration,
+  findCollaborationById,
+  updateCollaborationStatus
+} from "../repositories/collaboration.repository.js";
+
+export const inviteCollaboratorsService = async (
+  gigId: string,
+  userId: string,
+  collaboratorIds: string[]
+) => {
+  const gig = await GigModel.findById(gigId);
+
+  if (!gig) {
+    throw Object.assign(new Error("Gig not found"), { statusCode: 404 });
+  }
+
+  if (gig.primaryInfluencerId.toString() !== userId) {
+    throw Object.assign(new Error("Unauthorized"), { statusCode: 403 });
+  }
+
+  const collaborations = [];
+
+  for (const id of collaboratorIds) {
+    const profile = await InfluencerProfile.findById(id);
+    if (!profile) continue;
+
+    const collab = await createCollaboration({
+      gigId: gig._id,
+      primaryInfluencerId: gig.primaryInfluencerId,
+      invitedInfluencerId: new Types.ObjectId(id),
+      status: "pending"
+    });
+
+    collaborations.push(collab);
+  }
+
+  return collaborations;
+};
+
+export const respondToCollaborationService = async (
+  collaborationId: string,
+  userId: string,
+  action: "accepted" | "rejected"
+) => {
+  const collaboration = await findCollaborationById(
+    new Types.ObjectId(collaborationId)
+  );
+
+  if (!collaboration) {
+    throw Object.assign(new Error("Collaboration not found"), {
+      statusCode: 404
+    });
+  }
+
+  if (collaboration.invitedInfluencerId.toString() !== userId) {
+    throw Object.assign(new Error("Unauthorized"), {
+      statusCode: 403
+    });
+  }
+
+  const updated = await updateCollaborationStatus(
+    collaboration._id,
+    action
+  );
+
+  if (action === "accepted") {
+    await GigModel.findByIdAndUpdate(collaboration.gigId, {
+      $addToSet: {
+        influencerIds: collaboration.invitedInfluencerId
+      }
+    });
+  }
+
+  return updated;
+};
\ No newline at end of file
diff --git a/apps/core-api/src/services/gig.service.ts b/apps/core-api/src/services/gig.service.ts
index afa043a..444b446 100644
--- a/apps/core-api/src/services/gig.service.ts
+++ b/apps/core-api/src/services/gig.service.ts
@@ -3,9 +3,12 @@ import { Types } from "mongoose";
 
 import { GigModel } from "../models/gig.model.js";
 import { create_gig } from "../repositories/gig.repository.js";
-import { type GigStatus } from "../types/gig.type.js";
+import { type GigDeliverable, type GigType, type Platform } from "../types/gig.type.js";
 import { InfluencerProfile } from "../models/influencer.model.js";
 import { UserRole } from "../models/user.model.js";
+import { findAvailabilityByInfluencer } from "../repositories/availability.repository.js";
+import { GigCollaborationModel } from "../models/collaboration.model.js";
+import type { WeeklyRule } from "../types/availability.types.js";
 
 
 /* ================= TYPES ================= */
@@ -30,7 +33,7 @@ export const listGigsService = async (
 ) => {
   const skip = (page - 1) * limit;
 
-const filter: Record<string, unknown> = {
+  const filter: Record<string, unknown> = {
 
     status: "published",
     isDeleted: false
@@ -122,32 +125,41 @@ export const getGigDetailsService = async (gigId: string) => {
   return gig;
 };
 
+/* ================= TYPES ================= */
 
 interface CreateGigInput {
   title: string;
-  description: string;
+  shortDescription: string;
+  platform: Platform;
+  gigType: GigType;
+
   category: string;
   tags: string[];
 
+  deliverables: GigDeliverable[];
+
   basePrice: number;
   currency: "INR" | "USD";
   negotiationAllowed?: boolean;
+  deliveryTimeInDays: number;
+  revisionsIncluded: number;
 
-  deliverables: string[];
   maxBookingsPerSlot?: number;
 
-  collaboratorIds?: string[]; // optional
+  collaboratorIds?: string[];
 }
 
+/* ================= CREATE GIG ================= */
+
 export const createGigService = async (
   userId: string,
   role: string,
   input: CreateGigInput
 ) => {
   if (role !== UserRole.INFLUENCER) {
-    const err = new Error("only influencers can create gigs") as HttpError;
-    err.statusCode = 403;
-    throw err;
+    throw Object.assign(new Error("only influencers can create gigs"), {
+      statusCode: 403
+    });
   }
 
   const influencerProfile = await InfluencerProfile.findOne({
@@ -155,50 +167,250 @@ export const createGigService = async (
   });
 
   if (!influencerProfile) {
+    throw Object.assign(new Error("influencer profile not found"), {
+      statusCode: 404
+    });
+  }
 
-    const err = new Error("influencer profile not found") as HttpError;
-    err.statusCode = 404;
-    throw err;
+  const gig = await create_gig({
+    title: input.title,
+    shortDescription: input.shortDescription,
+    platform: input.platform,
+    gigType: input.gigType,
+    category: input.category,
+    tags: input.tags,
+
+    influencerIds: [influencerProfile._id],
+    primaryInfluencerId: influencerProfile._id,
+
+    pricing: {
+      basePrice: 0,
+      currency: "INR",
+      negotiationAllowed: false,
+      deliveryTimeInDays: 1,
+      revisionsIncluded: 0
+    },
+
+    deliverables: [],
+
+    status: "draft",
+    isDeleted: false
+  });
+
+  return gig;
+};
+
+export const updateGigDeliverablesService = async (
+  gigId: string,
+  userId: string,
+  deliverables: GigDeliverable[]
+) => {
+  const gig = await GigModel.findById(gigId);
+
+  if (!gig) {
+    throw Object.assign(new Error("Gig not found"), { statusCode: 404 });
   }
 
-  const primaryInfluencerId = influencerProfile._id;
+  const influencerProfile = await InfluencerProfile.findOne({
+    userId: new Types.ObjectId(userId)
+  });
 
-  const collaboratorObjectIds =
-    input.collaboratorIds?.map((id) => new Types.ObjectId(id)) ?? [];
+  if (!influencerProfile) {
+    throw Object.assign(new Error("Influencer profile not found"), {
+      statusCode: 404
+    });
+  }
 
-  const hasCollaborators = collaboratorObjectIds.length > 0;
+  if (gig.primaryInfluencerId.toString() !== influencerProfile._id.toString()) {
+    throw Object.assign(new Error("Unauthorized"), {
+      statusCode: 403
+    });
+  }
 
-  const status: GigStatus = hasCollaborators
-    ? "draft"
-    : "published";
-const gig = await create_gig({
-  title: input.title,
-  description: input.description,
-  category: input.category,
-  tags: input.tags,
+  gig.deliverables = deliverables;
+  await gig.save();
 
-  pricing: {
-    basePrice: input.basePrice,
-    currency: input.currency,
-    negotiationAllowed: input.negotiationAllowed ?? false
-  },
+  return gig;
+};
 
-  deliverables: input.deliverables,
+export const updateGigPricingService = async (
+  gigId: string,
+  userId: string,
+  pricingInput: {
+    basePrice: number;
+    currency: "INR" | "USD";
+    negotiationAllowed?: boolean;
+    deliveryTimeInDays: number;
+    revisionsIncluded: number;
+  }
+) => {
+  const gig = await GigModel.findById(gigId);
 
-  ...(input.maxBookingsPerSlot !== undefined && {
-    maxBookingsPerSlot: input.maxBookingsPerSlot
-  }),
+  if (!gig) {
+    throw Object.assign(new Error("Gig not found"), { statusCode: 404 });
+  }
 
-  influencerIds: [primaryInfluencerId],
-  primaryInfluencerId,
+  const influencerProfile = await InfluencerProfile.findOne({
+    userId: new Types.ObjectId(userId)
+  });
 
-  status,
-  isDeleted: false
-});
+  if (!influencerProfile) {
+    throw Object.assign(new Error("Influencer profile not found"), { statusCode: 404 });
+  }
 
+  if (gig.primaryInfluencerId.toString() !== influencerProfile._id.toString()) {
+    throw Object.assign(new Error("Unauthorized"), { statusCode: 403 });
+  }
 
-  return {
-    gig,
-    collaborators: collaboratorObjectIds
+  gig.pricing = {
+    basePrice: pricingInput.basePrice,
+    currency: pricingInput.currency,
+    negotiationAllowed: pricingInput.negotiationAllowed ?? false,
+    deliveryTimeInDays: pricingInput.deliveryTimeInDays,
+    revisionsIncluded: pricingInput.revisionsIncluded
   };
+
+  await gig.save();
+
+  return gig;
 };
+
+// export const publishGigService = async (
+//   gigId: string,
+//   userId: string
+// ) => {
+//   const gig = await GigModel.findById(gigId);
+
+//   if (!gig) {
+//     throw Object.assign(new Error("Gig not found"), { statusCode: 404 });
+//   }
+
+//   if (gig.primaryInfluencerId.toString() !== userId) {
+//     throw Object.assign(new Error("Unauthorized"), { statusCode: 403 });
+//   }
+
+//   if (!gig.deliverables.length) {
+//     throw Object.assign(new Error("Deliverables required"), { statusCode: 400 });
+//   }
+
+//   if (gig.pricing.basePrice <= 0) {
+//     throw Object.assign(new Error("Valid pricing required"), { statusCode: 400 });
+//   }
+
+//   gig.status = "published";
+//   await gig.save();
+
+//   return gig;
+// };
+
+
+export const publishGigService = async (
+  gigId: string,
+  userId: string
+) => {
+  const gig = await GigModel.findById(gigId);
+
+  if (!gig) {
+    throw Object.assign(new Error("Gig not found"), { statusCode: 404 });
+  }
+
+  // 🔥 FIX: resolve influencer profile from userId
+  const influencerProfile = await InfluencerProfile.findOne({
+    userId: new Types.ObjectId(userId)
+  });
+
+  if (!influencerProfile) {
+    throw Object.assign(new Error("Influencer profile not found"), {
+      statusCode: 404
+    });
+  }
+
+  if (
+    gig.primaryInfluencerId.toString() !==
+    influencerProfile._id.toString()
+  ) {
+    throw Object.assign(new Error("Unauthorized"), { statusCode: 403 });
+  }
+
+  if (gig.status === "published") {
+    throw Object.assign(new Error("Gig already published"), {
+      statusCode: 400
+    });
+  }
+
+  // Deliverables
+  if (!gig.deliverables || gig.deliverables.length === 0) {
+    throw Object.assign(new Error("Deliverables required"), {
+      statusCode: 400
+    });
+  }
+
+  // Pricing
+  if (
+    !gig.pricing ||
+    gig.pricing.basePrice <= 0 ||
+    gig.pricing.deliveryTimeInDays <= 0
+  ) {
+    throw Object.assign(new Error("Valid pricing required"), {
+      statusCode: 400
+    });
+  }
+
+  // Availability
+  const availability = await findAvailabilityByInfluencer(
+    influencerProfile._id
+  );
+
+  if (!availability) {
+    throw Object.assign(
+      new Error("Availability must be set before publishing"),
+      { statusCode: 400 }
+    );
+  }
+
+  // const hasEnabledDay = availability.weeklyRules.some(
+  //   (rule: any) => rule.isEnabled && rule.slots.length > 0
+  // );
+  const hasEnabledDay = availability.weeklyRules.some(
+    (rule:WeeklyRule) => rule.isEnabled && rule.slots.length > 0
+  );
+
+  if (!hasEnabledDay) {
+    throw Object.assign(
+      new Error("At least one available slot required"),
+      { statusCode: 400 }
+    );
+  }
+
+  // Collaboration validation
+  if (gig.gigType === "collaboration") {
+    const pending = await GigCollaborationModel.findOne({
+      gigId: new Types.ObjectId(gigId),
+      status: "pending"
+    });
+
+    if (pending) {
+      throw Object.assign(
+        new Error("All collaborators must accept before publishing"),
+        { statusCode: 400 }
+      );
+    }
+
+    const rejected = await GigCollaborationModel.findOne({
+      gigId: new Types.ObjectId(gigId),
+      status: "rejected"
+    });
+
+    if (rejected) {
+      throw Object.assign(
+        new Error("One or more collaborators rejected"),
+        { statusCode: 400 }
+      );
+    }
+  }
+
+  gig.status = "published";
+  await gig.save();
+
+  return gig;
+};
\ No newline at end of file
diff --git a/apps/core-api/src/types/availability.types.ts b/apps/core-api/src/types/availability.types.ts
new file mode 100644
index 0000000..44417f2
--- /dev/null
+++ b/apps/core-api/src/types/availability.types.ts
@@ -0,0 +1,40 @@
+import { Types } from "mongoose";
+
+export type Weekday =
+  | "monday"
+  | "tuesday"
+  | "wednesday"
+  | "thursday"
+  | "friday"
+  | "saturday"
+  | "sunday";
+
+export interface TimeSlot {
+  startTime: string; 
+  endTime: string; 
+}
+
+export interface WeeklyRule {
+  day: Weekday;
+  isEnabled: boolean;
+  slots: TimeSlot[];
+}
+
+export interface DateOverride {
+  date: string; 
+  isAvailable: boolean;
+  slots: TimeSlot[];
+}
+
+export interface AvailabilityDocument {
+  influencerProfileId: Types.ObjectId;
+
+  timezone: string; 
+
+  weeklyRules: WeeklyRule[];
+
+  dateOverrides: DateOverride[];
+
+  createdAt: Date;
+  updatedAt: Date;
+}
\ No newline at end of file
diff --git a/apps/core-api/src/types/gig.type.ts b/apps/core-api/src/types/gig.type.ts
index 1c9153c..2f92c05 100644
--- a/apps/core-api/src/types/gig.type.ts
+++ b/apps/core-api/src/types/gig.type.ts
@@ -6,36 +6,52 @@ export type GigStatus =
   | "paused"
   | "archived";
 
+export type Platform =
+  | "instagram"
+  | "youtube"
+  | "tiktok";
+
+export type GigType =
+  | "solo"
+  | "collaboration";
+
+export interface GigDeliverable {
+  contentType: string;
+  quantity: number;
+  includedItems: string[];
+}
+
 export interface GigPricing {
   basePrice: number;
   currency: "INR" | "USD";
   negotiationAllowed: boolean;
+  deliveryTimeInDays: number;
+  revisionsIncluded: number;
 }
 
 export interface GigDocument {
   title: string;
-  description: string;
+  shortDescription: string;
 
-  // Only ACCEPTED collaborators go here
-  influencerIds: Types.ObjectId[];
+  platform: Platform;
+  gigType: GigType;
 
-  // Owner of the gig
+  influencerIds: Types.ObjectId[];
   primaryInfluencerId: Types.ObjectId;
 
   category: string;
   tags: string[];
 
-  pricing: GigPricing;
+  deliverables: GigDeliverable[];
 
-  deliverables: string[];
+  pricing: GigPricing;
 
   maxBookingsPerSlot?: number;
 
   status: GigStatus;
 
-
   isDeleted: boolean;
 
   createdAt: Date;
   updatedAt: Date;
-}
+}
\ No newline at end of file
diff --git a/apps/web/app/(auth)/login/page.tsx b/apps/web/app/(auth)/login/page.tsx
index 8aa2aee..3449ecc 100644
--- a/apps/web/app/(auth)/login/page.tsx
+++ b/apps/web/app/(auth)/login/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React, { useState } from "react";
+import { useRouter } from "next/navigation";
 
 import api from "@/lib/axios.client";
 import { useAuthStore } from "@/store/auth.store";
@@ -15,6 +16,7 @@ export default function LoginPage() {
   });
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState("");
+  const router = useRouter()
   const setAuth = useAuthStore((state)=>state.setAuth)
 
   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -43,7 +45,8 @@ export default function LoginPage() {
       if (response.data.data?.accessToken) {
         const {accessToken, user} = response.data.data
         setAuth(accessToken, user)
-        window.location.href = "/dashboard";
+        router.push("/home")
+        // window.location.href = "/home";
       }
 
     } catch (error) {
diff --git a/apps/web/app/gig/create/page.tsx b/apps/web/app/gig/create/page.tsx
new file mode 100644
index 0000000..6fe98ad
--- /dev/null
+++ b/apps/web/app/gig/create/page.tsx
@@ -0,0 +1,100 @@
+"use client";
+
+import React, { useState } from "react";
+import { FaCheck } from "react-icons/fa";
+
+import { StepIndicator } from "@/components/gig-create/StepIndicator";
+import Navbar from "@/components/Navbar";
+import { GigDetails } from "@/components/gig-create/GigDetails";
+import { Deliverables } from "@/components/gig-create/Deliverables";
+import { Pricing } from "@/components/gig-create/Pricing";
+import { Availability } from "@/components/gig-create/Availability";
+import { ReviewAndPublish } from "@/components/gig-create/ReviewAndPublish";
+
+export default function GigCreatePage() {
+    const [currentStep, setCurrentStep] = useState(1);
+    const totalSteps = 6;
+
+    const nextStep = () => {
+        if (currentStep < totalSteps) {
+            setCurrentStep((prev) => prev + 1);
+            window.scrollTo({ top: 0, behavior: "smooth" });
+        }
+    };
+
+    const prevStep = () => {
+        if (currentStep > 1) {
+            setCurrentStep((prev) => prev - 1);
+            window.scrollTo({ top: 0, behavior: "smooth" });
+        }
+    }
+
+    const goToStep = (step: number) => {
+        if (step >= 1 && step <= totalSteps) {
+            setCurrentStep(step);
+            window.scrollTo({ top: 0, behavior: "smooth" });
+        }
+    };
+    return (
+        <div className="min-h-screen bg-gray-50/50">
+            <Navbar />
+
+            <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12 pt-28">
+
+                {/* Header Section */}
+                <div className="mb-10 text-center">
+                    <h1 className="text-3xl font-bold text-gray-900 tracking-tight">Create a New Gig</h1>
+                    <p className="text-gray-500 mt-2 text-lg">
+                        {currentStep === 1 && "Set up your gig details to start connecting with brands."}
+                        {currentStep === 2 && "Define clearly what you will deliver to the client."}
+                        {currentStep === 3 && "Set your pricing and packages."}
+                    </p>
+                </div>
+
+                <div className="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
+                    {/* Progress Indicator Container */}
+                    <div className="px-8 py-8 border-b border-gray-50 bg-white">
+                        <StepIndicator currentStep={currentStep} />
+                    </div>
+
+                    {/* Main Form Content */}
+                    <div>
+                        {currentStep === 1 && (
+                            <GigDetails onNext={nextStep} />
+                        )}
+                        {currentStep === 2 && (
+                            <Deliverables onBack={prevStep} onNext={nextStep} />
+                        )}
+                        {currentStep === 3 && (
+                            <Pricing onBack={prevStep} onNext={nextStep} />
+                        )}
+                        {currentStep === 4 && (
+                            <Availability onBack={prevStep} onNext={nextStep} />
+                        )}
+                        {currentStep === 5 && (
+                            <ReviewAndPublish onBack={prevStep} onNext={nextStep} goToStep={goToStep} />
+                        )}
+                        {currentStep === 6 && (
+                            <div className="p-16 text-center space-y-6">
+                                <div className="w-20 h-20 bg-green-100 text-green-600 rounded-full flex items-center justify-center mx-auto mb-4">
+                                    <FaCheck size={40} />
+                                </div>
+                                <h2 className="text-3xl font-bold text-gray-900">Gig Published Successfully!</h2>
+                                <p className="text-gray-500 max-w-md mx-auto">
+                                    Your gig is now live and visible to brands. You can manage it from your dashboard.
+                                </p>
+                                <button
+                                    onClick={() => window.location.href = "/dashboard"}
+                                    className="bg-green-600 hover:bg-green-700 text-white px-8 py-3 rounded-lg font-semibold transition-all mt-6"
+                                >
+                                    Go to Dashboard
+                                </button>
+                            </div>
+                        )}
+                        {/* Future steps will go here */}
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/apps/web/app/gigs/page.tsx b/apps/web/app/gigs/page.tsx
deleted file mode 100644
index 5a6c3e4..0000000
--- a/apps/web/app/gigs/page.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function GigsPage() {
-  return <h1>Gigs Page</h1>;
-}
diff --git a/apps/web/components/gig-create/Availability.tsx b/apps/web/components/gig-create/Availability.tsx
new file mode 100644
index 0000000..911c77d
--- /dev/null
+++ b/apps/web/components/gig-create/Availability.tsx
@@ -0,0 +1,545 @@
+"use client";
+
+import React, { useState } from "react";
+import { FaPlus, FaCalendarAlt, FaCheck, FaTimes } from "react-icons/fa";
+
+import api from "@/lib/axios.client";
+import { AvailabilitySlot, useGigCreateStore, WeeklyRule } from "@/store/gigCreate.store";
+import { cn } from "@/lib/utils";
+
+interface TimeSlot {
+  start: string;
+  end: string;
+}
+
+interface DayAvailability {
+  day: string;
+  enabled: boolean;
+  slots: TimeSlot[];
+}
+
+interface DateOverride {
+  date: string;
+  unavailable: boolean;
+}
+
+interface AvailabilityProps {
+  onBack: () => void;
+  onNext: () => void;
+}
+
+const DAYS = [
+  "Monday",
+  "Tuesday",
+  "Wednesday",
+  "Thursday",
+  "Friday",
+  "Saturday",
+  "Sunday"
+];
+
+// Helper to convert 24h string to 12h display
+const to12Hour = (time24: string) => {
+  if (!time24) return "09:00 AM";
+  if (time24.includes("AM") || time24.includes("PM")) return time24;
+
+  const [hours, minutes] = time24.split(":");
+  let h = parseInt(hours);
+  const m = minutes || "00";
+  const ampm = h >= 12 ? "PM" : "AM";
+  h = h % 12;
+  h = h ? h : 12;
+  return `${String(h).padStart(2, '0')}:${m} ${ampm}`;
+};
+
+// Helper to convert 12h display to 24h string
+const convertTo24Hour = (time: string) => {
+  const [hourMin, modifier] = time.split(" ");
+
+  const [rawHours, minutes] = hourMin.split(":");
+  let hours = rawHours;
+
+  if (modifier === "PM" && hours !== "12") {
+    hours = String(Number(hours) + 12);
+  }
+
+  if (modifier === "AM" && hours === "12") {
+    hours = "00";
+  }
+
+  return `${hours.padStart(2, "0")}:${minutes}`;
+};
+
+const TIME_OPTIONS = [
+  "09:00 AM", "09:30 AM", "10:00 AM", "10:30 AM", "11:00 AM", "11:30 AM",
+  "12:00 PM", "12:30 PM", "01:00 PM", "01:30 PM", "02:00 PM", "02:30 PM",
+  "03:00 PM", "03:30 PM", "04:00 PM", "04:30 PM", "05:00 PM", "05:30 PM",
+  "06:00 PM", "06:30 PM", "07:00 PM", "07:30 PM", "08:00 PM", "08:30 PM",
+  "09:00 PM"
+];
+
+// --- Preview Component ---
+
+interface AvailabilityPreviewProps {
+  availabilityRules: DayAvailability[];
+  overrides: DateOverride[];
+}
+
+function AvailabilityPreview({ availabilityRules, overrides }: AvailabilityPreviewProps) {
+  const [selectedDate, setSelectedDate] = useState(new Date());
+  const [viewDate, setViewDate] = useState(new Date());
+
+  // Reset selectedDate time to start of day for accurate string comparison
+  const getDashedDate = (date: Date) => {
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+  };
+
+  const daysInMonth = new Date(viewDate.getFullYear(), viewDate.getMonth() + 1, 0).getDate();
+  const firstDayOfMonth = new Date(viewDate.getFullYear(), viewDate.getMonth(), 1).getDay();
+
+  const isDateAvailable = (date: Date) => {
+    // Don't show availability for past dates
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    if (date < today) return false;
+
+    const dateString = getDashedDate(date);
+
+    // Check overrides first
+    const override = overrides.find(o => o.date === dateString);
+    if (override) return !override.unavailable;
+
+    // Check weekly rules
+    const dayName = DAYS[date.getDay() === 0 ? 6 : date.getDay() - 1]; // DAYS is Mon-Sun
+    const rule = availabilityRules.find(r => r.day === dayName);
+    return rule?.enabled && rule.slots.length > 0;
+  };
+
+  const currentMonthYear = viewDate.toLocaleString('default', { month: 'long', year: 'numeric' });
+
+  const selectedDayName = DAYS[selectedDate.getDay() === 0 ? 6 : selectedDate.getDay() - 1];
+  const selectedRule = availabilityRules.find(r => r.day === selectedDayName);
+  const selectedOverride = overrides.find(o => o.date === getDashedDate(selectedDate));
+
+  // Slots are only valid if it's not a past day
+  const todayThreshold = new Date();
+  todayThreshold.setHours(0, 0, 0, 0);
+  const isPastDay = selectedDate < todayThreshold;
+  const displaySlots = (isPastDay || (selectedOverride && selectedOverride.unavailable)) ? [] : (selectedRule?.enabled ? selectedRule.slots : []);
+
+  return (
+    <div className="bg-[#111827] text-white rounded-4xl p-6 shadow-2xl shadow-gray-200 relative overflow-hidden h-fit">
+      <div className="absolute top-0 right-0 w-32 h-32 bg-linear-to-br from-green-500/20 to-transparent rounded-full -mr-16 -mt-16 blur-2xl" />
+
+      <div className="relative z-10">
+        <span className="inline-block px-2.5 py-1 rounded-full bg-green-500/10 text-green-400 border border-green-500/20 text-[9px] font-bold uppercase tracking-wider mb-6">
+          Booking Preview
+        </span>
+
+        <div className="bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10 space-y-5">
+          <div className="flex items-center justify-between px-1">
+            <span className="text-xs font-bold text-gray-200">{currentMonthYear}</span>
+            <div className="flex gap-2">
+              <button
+                onClick={() => setViewDate(new Date(viewDate.getFullYear(), viewDate.getMonth() - 1, 1))}
+                className="w-6 h-6 rounded-lg bg-white/5 flex items-center justify-center hover:bg-white/10 transition-colors text-[10px]"
+              >
+                {"<"}
+              </button>
+              <button
+                onClick={() => setViewDate(new Date(viewDate.getFullYear(), viewDate.getMonth() + 1, 1))}
+                className="w-6 h-6 rounded-lg bg-white/5 flex items-center justify-center hover:bg-white/10 transition-colors text-[10px]"
+              >
+                {">"}
+              </button>
+            </div>
+          </div>
+
+          <div className="grid grid-cols-7 gap-y-2 text-[9px] text-gray-500 font-bold text-center">
+            {["S", "M", "T", "W", "T", "F", "S"].map((d, i) => <div key={i}>{d}</div>)}
+            {[...Array(firstDayOfMonth)].map((_, i) => <div key={i} />)}
+            {[...Array(daysInMonth)].map((_, i) => {
+              const dayNum = i + 1;
+              const date = new Date(viewDate.getFullYear(), viewDate.getMonth(), dayNum);
+              const available = isDateAvailable(date);
+
+              const todayNow = new Date();
+              todayNow.setHours(0, 0, 0, 0);
+              const isPast = date < todayNow;
+              const isToday = dayNum === todayNow.getDate() && viewDate.getMonth() === todayNow.getMonth() && viewDate.getFullYear() === todayNow.getFullYear();
+              const isSelected = dayNum === selectedDate.getDate() && viewDate.getMonth() === selectedDate.getMonth() && viewDate.getFullYear() === selectedDate.getFullYear();
+
+              return (
+                <button
+                  key={i}
+                  onClick={() => setSelectedDate(date)}
+                  className={cn(
+                    "w-7 h-7 flex flex-col items-center justify-center mx-auto rounded-lg transition-all relative",
+                    isSelected ? "bg-[#009366] text-white shadow-lg shadow-green-500/20 scale-110 z-10" : "text-gray-300 hover:bg-white/5",
+                    !available && !isSelected && "opacity-30 grayscale",
+                    isPast && !isSelected && "text-gray-600 opacity-20",
+                    isToday && !isSelected && "border border-[#009366]/50"
+                  )}
+                >
+                  <span className="text-[10px]">{dayNum}</span>
+                  {available && !isSelected && (
+                    <div className="w-1 h-1 rounded-full bg-[#009366] mt-0.5" />
+                  )}
+                </button>
+              );
+            })}
+          </div>
+
+          <div className="pt-4 border-t border-white/5">
+            <p className="text-[10px] font-bold text-gray-400 flex items-center gap-2 mb-3">
+              <span className={cn("w-1.5 h-1.5 rounded-full", displaySlots.length > 0 ? "bg-green-500" : "bg-red-500")} />
+              {displaySlots.length > 0 ? 'Available on ' : isPastDay ? 'Past date ' : 'Unavailable on '}
+              {selectedDate.toLocaleDateString('en-US', { day: 'numeric', month: 'short' })}
+            </p>
+            <div className="grid grid-cols-2 gap-2">
+              {displaySlots.length > 0 ? (
+                displaySlots.map((s, i) => (
+                  <div key={i} className="py-2 px-1 rounded-lg bg-white/5 border border-white/5 text-center text-[9px] font-bold text-green-400">
+                    {s.start}
+                  </div>
+                ))
+              ) : (
+                <div className="col-span-2 py-4 text-center text-[9px] text-gray-500 italic bg-white/5 rounded-xl border border-white/5">
+                  {isPastDay ? "Date has passed" : "No slots available"}
+                </div>
+              )}
+            </div>
+          </div>
+        </div>
+
+        <div className="mt-6 flex gap-3 items-start px-2">
+          <div className="w-6 h-6 rounded-full bg-green-50/10 flex items-center justify-center text-green-500 shrink-0">
+            <FaPlus size={8} />
+          </div>
+          <p className="text-[10px] text-gray-400 font-medium leading-relaxed">
+            Brands will see this view. Time slots confirmed after payment.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export function Availability({ onBack, onNext }: AvailabilityProps) {
+  const { availability, setAvailability } = useGigCreateStore();
+
+  const [availabilityRules, setAvailabilityRules] = useState<DayAvailability[]>(() => {
+  if (availability?.weeklyRules?.length) {
+    return DAYS.map(day => {
+      const existing = availability.weeklyRules.find(
+        (r: WeeklyRule) => r.day.toLowerCase() === day.toLowerCase()
+      );
+
+      return {
+        day,
+        enabled: existing?.isEnabled ?? false,
+        slots:
+          existing?.slots.map((s: AvailabilitySlot) => ({
+            start: to12Hour(s.startTime),
+            end: to12Hour(s.endTime)
+          })) ?? []
+      };
+    });
+  }
+
+  return DAYS.map((day) => ({
+    day,
+    enabled: day === "Monday",
+    slots: day === "Monday"
+      ? [{ start: "09:00 AM", end: "05:00 PM" }]
+      : []
+  }));
+});
+
+  const [overrides, setOverrides] = useState<DateOverride[]>(
+    availability?.dateOverrides?.map((o) => ({
+      date: o.date,
+      unavailable: !o.isAvailable
+    })) || []
+  );
+  const [isLoading, setIsLoading] = useState(false);
+
+  const toggleDay = (index: number) => {
+    setAvailabilityRules((prev) =>
+      prev.map((rule, i) => {
+        if (i === index) {
+          const newEnabled = !rule.enabled;
+          return {
+            ...rule,
+            enabled: newEnabled,
+            slots: newEnabled && rule.slots.length === 0 ? [{ start: "09:00 AM", end: "05:00 PM" }] : rule.slots
+          };
+        }
+        return rule;
+      })
+    );
+  };
+
+  const updateSlot = (dayIndex: number, slotIndex: number, field: 'start' | 'end', value: string) => {
+    setAvailabilityRules((prev) =>
+      prev.map((rule, i) =>
+        i === dayIndex ? {
+          ...rule,
+          slots: rule.slots.map((s, si) => si === slotIndex ? { ...s, [field]: value } : s)
+        } : rule
+      )
+    );
+  };
+
+  const addSlot = (dayIndex: number) => {
+    setAvailabilityRules((prev) =>
+      prev.map((rule, i) =>
+        i === dayIndex ? {
+          ...rule,
+          slots: [...rule.slots, { start: "09:00 AM", end: "05:00 PM" }]
+        } : rule
+      )
+    );
+  };
+
+  const removeSlot = (dayIndex: number, slotIndex: number) => {
+    setAvailabilityRules((prev) =>
+      prev.map((rule, i) =>
+        i === dayIndex ? {
+          ...rule,
+          slots: rule.slots.filter((_, s) => s !== slotIndex)
+        } : rule
+      )
+    );
+  };
+
+  const addOverride = () => {
+    const today = new Date().toISOString().split('T')[0];
+    setOverrides([...overrides, { date: today, unavailable: true }]);
+  };
+
+  const removeOverride = (index: number) => {
+    setOverrides(overrides.filter((_, i) => i !== index));
+  };
+
+  const updateOverrideDate = (index: number, date: string) => {
+    setOverrides(overrides.map((o, i) => i === index ? { ...o, date } : o));
+  };
+
+  const handleSubmit = async () => {
+    if (isLoading) return;
+    setIsLoading(true);
+
+    const payload = {
+      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone || "Asia/Kolkata",
+      weeklyRules: availabilityRules.map((rule) => ({
+        day: rule.day.toLowerCase(),
+        isEnabled: rule.enabled,
+        slots: rule.slots.map((slot) => ({
+          startTime: convertTo24Hour(slot.start),
+          endTime: convertTo24Hour(slot.end)
+        }))
+      })),
+      dateOverrides: overrides.map((o) => ({
+        date: o.date,
+        isAvailable: !o.unavailable,
+        slots: []
+      }))
+    };
+
+    try {
+      setAvailability(payload);
+      await api.post("/availability", payload);
+      onNext();
+    } catch (error) {
+      console.error("Error saving availability:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-4 sm:p-8 max-w-6xl mx-auto">
+      <div className="grid grid-cols-1 lg:grid-cols-[1fr,320px] gap-8">
+        {/* Left Side: Rules */}
+        <div className="space-y-6">
+          <div className="flex items-center justify-between border-b border-gray-100 pb-4">
+            <div>
+              <h2 className="text-lg font-bold text-gray-900">Weekly Availability</h2>
+              <p className="text-xs text-gray-400 mt-1">Set the times you are available for bookings each week.</p>
+            </div>
+            <div className="text-[10px] font-bold text-gray-400 bg-gray-50 px-2 py-1.5 rounded-lg border border-gray-100 uppercase tracking-tight">
+              {Intl.DateTimeFormat().resolvedOptions().timeZone}
+            </div>
+          </div>
+
+          <div className="space-y-1">
+            {availabilityRules.map((rule, dayIndex) => (
+              <div
+                key={rule.day}
+                className={cn(
+                  "group flex items-center gap-4 py-3 px-4 rounded-xl transition-all duration-200 border border-transparent",
+                  rule.enabled ? "bg-white hover:border-gray-100" : "bg-gray-50/40 opacity-70"
+                )}
+              >
+                {/* Day Selector */}
+                <div className="flex items-center gap-3 w-32 shrink-0">
+                  <button
+                    onClick={() => toggleDay(dayIndex)}
+                    className={cn(
+                      "w-5 h-5 rounded-md flex items-center justify-center transition-all border",
+                      rule.enabled
+                        ? "bg-[#009366] border-[#009366] text-white shadow-sm"
+                        : "bg-white border-gray-200 text-transparent"
+                    )}
+                  >
+                    <FaCheck size={10} strokeWidth={3} />
+                  </button>
+                  <span className={cn(
+                    "text-sm font-semibold transition-colors",
+                    rule.enabled ? "text-gray-900" : "text-gray-400"
+                  )}>
+                    {rule.day}
+                  </span>
+                </div>
+
+                {/* Slots Area */}
+                <div className="flex-1 min-h-10 flex flex-wrap items-center gap-2">
+                  {rule.enabled ? (
+                    <>
+                      {rule.slots.map((slot, slotIndex) => (
+                        <div key={slotIndex} className="flex items-center gap-1.5 bg-gray-50/80 p-1 rounded-lg border border-gray-100/50">
+                          <select
+                            value={slot.start}
+                            onChange={(e) => updateSlot(dayIndex, slotIndex, 'start', e.target.value)}
+                            className="bg-transparent text-[11px] font-bold text-gray-700 outline-none cursor-pointer px-1 py-1 rounded hover:bg-white transition-colors"
+                          >
+                            {TIME_OPTIONS.map(t => <option key={t} value={t}>{t}</option>)}
+                          </select>
+                          <span className="text-[10px] text-gray-300 font-medium">to</span>
+                          <select
+                            value={slot.end}
+                            onChange={(e) => updateSlot(dayIndex, slotIndex, 'end', e.target.value)}
+                            className="bg-transparent text-[11px] font-bold text-gray-700 outline-none cursor-pointer px-1 py-1 rounded hover:bg-white transition-colors"
+                          >
+                            {TIME_OPTIONS.map(t => <option key={t} value={t}>{t}</option>)}
+                          </select>
+                          {rule.slots.length > 1 && (
+                            <button
+                              onClick={() => removeSlot(dayIndex, slotIndex)}
+                              className="w-5 h-5 flex items-center justify-center text-gray-400 hover:text-red-500 hover:bg-red-50 rounded-md transition-all"
+                            >
+                              <FaTimes size={10} />
+                            </button>
+                          )}
+                        </div>
+                      ))}
+                      <button
+                        onClick={() => addSlot(dayIndex)}
+                        className="w-7 h-7 flex items-center justify-center rounded-lg border border-gray-200 border-dashed text-gray-400 hover:text-[#009366] hover:border-[#009366] hover:bg-[#009366]/5 transition-all"
+                        title="Add time slot"
+                      >
+                        <FaPlus size={10} />
+                      </button>
+                    </>
+                  ) : (
+                    <span className="text-xs italic text-gray-300">Unavailable</span>
+                  )}
+                </div>
+              </div>
+            ))}
+          </div>
+
+          <div className="pt-6 border-t border-gray-100">
+            <div className="flex items-center justify-between mb-4">
+              <h3 className="text-sm font-bold text-gray-800">Date Overrides</h3>
+              <button
+                onClick={addOverride}
+                className="flex items-center gap-2 px-3 py-1.5 rounded-lg border border-gray-200 text-[11px] font-bold text-gray-600 hover:bg-gray-50 transition-all shadow-sm"
+              >
+                <FaPlus size={8} /> Add specific date
+              </button>
+            </div>
+
+            <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
+              {overrides.length === 0 && (
+                <div className="col-span-full py-6 px-4 rounded-xl border border-dashed border-gray-200 text-center">
+                  <p className="text-xs text-gray-400">No specific date overrides added yet.</p>
+                </div>
+              )}
+              {overrides.map((override, i) => (
+                <div key={i} className="flex items-center justify-between bg-white px-3 py-2.5 rounded-xl border border-gray-100 shadow-sm transition-all hover:bg-gray-50/50">
+                  <div className="flex items-center gap-3">
+                    <div className="w-8 h-8 rounded-lg bg-red-50 flex items-center justify-center text-red-500">
+                      <FaCalendarAlt size={12} />
+                    </div>
+                    <input
+                      type="date"
+                      value={override.date}
+                      onChange={(e) => updateOverrideDate(i, e.target.value)}
+                      className="bg-transparent text-xs font-bold text-gray-800 outline-none cursor-pointer"
+                    />
+                  </div>
+                  <div className="flex items-center gap-2">
+                    <span className="text-[10px] font-bold text-red-500/80 bg-red-50 px-2 py-0.5 rounded-full uppercase">Unavailable</span>
+                    <button
+                      onClick={() => removeOverride(i)}
+                      className="w-6 h-6 flex items-center justify-center text-gray-300 hover:text-gray-600 rounded-lg hover:bg-gray-200/50 transition-colors"
+                    >
+                      <FaTimes size={12} />
+                    </button>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+
+        {/* Right Side: Preview */}
+        <div className="space-y-6">
+          <AvailabilityPreview availabilityRules={availabilityRules} overrides={overrides} />
+        </div>
+      </div>
+
+      {/* Footer Actions */}
+      <div className="flex items-center justify-between border-t border-gray-100 pt-8 mt-12 bg-white/80 backdrop-blur-md sticky bottom-0 -mx-4 px-4 pb-4 sm:pb-0 z-20">
+        <button
+          onClick={onBack}
+          className="text-gray-500 hover:text-gray-900 font-semibold text-sm flex items-center gap-2 transition-colors py-2 px-4 rounded-xl hover:bg-gray-50"
+        >
+          <span className="text-lg">←</span> Back
+        </button>
+
+        <div className="flex items-center gap-4">
+          <button
+            type="button"
+            onClick={() => console.log("Save draft")}
+            className="text-gray-400 hover:text-gray-600 font-semibold text-sm transition-colors hidden sm:block"
+          >
+            Save draft
+          </button>
+          <button
+            onClick={handleSubmit}
+            disabled={isLoading}
+            className="bg-[#009366] hover:bg-[#007a55] text-white px-8 sm:px-12 py-3.5 rounded-xl font-bold text-sm shadow-xl shadow-green-500/10 transition-all active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed flex items-center justify-center gap-3 min-w-40"
+          >
+            {isLoading ? (
+              <>
+                <div className="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin" />
+                Processing
+              </>
+            ) : (
+              <>
+                <span>Continue</span>
+                <span className="text-lg leading-none mt-0.5">→</span>
+              </>
+            )}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/components/gig-create/Deliverables.tsx b/apps/web/components/gig-create/Deliverables.tsx
new file mode 100644
index 0000000..49afcbe
--- /dev/null
+++ b/apps/web/components/gig-create/Deliverables.tsx
@@ -0,0 +1,149 @@
+"use client";
+
+import React, { useState } from "react";
+import { FaImage, FaVideo, FaFileAlt } from "react-icons/fa";
+
+import api from "@/lib/axios.client";
+import { useGigCreateStore } from "@/store/gigCreate.store";
+import { Input } from "@/components/ui/Input";
+import { SelectButton } from "@/components/ui/SelectButton";
+
+interface DeliverablesProps {
+    onBack: () => void;
+    onNext: () => void;
+}
+
+export function Deliverables({ onBack, onNext }: DeliverablesProps) {
+    const { gigId, setDeliverables, deliverables } = useGigCreateStore();
+
+    const initialDeliverable = deliverables[0] || {};
+    const [contentType, setcontentType] = useState<
+  "video" | "image" | "text"
+>(
+  (initialDeliverable.contentType as
+    | "video"
+    | "image"
+    | "text") || "video"
+);
+    const [quantity, setQuantity] = useState<number>(initialDeliverable.quantity || 1);
+    const [specification, setSpecification] = useState<string>(initialDeliverable.includedItems?.[0] || "");
+    const [isLoading, setIsLoading] = useState(false);
+
+    const handleSubmit = async () => {
+        if (!gigId || isLoading) {
+            if (!gigId) console.error("Gig ID missing");
+            return;
+        }
+
+        setIsLoading(true);
+        const deliverablesPayload = [
+            {
+                contentType,
+                quantity,
+                includedItems: specification ? [specification] : []
+            }
+        ];
+
+        try {
+            await api.patch(
+                `/gigs/${gigId}/deliverables`,
+                deliverablesPayload
+            );
+
+            setDeliverables(deliverablesPayload);
+            onNext();
+        } catch (error) {
+            console.error(error);
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+
+    return (
+        <div className="p-8 sm:p-10 space-y-8">
+            <div className="space-y-6">
+                <h2 className="text-lg font-semibold text-gray-900 border-b border-gray-100 pb-2">What will you deliver?</h2>
+                <p className="text-sm text-gray-500">Define the specifics of your content deliverables.</p>
+
+                {/* Deliverable Type */}
+                <div>
+                    <label className="block text-sm font-semibold text-gray-700 mb-3">Content Format</label>
+                    <div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
+                        <SelectButton
+                            label="Video"
+                            icon={<FaVideo className="w-5 h-5" />}
+                            selected={contentType === 'video'}
+                            onClick={() => setcontentType('video')}
+                        />
+                        <SelectButton
+                            label="Image / Photo"
+                            icon={<FaImage className="w-5 h-5" />}
+                            selected={contentType === 'image'}
+                            onClick={() => setcontentType('image')}
+                        />
+                        <SelectButton
+                            label="Story / Text"
+                            icon={<FaFileAlt className="w-5 h-5" />}
+                            selected={contentType === 'text'}
+                            onClick={() => setcontentType('text')}
+                        />
+                    </div>
+                </div>
+
+                {/* Quantity & Specs */}
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                    <Input
+                        label="Quantity"
+                        type="number"
+                        value={quantity}
+                        onChange={(e) => setQuantity(Number(e.target.value))}
+                        placeholder="1"
+                        helperText="How many posts/stories?"
+                    />
+                    <Input
+                        label="Duration / Size"
+                        value={specification}
+                        onChange={(e) => setSpecification(e.target.value)}
+                        placeholder="e.g. 60 seconds, 1080x1350"
+                        helperText="Specific requirements"
+                    />
+                </div>
+            </div>
+
+            {/* Footer Actions */}
+            <div className="flex items-center justify-between border-t border-gray-100 pt-6 mt-8">
+                <button
+                    onClick={onBack}
+                    className="text-gray-600 hover:text-gray-900 font-medium text-sm flex items-center gap-2 transition-colors"
+                >
+                    ← Back to Details
+                </button>
+
+                <div className="flex items-center gap-4">
+                    <button
+                        type="button"
+                        onClick={() => console.log("Save draft")}
+                        className="text-gray-500 hover:text-gray-900 font-medium text-sm transition-colors"
+                    >
+                        Save as Draft
+                    </button>
+                    <button
+                        onClick={handleSubmit}
+                        disabled={isLoading}
+                        className="bg-green-600 hover:bg-green-700 text-white px-8 py-3 rounded-lg font-semibold text-sm shadow-sm hover:shadow-md transition-all transform active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed flex items-center gap-2"
+                    >
+                        {isLoading ? (
+                            <>
+                                <div className="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin" />
+                                Saving...
+                            </>
+                        ) : (
+                            "Continue to Pricing"
+                        )}
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/apps/web/components/gig-create/GigDetails.tsx b/apps/web/components/gig-create/GigDetails.tsx
new file mode 100644
index 0000000..797283e
--- /dev/null
+++ b/apps/web/components/gig-create/GigDetails.tsx
@@ -0,0 +1,194 @@
+"use client";
+
+import { useState } from "react";
+import { FaInstagram, FaYoutube, FaTiktok, FaUser, FaUsers } from "react-icons/fa";
+
+import api from "@/lib/axios.client";
+import { useGigCreateStore } from "@/store/gigCreate.store";
+import { Input } from "@/components/ui/Input";
+import { Textarea } from "@/components/ui/Textarea";
+import { SelectButton } from "@/components/ui/SelectButton";
+
+
+interface GigDetailsProps {
+    onNext: () => void;
+}
+
+type GigDetailsForm = {
+    title: string;
+    shortDescription: string;
+    platform: string;
+    gigType: string;
+    category: string;
+    tags: string[];
+};
+
+export function GigDetails({ onNext }: GigDetailsProps) {
+    const { setGigId, setDetails, details } = useGigCreateStore();
+
+    const [form, setForm] = useState<GigDetailsForm>({
+        title: details.title || "",
+        shortDescription: details.shortDescription || "",
+        platform: details.platform || "instagram",
+        gigType: details.gigType || "solo",
+        category: details.category || "",
+        tags: details.tags || []
+    });
+
+    const [isLoading, setIsLoading] = useState(false);
+
+    const handleChange = <K extends keyof GigDetailsForm>(
+        key: K,
+        value: GigDetailsForm[K]
+    ) => {
+        setForm((prev) => ({
+            ...prev,
+            [key]: value
+        }));
+    };
+
+    const handleSubmit = async () => {
+        if (isLoading) return;
+        setIsLoading(true);
+        try {
+            const response = await api.post("gigs/create_gig", form);
+
+            const gigId = response.data.data._id;
+
+            setGigId(gigId);
+            setDetails(form);
+
+            onNext();
+        } catch (err) {
+            console.error(err);
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+
+    return (
+        <div className="p-8 sm:p-10 space-y-8">
+            {/* Section: Basic Info */}
+            <div className="space-y-6">
+                <h2 className="text-lg font-semibold text-gray-900 border-b border-gray-100 pb-2">Gig Basics</h2>
+
+                <div className="grid gap-6">
+                    <Input
+                        label="Gig Title"
+                        placeholder="e.g., Authentic Instagram Reel for Lifestyle Brands"
+                        helperText="Keep it catchy and descriptive (Max 80 chars)"
+                        value={form.title}
+                        onChange={(e) => handleChange("title", e.target.value)}
+                        className="text-lg"
+                    />
+
+                    <Textarea
+                        label="Short Description"
+                        value={form.shortDescription}
+                        onChange={(e) => handleChange("shortDescription", e.target.value)}
+                        placeholder="Describe what you will deliver..."
+                        className="min-h-30"
+                    />
+                </div>
+            </div>
+
+            {/* Section: Platform & Category */}
+            <div className="space-y-6">
+                <h2 className="text-lg font-semibold text-gray-900 border-b border-gray-100 pb-2">Platform & Category</h2>
+
+                <div>
+                    <label className="block text-sm font-semibold text-gray-700 mb-3">Select Platform</label>
+                    <div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
+                        <SelectButton
+                            label="Instagram"
+                            icon={<FaInstagram className="w-5 h-5" />}
+                            selected={form.platform === 'instagram'}
+                            onClick={() => handleChange("platform", "instagram")}
+                        />
+                        <SelectButton
+                            label="YouTube"
+                            icon={<FaYoutube className="w-5 h-5" />}
+                            selected={form.platform === 'youtube'}
+                            onClick={() => handleChange("platform", 'youtube')}
+                        />
+                        <SelectButton
+                            label="TikTok"
+                            icon={<FaTiktok className="w-5 h-5" />}
+                            selected={form.platform === 'tiktok'}
+                            onClick={() => handleChange("platform", 'tiktok')}
+                        />
+                    </div>
+                </div>
+
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+                    <div>
+                        <label className="block text-sm font-semibold text-gray-700 mb-2">Category / Niche</label>
+                        <select className="w-full h-12 rounded-lg border border-gray-200 bg-white px-4 text-sm outline-none focus:border-green-500 focus:ring-4 focus:ring-green-500/10 transition-shadow appearance-none cursor-pointer"
+                            value={form.category}
+                            onChange={(e) => handleChange("category", e.target.value)}>
+
+                            <option value="">Select a Category</option>
+                            <option value="fashion">Fashion & Style</option>
+                            <option value="tech">Tech & Gadgets</option>
+                            <option value="lifestyle">Lifestyle & Vlog</option>
+                            <option value="beauty">Beauty & Cosmetics</option>
+                            <option value="food">Food & Beverage</option>
+                        </select>
+                    </div>
+
+                    <div>
+                        <label className="block text-sm font-semibold text-gray-700 mb-2">Gig Type</label>
+                        <div className="grid grid-cols-2 gap-4">
+                            <SelectButton
+                                label="solo Creator"
+                                icon={<FaUser className="w-4 h-4" />}
+                                selected={form.gigType === 'solo'}
+                                onClick={() => handleChange("gigType", 'solo')}
+                                className="justify-center"
+                            />
+                            <SelectButton
+                                label="Group / Collab"
+                                icon={<FaUsers className="w-4 h-4" />}
+                                selected={form.gigType === 'group'}
+                                onClick={() => handleChange("gigType", 'group')}
+                                className="justify-center"
+                            />
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            {/* Footer Actions */}
+            <div className="flex items-center justify-between border-t border-gray-100 pt-6 mt-8">
+                <button type="button" className="text-gray-600 hover:text-gray-900 font-medium text-sm flex items-center gap-2 transition-colors">
+                    {/* Placeholder for Back button alignment if needed, or empty */}
+                </button>
+
+                <div className="flex items-center gap-4">
+                    <button
+                        type="button"
+                        onClick={() => console.log("Save as draft clicked")}
+                        className="text-gray-500 hover:text-gray-900 font-medium text-sm transition-colors"
+                    >
+                        Save as Draft
+                    </button>
+                    <button
+                        onClick={handleSubmit}
+                        disabled={isLoading}
+                        className="bg-green-600 hover:bg-green-700 text-white px-8 py-3 rounded-lg font-semibold text-sm shadow-sm hover:shadow-md transition-all transform active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed flex items-center gap-2"
+                    >
+                        {isLoading ? (
+                            <>
+                                <div className="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin" />
+                                Saving...
+                            </>
+                        ) : (
+                            "Continue to Deliverables"
+                        )}
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/apps/web/components/gig-create/Pricing.tsx b/apps/web/components/gig-create/Pricing.tsx
new file mode 100644
index 0000000..3dde732
--- /dev/null
+++ b/apps/web/components/gig-create/Pricing.tsx
@@ -0,0 +1,221 @@
+"use client";
+
+import React, { useState } from "react";
+import { FaMinus, FaPlus, FaInfoCircle } from "react-icons/fa";
+
+import { useGigCreateStore } from "@/store/gigCreate.store";
+import api from "@/lib/axios.client";
+
+interface PricingProps {
+    onBack: () => void;
+    onNext: () => void;
+}
+
+export function Pricing({ onBack, onNext }: PricingProps) {
+    const { gigId, pricing, setPricing } = useGigCreateStore();
+
+    const [basePrice, setBasePrice] = useState<number>(pricing?.basePrice || 250);
+    const [deliveryTimeInDays, setDeliveryTimeInDays] = useState<number>(pricing?.deliveryTimeInDays || 5);
+    const [revisionsIncluded, setRevisionsIncluded] = useState<number>(pricing?.revisionsIncluded || 0);
+    const [currency] = useState<"USD" | "INR">(pricing?.currency || "USD");
+    const [isLoading, setIsLoading] = useState(false);
+
+    const handleSubmit = async () => {
+        if (!gigId || isLoading) {
+            if (!gigId) console.error("Gig ID missing");
+            return;
+        }
+
+        setIsLoading(true);
+        const pricingPayload = {
+            basePrice,
+            currency,
+            negotiationAllowed: false,
+            deliveryTimeInDays,
+            revisionsIncluded
+        };
+
+        try {
+            await api.patch(`/gigs/${gigId}/pricing`, pricingPayload);
+            setPricing(pricingPayload);
+            onNext();
+        } catch (error) {
+            console.error("Error saving pricing:", error);
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+    const platformFeeRate = 0; // 0% for now
+    const platformFee = basePrice * platformFeeRate;
+    const totalPayout = basePrice - platformFee;
+
+    return (
+        <div className="p-8 sm:p-10">
+            <div className="grid grid-cols-1 lg:grid-cols-[1fr,360px] gap-12">
+                {/* Left Side: Form */}
+                <div className="space-y-10">
+                    {/* Base Price */}
+                    <div className="space-y-4">
+                        <label className="block text-sm font-semibold text-gray-800">
+                            Base Price
+                        </label>
+                        <div className="relative max-w-100">
+                            <input
+                                type="number"
+                                value={basePrice}
+                                onChange={(e) => setBasePrice(Number(e.target.value))}
+                                className="w-full h-16 bg-gray-50/50 border border-transparent rounded-xl px-6 text-2xl font-bold text-gray-900 focus:bg-white focus:border-green-500 focus:ring-4 focus:ring-green-500/10 transition-all outline-none"
+                            />
+                        </div>
+                        <div className="flex items-center gap-2 text-xs text-gray-500">
+                            <FaInfoCircle className="text-gray-400" />
+                            <span>You'll receive payment after booking is confirmed.</span>
+                        </div>
+                    </div>
+
+                    {/* Delivery Time */}
+                    <div className="space-y-4">
+                        <label className="block text-sm font-semibold text-gray-800">
+                            Delivery Time
+                        </label>
+                        <div className="relative max-w-100">
+                            <select
+                                value={deliveryTimeInDays}
+                                onChange={(e) => setDeliveryTimeInDays(Number(e.target.value))}
+                                className="w-full h-14 bg-gray-50/50 border border-transparent rounded-xl px-5 text-sm font-medium text-gray-700 appearance-none cursor-pointer focus:bg-white focus:border-green-500 transition-all outline-none"
+                            >
+                                <option value={1}>1 Day</option>
+                                <option value={2}>2 Days</option>
+                                <option value={3}>3 Days</option>
+                                <option value={5}>5 Days</option>
+                                <option value={7}>7 Days</option>
+                                <option value={14}>14 Days</option>
+                            </select>
+                            <div className="absolute right-5 top-1/2 -translate-y-1/2 pointer-events-none text-gray-400">
+                                <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M19 9l-7 7-7-7" />
+                                </svg>
+                            </div>
+                        </div>
+                    </div>
+
+                    {/* Revisions Included */}
+                    <div className="space-y-4">
+                        <label className="block text-sm font-semibold text-gray-800">
+                            Revisions included
+                        </label>
+                        <div className="flex items-center gap-4">
+                            <button
+                                onClick={() => setRevisionsIncluded((prev) => Math.max(0, prev - 1))}
+                                className="w-12 h-12 flex items-center justify-center rounded-xl border border-gray-100 bg-white text-gray-500 hover:text-gray-900 hover:border-gray-200 transition-all active:scale-95"
+                            >
+                                <FaMinus size={12} />
+                            </button>
+                            <div className="w-20 h-12 flex items-center justify-center rounded-xl bg-gray-50/50 text-lg font-semibold text-gray-900">
+                                {revisionsIncluded}
+                            </div>
+                            <button
+                                onClick={() => setRevisionsIncluded((prev) => prev + 1)}
+                                className="w-12 h-12 flex items-center justify-center rounded-xl border border-gray-100 bg-white text-gray-500 hover:text-gray-900 hover:border-gray-200 transition-all active:scale-95"
+                            >
+                                <FaPlus size={12} />
+                            </button>
+                        </div>
+                    </div>
+                </div>
+
+                {/* Right Side: Brand Preview */}
+                <div className="bg-gray-50/50 rounded-3xl p-6 space-y-8 h-fit">
+                    <span className="text-xs font-semibold text-gray-400 uppercase tracking-wider">
+                        Brand Preview
+                    </span>
+
+                    {/* Card Mockup */}
+                    <div className="bg-white rounded-2xl overflow-hidden shadow-sm border border-gray-100">
+                        <div className="relative h-44 bg-gray-900">
+                            <div className="absolute inset-0 flex items-center justify-center text-white/20 font-bold text-4xl overflow-hidden">
+                                <div className="grid grid-cols-3 gap-2 opacity-40">
+                                    {[1, 2, 3, 4, 5, 6].map(i => (
+                                        <div key={i} className="w-10 h-10 rounded-lg bg-white/10" />
+                                    ))}
+                                </div>
+                            </div>
+                        </div>
+                        <div className="p-4 space-y-3">
+                            <div className="flex items-center justify-between">
+                                <span className="text-[10px] font-bold text-green-600 uppercase tracking-tight bg-green-50 px-2 py-0.5 rounded">
+                                    IG REEL
+                                </span>
+                                <div className="flex items-center gap-1 text-[10px] font-bold text-gray-900">
+                                    <span className="text-yellow-400 text-xs">★</span> 4.9
+                                </div>
+                            </div>
+                            <h3 className="text-sm font-bold text-gray-900 leading-tight">
+                                High-quality lifestyle reel for your brand
+                            </h3>
+                            <div className="flex items-center justify-between pt-2 border-t border-gray-50">
+                                <span className="text-[10px] text-gray-400 font-medium">Starting at</span>
+                                <span className="text-lg font-bold text-gray-900">${basePrice.toFixed(2)}</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    {/* Price Breakdown */}
+                    <div className="space-y-4">
+                        <div className="flex justify-between text-sm">
+                            <span className="text-gray-500">Your earnings</span>
+                            <span className="font-semibold text-gray-900">${basePrice.toFixed(2)}</span>
+                        </div>
+                        <div className="flex justify-between text-sm">
+                            <span className="text-gray-500 font-medium">Platform fee (0%)</span>
+                            <span className="text-green-500 font-semibold">-$0.00</span>
+                        </div>
+                        <div className="pt-4 border-t border-gray-100 flex justify-between items-end">
+                            <span className="text-sm font-bold text-gray-900 pb-1">Total Payout</span>
+                            <span className="text-3xl font-bold text-gray-900">${totalPayout.toFixed(2)}</span>
+                        </div>
+                    </div>
+
+                    <p className="text-[10px] text-gray-400 leading-relaxed">
+                        Noillin charges 0% commission for creators. The price you set is exactly what you'll receive upon successful completion.
+                    </p>
+                </div>
+            </div>
+
+            {/* Footer Actions */}
+            <div className="flex items-center justify-between border-t border-gray-100 pt-8 mt-12">
+                <button
+                    onClick={onBack}
+                    className="text-gray-500 hover:text-gray-900 font-semibold text-sm flex items-center gap-2 transition-colors"
+                >
+                    <span className="text-lg">←</span> Back
+                </button>
+
+                <div className="flex items-center gap-6">
+                    <button
+                        type="button"
+                        onClick={() => console.log("Save draft")}
+                        className="text-gray-500 hover:text-gray-900 font-semibold text-sm transition-colors"
+                    >
+                        Save draft
+                    </button>
+                    <button
+                        onClick={handleSubmit}
+                        disabled={isLoading}
+                        className="bg-[#009366] hover:bg-[#007a55] text-white px-10 py-4 rounded-xl font-bold text-sm shadow-md transition-all active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed flex items-center gap-2"
+                    >
+                        {isLoading ? (
+                            <>
+                                <div className="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin" />
+                                Saving...
+                            </>
+                        ) : (
+                            "Continue"
+                        )}
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/apps/web/components/gig-create/ReviewAndPublish.tsx b/apps/web/components/gig-create/ReviewAndPublish.tsx
new file mode 100644
index 0000000..989e8bf
--- /dev/null
+++ b/apps/web/components/gig-create/ReviewAndPublish.tsx
@@ -0,0 +1,378 @@
+"use client";
+
+import React from "react";
+import { FaEdit, FaCheckCircle, FaVideo, FaImage, FaFileAlt, FaInfoCircle } from "react-icons/fa";
+
+import { AvailabilitySlot, useGigCreateStore, WeeklyRule } from "@/store/gigCreate.store";
+import api from "@/lib/axios.client";
+import { cn } from "@/lib/utils";
+
+interface ReviewAndPublishProps {
+    onBack: () => void;
+    onNext: () => void;
+    goToStep: (step: number) => void;
+}
+
+// --- Constants & Types ---
+const DAYS = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];
+
+interface TimeSlot {
+  start: string;
+  end: string;
+}
+
+interface DayAvailability {
+    day: string;
+    enabled: boolean;
+    slots: TimeSlot[];
+}
+
+interface DateOverride {
+    date: string;
+    unavailable: boolean;
+}
+
+// --- Helper Functions ---
+const to12Hour = (time24: string) => {
+    if (!time24) return "09:00 AM";
+    if (time24.includes("AM") || time24.includes("PM")) return time24;
+    const [hours, minutes] = time24.split(":");
+    let h = parseInt(hours);
+    const m = minutes || "00";
+    const ampm = h >= 12 ? "PM" : "AM";
+    h = h % 12;
+    h = h ? h : 12;
+    return `${String(h).padStart(2, '0')}:${m} ${ampm}`;
+};
+
+// --- Preview Component ---
+interface AvailabilityPreviewProps {
+    availabilityRules: DayAvailability[];
+    overrides: DateOverride[];
+}
+
+function AvailabilityPreview({ availabilityRules, overrides }: AvailabilityPreviewProps) {
+    const [selectedDate, setSelectedDate] = React.useState(new Date());
+    const [viewDate, setViewDate] = React.useState(new Date());
+
+    const getDashedDate = (date: Date) => {
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, '0');
+        const day = String(date.getDate()).padStart(2, '0');
+        return `${year}-${month}-${day}`;
+    };
+
+    const daysInMonth = new Date(viewDate.getFullYear(), viewDate.getMonth() + 1, 0).getDate();
+    const firstDayOfMonth = new Date(viewDate.getFullYear(), viewDate.getMonth(), 1).getDay();
+
+    const isDateAvailable = (date: Date) => {
+        // Don't show availability for past dates
+        const today = new Date();
+        today.setHours(0, 0, 0, 0);
+        if (date < today) return false;
+
+        const dateString = getDashedDate(date);
+        const override = overrides.find(o => o.date === dateString);
+        if (override) return !override.unavailable;
+
+        const dayName = DAYS[date.getDay() === 0 ? 6 : date.getDay() - 1];
+        const rule = availabilityRules.find(r => r.day === dayName);
+        return rule?.enabled && rule.slots.length > 0;
+    };
+
+    const currentMonthYear = viewDate.toLocaleString('default', { month: 'long', year: 'numeric' });
+    const selectedDayName = DAYS[selectedDate.getDay() === 0 ? 6 : selectedDate.getDay() - 1];
+    const selectedRule = availabilityRules.find(r => r.day === selectedDayName);
+    const selectedOverride = overrides.find(o => o.date === getDashedDate(selectedDate));
+
+    // Slots are only valid if it's not a past day
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    const isPastDay = selectedDate < today;
+    const displaySlots = (isPastDay || (selectedOverride && selectedOverride.unavailable)) ? [] : (selectedRule?.enabled ? selectedRule.slots : []);
+
+    return (
+        <div className="bg-[#111827] text-white rounded-4xl p-6 shadow-2xl shadow-gray-200 relative overflow-hidden h-fit">
+            <div className="absolute top-0 right-0 w-32 h-32 bg-linear-to-br from-green-500/20 to-transparent rounded-full -mr-16 -mt-16 blur-2xl" />
+            <div className="relative z-10">
+                <span className="inline-block px-2.5 py-1 rounded-full bg-green-500/10 text-green-400 border border-green-500/20 text-[9px] font-bold uppercase tracking-wider mb-6">
+                    Live Availability
+                </span>
+
+                <div className="bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10 space-y-5">
+                    <div className="flex items-center justify-between px-1">
+                        <span className="text-xs font-bold text-gray-200">{currentMonthYear}</span>
+                        <div className="flex gap-2">
+                            <button onClick={() => setViewDate(new Date(viewDate.getFullYear(), viewDate.getMonth() - 1, 1))} className="w-6 h-6 rounded-lg bg-white/5 flex items-center justify-center hover:bg-white/10 transition-colors text-[10px]">{"<"}</button>
+                            <button onClick={() => setViewDate(new Date(viewDate.getFullYear(), viewDate.getMonth() + 1, 1))} className="w-6 h-6 rounded-lg bg-white/5 flex items-center justify-center hover:bg-white/10 transition-colors text-[10px]">{">"}</button>
+                        </div>
+                    </div>
+
+                    <div className="grid grid-cols-7 gap-y-2 text-[9px] text-gray-500 font-bold text-center">
+                        {["S", "M", "T", "W", "T", "F", "S"].map((d, i) => <div key={i}>{d}</div>)}
+                        {[...Array(firstDayOfMonth)].map((_, i) => <div key={i} />)}
+                        {[...Array(daysInMonth)].map((_, i) => {
+                            const dayNum = i + 1;
+                            const date = new Date(viewDate.getFullYear(), viewDate.getMonth(), dayNum);
+                            const available = isDateAvailable(date);
+                            const todayNow = new Date();
+                            todayNow.setHours(0, 0, 0, 0);
+                            const isPast = date < todayNow;
+                            const isToday = dayNum === todayNow.getDate() && viewDate.getMonth() === todayNow.getMonth() && viewDate.getFullYear() === todayNow.getFullYear();
+                            const isSelected = dayNum === selectedDate.getDate() && viewDate.getMonth() === selectedDate.getMonth() && viewDate.getFullYear() === selectedDate.getFullYear();
+
+                            return (
+                                <button
+                                    key={i}
+                                    onClick={() => setSelectedDate(date)}
+                                    disabled={false} // Allow clicking past days to see "no slots" but UI will reflect status
+                                    className={cn(
+                                        "w-7 h-7 flex flex-col items-center justify-center mx-auto rounded-lg transition-all relative",
+                                        isSelected ? "bg-[#009366] text-white shadow-lg shadow-green-500/20 scale-110 z-10" : "text-gray-300 hover:bg-white/5",
+                                        !available && !isSelected && "opacity-30 grayscale",
+                                        isPast && !isSelected && "text-gray-600 opacity-20",
+                                        isToday && !isSelected && "border border-[#009366]/50"
+                                    )}
+                                >
+                                    <span className="text-[10px]">{dayNum}</span>
+                                    {available && !isSelected && <div className="w-1 h-1 rounded-full bg-[#009366] mt-0.5" />}
+                                </button>
+                            );
+                        })}
+                    </div>
+
+                    <div className="pt-4 border-t border-white/5">
+                        <p className="text-[10px] font-bold text-gray-400 flex items-center gap-2 mb-3">
+                            <span className={cn("w-1.5 h-1.5 rounded-full", displaySlots.length > 0 ? "bg-green-500" : "bg-red-500")} />
+                            {displaySlots.length > 0 ? 'Available on ' : isPastDay ? 'Past date ' : 'Unavailable on '}
+                            {selectedDate.toLocaleDateString('en-US', { day: 'numeric', month: 'short' })}
+                        </p>
+                        <div className="grid grid-cols-2 gap-2">
+                            {displaySlots.length > 0 ? (
+                                displaySlots.map((s, i) => (
+                                    <div key={i} className="py-2 px-1 rounded-lg bg-white/5 border border-white/5 text-center text-[9px] font-bold text-green-400">
+                                        {to12Hour(s.start)}
+                                    </div>
+                                ))
+                            ) : (
+                                <div className="col-span-2 py-4 text-center text-[9px] text-gray-500 italic bg-white/5 rounded-xl border border-white/5">
+                                    {isPastDay ? "Date has passed" : "No slots available"}
+                                </div>
+                            )}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
+
+export function ReviewAndPublish({ onBack, onNext, goToStep }: ReviewAndPublishProps) {
+    const { details, deliverables, pricing, availability, gigId } = useGigCreateStore();
+    const [isLoading, setIsLoading] = React.useState(false);
+
+    // Prepare data for the preview component
+    const normalizedRules: DayAvailability[] = (availability?.weeklyRules || []).map((r: WeeklyRule) => ({
+        day: r.day.charAt(0).toUpperCase() + r.day.slice(1),
+        enabled: r.isEnabled,
+        slots: (r.slots || []).map((s: AvailabilitySlot) => ({
+            start: s.startTime,
+            end: s.endTime
+        }))
+    }));
+
+    const normalizedOverrides: DateOverride[] = (availability?.dateOverrides || []).map((o) => ({
+        date: o.date,
+        unavailable: !o.isAvailable
+    }));
+
+    const handlePublish = async () => {
+        if (!gigId || isLoading) {
+            if (!gigId) console.error("Gig ID missing");
+            return;
+        }
+
+        setIsLoading(true);
+        try {
+            await api.post(`/gigs/${gigId}/publish`);
+            onNext();
+        } catch (error) {
+            console.error("Error publishing gig:", error);
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+    return (
+        <div className="p-8 sm:p-10">
+            <div className="grid grid-cols-1 lg:grid-cols-[1fr,320px] gap-12">
+                {/* Left Side: Summary Sections */}
+                <div className="space-y-8">
+                    {/* Gig Details Summary */}
+                    <div className="bg-white rounded-3xl p-6 border border-gray-100 shadow-sm relative group">
+                        <div className="flex items-center justify-between mb-6">
+                            <h2 className="text-sm font-bold text-gray-900 uppercase tracking-wider">Gig Details</h2>
+                            <button
+                                onClick={() => goToStep(1)}
+                                className="text-[10px] font-bold text-green-600 uppercase tracking-widest flex items-center gap-1.5 hover:text-green-700 transition-colors"
+                            >
+                                <FaEdit size={12} /> Edit
+                            </button>
+                        </div>
+
+                        <div className="flex gap-6">
+                            <div className="w-24 h-24 bg-[#111827] rounded-3xl overflow-hidden shrink-0 flex items-center justify-center text-white/20 font-bold text-xs p-2 text-center group-hover:scale-105 transition-transform">
+                                <FaCheckCircle size={32} />
+                            </div>
+                            <div className="space-y-2">
+                                <h3 className="text-xl font-black text-gray-900 leading-tight">
+                                    {details.title || "Untitled Gig"}
+                                </h3>
+                                <p className="text-xs text-gray-500 leading-relaxed line-clamp-2 max-w-md">
+                                    {details.shortDescription || "No description provided."}
+                                </p>
+                                <div className="flex gap-2 pt-2">
+                                    {details.category && (
+                                        <span className="bg-gray-100 text-gray-500 text-[9px] font-bold px-3 py-1 rounded-lg uppercase tracking-wider">
+                                            {details.category}
+                                        </span>
+                                    )}
+                                    {details.platform && (
+                                        <span className="bg-green-50 text-green-600 text-[9px] font-bold px-3 py-1 rounded-lg uppercase tracking-wider">
+                                            {details.platform}
+                                        </span>
+                                    )}
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    {/* Deliverables Summary */}
+                    <div className="bg-white rounded-3xl p-6 border border-gray-100 shadow-sm">
+                        <div className="flex items-center justify-between mb-6">
+                            <h2 className="text-sm font-bold text-gray-900 uppercase tracking-wider">Deliverables</h2>
+                            <button
+                                onClick={() => goToStep(2)}
+                                className="text-[10px) font-bold text-green-600 uppercase tracking-widest flex items-center gap-1.5 hover:text-green-700 transition-colors"
+                            >
+                                <FaEdit size={12} /> Edit
+                            </button>
+                        </div>
+
+                        <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                            {deliverables.length > 0 ? (
+                                deliverables.map((item, i) => (
+                                    <div key={i} className="flex items-center gap-4 bg-gray-50/50 p-4 rounded-2xl border border-transparent hover:border-gray-100 transition-all">
+                                        <div className="w-10 h-10 rounded-xl bg-white flex items-center justify-center text-[#111827] shadow-sm">
+                                            {item.contentType === 'video' ? <FaVideo size={16} /> :
+                                                item.contentType === 'image' ? <FaImage size={16} /> :
+                                                    <FaFileAlt size={16} />}
+                                        </div>
+                                        <div>
+                                            <p className="text-sm font-black text-gray-900">
+                                                {item.quantity}x {item.contentType === 'video' ? 'Video' : item.contentType === 'image' ? 'Image' : 'Post'}
+                                            </p>
+                                            <p className="text-[10px] font-bold text-gray-400 truncate max-w-30">
+                                                {item.includedItems?.join(' • ') || "No details"}
+                                            </p>
+                                        </div>
+                                    </div>
+                                ))
+                            ) : (
+                                <p className="text-xs text-gray-400 italic">No deliverables defined.</p>
+                            )}
+                        </div>
+                    </div>
+
+                    {/* Pricing Summary */}
+                    <div className="bg-white rounded-3xl p-6 border border-gray-100 shadow-sm">
+                        <div className="flex items-center justify-between mb-6">
+                            <h2 className="text-sm font-bold text-gray-900 uppercase tracking-wider">Pricing Breakdown</h2>
+                            <button
+                                onClick={() => goToStep(3)}
+                                className="text-[10px] font-bold text-green-600 uppercase tracking-widest flex items-center gap-1.5 hover:text-green-700 transition-colors"
+                            >
+                                <FaEdit size={12} /> Edit
+                            </button>
+                        </div>
+
+                        <div className="flex flex-col sm:flex-row items-center gap-8">
+                            <div className="space-y-1 text-center sm:text-left">
+                                <p className="text-3xl font-black text-gray-900 tracking-tight">
+                                    ${pricing?.basePrice?.toFixed(2) || "0.00"}
+                                </p>
+                                <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest">Base Rate</p>
+                            </div>
+
+                            <div className="hidden sm:block w-px h-12 bg-gray-100" />
+
+                            <div className="flex-1 w-full bg-[#009366]/5 rounded-2xl p-4 flex items-center justify-between">
+                                <div className="space-y-0.5">
+                                    <p className="text-[10px] font-black text-[#009366] uppercase tracking-widest">You Recieve</p>
+                                    <p className="text-xl font-black text-[#009366]">
+                                        ${pricing?.basePrice?.toFixed(2) || "0.00"}
+                                    </p>
+                                </div>
+                                <div className="w-10 h-10 rounded-full bg-[#009366] flex items-center justify-center text-white">
+                                    <FaCheckCircle size={14} />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {/* Right Side: Availability Preview */}
+                <div className="space-y-6">
+                    <div className="flex items-center justify-between px-2">
+                        <span className="text-[10px] font-black text-gray-400 uppercase tracking-widest">Availability</span>
+                        <button onClick={() => goToStep(4)} className="text-[10px] font-black text-green-600 hover:text-green-700 uppercase tracking-widest transition-colors">Adjust</button>
+                    </div>
+                    <AvailabilityPreview availabilityRules={normalizedRules} overrides={normalizedOverrides} />
+
+                    <div className="bg-white rounded-3xl p-5 border border-gray-100 shadow-sm space-y-4">
+                        <div className="flex gap-3">
+                            <div className="w-6 h-6 rounded-full bg-green-50 flex items-center justify-center text-[#009366] shrink-0">
+                                <FaInfoCircle size={10} />
+                            </div>
+                            <p className="text-[10px] text-gray-500 font-medium leading-relaxed">
+                                By publishing, you agree to our terms and conditions. Your gig will be visible to brands immediately.
+                            </p>
+                        </div>
+                        <button
+                            onClick={handlePublish}
+                            disabled={isLoading}
+                            className="w-full bg-[#009366] hover:bg-[#007a55] text-white py-4 rounded-2xl font-black text-sm shadow-xl shadow-green-500/10 transition-all active:scale-[0.98] disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-3"
+                        >
+                            {isLoading ? (
+                                <>
+                                    <div className="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin" />
+                                    Publishing
+                                </>
+                            ) : (
+                                "Publish Gig"
+                            )}
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            {/* Footer Actions */}
+            <div className="flex items-center justify-between border-t border-gray-100 pt-8 mt-12">
+                <button
+                    onClick={onBack}
+                    className="text-gray-500 hover:text-gray-900 font-semibold text-sm flex items-center gap-2 transition-colors"
+                >
+                    <span className="text-lg">←</span> Back
+                </button>
+
+                <button
+                    type="button"
+                    onClick={() => console.log("Save draft")}
+                    className="text-gray-500 hover:text-gray-900 font-semibold text-sm transition-colors"
+                >
+                    Save draft
+                </button>
+            </div>
+        </div>
+    );
+}
diff --git a/apps/web/components/gig-create/StepIndicator.tsx b/apps/web/components/gig-create/StepIndicator.tsx
new file mode 100644
index 0000000..03d8005
--- /dev/null
+++ b/apps/web/components/gig-create/StepIndicator.tsx
@@ -0,0 +1,74 @@
+import React from 'react';
+import { FaCheck } from 'react-icons/fa';
+
+import { cn } from '@/lib/utils';
+
+interface StepIndicatorProps {
+    currentStep: number;
+    totalSteps?: number;
+}
+
+const steps = [
+    { id: 1, label: 'Details' },
+    { id: 2, label: 'Deliverables' },
+    { id: 3, label: 'Pricing' },
+    { id: 4, label: 'Availability' },
+    { id: 5, label: 'Review' },
+];
+
+export function StepIndicator({ currentStep = 1 }: StepIndicatorProps) {
+    return (
+        <div className="w-full py-4">
+            <div className="relative flex items-center justify-between w-full">
+                {steps.map((step, index) => {
+                    const isCompleted = step.id < currentStep;
+                    const isCurrent = step.id === currentStep;
+                    const isLast = index === steps.length - 1;
+
+                    return (
+                        <React.Fragment key={step.id}>
+                            {/* Step Circle & Label Container */}
+                            <div className="relative flex flex-col items-center z-10">
+                                <div
+                                    className={cn(
+                                        "flex items-center justify-center w-10 h-10 rounded-full border-2 transition-all duration-200",
+                                        isCompleted
+                                            ? "bg-green-600 border-green-600 text-white"
+                                            : isCurrent
+                                                ? "bg-white border-green-600 text-green-600 ring-4 ring-green-50"
+                                                : "bg-white border-gray-200 text-gray-400"
+                                    )}
+                                >
+                                    {isCompleted ? (
+                                        <FaCheck className="w-5 h-5" />
+                                    ) : (
+                                        <span className="text-sm font-semibold">{step.id}</span>
+                                    )}
+                                </div>
+
+                                <span
+                                    className={cn(
+                                        "absolute top-12 text-xs font-medium whitespace-nowrap transition-colors duration-200",
+                                        isCurrent ? "text-green-700" : "text-gray-500"
+                                    )}
+                                >
+                                    {step.label}
+                                </span>
+                            </div>
+
+                            {/* Connecting Line */}
+                            {!isLast && (
+                                <div className="flex-1 h-px mx-4 bg-gray-200">
+                                    <div
+                                        className="h-full bg-green-600 transition-all duration-300 ease-out"
+                                        style={{ width: isCompleted ? '100%' : '0%' }}
+                                    />
+                                </div>
+                            )}
+                        </React.Fragment>
+                    );
+                })}
+            </div>
+        </div>
+    );
+}
diff --git a/apps/web/components/ui/Input.tsx b/apps/web/components/ui/Input.tsx
new file mode 100644
index 0000000..1c5fbf5
--- /dev/null
+++ b/apps/web/components/ui/Input.tsx
@@ -0,0 +1,55 @@
+import React, { forwardRef } from 'react';
+
+import { cn } from '@/lib/utils'; // Assuming basic utils exists, standard in Next.js projects
+
+export interface InputProps
+  extends React.InputHTMLAttributes<HTMLInputElement> {
+  label?: string;
+  helperText?: string;
+  error?: string;
+  rightElement?: React.ReactNode;
+}
+
+const Input = forwardRef<HTMLInputElement, InputProps>(
+  ({ className, type, label, helperText, error, rightElement, ...props }, ref) => {
+    return (
+      <div className="w-full">
+        {label && (
+          <label className="block text-sm font-medium text-gray-700 mb-1.5">
+            {label}
+          </label>
+        )}
+        <div className="relative">
+          <input
+            type={type}
+            className={cn(
+              "flex h-12 w-full rounded-md border border-gray-200 bg-white px-3 py-2 text-sm ring-offset-white file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+              error && "border-red-500 focus-visible:ring-red-500",
+              className
+            )}
+            ref={ref}
+            {...props}
+          />
+          {rightElement && (
+            <div className="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 text-sm">
+              {rightElement}
+            </div>
+          )}
+        </div>
+        {(helperText || error) && (
+          <p
+            className={cn(
+              "text-xs mt-1.5",
+              error ? "text-red-500" : "text-gray-500"
+            )}
+          >
+            {error || helperText}
+          </p>
+        )}
+      </div>
+    );
+  }
+);
+Input.displayName = "Input";
+
+export { Input };
diff --git a/apps/web/components/ui/SelectButton.tsx b/apps/web/components/ui/SelectButton.tsx
new file mode 100644
index 0000000..d1c70e6
--- /dev/null
+++ b/apps/web/components/ui/SelectButton.tsx
@@ -0,0 +1,37 @@
+import React, { forwardRef } from 'react';
+
+import { cn } from '@/lib/utils';
+// Importing React Icons for defaults if not provided, but allowing overrides
+// For now, I will use text or passed in icons.
+
+export interface SelectButtonProps
+    extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    selected?: boolean;
+    label: string;
+    icon?: React.ReactNode;
+}
+
+const SelectButton = forwardRef<HTMLButtonElement, SelectButtonProps>(
+    ({ className, selected, label, icon, ...props }, ref) => {
+        return (
+            <button
+                type="button"
+                className={cn(
+                    "flex items-center justify-center gap-2 w-full px-4 py-3 rounded-md border text-sm font-medium transition-colors",
+                    selected
+                        ? "border-green-400 bg-green-50 text-green-700"
+                        : "border-gray-200 bg-white text-gray-700 hover:bg-gray-50",
+                    className
+                )}
+                ref={ref}
+                {...props}
+            >
+                {icon && <span className="text-lg">{icon}</span>}
+                {label}
+            </button>
+        );
+    }
+);
+SelectButton.displayName = "SelectButton";
+
+export { SelectButton };
diff --git a/apps/web/components/ui/Textarea.tsx b/apps/web/components/ui/Textarea.tsx
new file mode 100644
index 0000000..6f30cf0
--- /dev/null
+++ b/apps/web/components/ui/Textarea.tsx
@@ -0,0 +1,58 @@
+import React, { forwardRef } from 'react';
+
+import { cn } from '@/lib/utils';
+
+export interface TextareaProps
+    extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    helperText?: string;
+    error?: string;
+    maxLength?: number;
+    value?: string | number | readonly string[] | undefined; // Explicitly define value to help TS
+}
+
+const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
+    ({ className, label, helperText, error, maxLength, ...props }, ref) => {
+        // const currentLength = String(props.value || '').length;
+
+        return (
+            <div className="w-full">
+                {label && (
+                    <label className="block text-sm font-medium text-gray-700 mb-1.5">
+                        {label}
+                    </label>
+                )}
+                <textarea
+                    className={cn(
+                        "flex min-h-30 w-full rounded-md border border-gray-200 bg-white px-3 py-2 text-sm ring-offset-white placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-none",
+                        error && "border-red-500 focus-visible:ring-red-500",
+                        className
+                    )}
+                    ref={ref}
+                    maxLength={maxLength}
+                    {...props}
+                />
+                <div className="flex justify-between items-start mt-1.5">
+                    {(helperText || error) && (
+                        <p
+                            className={cn(
+                                "text-xs",
+                                error ? "text-red-500" : "text-gray-400"
+                            )}
+                        >
+                            {error || helperText}
+                        </p>
+                    )}
+                    {maxLength !== undefined && (
+                        <span className="text-xs text-gray-400">
+                            Max {maxLength} lines recommended
+                        </span>
+                    )}
+                </div>
+            </div>
+        );
+    }
+);
+Textarea.displayName = "Textarea";
+
+export { Textarea };
diff --git a/apps/web/lib/utils.ts b/apps/web/lib/utils.ts
new file mode 100644
index 0000000..365058c
--- /dev/null
+++ b/apps/web/lib/utils.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
diff --git a/apps/web/package.json b/apps/web/package.json
index 3b4e959..5275da0 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -10,9 +10,12 @@
   },
   "dependencies": {
     "axios": "^1.13.5",
+    "clsx": "^2.1.1",
     "next": "16.1.4",
     "react": "19.2.3",
     "react-dom": "19.2.3",
+    "react-icons": "^5.5.0",
+    "tailwind-merge": "^3.5.0",
     "zustand": "^5.0.11"
   },
   "devDependencies": {
diff --git a/apps/web/store/gigCreate.store.ts b/apps/web/store/gigCreate.store.ts
new file mode 100644
index 0000000..d061fa0
--- /dev/null
+++ b/apps/web/store/gigCreate.store.ts
@@ -0,0 +1,187 @@
+import { create } from "zustand";
+
+export interface GigDeliverable {
+  contentType: "video" | "image" | "text";
+  quantity: number;
+  includedItems?: string[];
+}
+
+export interface PricingState {
+  basePrice: number;
+  currency: "INR" | "USD";
+  negotiationAllowed?: boolean;
+  deliveryTimeInDays: number;
+  revisionsIncluded: number;
+}
+
+export interface AvailabilitySlot {
+  startTime: string;
+  endTime: string;
+}
+
+export interface WeeklyRule {
+  day: string;
+  isEnabled: boolean;
+  slots: AvailabilitySlot[];
+}
+
+export interface DateOverride {
+  date: string;
+  isAvailable: boolean;
+  slots: AvailabilitySlot[];
+}
+
+export interface AvailabilityState {
+  timezone: string;
+  weeklyRules: WeeklyRule[];
+  dateOverrides: DateOverride[];
+}
+
+interface GigCreateState {
+  gigId: string | null;
+
+  details: {
+    title: string;
+    shortDescription: string;
+    platform: string;
+    gigType: string;
+    category: string;
+    tags: string[];
+  };
+
+  deliverables: GigDeliverable[];
+  pricing: PricingState | null;
+  availability: AvailabilityState | null;
+
+  setGigId: (id: string) => void;
+  setDetails: (data: Partial<GigCreateState["details"]>) => void;
+  setDeliverables: (data: GigDeliverable[]) => void;
+  setPricing: (data: PricingState) => void;
+  setAvailability: (data: AvailabilityState) => void;
+  reset: () => void;
+}
+
+export const useGigCreateStore = create<GigCreateState>((set) => ({
+  gigId: null,
+
+  details: {
+    title: "",
+    shortDescription: "",
+    platform: "instagram",
+    gigType: "solo",
+    category: "",
+    tags: []
+  },
+
+  deliverables: [],
+  pricing: null,
+  availability: null,
+
+  setGigId: (id) => set({ gigId: id }),
+
+  setDetails: (data) =>
+    set((state) => ({
+      details: { ...state.details, ...data }
+    })),
+
+  setDeliverables: (data) =>
+    set({ deliverables: data }),
+
+  setPricing: (data) =>
+    set({ pricing: data }),
+
+  setAvailability: (data) =>
+    set({ availability: data }),
+
+  reset: () =>
+    set({
+      gigId: null,
+      details: {
+        title: "",
+        shortDescription: "",
+        platform: "instagram",
+        gigType: "solo",
+        category: "",
+        tags: []
+      },
+      deliverables: [],
+      pricing: null,
+      availability: null
+    })
+}));
+
+
+// import { create } from "zustand";
+
+// interface GigCreateState {
+//   gigId: string | null;
+
+//   details: {
+//     title: string;
+//     shortDescription: string;
+//     platform: string;
+//     gigType: string;
+//     category: string;
+//     tags: string[];
+//   };
+
+//   deliverables: any[];
+//   pricing: any;
+//   availability: any;
+
+//   setGigId: (id: string) => void;
+//   setDetails: (data: Partial<GigCreateState["details"]>) => void;
+//   setDeliverables: (data: any[]) => void;
+//   setPricing: (data: any) => void;
+//   setAvailability: (data: any) => void;
+//   reset: () => void;
+// }
+
+// export const useGigCreateStore = create<GigCreateState>((set) => ({
+//   gigId: null,
+
+//   details: {
+//     title: "",
+//     shortDescription: "",
+//     platform: "instagram",
+//     gigType: "solo",
+//     category: "",
+//     tags: []
+//   },
+
+//   deliverables: [],
+//   pricing: {},
+//   availability: {},
+
+//   setGigId: (id) => set({ gigId: id }),
+
+//   setDetails: (data) =>
+//     set((state) => ({
+//       details: { ...state.details, ...data }
+//     })),
+
+//   setDeliverables: (data) =>
+//     set({ deliverables: data }),
+
+//   setPricing: (data) =>
+//     set({ pricing: data }),
+
+//   setAvailability: (data) =>
+//     set({ availability: data }),
+
+//   reset: () =>
+//     set({
+//       gigId: null,
+//       details: {
+//         title: "",
+//         shortDescription: "",
+//         platform: "instagram",
+//         gigType: "solo",
+//         category: "",
+//         tags: []
+//       },
+//       deliverables: [],
+//       pricing: {},
+//       availability: {}
+//     })
+// }));
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a6a6ca3..2d0f971 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -166,6 +166,9 @@ importers:
       axios:
         specifier: ^1.13.5
         version: 1.13.5
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
       next:
         specifier: 16.1.4
         version: 16.1.4(@babel/core@7.28.6)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
@@ -175,6 +178,12 @@ importers:
       react-dom:
         specifier: 19.2.3
         version: 19.2.3(react@19.2.3)
+      react-icons:
+        specifier: ^5.5.0
+        version: 5.5.0(react@19.2.3)
+      tailwind-merge:
+        specifier: ^3.5.0
+        version: 3.5.0
       zustand:
         specifier: ^5.0.11
         version: 5.0.11(@types/react@19.2.9)(react@19.2.3)
@@ -2156,6 +2165,13 @@ packages:
         integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==,
       }
 
+  clsx@2.1.1:
+    resolution:
+      {
+        integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==,
+      }
+    engines: { node: ">=6" }
+
   cluster-key-slot@1.1.2:
     resolution:
       {
@@ -4375,6 +4391,14 @@ packages:
     peerDependencies:
       react: ^19.2.3
 
+  react-icons@5.5.0:
+    resolution:
+      {
+        integrity: sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw==,
+      }
+    peerDependencies:
+      react: "*"
+
   react-is@16.13.1:
     resolution:
       {
@@ -4872,6 +4896,12 @@ packages:
       }
     engines: { node: ">= 0.4" }
 
+  tailwind-merge@3.5.0:
+    resolution:
+      {
+        integrity: sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==,
+      }
+
   tailwindcss@4.1.18:
     resolution:
       {
@@ -6423,6 +6453,8 @@ snapshots:
 
   client-only@0.0.1: {}
 
+  clsx@2.1.1: {}
+
   cluster-key-slot@1.1.2: {}
 
   color-convert@2.0.1:
@@ -7852,6 +7884,10 @@ snapshots:
       react: 19.2.3
       scheduler: 0.27.0
 
+  react-icons@5.5.0(react@19.2.3):
+    dependencies:
+      react: 19.2.3
+
   react-is@16.13.1: {}
 
   react@19.2.3: {}
@@ -8235,6 +8271,8 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  tailwind-merge@3.5.0: {}
+
   tailwindcss@4.1.18: {}
 
   tapable@2.3.0: {}

From 093743a58d16c3144cdeda6cf57795f31e53df2c Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Thu, 26 Feb 2026 01:13:52 +0530
Subject: [PATCH 43/61] fix: force npm registry in CI

---
 .github/workflows/ci.yml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 95c3690..40740f8 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -27,6 +27,9 @@ jobs:
       - name: Verify pnpm
         run: pnpm -v
 
+      - name: Force npm registry
+        run: pnpm config set registry https://registry.npmjs.org/
+
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
 

From a7c65ef8ef6a370b7fcc08a98d331eb1a24828db Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Thu, 26 Feb 2026 04:55:59 +0530
Subject: [PATCH 44/61] cleared the lint error and integrated the frontend and
 backend of create gig

---
 apps/web/components/gig-create/Pricing.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/components/gig-create/Pricing.tsx b/apps/web/components/gig-create/Pricing.tsx
index 3dde732..3331c33 100644
--- a/apps/web/components/gig-create/Pricing.tsx
+++ b/apps/web/components/gig-create/Pricing.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import React, { useState } from "react";
-import { FaMinus, FaPlus, FaInfoCircle } from "react-icons/fa";
+import React, { useState } from "react";
+import { FaMinus, FaPlus, FaInfoCircle } from "react-icons/fa";
 
 import { useGigCreateStore } from "@/store/gigCreate.store";
 import api from "@/lib/axios.client";
@@ -70,7 +70,7 @@ export function Pricing({ onBack, onNext }: PricingProps) {
                         </div>
                         <div className="flex items-center gap-2 text-xs text-gray-500">
                             <FaInfoCircle className="text-gray-400" />
-                            <span>You'll receive payment after booking is confirmed.</span>
+                            <span>You&apos;ll receive payment after booking is confirmed.</span>
                         </div>
                     </div>
 
@@ -178,7 +178,7 @@ export function Pricing({ onBack, onNext }: PricingProps) {
                     </div>
 
                     <p className="text-[10px] text-gray-400 leading-relaxed">
-                        Noillin charges 0% commission for creators. The price you set is exactly what you'll receive upon successful completion.
+                        Noillin charges 0% commission for creators. The price you set is exactly what you&apos;ll receive upon successful completion.
                     </p>
                 </div>
             </div>

From 8c8d635a519670d3675c9653837a2979013d8bb0 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Thu, 26 Feb 2026 09:54:20 +0530
Subject: [PATCH 45/61] cleared the lint error and integrated the frontend and
 backend of create gig

---
 .../src/controllers/gig.controller.ts         | 46 ++++++-----
 .../src/repositories/gig.repository.ts        | 10 +--
 apps/core-api/src/services/gig.service.ts     | 82 +++++--------------
 apps/core-api/src/types/gig.type.ts           |  8 +-
 4 files changed, 58 insertions(+), 88 deletions(-)

diff --git a/apps/core-api/src/controllers/gig.controller.ts b/apps/core-api/src/controllers/gig.controller.ts
index d2b1f78..7193e6d 100644
--- a/apps/core-api/src/controllers/gig.controller.ts
+++ b/apps/core-api/src/controllers/gig.controller.ts
@@ -1,9 +1,9 @@
 import type { NextFunction, Request, Response } from "express";
 
-import { createGigService, getGigDetailsService, listGigsService, publishGigService, updateGigDeliverablesService, updateGigPricingService } from "../services/gig.service.js";
+import { getGigDetailsService, listGigsService, publishGigService, updateGigDeliverablesService, updateGigPricingService } from "../services/gig.service.js";
 import type { GigDeliverable } from "../types/gig.type.js";
 import { channel } from "../queue/rabbit.js";
-import { createGigService, deleteGigService, editGigService, getGigDetailsService, listGigsService } from "../services/gig.service.js";
+import { createGigService, deleteGigService, editGigService } from "../services/gig.service.js";
 import type { AuthRequest } from "../middlewares/auth.middleware.js";
 
 
@@ -12,6 +12,9 @@ import type { AuthRequest } from "../middlewares/auth.middleware.js";
 
 export const GIG_CREATED_QUEUE = "gig.created";
 
+/* ================= CREATE GIG ================= */
+
+
 export const createGigController = async (
   req: Request,
   res: Response,
@@ -27,10 +30,10 @@ export const createGigController = async (
     );
 
     if (channel) {
-      await channel.assertQueue(GIG_CREATED_EVENT, { durable: true });
+      await channel.assertQueue(GIG_CREATED_QUEUE, { durable: true });
 
       channel.sendToQueue(
-        GIG_CREATED_EVENT,
+        GIG_CREATED_QUEUE,
         Buffer.from(JSON.stringify({
           gigId: result.gig._id.toString(),
           title: result.gig.title,
@@ -106,14 +109,6 @@ export const getGigDetailsController = async (
   }
 };
 
-export const GIG_CREATED_EVENT = "gig.created";
-
-/* ================= CREATE GIG ================= */
-
-export const createGigController = async (
-  req: Request,
-  res: Response,
-  next: NextFunction
 
 // ================= EDIT GIG =================
 export const editGigController = async (
@@ -122,17 +117,29 @@ export const editGigController = async (
 ) => {
   try {
     const { id } = req.params;
+    // 1️⃣ Validate ID
+    if (!id || Array.isArray(id)) {
+      return res.status(400).json({
+        message: "Invalid Gig ID"
+      });
+    }
 
-    const gig = await createGigService(
-      userId,
-      role,
+    // 2️⃣ Validate user
+    if (!req.user) {
+      return res.status(401).json({
+        message: "Unauthorized"
+      });
+    }
+
+    const { userId } = req.user;
+
+    const gig = await editGigService(
+      id,
+      req.user,
       req.body
     );
 
-    return res.status(201).json({
-      success: true,
-      message: "Gig draft created successfully.",
-      data: gig
+    
     // 1️⃣ Check if ID exists AND is string
     if (!id || Array.isArray(id)) {
       return res.status(400).json({
@@ -174,6 +181,7 @@ export const editGigController = async (
 
 
 
+
 //* ================= DELETE GIG =================
 
 export const deleteGigController = async (
diff --git a/apps/core-api/src/repositories/gig.repository.ts b/apps/core-api/src/repositories/gig.repository.ts
index e01a46c..55dba1b 100644
--- a/apps/core-api/src/repositories/gig.repository.ts
+++ b/apps/core-api/src/repositories/gig.repository.ts
@@ -1,8 +1,8 @@
 import { GigModel } from "../models/gig.model.js";
-import type { GigDocument } from "../types/gig.type.js";
+import type { CreateGigDBInput } from "../types/gig.type.js";
 
-export const create_gig = async(
-    data: Omit<GigDocument, "createdAt" | "updatedAt" >
+export const create_gig = async (
+  data: CreateGigDBInput
 ) => {
-    return GigModel.create(data)
-}
\ No newline at end of file
+  return GigModel.create(data);
+};
\ No newline at end of file
diff --git a/apps/core-api/src/services/gig.service.ts b/apps/core-api/src/services/gig.service.ts
index 256eeb8..037a2cb 100644
--- a/apps/core-api/src/services/gig.service.ts
+++ b/apps/core-api/src/services/gig.service.ts
@@ -5,7 +5,6 @@ import type { JwtPayload } from "jsonwebtoken";
 import { GigModel } from "../models/gig.model.js";
 import { create_gig } from "../repositories/gig.repository.js";
 import { type GigDeliverable, type GigType, type Platform } from "../types/gig.type.js";
-import { InfluencerProfile } from "../models/influencer.model.js";
 import { type GigDocument, type GigStatus } from "../types/gig.type.js";
 import { InfluencerProfile, type IInfluencerProfile } from "../models/influencer.model.js";
 import { UserRole } from "../models/user.model.js";
@@ -158,7 +157,10 @@ export const createGigService = async (
   userId: string,
   role: string,
   input: CreateGigInput
-) => {
+): Promise<{
+  gig: GigDocument;
+  collaborators: string[];
+ }> => {
   if (role !== UserRole.INFLUENCER) {
     throw Object.assign(new Error("only influencers can create gigs"), {
       statusCode: 403
@@ -200,7 +202,10 @@ export const createGigService = async (
     isDeleted: false
   });
 
-  return gig;
+  return {
+  gig,
+  collaborators: input.collaboratorIds ?? []
+}
 };
 
 export const updateGigDeliverablesService = async (
@@ -278,33 +283,6 @@ export const updateGigPricingService = async (
   return gig;
 };
 
-// export const publishGigService = async (
-//   gigId: string,
-//   userId: string
-// ) => {
-//   const gig = await GigModel.findById(gigId);
-
-//   if (!gig) {
-//     throw Object.assign(new Error("Gig not found"), { statusCode: 404 });
-//   }
-
-//   if (gig.primaryInfluencerId.toString() !== userId) {
-//     throw Object.assign(new Error("Unauthorized"), { statusCode: 403 });
-//   }
-
-//   if (!gig.deliverables.length) {
-//     throw Object.assign(new Error("Deliverables required"), { statusCode: 400 });
-//   }
-
-//   if (gig.pricing.basePrice <= 0) {
-//     throw Object.assign(new Error("Valid pricing required"), { statusCode: 400 });
-//   }
-
-//   gig.status = "published";
-//   await gig.save();
-
-//   return gig;
-// };
 
 
 export const publishGigService = async (
@@ -327,20 +305,18 @@ export const publishGigService = async (
       statusCode: 404
     });
   }
-
+}
 //* ================= EDIT GIG ================= */
 
 
-interface HttpError extends Error {
-  statusCode?: number;
-}
+
 
 type EditableGigFields = {
   title?: string;
-  description?: string;
+  shortDescription?: string;
   category?: string;
   tags?: string[];
-  deliverables?: string[];
+  deliverables?: GigDeliverable[];
   pricing?: {
     basePrice: number;
     currency: "INR" | "USD";
@@ -355,21 +331,18 @@ export const editGigService = async (
   user: JwtPayload,
   updateData: EditableGigFields
 ) => {
-  //  Validate Gig ID
   if (!mongoose.Types.ObjectId.isValid(gigId)) {
     const err: HttpError = new Error("Invalid gig ID");
     err.statusCode = 400;
     throw err;
   }
 
-  //  Ensure user role is INFLUENCER
   if (user.role !== "INFLUENCER") {
     const err: HttpError = new Error("Only influencers can edit gigs");
     err.statusCode = 403;
     throw err;
   }
 
-  //  Find influencer profile using userId from JWT
   const influencerProfile = await InfluencerProfile.findOne({
     userId: user.userId
   });
@@ -380,7 +353,6 @@ export const editGigService = async (
     throw err;
   }
 
-  //  Find gig (must not be deleted)
   const gig = await GigModel.findOne({
     _id: gigId,
     isDeleted: false
@@ -392,7 +364,6 @@ export const editGigService = async (
     throw err;
   }
 
-  //  Ownership check
   if (
     gig.primaryInfluencerId.toString() !==
     influencerProfile._id.toString()
@@ -406,14 +377,12 @@ export const editGigService = async (
     });
   }
 
-  // Deliverables
   if (!gig.deliverables || gig.deliverables.length === 0) {
     throw Object.assign(new Error("Deliverables required"), {
       statusCode: 400
     });
   }
 
-  // Pricing
   if (
     !gig.pricing ||
     gig.pricing.basePrice <= 0 ||
@@ -424,7 +393,6 @@ export const editGigService = async (
     });
   }
 
-  // Availability
   const availability = await findAvailabilityByInfluencer(
     influencerProfile._id
   );
@@ -436,11 +404,9 @@ export const editGigService = async (
     );
   }
 
-  // const hasEnabledDay = availability.weeklyRules.some(
-  //   (rule: any) => rule.isEnabled && rule.slots.length > 0
-  // );
   const hasEnabledDay = availability.weeklyRules.some(
-    (rule:WeeklyRule) => rule.isEnabled && rule.slots.length > 0
+    (rule: WeeklyRule) =>
+      rule.isEnabled && rule.slots.length > 0
   );
 
   if (!hasEnabledDay) {
@@ -450,7 +416,6 @@ export const editGigService = async (
     );
   }
 
-  // Collaboration validation
   if (gig.gigType === "collaboration") {
     const pending = await GigCollaborationModel.findOne({
       gigId: new Types.ObjectId(gigId),
@@ -477,16 +442,9 @@ export const editGigService = async (
     }
   }
 
-  gig.status = "published";
-  await gig.save();
+  // gig.status = "published";
+  
 
-  return gig;
-    const err: HttpError = new Error(
-      "You are not allowed to edit this gig"
-    );
-    err.statusCode = 403;
-    throw err;
-  }
 
   //  Safe field updates (no any, no unsafe casting)
 
@@ -494,8 +452,8 @@ export const editGigService = async (
     gig.title = updateData.title;
   }
 
-  if (updateData.description !== undefined) {
-    gig.description = updateData.description;
+  if (updateData.shortDescription !== undefined) {
+    gig.shortDescription = updateData.shortDescription;
   }
 
   if (updateData.category !== undefined) {
@@ -531,6 +489,7 @@ if (updateData.pricing !== undefined) {
   if (updateData.status !== undefined) {
     gig.status = updateData.status;
   }
+    gig.status = "published";
 
   await gig.save();
 
@@ -542,9 +501,6 @@ if (updateData.pricing !== undefined) {
 //* ================= DELETE GIG =================
 
 
-interface HttpError extends Error {
-  statusCode?: number;
-}
 
 export const deleteGigService = async (
   gigId: string,
diff --git a/apps/core-api/src/types/gig.type.ts b/apps/core-api/src/types/gig.type.ts
index 2f92c05..40ee58a 100644
--- a/apps/core-api/src/types/gig.type.ts
+++ b/apps/core-api/src/types/gig.type.ts
@@ -30,6 +30,7 @@ export interface GigPricing {
 }
 
 export interface GigDocument {
+  _id: Types.ObjectId;
   title: string;
   shortDescription: string;
 
@@ -54,4 +55,9 @@ export interface GigDocument {
 
   createdAt: Date;
   updatedAt: Date;
-}
\ No newline at end of file
+}
+
+export type CreateGigDBInput = Omit<
+  GigDocument,
+  "_id" | "createdAt" | "updatedAt"
+>;
\ No newline at end of file

From 8abd7c5a5dc991d192facecc50623cbc121111e3 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Thu, 26 Feb 2026 10:02:19 +0530
Subject: [PATCH 46/61] cleared the lint error and integrated the frontend and
 backend of create gig

---
 apps/core-api/src/modules/auth/http-error.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/core-api/src/modules/auth/http-error.ts b/apps/core-api/src/modules/auth/http-error.ts
index 3ef3f69..c3cdd56 100644
--- a/apps/core-api/src/modules/auth/http-error.ts
+++ b/apps/core-api/src/modules/auth/http-error.ts
@@ -3,7 +3,7 @@
 // }
 
 export interface HttpError extends Error {
-  statusCode: number;
+  statusCode?: number;
 }
 
 export const createHttpError = (

From 498280535d4f46564e2bc7e3583d0f11786428fe Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Thu, 26 Feb 2026 10:08:38 +0530
Subject: [PATCH 47/61] cleared the lint error and integrated the frontend and
 backend of create gig

---
 apps/core-api/src/routes/gigs.routes.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/apps/core-api/src/routes/gigs.routes.ts b/apps/core-api/src/routes/gigs.routes.ts
index 6924854..7c24bde 100644
--- a/apps/core-api/src/routes/gigs.routes.ts
+++ b/apps/core-api/src/routes/gigs.routes.ts
@@ -1,9 +1,8 @@
 import { Router } from "express";
 
-import { createGigController, getGigDetailsController, listGigsController, publishGigController, updateGigDeliverablesController, updateGigPricingController } from "../controllers/gig.controller.js";
-import { createGigController, deleteGigController, editGigController, getGigDetailsController, listGigsController } from "../controllers/gig.controller.js";
 import { authenticate, authorizePermission } from "../middlewares/auth.middleware.js";
 import { Permission } from "../rbac/permission.js";
+import { createGigController, deleteGigController, editGigController, getGigDetailsController, listGigsController, publishGigController, updateGigDeliverablesController, updateGigPricingController } from "../controllers/gig.controller.js";
 
 
 

From 0887e5c03b87e0f90f1790173549d62a597d3040 Mon Sep 17 00:00:00 2001
From: ajay <ajay.devxtra@gmail.com>
Date: Thu, 26 Feb 2026 12:40:08 +0530
Subject: [PATCH 48/61] chore: notmal check

---
 apps/core-api/src/controllers/gig.controller.ts | 14 ++++++--------
 apps/core-api/src/queue/rabbit.ts               | 13 +++++++++++--
 apps/core-api/src/server.ts                     |  9 ++++++---
 apps/core-api/src/services/gig.service.ts       |  2 +-
 apps/web/app/(auth)/login/page.tsx              |  4 +++-
 5 files changed, 27 insertions(+), 15 deletions(-)

diff --git a/apps/core-api/src/controllers/gig.controller.ts b/apps/core-api/src/controllers/gig.controller.ts
index e3b65b4..ca5c00b 100644
--- a/apps/core-api/src/controllers/gig.controller.ts
+++ b/apps/core-api/src/controllers/gig.controller.ts
@@ -1,6 +1,6 @@
 import type { NextFunction, Request, Response } from "express";
 
-import { channel } from "../queue/rabbit.js";
+import {getChannel} from "../queue/rabbit.js";
 import { createGigService, deleteGigService, editGigService, getGigDetailsService, listGigsService } from "../services/gig.service.js";
 import type { AuthRequest } from "../middlewares/auth.middleware.js";
 
@@ -8,7 +8,7 @@ import type { AuthRequest } from "../middlewares/auth.middleware.js";
 
 // ================= CREATE GIG =================
 
-export const GIG_CREATED_QUEUE = "gig.created";
+export const GIG_CREATED_EVENT = "gig.created";
 
 export const createGigController = async (
   req: Request,
@@ -24,10 +24,9 @@ export const createGigController = async (
       req.body
     );
 
-    if (channel) {
-      await channel.assertQueue(GIG_CREATED_EVENT, { durable: true });
-
-      channel.sendToQueue(
+   
+      
+      getChannel().sendToQueue(
         GIG_CREATED_EVENT,
         Buffer.from(JSON.stringify({
           gigId: result.gig._id.toString(),
@@ -39,7 +38,7 @@ export const createGigController = async (
         })),
         { persistent: true }
       );
-    }
+    
 
 
     return res.status(201).json({
@@ -104,7 +103,6 @@ export const getGigDetailsController = async (
   }
 };
 
-export const GIG_CREATED_EVENT = "gig.created";
 
 
 // ================= EDIT GIG =================
diff --git a/apps/core-api/src/queue/rabbit.ts b/apps/core-api/src/queue/rabbit.ts
index 9de0c15..862842b 100644
--- a/apps/core-api/src/queue/rabbit.ts
+++ b/apps/core-api/src/queue/rabbit.ts
@@ -1,10 +1,11 @@
 import amqp, { type Channel } from "amqplib";
 
 import { logger } from "../utils/logger.js";
+import type { HttpError } from "../modules/auth/http-error.js";
 
 const rabbitUrl = process.env.RABBIT_URL as string;
 
-export let channel: Channel;
+let channel: Channel | null = null; 
 
 
 export const connectRabbit = async () => {
@@ -30,4 +31,12 @@ export const connectRabbit = async () => {
   } catch (err: unknown) {
     logger.error(`RabbitMQ connection failed ${String(err)}`);
   }
-};
\ No newline at end of file
+};
+
+export function getChannel():Channel{
+  if(!channel){
+    const err =new Error("RabbitMQ channel not initialized") as HttpError;
+    throw err;
+  }
+  return channel;
+}
\ No newline at end of file
diff --git a/apps/core-api/src/server.ts b/apps/core-api/src/server.ts
index 596c1f5..b2e1b24 100644
--- a/apps/core-api/src/server.ts
+++ b/apps/core-api/src/server.ts
@@ -15,8 +15,8 @@ import router from "./routes/index.js";
 import { connectDB } from "./db/connect.js";
 import { cleanupExpiredSignups } from "./services/verification.service.js";
 import { setupMeili } from "./search/setup.js";
-
-
+import { GIG_CREATED_EVENT } from "./controllers/gig.controller.js";
+import { getChannel } from "./queue/rabbit.js";
 
 const app = express()
 const PORT = Number(process.env.PORT) || 5000
@@ -36,7 +36,7 @@ app.use(express.json());
 
 //  Connect Database
 connectDB();
- await connectRabbit();
+await connectRabbit();
 
 //  CRON JOB (Runs every hour)
 cron.schedule("0 * * * *", async () => {
@@ -56,6 +56,9 @@ app.use(notFound);
 app.use(errorHandler);
 await setupMeili();
 
+// Ensure gig.created queue exists
+await getChannel().assertQueue(GIG_CREATED_EVENT,{durable: true});
+
 
 app.listen(PORT, "127.0.0.1", () => {
   logger.info(`Core API is running at http://localhost:${PORT}`);
diff --git a/apps/core-api/src/services/gig.service.ts b/apps/core-api/src/services/gig.service.ts
index 3c8e0cf..ff4649f 100644
--- a/apps/core-api/src/services/gig.service.ts
+++ b/apps/core-api/src/services/gig.service.ts
@@ -4,7 +4,7 @@ import type { JwtPayload } from "jsonwebtoken";
 
 import { GigModel } from "../models/gig.model.js";
 import { create_gig } from "../repositories/gig.repository.js";
-import { type GigDocument, type GigStatus } from "../types/gig.type.js";
+import {  type GigStatus } from "../types/gig.type.js";
 import { InfluencerProfile, type IInfluencerProfile } from "../models/influencer.model.js";
 import { UserRole } from "../models/user.model.js";
 
diff --git a/apps/web/app/(auth)/login/page.tsx b/apps/web/app/(auth)/login/page.tsx
index 8aa2aee..92a63ca 100644
--- a/apps/web/app/(auth)/login/page.tsx
+++ b/apps/web/app/(auth)/login/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React, { useState } from "react";
+import { useRouter } from "next/navigation";
 
 import api from "@/lib/axios.client";
 import { useAuthStore } from "@/store/auth.store";
@@ -8,6 +9,7 @@ import { useAuthStore } from "@/store/auth.store";
 
 
 export default function LoginPage() {
+  const router = useRouter();
   const [role, setRole] = useState<"BRAND" | "INFLUENCER">("BRAND");
   const [formData, setFormData] = useState({
     email: "",
@@ -43,7 +45,7 @@ export default function LoginPage() {
       if (response.data.data?.accessToken) {
         const {accessToken, user} = response.data.data
         setAuth(accessToken, user)
-        window.location.href = "/dashboard";
+        router.push("/home") ;
       }
 
     } catch (error) {

From dd9e6c03d745eaab0e339b82c0056d5d4070e39e Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Thu, 26 Feb 2026 13:31:51 +0530
Subject: [PATCH 49/61] feat(landig-page)

---
 apps/web/app/landing-page/page.tsx | 377 +++++++++++++++++++++++++++++
 apps/web/package.json              |   1 +
 pnpm-lock.yaml                     |  15 ++
 3 files changed, 393 insertions(+)
 create mode 100644 apps/web/app/landing-page/page.tsx

diff --git a/apps/web/app/landing-page/page.tsx b/apps/web/app/landing-page/page.tsx
new file mode 100644
index 0000000..7daf6fb
--- /dev/null
+++ b/apps/web/app/landing-page/page.tsx
@@ -0,0 +1,377 @@
+
+export default function Home() {
+  return (
+    <div className="min-h-screen bg-white text-gray-900 font-sans">
+      {/* Navigation */}
+      <nav className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 flex items-center justify-between">
+        <div className="flex items-center gap-2">
+          {/* Logo SVG Placeholder */}
+          <div className="w-8 h-8 text-emerald-500">
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" />
+            </svg>
+          </div>
+          <span className="text-xl font-bold tracking-tight text-gray-900">Noillin</span>
+        </div>
+
+        <div className="hidden md:flex items-center gap-8 text-sm font-medium text-gray-500">
+          <a href="#" className="hover:text-gray-900 transition-colors">About</a>
+          <a href="#" className="hover:text-gray-900 transition-colors">Influencers</a>
+          <a href="#" className="hover:text-gray-900 transition-colors">Gigs</a>
+          <a href="#" className="hover:text-gray-900 transition-colors">Support</a>
+        </div>
+
+        <div className="flex items-center gap-4">
+          <button className="px-4 py-2 text-sm font-medium text-emerald-600 bg-emerald-50 hover:bg-emerald-100 rounded-md transition-colors hover:cursor-pointer">
+            Sign In
+          </button>
+          <button className="px-4 py-2 text-sm font-medium text-white bg-emerald-500 hover:bg-emerald-600 rounded-md transition-colors shadow-sm shadow-emerald-200 hover:cursor-pointer">
+            Get Started
+          </button>
+        </div>
+      </nav>
+
+      {/* Hero Section */}
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-16 pb-24 grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
+        
+        {/* Left Column - Text Content */}
+        <div>
+          <h1 className="text-5xl sm:text-6xl font-extrabold tracking-tight leading-[1.1] mb-6">
+            Book Trusted Influencers.<br />
+            <span className="text-emerald-500">Pay Securely.</span>
+          </h1>
+          <p className="text-lg text-gray-500 mb-10 max-w-lg leading-relaxed">
+            Discover, schedule, and collaborate with verified creators — all in one place.
+          </p>
+          
+          <div className="flex flex-wrap items-center gap-4 mb-10">
+            <button className="px-6 py-3 text-base font-semibold text-white bg-emerald-500 hover:bg-emerald-600 rounded-lg transition-colors shadow-lg hover:cursor-pointer">
+              Explore Gigs
+            </button>
+            <button className="px-6 py-3 text-base font-semibold text-gray-700 bg-white border border-gray-200 hover:bg-gray-50 hover:border-gray-300 rounded-lg transition-all shadow-sm hover:cursor-pointer">
+              Become an Influencer
+            </button>
+          </div>
+
+          <div className="flex items-center gap-3">
+            <div className="flex -space-x-3">
+              {[1, 2, 3].map((i) => (
+                <div key={i} className="w-8 h-8 rounded-full border-2 border-white bg-gray-200 overflow-hidden relative">
+                  <img src={`https://i.pravatar.cc/100?img=${i+10}`} alt="avatar" className="object-cover" />
+                </div>
+              ))}
+            </div>
+            <span className="text-sm text-gray-400 font-medium">Join 2,000+ creators today</span>
+          </div>
+        </div>
+
+        {/* Right Column - Mockup Card */}
+        <div className="relative w-full max-w-md mx-auto lg:ml-auto">
+          {/* Decorative Green Background Shape */}
+          <div className="absolute inset-0 bg-emerald-100 rounded-[2rem] transform rotate-3 translate-x-4 translate-y-4 -z-10"></div>
+          
+          {/* Main Card */}
+          <div className="bg-white rounded-2xl shadow-xl border border-gray-100 p-6 relative">
+            
+            {/* Lock Icon */}
+            <div className="absolute top-4 right-4 w-8 h-8 bg-emerald-50 rounded-full flex items-center justify-center text-emerald-500">
+              <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
+              </svg>
+            </div>
+
+            {/* Profile Info */}
+            <div className="flex items-center gap-4 mb-8 mt-2">
+              <div className="w-16 h-16 rounded-xl overflow-hidden bg-gray-100">
+                <img src="https://i.pravatar.cc/150?img=5" alt="Sarah Jenkins" className="w-full h-full object-cover" />
+              </div>
+              <div>
+                <h3 className="font-bold text-gray-900 text-lg">Sarah Jenkins</h3>
+                <p className="text-xs text-gray-400 mb-2">Lifestyle & Beauty</p>
+                <div className="flex gap-2 text-[10px] font-semibold">
+                  <span className="px-2 py-1 bg-blue-50 text-blue-600 rounded">Instagram</span>
+                  <span className="px-2 py-1 bg-pink-50 text-pink-600 rounded">TikTok</span>
+                </div>
+              </div>
+            </div>
+
+            {/* Calendar */}
+            <div className="mb-8">
+              <p className="text-xs text-gray-400 font-medium mb-3">Select Availability</p>
+              <div className="grid grid-cols-7 gap-1 text-center text-xs">
+                {['M', 'T', 'W', 'T', 'F', 'S', 'S'].map((day, i) => (
+                  <div key={i} className="text-gray-300 font-medium mb-1">{day}</div>
+                ))}
+                {['1', '2', '3'].map((date) => (
+                  <div key={date} className="py-2 text-gray-400 font-medium">{date}</div>
+                ))}
+                {/* Active Date */}
+                <div className="py-2 bg-emerald-500 text-white font-bold rounded-md shadow-sm shadow-emerald-200">4</div>
+                {['5', '6', '7'].map((date) => (
+                  <div key={date} className="py-2 text-gray-400 font-medium">{date}</div>
+                ))}
+              </div>
+            </div>
+
+            {/* Price Breakdown */}
+            <div className="space-y-3 mb-6 border-t border-gray-50 pt-4">
+              <div className="flex justify-between text-sm">
+                <span className="text-gray-500">Service Fee</span>
+                <span className="font-semibold text-gray-900">$150.00</span>
+              </div>
+              <div className="flex justify-between items-center text-base">
+                <span className="font-bold text-gray-900">Total</span>
+                <span className="font-bold text-emerald-500 text-lg">$150.00</span>
+              </div>
+            </div>
+
+            {/* CTA Button */}
+            <button className="w-full py-3 bg-emerald-500 hover:bg-emerald-600 text-white font-semibold rounded-lg transition-colors hover:cursor-pointer">
+              Confirm & Pay
+            </button>
+          </div>
+        </div>
+      </main>
+
+      {/* Stats Section */}
+      <section className="max-w-4xl mx-auto px-4 py-16 text-center">
+        <p className="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-8">Trusted by brands and creators</p>
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8 divide-y md:divide-y-0 md:divide-x divide-gray-100">
+          <div className="pt-4 md:pt-0">
+            <p className="text-4xl font-bold text-gray-400 mb-1">1,000+</p>
+            <p className="text-sm text-gray-400">Influencers</p>
+          </div>
+          <div className="pt-4 md:pt-0">
+            <p className="text-4xl font-bold text-gray-400 mb-1">$2M+</p>
+            <p className="text-sm text-gray-400">Processed</p>
+          </div>
+          <div className="pt-4 md:pt-0">
+            <p className="text-4xl font-bold text-gray-400 mb-1">100%</p>
+            <p className="text-sm text-gray-400">Secure</p>
+          </div>
+        </div>
+      </section>
+
+      {/* How it Works Section */}
+      <section className="bg-gray-50/50 py-24 border-t border-gray-50">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-16">
+            <h2 className="text-3xl font-bold text-gray-900 mb-4">How Noillin Works</h2>
+            <p className="text-gray-500">A simple, secure process to connect brands with creators.</p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8 relative">
+            {/* Connecting line for desktop (behind cards) */}
+            <div className="hidden md:block absolute top-1/2 left-0 w-full h-px bg-gray-200 -z-10 transform -translate-y-12"></div>
+
+            {/* Step 1 */}
+            <div className="bg-white p-10 rounded-2xl shadow-sm border border-gray-100 text-center flex flex-col items-center">
+              <div className="w-16 h-16 bg-blue-50 text-blue-500 rounded-xl flex items-center justify-center mb-6">
+                <svg className="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-bold text-gray-900 mb-3">Discover</h3>
+              <p className="text-sm text-gray-500 leading-relaxed">Browse verified influencer gigs based on your niche and budget.</p>
+            </div>
+
+            {/* Step 2 */}
+            <div className="bg-white p-10 rounded-2xl shadow-sm border border-gray-100 text-center flex flex-col items-center">
+              <div className="w-16 h-16 bg-emerald-50 text-emerald-500 rounded-xl flex items-center justify-center mb-6">
+                <svg className="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-bold text-gray-900 mb-3">Book</h3>
+              <p className="text-sm text-gray-500 leading-relaxed">Select availability and packages that fit your campaign needs.</p>
+            </div>
+
+            {/* Step 3 */}
+            <div className="bg-white p-10 rounded-2xl shadow-sm border border-gray-100 text-center flex flex-col items-center">
+              <div className="w-16 h-16 bg-purple-50 text-purple-500 rounded-xl flex items-center justify-center mb-6">
+                <svg className="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-bold text-gray-900 mb-3">Pay Securely</h3>
+              <p className="text-sm text-gray-500 leading-relaxed">Funds are held securely until deliverables are confirmed.</p>
+            </div>
+
+          </div>
+        </div>
+      </section>
+      {/* Platform Features */}
+      <section className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
+        <div className="text-center mb-16">
+          <h2 className="text-3xl font-bold text-gray-900">Platform Features</h2>
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          {[
+            { title: "Availability Booking", desc: "See real-time calendar slots before you book. No more back-and-forth emails.", icon: "calendar" },
+            { title: "Secure Payments", desc: "Escrow-style protection ensures your money is safe until the job is done.", icon: "shield-check" },
+            { title: "Direct Chat", desc: "Communicate directly with influencers or brands via our secure platform.", icon: "chat" },
+            { title: "Transparent Pricing", desc: "No hidden fees. What you see is exactly what you pay.", icon: "cash" },
+            { title: "Group Collabs", desc: "Book multiple influencers for the same campaign effortlessly.", icon: "users" },
+            { title: "Fast Turnaround", desc: "Get confirmed bookings in minutes, not days.", icon: "lightning" },
+          ].map((feature, idx) => (
+            <div key={idx} className="p-8 bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
+              <div className="w-10 h-10 bg-emerald-50 text-emerald-500 rounded-lg flex items-center justify-center mb-6">
+                {/* Simplified Icon mapping */}
+                <div className="w-5 h-5 border-2 border-current rounded-sm"></div>
+              </div>
+              <h3 className="text-lg font-bold text-gray-900 mb-2">{feature.title}</h3>
+              <p className="text-sm text-gray-500 leading-relaxed">{feature.desc}</p>
+            </div>
+          ))}
+        </div>
+      </section>
+
+      {/* Segmented Section: Brands & Creators */}
+      <section className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 grid grid-cols-1 md:grid-cols-2 gap-8">
+        {/* Brands */}
+        <div className="bg-white p-10 rounded-[2rem] border border-gray-100 shadow-sm relative overflow-hidden">
+          <div className="absolute top-0 right-0 w-32 h-32 bg-blue-50 rounded-full -mr-16 -mt-16 opacity-50"></div>
+          <h2 className="text-2xl font-bold mb-8">Built for Brands</h2>
+          <ul className="space-y-4 mb-10">
+            {["Filter influencers by niche, platform, and follower count", "Clear deliverables and transparent pricing packages", "Secure escrow-style payments protect your budget"].map((item, i) => (
+              <li key={i} className="flex items-start gap-3 text-sm text-gray-600">
+                <span className="mt-1 w-5 h-5 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center flex-shrink-0 text-[10px]">✓</span>
+                {item}
+              </li>
+            ))}
+          </ul>
+          <button className="w-full py-4 bg-[#0F172A] text-white font-bold rounded-xl hover:bg-black transition-colors hover:cursor-pointer">
+            Explore Influencers
+          </button>
+        </div>
+
+        {/* Creators */}
+        <div className="bg-white p-10 rounded-[2rem] border border-gray-100 shadow-sm relative overflow-hidden">
+          <div className="absolute top-0 right-0 w-32 h-32 bg-emerald-50 rounded-full -mr-16 -mt-16 opacity-50"></div>
+          <h2 className="text-2xl font-bold mb-8">Built for Creators</h2>
+          <ul className="space-y-4 mb-10">
+            {["Create single or group gigs with custom packages", "Manage availability like a pro calendar", "Get paid instantly once the brand confirms receipt"].map((item, i) => (
+              <li key={i} className="flex items-start gap-3 text-sm text-gray-600">
+                <span className="mt-1 w-5 h-5 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center flex-shrink-0 text-[10px]">✓</span>
+                {item}
+              </li>
+            ))}
+          </ul>
+          <button className="w-full py-4 bg-emerald-500 text-white font-bold rounded-xl hover:bg-emerald-600 transition-colors hover:cursor-pointer">
+            Create a Gig
+          </button>
+        </div>
+      </section>
+
+      {/* Community Stories */}
+      <section className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
+        <div className="text-center mb-16">
+          <h2 className="text-3xl font-bold text-gray-900">Community Stories</h2>
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          {[
+            {
+              name: "Alex Rivera",
+              role: "Marketing Director, TechFlow",
+              img: "https://i.pravatar.cc/150?img=11",
+              quote: "Noillin streamlined our influencer outreach. We found the perfect micro-influencers within hours and the booking process was seamless."
+            },
+            {
+              name: "Sarah Jenkins",
+              role: "Lifestyle Creator",
+              img: "https://i.pravatar.cc/150?img=5",
+              quote: "Finally, a platform that treats creators as professionals. The calendar sync and secure payments give me peace of mind."
+            },
+            {
+              name: "Michael Chen",
+              role: "Founder, BloomSkincare",
+              img: "https://i.pravatar.cc/150?img=8",
+              quote: "The group collaboration feature is a game changer. We coordinated 10 influencers for a product launch in one afternoon."
+            }
+          ].map((story, i) => (
+            <div key={i} className="bg-gray-50/50 p-8 rounded-2xl border border-gray-50">
+              <div className="flex text-emerald-400 mb-4">
+                {[...Array(5)].map((_, i) => <span key={i}>★</span>)}
+              </div>
+              <p className="text-gray-600 text-sm italic mb-8 leading-relaxed">"{story.quote}"</p>
+              <div className="flex items-center gap-4">
+                <div className="w-12 h-12 rounded-full overflow-hidden bg-gray-200">
+                  <img src={story.img} alt={story.name} className="w-full h-full object-cover" />
+                </div>
+                <div>
+                  <h4 className="text-sm font-bold text-gray-900">{story.name}</h4>
+                  <p className="text-[10px] text-gray-400 font-medium uppercase tracking-tighter">{story.role}</p>
+                </div>
+              </div>
+            </div>
+          ))}
+        </div>
+      </section>
+      {/* CTA Section */}
+      <section className="bg-emerald-500 py-20 relative overflow-hidden">
+        {/* Decorative Circles */}
+        <div className="absolute left-[-10%] top-1/2 -translate-y-1/2 w-64 h-64 bg-white/10 rounded-full"></div>
+        <div className="absolute right-[-5%] top-1/2 -translate-y-1/2 w-96 h-96 bg-white/10 rounded-full"></div>
+
+        <div className="max-w-7xl mx-auto px-4 text-center relative z-10">
+          <h2 className="text-4xl font-bold text-white mb-4">Start Collaborating Today</h2>
+          <p className="text-emerald-50 mb-10 text-lg">
+            Join thousands of brands and creators building the future of influence.
+          </p>
+          <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
+            <button className="px-8 py-3 bg-white text-emerald-600 font-bold rounded-xl shadow-lg hover:bg-emerald-50 transition-colors hover:cursor-pointer">
+              Find Influencers
+            </button>
+            <button className="px-8 py-3 bg-emerald-900/40 text-white font-bold rounded-xl border border-white/20 hover:bg-emerald-900/60 transition-colors hover:cursor-pointer">
+              Join as Influencer
+            </button>
+          </div>
+        </div>
+      </section>
+
+      {/* Footer */}
+      <footer className="bg-[#0F172A] text-gray-400 py-12">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row items-center justify-between gap-8">
+          
+          {/* Logo */}
+          <div className="flex items-center gap-2">
+            <div className="w-6 h-6 text-white">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+                 <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" strokeLinecap="round" strokeLinejoin="round"/>
+              </svg>
+            </div>
+            <span className="text-white font-bold text-lg">Noillin</span>
+          </div>
+
+          {/* Links */}
+          <div className="flex gap-8 text-sm">
+            <a href="#" className="hover:text-white transition-colors">About</a>
+            <a href="#" className="hover:text-white transition-colors">Support</a>
+            <a href="#" className="hover:text-white transition-colors">Privacy</a>
+            <a href="#" className="hover:text-white transition-colors">Terms</a>
+          </div>
+
+          {/* Trust Badges */}
+          <div className="flex items-center gap-6 text-[11px] font-medium tracking-wide">
+            <div className="flex items-center gap-2">
+              <span className="text-emerald-500 text-xs">🔒</span>
+              <span>SECURE PAYMENTS</span>
+            </div>
+            <div className="flex items-center gap-2">
+              <span className="text-emerald-500 text-xs">✔</span>
+              <span>VERIFIED PROFILES</span>
+            </div>
+            <div className="flex items-center gap-2">
+              <span className="text-emerald-500 text-xs">💬</span>
+              <span>REAL-TIME CHAT</span>
+            </div>
+          </div>
+          
+        </div>
+      </footer>
+
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/apps/web/package.json b/apps/web/package.json
index 3b4e959..d9632a8 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "axios": "^1.13.5",
+    "lucide-react": "^0.575.0",
     "next": "16.1.4",
     "react": "19.2.3",
     "react-dom": "19.2.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a6a6ca3..e90c4af 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -166,6 +166,9 @@ importers:
       axios:
         specifier: ^1.13.5
         version: 1.13.5
+      lucide-react:
+        specifier: ^0.575.0
+        version: 0.575.0(react@19.2.3)
       next:
         specifier: 16.1.4
         version: 16.1.4(@babel/core@7.28.6)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
@@ -3768,6 +3771,14 @@ packages:
         integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==,
       }
 
+  lucide-react@0.575.0:
+    resolution:
+      {
+        integrity: sha512-VuXgKZrk0uiDlWjGGXmKV6MSk9Yy4l10qgVvzGn2AWBx1Ylt0iBexKOAoA6I7JO3m+M9oeovJd3yYENfkUbOeg==,
+      }
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   magic-string@0.30.21:
     resolution:
       {
@@ -7532,6 +7543,10 @@ snapshots:
     dependencies:
       yallist: 3.1.1
 
+  lucide-react@0.575.0(react@19.2.3):
+    dependencies:
+      react: 19.2.3
+
   magic-string@0.30.21:
     dependencies:
       "@jridgewell/sourcemap-codec": 1.5.5

From 5274ced987d97c06466879d8865a217368873984 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Thu, 26 Feb 2026 14:49:04 +0530
Subject: [PATCH 50/61] chor:landing-page

---
 apps/web/app/gigs/page.tsx | 3 ---
 1 file changed, 3 deletions(-)
 delete mode 100644 apps/web/app/gigs/page.tsx

diff --git a/apps/web/app/gigs/page.tsx b/apps/web/app/gigs/page.tsx
deleted file mode 100644
index 5a6c3e4..0000000
--- a/apps/web/app/gigs/page.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function GigsPage() {
-  return <h1>Gigs Page</h1>;
-}

From 8e7d0a4f954abcc033ef3d72a2ff32ec780a6444 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Thu, 26 Feb 2026 16:02:41 +0530
Subject: [PATCH 51/61] fix: resolve lint errors

---
 apps/web/app/landing-page/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/app/landing-page/page.tsx b/apps/web/app/landing-page/page.tsx
index 7daf6fb..baed6c9 100644
--- a/apps/web/app/landing-page/page.tsx
+++ b/apps/web/app/landing-page/page.tsx
@@ -295,7 +295,7 @@ export default function Home() {
               <div className="flex text-emerald-400 mb-4">
                 {[...Array(5)].map((_, i) => <span key={i}>★</span>)}
               </div>
-              <p className="text-gray-600 text-sm italic mb-8 leading-relaxed">"{story.quote}"</p>
+              <p className="text-gray-600 text-sm italic mb-8 leading-relaxed">{story.quote}</p>
               <div className="flex items-center gap-4">
                 <div className="w-12 h-12 rounded-full overflow-hidden bg-gray-200">
                   <img src={story.img} alt={story.name} className="w-full h-full object-cover" />

From 165262c470df1996eb393d54e292e98676ce9c0c Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Thu, 26 Feb 2026 16:11:14 +0530
Subject: [PATCH 52/61] fix: add missing clsx dependency

---
 apps/web/package.json |  1 +
 pnpm-lock.yaml        | 13 ++++++++-----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/apps/web/package.json b/apps/web/package.json
index bf31057..0e807e3 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "axios": "^1.13.5",
+    "clsx": "^2.1.1",
     "lucide-react": "^0.575.0",
     "next": "16.1.4",
     "react": "19.2.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 207acd0..911ad35 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -166,6 +166,9 @@ importers:
       axios:
         specifier: ^1.13.5
         version: 1.13.5
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
       lucide-react:
         specifier: ^0.575.0
         version: 0.575.0(react@19.2.3)
@@ -6796,7 +6799,7 @@ snapshots:
       "@next/eslint-plugin-next": 16.1.4
       eslint: 9.39.2(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-react: 7.37.5(eslint@9.39.2(jiti@2.6.1))
@@ -6823,7 +6826,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1)):
+  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1)):
     dependencies:
       "@nolyfill/is-core-module": 1.0.39
       debug: 4.4.3(supports-color@5.5.0)
@@ -6838,14 +6841,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
       "@typescript-eslint/parser": 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1))
     transitivePeerDependencies:
       - supports-color
 
@@ -6860,7 +6863,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 9.39.2(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1)))(eslint@9.39.2(jiti@2.6.1))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3

From 5baeb082937fbcddeea3775ce8a60b172b09745d Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Thu, 26 Feb 2026 16:37:25 +0530
Subject: [PATCH 53/61] fix:something

---
 apps/web/app/landing-page/page.tsx | 377 ----------------------------
 apps/web/app/page.tsx              | 380 ++++++++++++++++++++++++++++-
 2 files changed, 371 insertions(+), 386 deletions(-)
 delete mode 100644 apps/web/app/landing-page/page.tsx

diff --git a/apps/web/app/landing-page/page.tsx b/apps/web/app/landing-page/page.tsx
deleted file mode 100644
index baed6c9..0000000
--- a/apps/web/app/landing-page/page.tsx
+++ /dev/null
@@ -1,377 +0,0 @@
-
-export default function Home() {
-  return (
-    <div className="min-h-screen bg-white text-gray-900 font-sans">
-      {/* Navigation */}
-      <nav className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 flex items-center justify-between">
-        <div className="flex items-center gap-2">
-          {/* Logo SVG Placeholder */}
-          <div className="w-8 h-8 text-emerald-500">
-            <svg viewBox="0 0 24 24" fill="currentColor">
-              <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" />
-            </svg>
-          </div>
-          <span className="text-xl font-bold tracking-tight text-gray-900">Noillin</span>
-        </div>
-
-        <div className="hidden md:flex items-center gap-8 text-sm font-medium text-gray-500">
-          <a href="#" className="hover:text-gray-900 transition-colors">About</a>
-          <a href="#" className="hover:text-gray-900 transition-colors">Influencers</a>
-          <a href="#" className="hover:text-gray-900 transition-colors">Gigs</a>
-          <a href="#" className="hover:text-gray-900 transition-colors">Support</a>
-        </div>
-
-        <div className="flex items-center gap-4">
-          <button className="px-4 py-2 text-sm font-medium text-emerald-600 bg-emerald-50 hover:bg-emerald-100 rounded-md transition-colors hover:cursor-pointer">
-            Sign In
-          </button>
-          <button className="px-4 py-2 text-sm font-medium text-white bg-emerald-500 hover:bg-emerald-600 rounded-md transition-colors shadow-sm shadow-emerald-200 hover:cursor-pointer">
-            Get Started
-          </button>
-        </div>
-      </nav>
-
-      {/* Hero Section */}
-      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-16 pb-24 grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
-        
-        {/* Left Column - Text Content */}
-        <div>
-          <h1 className="text-5xl sm:text-6xl font-extrabold tracking-tight leading-[1.1] mb-6">
-            Book Trusted Influencers.<br />
-            <span className="text-emerald-500">Pay Securely.</span>
-          </h1>
-          <p className="text-lg text-gray-500 mb-10 max-w-lg leading-relaxed">
-            Discover, schedule, and collaborate with verified creators — all in one place.
-          </p>
-          
-          <div className="flex flex-wrap items-center gap-4 mb-10">
-            <button className="px-6 py-3 text-base font-semibold text-white bg-emerald-500 hover:bg-emerald-600 rounded-lg transition-colors shadow-lg hover:cursor-pointer">
-              Explore Gigs
-            </button>
-            <button className="px-6 py-3 text-base font-semibold text-gray-700 bg-white border border-gray-200 hover:bg-gray-50 hover:border-gray-300 rounded-lg transition-all shadow-sm hover:cursor-pointer">
-              Become an Influencer
-            </button>
-          </div>
-
-          <div className="flex items-center gap-3">
-            <div className="flex -space-x-3">
-              {[1, 2, 3].map((i) => (
-                <div key={i} className="w-8 h-8 rounded-full border-2 border-white bg-gray-200 overflow-hidden relative">
-                  <img src={`https://i.pravatar.cc/100?img=${i+10}`} alt="avatar" className="object-cover" />
-                </div>
-              ))}
-            </div>
-            <span className="text-sm text-gray-400 font-medium">Join 2,000+ creators today</span>
-          </div>
-        </div>
-
-        {/* Right Column - Mockup Card */}
-        <div className="relative w-full max-w-md mx-auto lg:ml-auto">
-          {/* Decorative Green Background Shape */}
-          <div className="absolute inset-0 bg-emerald-100 rounded-[2rem] transform rotate-3 translate-x-4 translate-y-4 -z-10"></div>
-          
-          {/* Main Card */}
-          <div className="bg-white rounded-2xl shadow-xl border border-gray-100 p-6 relative">
-            
-            {/* Lock Icon */}
-            <div className="absolute top-4 right-4 w-8 h-8 bg-emerald-50 rounded-full flex items-center justify-center text-emerald-500">
-              <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
-              </svg>
-            </div>
-
-            {/* Profile Info */}
-            <div className="flex items-center gap-4 mb-8 mt-2">
-              <div className="w-16 h-16 rounded-xl overflow-hidden bg-gray-100">
-                <img src="https://i.pravatar.cc/150?img=5" alt="Sarah Jenkins" className="w-full h-full object-cover" />
-              </div>
-              <div>
-                <h3 className="font-bold text-gray-900 text-lg">Sarah Jenkins</h3>
-                <p className="text-xs text-gray-400 mb-2">Lifestyle & Beauty</p>
-                <div className="flex gap-2 text-[10px] font-semibold">
-                  <span className="px-2 py-1 bg-blue-50 text-blue-600 rounded">Instagram</span>
-                  <span className="px-2 py-1 bg-pink-50 text-pink-600 rounded">TikTok</span>
-                </div>
-              </div>
-            </div>
-
-            {/* Calendar */}
-            <div className="mb-8">
-              <p className="text-xs text-gray-400 font-medium mb-3">Select Availability</p>
-              <div className="grid grid-cols-7 gap-1 text-center text-xs">
-                {['M', 'T', 'W', 'T', 'F', 'S', 'S'].map((day, i) => (
-                  <div key={i} className="text-gray-300 font-medium mb-1">{day}</div>
-                ))}
-                {['1', '2', '3'].map((date) => (
-                  <div key={date} className="py-2 text-gray-400 font-medium">{date}</div>
-                ))}
-                {/* Active Date */}
-                <div className="py-2 bg-emerald-500 text-white font-bold rounded-md shadow-sm shadow-emerald-200">4</div>
-                {['5', '6', '7'].map((date) => (
-                  <div key={date} className="py-2 text-gray-400 font-medium">{date}</div>
-                ))}
-              </div>
-            </div>
-
-            {/* Price Breakdown */}
-            <div className="space-y-3 mb-6 border-t border-gray-50 pt-4">
-              <div className="flex justify-between text-sm">
-                <span className="text-gray-500">Service Fee</span>
-                <span className="font-semibold text-gray-900">$150.00</span>
-              </div>
-              <div className="flex justify-between items-center text-base">
-                <span className="font-bold text-gray-900">Total</span>
-                <span className="font-bold text-emerald-500 text-lg">$150.00</span>
-              </div>
-            </div>
-
-            {/* CTA Button */}
-            <button className="w-full py-3 bg-emerald-500 hover:bg-emerald-600 text-white font-semibold rounded-lg transition-colors hover:cursor-pointer">
-              Confirm & Pay
-            </button>
-          </div>
-        </div>
-      </main>
-
-      {/* Stats Section */}
-      <section className="max-w-4xl mx-auto px-4 py-16 text-center">
-        <p className="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-8">Trusted by brands and creators</p>
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-8 divide-y md:divide-y-0 md:divide-x divide-gray-100">
-          <div className="pt-4 md:pt-0">
-            <p className="text-4xl font-bold text-gray-400 mb-1">1,000+</p>
-            <p className="text-sm text-gray-400">Influencers</p>
-          </div>
-          <div className="pt-4 md:pt-0">
-            <p className="text-4xl font-bold text-gray-400 mb-1">$2M+</p>
-            <p className="text-sm text-gray-400">Processed</p>
-          </div>
-          <div className="pt-4 md:pt-0">
-            <p className="text-4xl font-bold text-gray-400 mb-1">100%</p>
-            <p className="text-sm text-gray-400">Secure</p>
-          </div>
-        </div>
-      </section>
-
-      {/* How it Works Section */}
-      <section className="bg-gray-50/50 py-24 border-t border-gray-50">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-          <div className="text-center mb-16">
-            <h2 className="text-3xl font-bold text-gray-900 mb-4">How Noillin Works</h2>
-            <p className="text-gray-500">A simple, secure process to connect brands with creators.</p>
-          </div>
-
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-8 relative">
-            {/* Connecting line for desktop (behind cards) */}
-            <div className="hidden md:block absolute top-1/2 left-0 w-full h-px bg-gray-200 -z-10 transform -translate-y-12"></div>
-
-            {/* Step 1 */}
-            <div className="bg-white p-10 rounded-2xl shadow-sm border border-gray-100 text-center flex flex-col items-center">
-              <div className="w-16 h-16 bg-blue-50 text-blue-500 rounded-xl flex items-center justify-center mb-6">
-                <svg className="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
-                </svg>
-              </div>
-              <h3 className="text-xl font-bold text-gray-900 mb-3">Discover</h3>
-              <p className="text-sm text-gray-500 leading-relaxed">Browse verified influencer gigs based on your niche and budget.</p>
-            </div>
-
-            {/* Step 2 */}
-            <div className="bg-white p-10 rounded-2xl shadow-sm border border-gray-100 text-center flex flex-col items-center">
-              <div className="w-16 h-16 bg-emerald-50 text-emerald-500 rounded-xl flex items-center justify-center mb-6">
-                <svg className="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
-                </svg>
-              </div>
-              <h3 className="text-xl font-bold text-gray-900 mb-3">Book</h3>
-              <p className="text-sm text-gray-500 leading-relaxed">Select availability and packages that fit your campaign needs.</p>
-            </div>
-
-            {/* Step 3 */}
-            <div className="bg-white p-10 rounded-2xl shadow-sm border border-gray-100 text-center flex flex-col items-center">
-              <div className="w-16 h-16 bg-purple-50 text-purple-500 rounded-xl flex items-center justify-center mb-6">
-                <svg className="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
-                </svg>
-              </div>
-              <h3 className="text-xl font-bold text-gray-900 mb-3">Pay Securely</h3>
-              <p className="text-sm text-gray-500 leading-relaxed">Funds are held securely until deliverables are confirmed.</p>
-            </div>
-
-          </div>
-        </div>
-      </section>
-      {/* Platform Features */}
-      <section className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
-        <div className="text-center mb-16">
-          <h2 className="text-3xl font-bold text-gray-900">Platform Features</h2>
-        </div>
-
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-          {[
-            { title: "Availability Booking", desc: "See real-time calendar slots before you book. No more back-and-forth emails.", icon: "calendar" },
-            { title: "Secure Payments", desc: "Escrow-style protection ensures your money is safe until the job is done.", icon: "shield-check" },
-            { title: "Direct Chat", desc: "Communicate directly with influencers or brands via our secure platform.", icon: "chat" },
-            { title: "Transparent Pricing", desc: "No hidden fees. What you see is exactly what you pay.", icon: "cash" },
-            { title: "Group Collabs", desc: "Book multiple influencers for the same campaign effortlessly.", icon: "users" },
-            { title: "Fast Turnaround", desc: "Get confirmed bookings in minutes, not days.", icon: "lightning" },
-          ].map((feature, idx) => (
-            <div key={idx} className="p-8 bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
-              <div className="w-10 h-10 bg-emerald-50 text-emerald-500 rounded-lg flex items-center justify-center mb-6">
-                {/* Simplified Icon mapping */}
-                <div className="w-5 h-5 border-2 border-current rounded-sm"></div>
-              </div>
-              <h3 className="text-lg font-bold text-gray-900 mb-2">{feature.title}</h3>
-              <p className="text-sm text-gray-500 leading-relaxed">{feature.desc}</p>
-            </div>
-          ))}
-        </div>
-      </section>
-
-      {/* Segmented Section: Brands & Creators */}
-      <section className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 grid grid-cols-1 md:grid-cols-2 gap-8">
-        {/* Brands */}
-        <div className="bg-white p-10 rounded-[2rem] border border-gray-100 shadow-sm relative overflow-hidden">
-          <div className="absolute top-0 right-0 w-32 h-32 bg-blue-50 rounded-full -mr-16 -mt-16 opacity-50"></div>
-          <h2 className="text-2xl font-bold mb-8">Built for Brands</h2>
-          <ul className="space-y-4 mb-10">
-            {["Filter influencers by niche, platform, and follower count", "Clear deliverables and transparent pricing packages", "Secure escrow-style payments protect your budget"].map((item, i) => (
-              <li key={i} className="flex items-start gap-3 text-sm text-gray-600">
-                <span className="mt-1 w-5 h-5 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center flex-shrink-0 text-[10px]">✓</span>
-                {item}
-              </li>
-            ))}
-          </ul>
-          <button className="w-full py-4 bg-[#0F172A] text-white font-bold rounded-xl hover:bg-black transition-colors hover:cursor-pointer">
-            Explore Influencers
-          </button>
-        </div>
-
-        {/* Creators */}
-        <div className="bg-white p-10 rounded-[2rem] border border-gray-100 shadow-sm relative overflow-hidden">
-          <div className="absolute top-0 right-0 w-32 h-32 bg-emerald-50 rounded-full -mr-16 -mt-16 opacity-50"></div>
-          <h2 className="text-2xl font-bold mb-8">Built for Creators</h2>
-          <ul className="space-y-4 mb-10">
-            {["Create single or group gigs with custom packages", "Manage availability like a pro calendar", "Get paid instantly once the brand confirms receipt"].map((item, i) => (
-              <li key={i} className="flex items-start gap-3 text-sm text-gray-600">
-                <span className="mt-1 w-5 h-5 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center flex-shrink-0 text-[10px]">✓</span>
-                {item}
-              </li>
-            ))}
-          </ul>
-          <button className="w-full py-4 bg-emerald-500 text-white font-bold rounded-xl hover:bg-emerald-600 transition-colors hover:cursor-pointer">
-            Create a Gig
-          </button>
-        </div>
-      </section>
-
-      {/* Community Stories */}
-      <section className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
-        <div className="text-center mb-16">
-          <h2 className="text-3xl font-bold text-gray-900">Community Stories</h2>
-        </div>
-
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
-          {[
-            {
-              name: "Alex Rivera",
-              role: "Marketing Director, TechFlow",
-              img: "https://i.pravatar.cc/150?img=11",
-              quote: "Noillin streamlined our influencer outreach. We found the perfect micro-influencers within hours and the booking process was seamless."
-            },
-            {
-              name: "Sarah Jenkins",
-              role: "Lifestyle Creator",
-              img: "https://i.pravatar.cc/150?img=5",
-              quote: "Finally, a platform that treats creators as professionals. The calendar sync and secure payments give me peace of mind."
-            },
-            {
-              name: "Michael Chen",
-              role: "Founder, BloomSkincare",
-              img: "https://i.pravatar.cc/150?img=8",
-              quote: "The group collaboration feature is a game changer. We coordinated 10 influencers for a product launch in one afternoon."
-            }
-          ].map((story, i) => (
-            <div key={i} className="bg-gray-50/50 p-8 rounded-2xl border border-gray-50">
-              <div className="flex text-emerald-400 mb-4">
-                {[...Array(5)].map((_, i) => <span key={i}>★</span>)}
-              </div>
-              <p className="text-gray-600 text-sm italic mb-8 leading-relaxed">{story.quote}</p>
-              <div className="flex items-center gap-4">
-                <div className="w-12 h-12 rounded-full overflow-hidden bg-gray-200">
-                  <img src={story.img} alt={story.name} className="w-full h-full object-cover" />
-                </div>
-                <div>
-                  <h4 className="text-sm font-bold text-gray-900">{story.name}</h4>
-                  <p className="text-[10px] text-gray-400 font-medium uppercase tracking-tighter">{story.role}</p>
-                </div>
-              </div>
-            </div>
-          ))}
-        </div>
-      </section>
-      {/* CTA Section */}
-      <section className="bg-emerald-500 py-20 relative overflow-hidden">
-        {/* Decorative Circles */}
-        <div className="absolute left-[-10%] top-1/2 -translate-y-1/2 w-64 h-64 bg-white/10 rounded-full"></div>
-        <div className="absolute right-[-5%] top-1/2 -translate-y-1/2 w-96 h-96 bg-white/10 rounded-full"></div>
-
-        <div className="max-w-7xl mx-auto px-4 text-center relative z-10">
-          <h2 className="text-4xl font-bold text-white mb-4">Start Collaborating Today</h2>
-          <p className="text-emerald-50 mb-10 text-lg">
-            Join thousands of brands and creators building the future of influence.
-          </p>
-          <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
-            <button className="px-8 py-3 bg-white text-emerald-600 font-bold rounded-xl shadow-lg hover:bg-emerald-50 transition-colors hover:cursor-pointer">
-              Find Influencers
-            </button>
-            <button className="px-8 py-3 bg-emerald-900/40 text-white font-bold rounded-xl border border-white/20 hover:bg-emerald-900/60 transition-colors hover:cursor-pointer">
-              Join as Influencer
-            </button>
-          </div>
-        </div>
-      </section>
-
-      {/* Footer */}
-      <footer className="bg-[#0F172A] text-gray-400 py-12">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row items-center justify-between gap-8">
-          
-          {/* Logo */}
-          <div className="flex items-center gap-2">
-            <div className="w-6 h-6 text-white">
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
-                 <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" strokeLinecap="round" strokeLinejoin="round"/>
-              </svg>
-            </div>
-            <span className="text-white font-bold text-lg">Noillin</span>
-          </div>
-
-          {/* Links */}
-          <div className="flex gap-8 text-sm">
-            <a href="#" className="hover:text-white transition-colors">About</a>
-            <a href="#" className="hover:text-white transition-colors">Support</a>
-            <a href="#" className="hover:text-white transition-colors">Privacy</a>
-            <a href="#" className="hover:text-white transition-colors">Terms</a>
-          </div>
-
-          {/* Trust Badges */}
-          <div className="flex items-center gap-6 text-[11px] font-medium tracking-wide">
-            <div className="flex items-center gap-2">
-              <span className="text-emerald-500 text-xs">🔒</span>
-              <span>SECURE PAYMENTS</span>
-            </div>
-            <div className="flex items-center gap-2">
-              <span className="text-emerald-500 text-xs">✔</span>
-              <span>VERIFIED PROFILES</span>
-            </div>
-            <div className="flex items-center gap-2">
-              <span className="text-emerald-500 text-xs">💬</span>
-              <span>REAL-TIME CHAT</span>
-            </div>
-          </div>
-          
-        </div>
-      </footer>
-
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index d0417a4..87a7b7c 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -7,15 +7,377 @@ export default function HomePage() {
     router.push("/login");
   }
   return (
-    <div className="min-h-screen flex items-center justify-center bg-gray-100">
-      <div className="text-center">
-        <h1 className="text-2xl font-semibold text-gray-800 mb-4">
-          Welcome to Noillin Platform
-        </h1>
-        <button onClick={handleLoginClick} className="bg-green-600 hover:bg-green-700 text-white font-medium py-2 px-4 rounded-lg transition">
-          Login
-        </button>
-      </div>
+        <div className="min-h-screen bg-white text-gray-900 font-sans">
+      {/* Navigation */}
+      <nav className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 flex items-center justify-between">
+        <div className="flex items-center gap-2">
+          {/* Logo SVG Placeholder */}
+          <div className="w-8 h-8 text-emerald-500">
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" />
+            </svg>
+          </div>
+          <span className="text-xl font-bold tracking-tight text-gray-900">Noillin</span>
+        </div>
+
+        <div className="hidden md:flex items-center gap-8 text-sm font-medium text-gray-500">
+          <a href="#" className="hover:text-gray-900 transition-colors">About</a>
+          <a href="#" className="hover:text-gray-900 transition-colors">Influencers</a>
+          <a href="#" className="hover:text-gray-900 transition-colors">Gigs</a>
+          <a href="#" className="hover:text-gray-900 transition-colors">Support</a>
+        </div>
+
+        <div className="flex items-center gap-4">
+          <button className="px-4 py-2 text-sm font-medium text-emerald-600 bg-emerald-50 hover:bg-emerald-100 rounded-md transition-colors hover:cursor-pointer">
+            Sign In
+          </button>
+          <button className="px-4 py-2 text-sm font-medium text-white bg-emerald-500 hover:bg-emerald-600 rounded-md transition-colors shadow-sm shadow-emerald-200 hover:cursor-pointer">
+            Get Started
+          </button>
+        </div>
+      </nav>
+
+      {/* Hero Section */}
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-16 pb-24 grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
+        
+        {/* Left Column - Text Content */}
+        <div>
+          <h1 className="text-5xl sm:text-6xl font-extrabold tracking-tight leading-[1.1] mb-6">
+            Book Trusted Influencers.<br />
+            <span className="text-emerald-500">Pay Securely.</span>
+          </h1>
+          <p className="text-lg text-gray-500 mb-10 max-w-lg leading-relaxed">
+            Discover, schedule, and collaborate with verified creators — all in one place.
+          </p>
+          
+          <div className="flex flex-wrap items-center gap-4 mb-10">
+            <button className="px-6 py-3 text-base font-semibold text-white bg-emerald-500 hover:bg-emerald-600 rounded-lg transition-colors shadow-lg hover:cursor-pointer">
+              Explore Gigs
+            </button>
+            <button className="px-6 py-3 text-base font-semibold text-gray-700 bg-white border border-gray-200 hover:bg-gray-50 hover:border-gray-300 rounded-lg transition-all shadow-sm hover:cursor-pointer">
+              Become an Influencer
+            </button>
+          </div>
+
+          <div className="flex items-center gap-3">
+            <div className="flex -space-x-3">
+              {[1, 2, 3].map((i) => (
+                <div key={i} className="w-8 h-8 rounded-full border-2 border-white bg-gray-200 overflow-hidden relative">
+                  <img src={`https://i.pravatar.cc/100?img=${i+10}`} alt="avatar" className="object-cover" />
+                </div>
+              ))}
+            </div>
+            <span className="text-sm text-gray-400 font-medium">Join 2,000+ creators today</span>
+          </div>
+        </div>
+
+        {/* Right Column - Mockup Card */}
+        <div className="relative w-full max-w-md mx-auto lg:ml-auto">
+          {/* Decorative Green Background Shape */}
+          <div className="absolute inset-0 bg-emerald-100 rounded-[2rem] transform rotate-3 translate-x-4 translate-y-4 -z-10"></div>
+          
+          {/* Main Card */}
+          <div className="bg-white rounded-2xl shadow-xl border border-gray-100 p-6 relative">
+            
+            {/* Lock Icon */}
+            <div className="absolute top-4 right-4 w-8 h-8 bg-emerald-50 rounded-full flex items-center justify-center text-emerald-500">
+              <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
+              </svg>
+            </div>
+
+            {/* Profile Info */}
+            <div className="flex items-center gap-4 mb-8 mt-2">
+              <div className="w-16 h-16 rounded-xl overflow-hidden bg-gray-100">
+                <img src="https://i.pravatar.cc/150?img=5" alt="Sarah Jenkins" className="w-full h-full object-cover" />
+              </div>
+              <div>
+                <h3 className="font-bold text-gray-900 text-lg">Sarah Jenkins</h3>
+                <p className="text-xs text-gray-400 mb-2">Lifestyle & Beauty</p>
+                <div className="flex gap-2 text-[10px] font-semibold">
+                  <span className="px-2 py-1 bg-blue-50 text-blue-600 rounded">Instagram</span>
+                  <span className="px-2 py-1 bg-pink-50 text-pink-600 rounded">TikTok</span>
+                </div>
+              </div>
+            </div>
+
+            {/* Calendar */}
+            <div className="mb-8">
+              <p className="text-xs text-gray-400 font-medium mb-3">Select Availability</p>
+              <div className="grid grid-cols-7 gap-1 text-center text-xs">
+                {['M', 'T', 'W', 'T', 'F', 'S', 'S'].map((day, i) => (
+                  <div key={i} className="text-gray-300 font-medium mb-1">{day}</div>
+                ))}
+                {['1', '2', '3'].map((date) => (
+                  <div key={date} className="py-2 text-gray-400 font-medium">{date}</div>
+                ))}
+                {/* Active Date */}
+                <div className="py-2 bg-emerald-500 text-white font-bold rounded-md shadow-sm shadow-emerald-200">4</div>
+                {['5', '6', '7'].map((date) => (
+                  <div key={date} className="py-2 text-gray-400 font-medium">{date}</div>
+                ))}
+              </div>
+            </div>
+
+            {/* Price Breakdown */}
+            <div className="space-y-3 mb-6 border-t border-gray-50 pt-4">
+              <div className="flex justify-between text-sm">
+                <span className="text-gray-500">Service Fee</span>
+                <span className="font-semibold text-gray-900">$150.00</span>
+              </div>
+              <div className="flex justify-between items-center text-base">
+                <span className="font-bold text-gray-900">Total</span>
+                <span className="font-bold text-emerald-500 text-lg">$150.00</span>
+              </div>
+            </div>
+
+            {/* CTA Button */}
+            <button className="w-full py-3 bg-emerald-500 hover:bg-emerald-600 text-white font-semibold rounded-lg transition-colors hover:cursor-pointer">
+              Confirm & Pay
+            </button>
+          </div>
+        </div>
+      </main>
+
+      {/* Stats Section */}
+      <section className="max-w-4xl mx-auto px-4 py-16 text-center">
+        <p className="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-8">Trusted by brands and creators</p>
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8 divide-y md:divide-y-0 md:divide-x divide-gray-100">
+          <div className="pt-4 md:pt-0">
+            <p className="text-4xl font-bold text-gray-400 mb-1">1,000+</p>
+            <p className="text-sm text-gray-400">Influencers</p>
+          </div>
+          <div className="pt-4 md:pt-0">
+            <p className="text-4xl font-bold text-gray-400 mb-1">$2M+</p>
+            <p className="text-sm text-gray-400">Processed</p>
+          </div>
+          <div className="pt-4 md:pt-0">
+            <p className="text-4xl font-bold text-gray-400 mb-1">100%</p>
+            <p className="text-sm text-gray-400">Secure</p>
+          </div>
+        </div>
+      </section>
+
+      {/* How it Works Section */}
+      <section className="bg-gray-50/50 py-24 border-t border-gray-50">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-16">
+            <h2 className="text-3xl font-bold text-gray-900 mb-4">How Noillin Works</h2>
+            <p className="text-gray-500">A simple, secure process to connect brands with creators.</p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8 relative">
+            {/* Connecting line for desktop (behind cards) */}
+            <div className="hidden md:block absolute top-1/2 left-0 w-full h-px bg-gray-200 -z-10 transform -translate-y-12"></div>
+
+            {/* Step 1 */}
+            <div className="bg-white p-10 rounded-2xl shadow-sm border border-gray-100 text-center flex flex-col items-center">
+              <div className="w-16 h-16 bg-blue-50 text-blue-500 rounded-xl flex items-center justify-center mb-6">
+                <svg className="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-bold text-gray-900 mb-3">Discover</h3>
+              <p className="text-sm text-gray-500 leading-relaxed">Browse verified influencer gigs based on your niche and budget.</p>
+            </div>
+
+            {/* Step 2 */}
+            <div className="bg-white p-10 rounded-2xl shadow-sm border border-gray-100 text-center flex flex-col items-center">
+              <div className="w-16 h-16 bg-emerald-50 text-emerald-500 rounded-xl flex items-center justify-center mb-6">
+                <svg className="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-bold text-gray-900 mb-3">Book</h3>
+              <p className="text-sm text-gray-500 leading-relaxed">Select availability and packages that fit your campaign needs.</p>
+            </div>
+
+            {/* Step 3 */}
+            <div className="bg-white p-10 rounded-2xl shadow-sm border border-gray-100 text-center flex flex-col items-center">
+              <div className="w-16 h-16 bg-purple-50 text-purple-500 rounded-xl flex items-center justify-center mb-6">
+                <svg className="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
+                </svg>
+              </div>
+              <h3 className="text-xl font-bold text-gray-900 mb-3">Pay Securely</h3>
+              <p className="text-sm text-gray-500 leading-relaxed">Funds are held securely until deliverables are confirmed.</p>
+            </div>
+
+          </div>
+        </div>
+      </section>
+      {/* Platform Features */}
+      <section className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
+        <div className="text-center mb-16">
+          <h2 className="text-3xl font-bold text-gray-900">Platform Features</h2>
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          {[
+            { title: "Availability Booking", desc: "See real-time calendar slots before you book. No more back-and-forth emails.", icon: "calendar" },
+            { title: "Secure Payments", desc: "Escrow-style protection ensures your money is safe until the job is done.", icon: "shield-check" },
+            { title: "Direct Chat", desc: "Communicate directly with influencers or brands via our secure platform.", icon: "chat" },
+            { title: "Transparent Pricing", desc: "No hidden fees. What you see is exactly what you pay.", icon: "cash" },
+            { title: "Group Collabs", desc: "Book multiple influencers for the same campaign effortlessly.", icon: "users" },
+            { title: "Fast Turnaround", desc: "Get confirmed bookings in minutes, not days.", icon: "lightning" },
+          ].map((feature, idx) => (
+            <div key={idx} className="p-8 bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
+              <div className="w-10 h-10 bg-emerald-50 text-emerald-500 rounded-lg flex items-center justify-center mb-6">
+                {/* Simplified Icon mapping */}
+                <div className="w-5 h-5 border-2 border-current rounded-sm"></div>
+              </div>
+              <h3 className="text-lg font-bold text-gray-900 mb-2">{feature.title}</h3>
+              <p className="text-sm text-gray-500 leading-relaxed">{feature.desc}</p>
+            </div>
+          ))}
+        </div>
+      </section>
+
+      {/* Segmented Section: Brands & Creators */}
+      <section className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 grid grid-cols-1 md:grid-cols-2 gap-8">
+        {/* Brands */}
+        <div className="bg-white p-10 rounded-[2rem] border border-gray-100 shadow-sm relative overflow-hidden">
+          <div className="absolute top-0 right-0 w-32 h-32 bg-blue-50 rounded-full -mr-16 -mt-16 opacity-50"></div>
+          <h2 className="text-2xl font-bold mb-8">Built for Brands</h2>
+          <ul className="space-y-4 mb-10">
+            {["Filter influencers by niche, platform, and follower count", "Clear deliverables and transparent pricing packages", "Secure escrow-style payments protect your budget"].map((item, i) => (
+              <li key={i} className="flex items-start gap-3 text-sm text-gray-600">
+                <span className="mt-1 w-5 h-5 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center flex-shrink-0 text-[10px]">✓</span>
+                {item}
+              </li>
+            ))}
+          </ul>
+          <button className="w-full py-4 bg-[#0F172A] text-white font-bold rounded-xl hover:bg-black transition-colors hover:cursor-pointer">
+            Explore Influencers
+          </button>
+        </div>
+
+        {/* Creators */}
+        <div className="bg-white p-10 rounded-[2rem] border border-gray-100 shadow-sm relative overflow-hidden">
+          <div className="absolute top-0 right-0 w-32 h-32 bg-emerald-50 rounded-full -mr-16 -mt-16 opacity-50"></div>
+          <h2 className="text-2xl font-bold mb-8">Built for Creators</h2>
+          <ul className="space-y-4 mb-10">
+            {["Create single or group gigs with custom packages", "Manage availability like a pro calendar", "Get paid instantly once the brand confirms receipt"].map((item, i) => (
+              <li key={i} className="flex items-start gap-3 text-sm text-gray-600">
+                <span className="mt-1 w-5 h-5 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center flex-shrink-0 text-[10px]">✓</span>
+                {item}
+              </li>
+            ))}
+          </ul>
+          <button className="w-full py-4 bg-emerald-500 text-white font-bold rounded-xl hover:bg-emerald-600 transition-colors hover:cursor-pointer">
+            Create a Gig
+          </button>
+        </div>
+      </section>
+
+      {/* Community Stories */}
+      <section className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
+        <div className="text-center mb-16">
+          <h2 className="text-3xl font-bold text-gray-900">Community Stories</h2>
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          {[
+            {
+              name: "Alex Rivera",
+              role: "Marketing Director, TechFlow",
+              img: "https://i.pravatar.cc/150?img=11",
+              quote: "Noillin streamlined our influencer outreach. We found the perfect micro-influencers within hours and the booking process was seamless."
+            },
+            {
+              name: "Sarah Jenkins",
+              role: "Lifestyle Creator",
+              img: "https://i.pravatar.cc/150?img=5",
+              quote: "Finally, a platform that treats creators as professionals. The calendar sync and secure payments give me peace of mind."
+            },
+            {
+              name: "Michael Chen",
+              role: "Founder, BloomSkincare",
+              img: "https://i.pravatar.cc/150?img=8",
+              quote: "The group collaboration feature is a game changer. We coordinated 10 influencers for a product launch in one afternoon."
+            }
+          ].map((story, i) => (
+            <div key={i} className="bg-gray-50/50 p-8 rounded-2xl border border-gray-50">
+              <div className="flex text-emerald-400 mb-4">
+                {[...Array(5)].map((_, i) => <span key={i}>★</span>)}
+              </div>
+              <p className="text-gray-600 text-sm italic mb-8 leading-relaxed">{story.quote}</p>
+              <div className="flex items-center gap-4">
+                <div className="w-12 h-12 rounded-full overflow-hidden bg-gray-200">
+                  <img src={story.img} alt={story.name} className="w-full h-full object-cover" />
+                </div>
+                <div>
+                  <h4 className="text-sm font-bold text-gray-900">{story.name}</h4>
+                  <p className="text-[10px] text-gray-400 font-medium uppercase tracking-tighter">{story.role}</p>
+                </div>
+              </div>
+            </div>
+          ))}
+        </div>
+      </section>
+      {/* CTA Section */}
+      <section className="bg-emerald-500 py-20 relative overflow-hidden">
+        {/* Decorative Circles */}
+        <div className="absolute left-[-10%] top-1/2 -translate-y-1/2 w-64 h-64 bg-white/10 rounded-full"></div>
+        <div className="absolute right-[-5%] top-1/2 -translate-y-1/2 w-96 h-96 bg-white/10 rounded-full"></div>
+
+        <div className="max-w-7xl mx-auto px-4 text-center relative z-10">
+          <h2 className="text-4xl font-bold text-white mb-4">Start Collaborating Today</h2>
+          <p className="text-emerald-50 mb-10 text-lg">
+            Join thousands of brands and creators building the future of influence.
+          </p>
+          <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
+            <button className="px-8 py-3 bg-white text-emerald-600 font-bold rounded-xl shadow-lg hover:bg-emerald-50 transition-colors hover:cursor-pointer">
+              Find Influencers
+            </button>
+            <button className="px-8 py-3 bg-emerald-900/40 text-white font-bold rounded-xl border border-white/20 hover:bg-emerald-900/60 transition-colors hover:cursor-pointer">
+              Join as Influencer
+            </button>
+          </div>
+        </div>
+      </section>
+
+      {/* Footer */}
+      <footer className="bg-[#0F172A] text-gray-400 py-12">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row items-center justify-between gap-8">
+          
+          {/* Logo */}
+          <div className="flex items-center gap-2">
+            <div className="w-6 h-6 text-white">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+                 <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" strokeLinecap="round" strokeLinejoin="round"/>
+              </svg>
+            </div>
+            <span className="text-white font-bold text-lg">Noillin</span>
+          </div>
+
+          {/* Links */}
+          <div className="flex gap-8 text-sm">
+            <a href="#" className="hover:text-white transition-colors">About</a>
+            <a href="#" className="hover:text-white transition-colors">Support</a>
+            <a href="#" className="hover:text-white transition-colors">Privacy</a>
+            <a href="#" className="hover:text-white transition-colors">Terms</a>
+          </div>
+
+          {/* Trust Badges */}
+          <div className="flex items-center gap-6 text-[11px] font-medium tracking-wide">
+            <div className="flex items-center gap-2">
+              <span className="text-emerald-500 text-xs">🔒</span>
+              <span>SECURE PAYMENTS</span>
+            </div>
+            <div className="flex items-center gap-2">
+              <span className="text-emerald-500 text-xs">✔</span>
+              <span>VERIFIED PROFILES</span>
+            </div>
+            <div className="flex items-center gap-2">
+              <span className="text-emerald-500 text-xs">💬</span>
+              <span>REAL-TIME CHAT</span>
+            </div>
+          </div>
+          
+        </div>
+      </footer>
+
     </div>
   );
 }

From b6ce0ccbe632cc489a3791ec6e7c771d519ce5e0 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Fri, 27 Feb 2026 11:18:55 +0530
Subject: [PATCH 54/61] update:influecer-profile-page

---
 apps/web/app/influencer-profile-page/page.tsx | 455 ++++++++++++++++++
 1 file changed, 455 insertions(+)
 create mode 100644 apps/web/app/influencer-profile-page/page.tsx

diff --git a/apps/web/app/influencer-profile-page/page.tsx b/apps/web/app/influencer-profile-page/page.tsx
new file mode 100644
index 0000000..895399a
--- /dev/null
+++ b/apps/web/app/influencer-profile-page/page.tsx
@@ -0,0 +1,455 @@
+
+import {
+  CheckCircle2,
+  MapPin,
+  Star,
+  MessageSquare,
+  Lock,
+  Instagram,
+  Youtube,
+  Twitter,
+  Linkedin,
+  ArrowRight
+} from 'lucide-react';
+
+export default function ProfilePage() {
+  return (
+    <div className="min-h-screen bg-[#FDFDFD] text-slate-900 font-sans sm:px-0">
+      {/* Navigation */}
+      <nav className="bg-white border-b border-slate-100 sticky top-0 z-50">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between">
+          <div className="flex items-center gap-12">
+            {/* Logo */}
+            <div className="flex items-center gap-2">
+              <div className="w-8 h-8 bg-emerald-500 rounded flex items-center justify-center text-white font-bold text-xl">
+                N
+              </div>
+              <span className="text-xl font-bold tracking-tight text-slate-900">Noillin</span>
+            </div>
+          </div>
+
+          {/* Links */}
+          <div className="hidden md:flex items-center  gap-8 text-sm font-medium">
+            <a href="#" className="text-slate-500 hover:text-slate-900 transition-colors">About</a>
+            <a href="#" className="text-slate-500 hover:text-slate-900 transition-colors">Influencers</a>
+            <div className="relative h-20 flex items-center">
+              <a href="#" className="text-emerald-600 font-semibold">Gigs</a>
+              <div className="absolute bottom-0 left-0 right-0 h-0.5 bg-emerald-600"></div>
+            </div>
+            <a href="#" className="text-slate-500 hover:text-slate-900 transition-colors">Support</a>
+          </div>
+
+
+          <div className="flex flex-row items-center gap-4 sm:gap-6 text-sm font-medium">
+            <button className="text-slate-600 hover:text-slate-900 hidden sm:block">Sign In</button>
+            <button className="px-4 py-2 sm:px-5 sm:py-2.5 text-white bg-emerald-500 hover:bg-emerald-600 rounded-lg transition-colors font-semibold">Get Started</button>
+          </div>
+        </div>
+
+      </nav>
+
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-12 space-y-8">
+
+        {/* Profile Header Card */}
+        <div className="bg-white rounded-3xl p-6 md:p-10 border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.05)] flex flex-col md:flex-row items-center md:items-start gap-8 relative overflow-hidden">
+          <div className="relative shrink-0">
+            <div className="w-32 h-32 md:w-36 md:h-36 rounded-full overflow-hidden border-2 border-slate-100 shadow-sm relative">
+              <img src="https://i.pravatar.cc/300?img=5" alt="Sarah Jenkins" className="w-full h-full object-cover" />
+            </div>
+            <div className="absolute bottom-1 right-1 bg-emerald-500 text-white p-1 rounded-full border-4 border-white">
+              <span className="flex items-center justify-center w-5 h-5">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
+              </span>
+            </div>
+          </div>
+
+          <div className="flex-1 text-center md:text-left space-y-5 py-2">
+            <div className="space-y-1">
+              <div className="flex flex-col md:flex-row md:items-center gap-2 md:gap-3">
+                <h1 className="text-2xl md:text-3xl font-bold tracking-tight">Sarah Jenkins</h1>
+                <span className="inline-flex items-center gap-1 px-2.5 py-1 bg-emerald-50/80 text-emerald-600 text-[11px] font-bold rounded-full uppercase tracking-wide mx-auto md:mx-0 w-fit">
+                  <CheckCircle2 className="w-3 h-3" /> Verified
+                </span>
+              </div>
+              <p className="text-slate-500 font-medium md:text-lg">Lifestyle & Beauty Creator</p>
+            </div>
+
+            <div className="flex flex-wrap justify-center md:justify-start gap-2.5">
+              <div className="flex items-center gap-1.5 px-3 py-1.5 bg-slate-50 border border-slate-100 rounded-full text-xs font-semibold text-slate-700">
+                <Instagram className="w-3.5 h-3.5" /> 245K
+              </div>
+              <div className="flex items-center gap-1.5 px-3 py-1.5 bg-slate-50 border border-slate-100 rounded-full text-xs font-semibold text-slate-700">
+                <Youtube className="w-3.5 h-3.5" /> 890K
+              </div>
+              <div className="flex items-center gap-1.5 px-3 py-1.5 bg-slate-50 border border-slate-100 rounded-full text-xs font-semibold text-slate-700">
+                1.2M
+              </div>
+            </div>
+
+            <div className="flex flex-wrap justify-center md:justify-start items-center gap-6 pt-2">
+              <div className="flex items-center gap-1.5 text-slate-400 text-sm font-medium">
+                <MapPin className="w-4 h-4" /> Los Angeles, CA
+              </div>
+              <div className="flex gap-3">
+                <button className="px-6 py-2 bg-emerald-500 hover:bg-emerald-600 text-white font-semibold rounded-lg text-sm transition-colors shadow-sm">View Gigs</button>
+                <button className="px-6 py-2 bg-white hover:bg-slate-50 border border-slate-200 text-slate-700 font-semibold rounded-lg text-sm transition-colors">Message</button>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Stats Grid */}
+        <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
+          <div className="bg-white p-6 rounded-3xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)] text-center space-y-1">
+            <div className="text-2xl font-bold text-slate-800">142</div>
+            <p className="text-[11px] text-slate-400 font-medium uppercase tracking-wider">Collaborations</p>
+          </div>
+          <div className="bg-white p-6 rounded-3xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)] text-center space-y-2">
+            <div className="flex justify-center gap-0.5 text-yellow-400 pt-1">
+              {[...Array(5)].map((_, i) => <Star key={i} className="w-3.5 h-3.5 fill-current" />)}
+            </div>
+            <div className="text-xl font-bold text-slate-800">4.8</div>
+            <p className="text-[11px] text-slate-400 font-medium uppercase tracking-wider">Avg. Rating</p>
+          </div>
+          <div className="bg-white p-6 rounded-3xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)] text-center space-y-1 flex flex-col justify-center">
+            <div className="text-2xl font-bold text-emerald-500">&lt; 2h</div>
+            <p className="text-[11px] text-slate-400 font-medium uppercase tracking-wider">Response Time</p>
+          </div>
+          <div className="bg-white p-6 rounded-3xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)] text-center space-y-1 flex flex-col justify-center">
+            <div className="text-2xl font-bold text-slate-800">68%</div>
+            <p className="text-[11px] text-slate-400 font-medium uppercase tracking-wider">Repeat Brands</p>
+          </div>
+        </div>
+
+        {/* About Section */}
+        <div className="bg-white p-8 md:p-10 rounded-3xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)] space-y-4">
+          <h2 className="text-lg font-bold text-slate-800 tracking-tight">About</h2>
+          <p className="text-slate-500 leading-relaxed text-sm md:text-base">
+            Sarah is a professional content creator specializing in authentic lifestyle and beauty storytelling. With over 5 years of experience working with premium skincare and fashion brands, she creates high-quality visual content that drives engagement and conversions. Her audience trusts her recommendations because of her honest reviews and genuine connection. She specializes in Reels, TikToks, and long-form YouTube integration videos.
+          </p>
+        </div>
+
+        {/* Performance & Demographics Row */}
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+          <div className="bg-white p-8 rounded-3xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)]">
+            <h2 className="text-lg font-bold text-slate-800 tracking-tight mb-8">Platform Performance</h2>
+            <div className="space-y-6">
+              {/* Instagram */}
+              <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4 py-2">
+                <div className="flex items-center gap-4">
+                  <div className="w-10 h-10 rounded-full bg-pink-50 flex items-center justify-center text-pink-500 shrink-0">
+                    <Instagram className="w-5 h-5" />
+                  </div>
+                  <div>
+                    <p className="font-bold text-sm text-slate-800">Instagram</p>
+                    <p className="text-[11px] text-slate-400 font-medium">Reels & Stories</p>
+                  </div>
+                </div>
+                <div className="sm:text-right">
+                  <p className="font-bold text-sm text-slate-800">245K Followers</p>
+                  <p className="text-[11px] text-emerald-500 font-bold">4.2% Engagement</p>
+                </div>
+              </div>
+
+              {/* YouTube */}
+              <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4 py-2">
+                <div className="flex items-center gap-4">
+                  <div className="w-10 h-10 rounded-full bg-red-50 flex items-center justify-center text-red-500 shrink-0">
+                    <Youtube className="w-5 h-5" />
+                  </div>
+                  <div>
+                    <p className="font-bold text-sm text-slate-800">YouTube</p>
+                    <p className="text-[11px] text-slate-400 font-medium">Long-form Video</p>
+                  </div>
+                </div>
+                <div className="sm:text-right">
+                  <p className="font-bold text-sm text-slate-800">890K Subscribers</p>
+                  <p className="text-[11px] text-emerald-500 font-bold">8.5% Engagement</p>
+                </div>
+              </div>
+
+              {/* TikTok */}
+              <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4 py-2">
+                <div className="flex items-center gap-4">
+                  <div className="w-10 h-10 rounded-full bg-slate-100 flex items-center justify-center text-slate-900 shrink-0">
+                    <svg className="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
+                      <path d="M19.589 6.686a4.793 4.793 0 0 1-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 0 1-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 0 1 3.183-4.51v-3.5a6.329 6.329 0 0 0-5.394 10.692 6.33 6.33 0 0 0 10.857-4.424V8.687a8.182 8.182 0 0 0 4.773 1.526V6.79a4.831 4.831 0 0 1-1.003-.104z" />
+                    </svg>
+                  </div>
+                  <div>
+                    <p className="font-bold text-sm text-slate-800">TikTok</p>
+                    <p className="text-[11px] text-slate-400 font-medium">Short-form Video</p>
+                  </div>
+                </div>
+                <div className="sm:text-right">
+                  <p className="font-bold text-sm text-slate-800">1.2M Followers</p>
+                  <p className="text-[11px] text-emerald-500 font-bold">6.1% Engagement</p>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div className="bg-white p-8 rounded-3xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)] flex flex-col">
+            <h2 className="text-lg font-bold text-slate-800 tracking-tight mb-8">Audience Demographics</h2>
+
+            <div className="space-y-8 flex-1">
+              {/* Top Countries */}
+              <div>
+                <h3 className="text-[11px] text-slate-400 font-semibold mb-3">Top Countries</h3>
+                <div className="flex flex-wrap gap-2.5">
+                  <span className="px-3 py-1.5 bg-slate-50 text-slate-600 rounded-lg text-xs font-medium border border-slate-100">United States (45%)</span>
+                  <span className="px-3 py-1.5 bg-slate-50 text-slate-600 rounded-lg text-xs font-medium border border-slate-100">UK (15%)</span>
+                  <span className="px-3 py-1.5 bg-slate-50 text-slate-600 rounded-lg text-xs font-medium border border-slate-100">Canada (10%)</span>
+                </div>
+              </div>
+
+              {/* Age Range */}
+              <div>
+                <h3 className="text-[11px] text-slate-400 font-semibold mb-3">Age Range</h3>
+                <div className="h-1.5 bg-slate-100 rounded-full flex overflow-hidden">
+                  <div className="w-[10%] bg-emerald-400 border-r border-white"></div>
+                  <div className="w-[50%] bg-emerald-500 border-r border-white"></div>
+                  <div className="w-[30%] bg-emerald-300 border-r border-white"></div>
+                  <div className="w-[10%] bg-emerald-200"></div>
+                </div>
+                <div className="flex justify-between text-[10px] text-slate-400 mt-2 font-medium">
+                  <span className="w-1/4">18-24</span>
+                  <span className="w-1/4">25-34 (Primary)</span>
+                  <span className="w-1/4">35-44</span>
+                  <span className="w-1/4 text-right">45+</span>
+                </div>
+              </div>
+
+              {/* Gender Split */}
+              <div>
+                <h3 className="text-[11px] text-slate-400 font-semibold mb-3">Gender Split</h3>
+                <div className="flex items-center gap-4">
+                  <div className="flex-1 space-y-1">
+                    <div className="flex justify-between text-[10px] text-slate-500 font-medium">
+                      <span>Female</span>
+                      <span>68%</span>
+                    </div>
+                    <div className="h-1.5 bg-slate-100 rounded-full overflow-hidden">
+                      <div className="w-[68%] h-full bg-pink-400 rounded-full"></div>
+                    </div>
+                  </div>
+                  <div className="flex-1 space-y-1">
+                    <div className="flex justify-between text-[10px] text-slate-500 font-medium">
+                      <span>Male</span>
+                      <span>32%</span>
+                    </div>
+                    <div className="h-1.5 bg-slate-100 rounded-full overflow-hidden">
+                      <div className="w-[32%] h-full bg-blue-400 rounded-full"></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Active Gigs Section */}
+        <div className="space-y-6 pt-2">
+          <div className="flex items-center justify-between">
+            <h2 className="text-xl font-bold text-slate-800 tracking-tight">Active Gigs</h2>
+            <button className="text-emerald-500 text-sm font-semibold hover:text-emerald-600 transition-colors">View all</button>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+            {/* Gig 1 */}
+            <div className="bg-white p-6 rounded-3xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)] flex flex-col relative group hover:border-emerald-200 transition-colors cursor-pointer">
+              <span className="absolute top-5 right-5 text-[10px] font-bold text-slate-600 bg-slate-100 px-2 py-1 rounded">Active</span>
+              <div className="w-10 h-10 rounded-full bg-pink-50 flex items-center justify-center text-pink-500 mb-5">
+                <Instagram className="w-5 h-5" />
+              </div>
+              <h3 className="font-bold text-slate-800 text-sm mb-2">Brand Story Integration</h3>
+              <p className="text-xs text-slate-500 leading-relaxed mb-6 flex-1">
+                2 Instagram Reels featuring your product in my daily routine.
+              </p>
+              <div className="pt-5 border-t border-slate-100">
+                <div className="flex items-end justify-between mb-4">
+                  <div>
+                    <p className="text-[10px] text-slate-400 font-medium pb-0.5">Starting at</p>
+                    <p className="text-lg font-black text-slate-800">$1,500</p>
+                  </div>
+                </div>
+                <button className="w-full py-2.5 border border-emerald-500 text-emerald-600 text-sm font-semibold rounded-lg hover:bg-emerald-50 transition-colors">View Gig</button>
+              </div>
+            </div>
+
+            {/* Gig 2 */}
+            <div className="bg-white p-6 rounded-3xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)] flex flex-col relative group hover:border-emerald-200 transition-colors cursor-pointer">
+              <span className="absolute top-5 right-5 text-[10px] font-bold text-slate-600 bg-slate-100 px-2 py-1 rounded">Active</span>
+              <div className="w-10 h-10 rounded-full bg-red-50 flex items-center justify-center text-red-500 mb-5">
+                <Youtube className="w-5 h-5" />
+              </div>
+              <h3 className="font-bold text-slate-800 text-sm mb-2">Dedicated YouTube Review</h3>
+              <p className="text-xs text-slate-500 leading-relaxed mb-6 flex-1">
+                Honest, in-depth review of your product with dedicated timestamp.
+              </p>
+              <div className="pt-5 border-t border-slate-100">
+                <div className="flex items-end justify-between mb-4">
+                  <div>
+                    <p className="text-[10px] text-slate-400 font-medium pb-0.5">Starting at</p>
+                    <p className="text-lg font-black text-slate-800">$3,200</p>
+                  </div>
+                </div>
+                <button className="w-full py-2.5 border border-emerald-500 text-emerald-600 text-sm font-semibold rounded-lg hover:bg-emerald-50 transition-colors">View Gig</button>
+              </div>
+            </div>
+
+            {/* Gig 3 */}
+            <div className="bg-white p-6 rounded-3xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)] flex flex-col relative group hover:border-emerald-200 transition-colors cursor-pointer">
+              <span className="absolute top-5 right-5 text-[10px] font-bold text-slate-600 bg-slate-100 px-2 py-1 rounded">Active</span>
+              <div className="w-10 h-10 rounded-full bg-slate-100 flex items-center justify-center text-slate-900 mb-5">
+                <svg className="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
+                  <path d="M19.589 6.686a4.793 4.793 0 0 1-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 0 1-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 0 1 3.183-4.51v-3.5a6.329 6.329 0 0 0-5.394 10.692 6.33 6.33 0 0 0 10.857-4.424V8.687a8.182 8.182 0 0 0 4.773 1.526V6.79a4.831 4.831 0 0 1-1.003-.104z" />
+                </svg>
+              </div>
+              <h3 className="font-bold text-slate-800 text-sm mb-2">TikTok Viral Campaign</h3>
+              <p className="text-xs text-slate-500 leading-relaxed mb-6 flex-1">
+                3 TikTok videos optimized for trending sounds and formats.
+              </p>
+              <div className="pt-5 border-t border-slate-100">
+                <div className="flex items-end justify-between mb-4">
+                  <div>
+                    <p className="text-[10px] text-slate-400 font-medium pb-0.5">Starting at</p>
+                    <p className="text-lg font-black text-slate-800">$2,800</p>
+                  </div>
+                </div>
+                <button className="w-full py-2.5 border border-emerald-500 text-emerald-600 text-sm font-semibold rounded-lg hover:bg-emerald-50 transition-colors">View Gig</button>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Reviews Section */}
+        <div className="space-y-6 pt-2">
+          <h2 className="text-xl font-bold text-slate-800 tracking-tight">Reviews</h2>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            {/* Review 1 */}
+            <div className="bg-white p-8 rounded-3xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)] space-y-4">
+              <div className="flex items-center justify-between">
+                <div className="flex items-center gap-3">
+                  <div className="w-10 h-10 rounded-full bg-slate-50 border border-slate-100 flex items-center justify-center font-bold text-sm text-slate-700">
+                    G
+                  </div>
+                  <div>
+                    <h4 className="font-bold text-sm text-slate-800">Glow Cosmetics</h4>
+                    <p className="text-[10px] text-slate-400">2 weeks ago</p>
+                  </div>
+                </div>
+                <div className="flex gap-0.5 text-yellow-400">
+                  {[...Array(5)].map((_, i) => <Star key={i} className="w-3.5 h-3.5 fill-current" />)}
+                </div>
+              </div>
+              <p className="text-sm text-slate-600 leading-relaxed">
+                "Sarah was incredibly professional and delivered the content ahead of schedule. The Reels performed above our expectations."
+              </p>
+            </div>
+
+            {/* Review 2 */}
+            <div className="bg-white p-8 rounded-3xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)] space-y-4">
+              <div className="flex items-center justify-between">
+                <div className="flex items-center gap-3">
+                  <div className="w-10 h-10 rounded-full bg-slate-50 border border-slate-100 flex items-center justify-center font-bold text-sm text-slate-700">
+                    M
+                  </div>
+                  <div>
+                    <h4 className="font-bold text-sm text-slate-800">Mode Fashion</h4>
+                    <p className="text-[10px] text-slate-400">1 month ago</p>
+                  </div>
+                </div>
+                <div className="flex gap-0.5 text-yellow-400">
+                  {[...Array(5)].map((_, i) => <Star key={i} className="w-3.5 h-3.5 fill-current" />)}
+                </div>
+              </div>
+              <p className="text-sm text-slate-600 leading-relaxed">
+                "Great communication throughout the process. Our audience loved the styling tips she incorporated."
+              </p>
+            </div>
+          </div>
+        </div>
+
+        {/* Availability & Safety Banner */}
+        <div className="grid grid-cols-1 lg:grid-cols-3 gap-6 pt-4">
+          <div className="lg:col-span-1 bg-white p-6 md:p-8 border border-slate-100 rounded-3xl shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)] flex flex-col justify-center">
+            <h3 className="font-bold text-slate-800 text-sm mb-2">Availability</h3>
+            <p className="text-xs text-slate-500 mb-4 leading-relaxed">Availability varies by gig. Check individual gig pages for specific dates.</p>
+            <a href="#" className="text-emerald-500 font-semibold text-xs flex items-center gap-1 hover:text-emerald-600 transition-colors">Check availability inside gig <ArrowRight className="w-3.5 h-3.5" /></a>
+          </div>
+          <div className="lg:col-span-2 bg-emerald-50/50 rounded-3xl p-6 md:p-8 flex items-center justify-center border border-emerald-100/50">
+            <div className="flex flex-col sm:flex-row items-center justify-center gap-6 md:gap-12">
+              <div className="flex items-center gap-2 text-emerald-800 font-semibold text-sm">
+                <CheckCircle2 className="w-5 h-5 text-emerald-600" /> Verified Profile
+              </div>
+              <div className="flex items-center gap-2 text-emerald-800 font-semibold text-sm">
+                <Lock className="w-5 h-5 text-emerald-600" /> Secure Payments
+              </div>
+              <div className="flex items-center gap-2 text-emerald-800 font-semibold text-sm">
+                <MessageSquare className="w-5 h-5 text-emerald-600" /> Direct In-App Chat
+              </div>
+            </div>
+          </div>
+        </div>
+
+      </main>
+
+      {/* Footer */}
+      <footer className="bg-white border-t border-slate-100 py-16 px-4 md:px-8 mt-12">
+        <div className="max-w-7xl mx-auto">
+          <div className="grid grid-cols-1 md:grid-cols-4 lg:grid-cols-5 gap-8 lg:gap-12 mb-16">
+            <div className="lg:col-span-2 space-y-4">
+              <div className="flex items-center gap-2">
+                <div className="w-8 h-8 bg-emerald-500 rounded flex items-center justify-center text-white font-bold text-xl">
+                  N
+                </div>
+                <span className="text-xl font-bold tracking-tight text-slate-900">Noillin</span>
+              </div>
+              <p className="text-slate-500 text-sm max-w-sm leading-relaxed">
+                The professional marketplace for influencer-brand collaborations.
+              </p>
+            </div>
+
+            <div className="space-y-4">
+              <h4 className="font-bold text-slate-900 text-sm">Platform</h4>
+              <ul className="space-y-3">
+                <li><a href="#" className="text-slate-500 hover:text-emerald-600 text-sm transition-colors">Browse Influencers</a></li>
+                <li><a href="#" className="text-slate-500 hover:text-emerald-600 text-sm transition-colors">Explore Gigs</a></li>
+                <li><a href="#" className="text-slate-500 hover:text-emerald-600 text-sm transition-colors">How it Works</a></li>
+              </ul>
+            </div>
+
+            <div className="space-y-4">
+              <h4 className="font-bold text-slate-900 text-sm">Company</h4>
+              <ul className="space-y-3">
+                <li><a href="#" className="text-slate-500 hover:text-emerald-600 text-sm transition-colors">About Us</a></li>
+                <li><a href="#" className="text-slate-500 hover:text-emerald-600 text-sm transition-colors">Careers</a></li>
+                <li><a href="#" className="text-slate-500 hover:text-emerald-600 text-sm transition-colors">Blog</a></li>
+              </ul>
+            </div>
+
+            <div className="space-y-4">
+              <h4 className="font-bold text-slate-900 text-sm">Support</h4>
+              <ul className="space-y-3">
+                <li><a href="#" className="text-slate-500 hover:text-emerald-600 text-sm transition-colors">Help Center</a></li>
+                <li><a href="#" className="text-slate-500 hover:text-emerald-600 text-sm transition-colors">Terms of Service</a></li>
+                <li><a href="#" className="text-slate-500 hover:text-emerald-600 text-sm transition-colors">Privacy Policy</a></li>
+              </ul>
+            </div>
+          </div>
+
+          <div className="pt-8 border-t border-slate-100 flex flex-col md:flex-row items-center justify-between gap-4">
+            <p className="text-slate-400 text-sm">© 2024 Noillin. All rights reserved.</p>
+            <div className="flex gap-4">
+              <a href="#" className="text-slate-400 hover:text-slate-600 transition-colors"><Twitter className="w-5 h-5" /></a>
+              <a href="#" className="text-slate-400 hover:text-slate-600 transition-colors"><Instagram className="w-5 h-5" /></a>
+              <a href="#" className="text-slate-400 hover:text-slate-600 transition-colors"><Linkedin className="w-5 h-5" /></a>
+            </div>
+          </div>
+        </div>
+      </footer>
+    </div>
+  );
+}

From 9f5a9b5b868e2834c58fec1ce02c124fd70cd813 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Fri, 27 Feb 2026 12:24:50 +0530
Subject: [PATCH 55/61] feat:brand-profile-page

---
 apps/web/app/brand-profile-page/page.tsx | 532 +++++++++++++++++++++++
 1 file changed, 532 insertions(+)
 create mode 100644 apps/web/app/brand-profile-page/page.tsx

diff --git a/apps/web/app/brand-profile-page/page.tsx b/apps/web/app/brand-profile-page/page.tsx
new file mode 100644
index 0000000..a6e82f4
--- /dev/null
+++ b/apps/web/app/brand-profile-page/page.tsx
@@ -0,0 +1,532 @@
+
+import {
+    BadgeCheck,
+    Globe,
+    MessageSquare,
+    Send,
+    Megaphone,
+    CheckCircle2,
+    Star,
+    ShieldCheck,
+    RefreshCcw,
+    Clock,
+    Users,
+    Calendar,
+    MapPin,
+    Bookmark,
+    Share2,
+    Flag,
+    ChevronRight,
+    ArrowRight,
+    Instagram,
+    Youtube,
+    Video,
+    FileImage,
+    Building2
+} from 'lucide-react';
+
+export default function BrandProfilePage() {
+    return (
+        <div className="min-h-screen bg-[#FDFDFD] font-sans pb-16">
+            {/* Header Profile Section */}
+            <div className="bg-white border-b border-slate-100">
+                <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-10">
+                    <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
+
+                        <div className="flex items-center gap-6">
+                            <div className="hidden sm:flex w-20 h-20 bg-emerald-500 rounded-2xl items-center justify-center text-white text-3xl font-bold shadow-sm">
+                                GC
+                            </div>
+                            <div className="space-y-2">
+                                <div className="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-3">
+                                    <h1 className="text-2xl sm:text-3xl font-bold text-slate-900 tracking-tight">Glow Cosmetics Pvt Ltd</h1>
+                                    <span className="inline-flex items-center gap-1 px-2.5 py-1 bg-emerald-50 text-emerald-600 text-[11px] font-bold rounded-full uppercase tracking-wide w-fit">
+                                        <BadgeCheck className="w-3.5 h-3.5" /> Verified Brand
+                                    </span>
+                                </div>
+                                <div className="flex flex-wrap items-center gap-4 text-sm text-slate-500 font-medium pt-1">
+                                    <div className="flex items-center gap-1.5">
+                                        <span className="w-4 h-4 rounded-full bg-slate-100 flex items-center justify-center border border-slate-200">
+                                            <div className="w-2 h-2 rounded-full bg-slate-400"></div>
+                                        </span>
+                                        Beauty & Skincare
+                                    </div>
+                                    <div className="flex items-center gap-1.5">
+                                        <Calendar className="w-4 h-4 text-slate-400" /> Member since Jan 2021
+                                    </div>
+                                </div>
+                                <div>
+                                    <a href="#" className="inline-flex items-center gap-1.5 text-sm font-semibold text-emerald-600 hover:text-emerald-700 transition-colors">
+                                        <Globe className="w-4 h-4" /> www.glowcosmetics.com
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="flex flex-row items-center gap-3 w-full md:w-auto mt-2 md:mt-0">
+                            <button className="flex-1 md:flex-none flex items-center justify-center gap-2 px-6 py-2.5 bg-white border border-slate-200 hover:bg-slate-50 text-slate-700 font-semibold rounded-lg text-sm transition-colors cursor-pointer">
+                                <MessageSquare className="w-4 h-4" /> Message Brand
+                            </button>
+                            <button className="flex-1 md:flex-none flex items-center justify-center gap-2 px-6 py-2.5 bg-emerald-500 hover:bg-emerald-600 text-white font-semibold rounded-lg text-sm transition-colors shadow-sm cursor-pointer">
+                                <Send className="w-4 h-4" /> Send Collaboration Proposal
+                            </button>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+
+            <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-8">
+
+                {/* Trust & Performance Metrics */}
+                <section className="space-y-4">
+                    <h2 className="text-sm font-bold text-slate-800 tracking-wide uppercase px-1">Trust & Performance</h2>
+                    <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
+                        <div className="bg-white p-5 rounded-xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.03)] space-y-2">
+                            <div className="flex items-center gap-1.5 text-[11px] text-slate-400 font-medium uppercase tracking-wider">
+                                <Megaphone className="w-3.5 h-3.5 text-emerald-500" /> Campaigns Posted
+                            </div>
+                            <div className="text-2xl font-bold text-slate-800">47</div>
+                        </div>
+                        <div className="bg-white p-5 rounded-xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.03)] space-y-2">
+                            <div className="flex items-center gap-1.5 text-[11px] text-slate-400 font-medium uppercase tracking-wider">
+                                <CheckCircle2 className="w-3.5 h-3.5 text-emerald-500" /> Completed Collabs
+                            </div>
+                            <div className="text-2xl font-bold text-slate-800">128</div>
+                        </div>
+                        <div className="bg-white p-5 rounded-xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.03)] space-y-2">
+                            <div className="flex items-center gap-1.5 text-[11px] text-slate-400 font-medium uppercase tracking-wider">
+                                <Star className="w-3.5 h-3.5 text-yellow-400" /> Avg. Rating
+                            </div>
+                            <div className="text-2xl font-bold text-slate-800 flex items-baseline gap-1">4.8<span className="text-sm font-medium text-slate-400">/5</span></div>
+                        </div>
+                        <div className="bg-white p-5 rounded-xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.03)] space-y-2">
+                            <div className="flex items-center gap-1.5 text-[11px] text-slate-400 font-medium uppercase tracking-wider">
+                                <ShieldCheck className="w-3.5 h-3.5 text-emerald-500" /> Payment Score
+                            </div>
+                            <div className="text-2xl font-bold text-emerald-500">98%</div>
+                        </div>
+                        <div className="bg-white p-5 rounded-xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.03)] space-y-2">
+                            <div className="flex items-center gap-1.5 text-[11px] text-slate-400 font-medium uppercase tracking-wider">
+                                <RefreshCcw className="w-3.5 h-3.5 text-emerald-500" /> Repeat Rate
+                            </div>
+                            <div className="text-2xl font-bold text-slate-800">72%</div>
+                        </div>
+                        <div className="bg-white p-5 rounded-xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.03)] space-y-2">
+                            <div className="flex items-center gap-1.5 text-[11px] text-slate-400 font-medium uppercase tracking-wider">
+                                <Clock className="w-3.5 h-3.5 text-emerald-500" /> Avg. Response
+                            </div>
+                            <div className="text-2xl font-bold text-slate-800">&lt;4h</div>
+                        </div>
+                    </div>
+                </section>
+
+                <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
+
+                    {/* Main Content Column */}
+                    <div className="lg:col-span-2 space-y-8">
+
+                        {/* About the Brand */}
+                        <section className="bg-white p-8 rounded-2xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)]">
+                            <h2 className="text-lg font-bold text-slate-900 tracking-tight mb-4">About the Brand</h2>
+                            <p className="text-slate-500 leading-relaxed text-[15px] mb-8">
+                                Glow Cosmetics is a premium beauty and skincare brand dedicated to creating clean, sustainable, and effective products. We believe in empowering individuals through self-care and natural beauty. Our product line includes serums, moisturizers, and makeup essentials crafted with ethically sourced ingredients.
+                            </p>
+
+                            <div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
+                                <div className="bg-slate-50 rounded-xl p-4 border border-slate-100 flex items-start gap-3">
+                                    <div className="mt-0.5">
+                                        <Users className="w-4 h-4 text-emerald-500" />
+                                    </div>
+                                    <div>
+                                        <h3 className="text-[10px] uppercase tracking-wider text-slate-400 font-bold">Company Size</h3>
+                                        <p className="text-sm font-semibold text-slate-800">50-200 employees</p>
+                                    </div>
+                                </div>
+                                <div className="bg-slate-50 rounded-xl p-4 border border-slate-100 flex items-start gap-3">
+                                    <div className="mt-0.5">
+                                        <Calendar className="w-4 h-4 text-emerald-500" />
+                                    </div>
+                                    <div>
+                                        <h3 className="text-[10px] uppercase tracking-wider text-slate-400 font-bold">Years in Business</h3>
+                                        <p className="text-sm font-semibold text-slate-800">6 years</p>
+                                    </div>
+                                </div>
+                                <div className="bg-slate-50 rounded-xl p-4 border border-slate-100 flex items-start gap-3">
+                                    <div className="mt-0.5">
+                                        <MapPin className="w-4 h-4 text-emerald-500" />
+                                    </div>
+                                    <div>
+                                        <h3 className="text-[10px] uppercase tracking-wider text-slate-400 font-bold">Headquarters</h3>
+                                        <p className="text-sm font-semibold text-slate-800">Mumbai, India</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </section>
+
+                        {/* Active Campaigns */}
+                        <section className="bg-white p-8 rounded-2xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)]">
+                            <div className="flex items-center justify-between mb-8">
+                                <h2 className="text-lg font-bold text-slate-900 tracking-tight">Active Campaigns</h2>
+                                <span className="text-xs font-semibold text-slate-400">3 open opportunities</span>
+                            </div>
+
+                            <div className="space-y-6">
+                                {/* Campaign 1 */}
+                                <div className="group border-b border-slate-100 pb-6 last:border-0 last:pb-0">
+                                    <div className="flex flex-col sm:flex-row sm:items-start justify-between gap-4 mb-3">
+                                        <div>
+                                            <h3 className="font-bold text-slate-900 text-[15px] mb-2 group-hover:text-emerald-600 transition-colors cursor-pointer">Summer Glow Collection Launch</h3>
+                                            <span className="inline-block px-2.5 py-1 bg-emerald-50 text-emerald-600 rounded-md text-[11px] font-bold">Skincare</span>
+                                        </div>
+                                        <div className="text-lg font-black text-emerald-600 whitespace-nowrap">
+                                            ₹25K - ₹50K
+                                        </div>
+                                    </div>
+
+                                    <div className="flex flex-wrap items-center gap-4 text-xs font-medium text-slate-500 mb-5">
+                                        <div className="flex items-center gap-1.5"><Video className="w-3.5 h-3.5 text-slate-400" /> 2 Reels + 3 Stories</div>
+                                        <div className="flex items-center gap-1.5"><Calendar className="w-3.5 h-3.5 text-slate-400" /> 2 weeks</div>
+                                        <div className="flex items-center gap-1.5"><Users className="w-3.5 h-3.5 text-slate-400" /> 10K+ followers</div>
+                                    </div>
+
+                                    <a href="#" className="inline-flex items-center gap-1 text-sm font-semibold text-emerald-600 hover:text-emerald-700 transition-colors">
+                                        View Details <ArrowRight className="w-3.5 h-3.5" />
+                                    </a>
+                                </div>
+
+                                {/* Campaign 2 */}
+                                <div className="group border-b border-slate-100 pb-6 last:border-0 last:pb-0">
+                                    <div className="flex flex-col sm:flex-row sm:items-start justify-between gap-4 mb-3">
+                                        <div>
+                                            <h3 className="font-bold text-slate-900 text-[15px] mb-2 group-hover:text-emerald-600 transition-colors cursor-pointer">Vitamin C Serum Awareness</h3>
+                                            <span className="inline-block px-2.5 py-1 bg-emerald-50 text-emerald-600 rounded-md text-[11px] font-bold">Beauty</span>
+                                        </div>
+                                        <div className="text-lg font-black text-emerald-600 whitespace-nowrap">
+                                            ₹15K - ₹30K
+                                        </div>
+                                    </div>
+
+                                    <div className="flex flex-wrap items-center gap-4 text-xs font-medium text-slate-500 mb-5">
+                                        <div className="flex items-center gap-1.5"><FileImage className="w-3.5 h-3.5 text-slate-400" /> 5 Feed Posts</div>
+                                        <div className="flex items-center gap-1.5"><Calendar className="w-3.5 h-3.5 text-slate-400" /> 1 month</div>
+                                        <div className="flex items-center gap-1.5"><Users className="w-3.5 h-3.5 text-slate-400" /> 5K+ followers</div>
+                                    </div>
+
+                                    <a href="#" className="inline-flex items-center gap-1 text-sm font-semibold text-emerald-600 hover:text-emerald-700 transition-colors">
+                                        View Details <ArrowRight className="w-3.5 h-3.5" />
+                                    </a>
+                                </div>
+
+                                {/* Campaign 3 */}
+                                <div className="group border-b border-slate-100 pb-6 last:border-0 last:pb-0">
+                                    <div className="flex flex-col sm:flex-row sm:items-start justify-between gap-4 mb-3">
+                                        <div>
+                                            <h3 className="font-bold text-slate-900 text-[15px] mb-2 group-hover:text-emerald-600 transition-colors cursor-pointer">Sustainable Beauty Ambassador</h3>
+                                            <span className="inline-block px-2.5 py-1 bg-emerald-50 text-emerald-600 rounded-md text-[11px] font-bold">Lifestyle</span>
+                                        </div>
+                                        <div className="text-lg font-black text-emerald-600 whitespace-nowrap">
+                                            ₹50K - ₹1L
+                                        </div>
+                                    </div>
+
+                                    <div className="flex flex-wrap items-center gap-4 text-xs font-medium text-slate-500 mb-5">
+                                        <div className="flex items-center gap-1.5"><RefreshCcw className="w-3.5 h-3.5 text-slate-400" /> Long-term partnership</div>
+                                        <div className="flex items-center gap-1.5"><Calendar className="w-3.5 h-3.5 text-slate-400" /> 3 months</div>
+                                        <div className="flex items-center gap-1.5"><Users className="w-3.5 h-3.5 text-slate-400" /> 50K+ followers</div>
+                                    </div>
+
+                                    <a href="#" className="inline-flex items-center gap-1 text-sm font-semibold text-emerald-600 hover:text-emerald-700 transition-colors">
+                                        View Details <ArrowRight className="w-3.5 h-3.5" />
+                                    </a>
+                                </div>
+                            </div>
+                        </section>
+
+                        {/* Past Collaborations */}
+                        <section className="bg-white p-8 rounded-2xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)]">
+                            <h2 className="text-lg font-bold text-slate-900 tracking-tight mb-6">Past Collaborations</h2>
+
+                            <div className="space-y-4">
+                                {/* Collab 1 */}
+                                <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 border border-slate-100 rounded-xl hover:border-slate-200 transition-colors cursor-pointer">
+                                    <div className="flex items-center gap-4">
+                                        <div className="w-12 h-12 rounded-full overflow-hidden shrink-0 border border-slate-100">
+                                            <img src="https://i.pravatar.cc/150?u=a042581f4e29026024d" alt="Priya Sharma" className="w-full h-full object-cover" />
+                                        </div>
+                                        <div>
+                                            <h4 className="font-bold text-slate-900 text-sm">Priya Sharma <span className="text-slate-400 font-medium text-xs ml-1">@priyabeauty</span></h4>
+                                            <p className="text-xs text-slate-500 mt-0.5">Winter Skincare Routine Campaign</p>
+                                        </div>
+                                    </div>
+                                    <div className="flex flex-row sm:flex-col items-center sm:items-end justify-between sm:justify-center w-full sm:w-auto mt-2 sm:mt-0 pt-3 sm:pt-0 border-t sm:border-0 border-slate-100 gap-2">
+                                        <div className="text-right">
+                                            <div className="font-black text-slate-800 text-sm">₹35,000</div>
+                                            <div className="flex gap-0.5 text-yellow-400 mt-0.5">
+                                                {[...Array(5)].map((_, i) => <Star key={i} className="w-2.5 h-2.5 fill-current" />)}
+                                            </div>
+                                        </div>
+                                        <span className="px-2 py-0.5 bg-emerald-50 text-emerald-600 text-[10px] font-bold rounded uppercase tracking-wider">Completed</span>
+                                    </div>
+                                </div>
+
+                                {/* Collab 2 */}
+                                <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 border border-slate-100 rounded-xl hover:border-slate-200 transition-colors cursor-pointer">
+                                    <div className="flex items-center gap-4">
+                                        <div className="w-12 h-12 rounded-full overflow-hidden shrink-0 border border-slate-100">
+                                            <img src="https://i.pravatar.cc/150?img=11" alt="Rahul Verma" className="w-full h-full object-cover" />
+                                        </div>
+                                        <div>
+                                            <h4 className="font-bold text-slate-900 text-sm">Rahul Verma <span className="text-slate-400 font-medium text-xs ml-1">@rahullifestyle</span></h4>
+                                            <p className="text-xs text-slate-500 mt-0.5">Men's Grooming Essentials</p>
+                                        </div>
+                                    </div>
+                                    <div className="flex flex-row sm:flex-col items-center sm:items-end justify-between sm:justify-center w-full sm:w-auto mt-2 sm:mt-0 pt-3 sm:pt-0 border-t sm:border-0 border-slate-100 gap-2">
+                                        <div className="text-right">
+                                            <div className="font-black text-slate-800 text-sm">₹22,000</div>
+                                            <div className="flex gap-0.5 text-yellow-400 mt-0.5">
+                                                {[...Array(5)].map((_, i) => <Star key={i} className="w-2.5 h-2.5 fill-current" />)}
+                                            </div>
+                                        </div>
+                                        <span className="px-2 py-0.5 bg-emerald-50 text-emerald-600 text-[10px] font-bold rounded uppercase tracking-wider">Completed</span>
+                                    </div>
+                                </div>
+
+                                {/* Collab 3 */}
+                                <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 border border-slate-100 rounded-xl hover:border-slate-200 transition-colors cursor-pointer">
+                                    <div className="flex items-center gap-4">
+                                        <div className="w-12 h-12 rounded-full overflow-hidden shrink-0 border border-slate-100">
+                                            <img src="https://i.pravatar.cc/150?img=5" alt="Ananya Iyer" className="w-full h-full object-cover" />
+                                        </div>
+                                        <div>
+                                            <h4 className="font-bold text-slate-900 text-sm">Ananya Iyer <span className="text-slate-400 font-medium text-xs ml-1">@ananyaskincare</span></h4>
+                                            <p className="text-xs text-slate-500 mt-0.5">Anti-Aging Serum Review</p>
+                                        </div>
+                                    </div>
+                                    <div className="flex flex-row sm:flex-col items-center sm:items-end justify-between sm:justify-center w-full sm:w-auto mt-2 sm:mt-0 pt-3 sm:pt-0 border-t sm:border-0 border-slate-100 gap-2">
+                                        <div className="text-right">
+                                            <div className="font-black text-slate-800 text-sm">₹18,000</div>
+                                            <div className="flex gap-0.5 text-yellow-400 mt-0.5">
+                                                {[...Array(5)].map((_, i) => <Star key={i} className="w-2.5 h-2.5 fill-current" />)}
+                                            </div>
+                                        </div>
+                                        <span className="px-2 py-0.5 bg-emerald-50 text-emerald-600 text-[10px] font-bold rounded uppercase tracking-wider">Completed</span>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div className="mt-6 text-center">
+                                <button className="text-slate-500 font-semibold text-sm hover:text-slate-800 transition-colors flex items-center justify-center gap-1.5 mx-auto">
+                                    View All 128 Collaborations <ArrowRight className="w-3 h-3" />
+                                </button>
+                            </div>
+                        </section>
+
+                        {/* Reviews */}
+                        <section className="bg-white p-8 rounded-2xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)]">
+                            <div className="flex items-center justify-between mb-8">
+                                <h2 className="text-lg font-bold text-slate-900 tracking-tight">Reviews from Influencers</h2>
+                                <div className="flex items-center gap-2">
+                                    <div className="flex gap-0.5 text-yellow-400">
+                                        {[...Array(5)].map((_, i) => <Star key={i} className="w-4 h-4 fill-current" />)}
+                                    </div>
+                                    <span className="font-bold text-slate-800 text-sm ml-1">4.8</span>
+                                    <span className="text-xs font-semibold text-slate-400">(89 reviews)</span>
+                                </div>
+                            </div>
+
+                            <div className="space-y-8">
+                                {/* Review 1 */}
+                                <div className="border-b border-slate-100 pb-8 last:border-0 last:pb-0">
+                                    <div className="flex items-start justify-between mb-4">
+                                        <div className="flex items-center gap-3">
+                                            <img src="https://i.pravatar.cc/150?img=32" alt="Reviewer" className="w-10 h-10 rounded-full object-cover" />
+                                            <div>
+                                                <h4 className="font-bold text-sm text-slate-900">Meera Kapoor</h4>
+                                                <div className="flex gap-0.5 text-yellow-400 mt-0.5">
+                                                    {[...Array(5)].map((_, i) => <Star key={i} className="w-3 h-3 fill-current" />)}
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <span className="text-[11px] font-medium text-slate-400">2 weeks ago</span>
+                                    </div>
+                                    <p className="text-sm text-slate-600 leading-relaxed">
+                                        "Amazing experience working with Glow Cosmetics! They were professional, clear about deliverables, and paid on time. The products were high quality and my audience loved them. Highly recommend collaborating with this brand!"
+                                    </p>
+                                </div>
+
+                                {/* Review 2 */}
+                                <div className="border-b border-slate-100 pb-8 last:border-0 last:pb-0">
+                                    <div className="flex items-start justify-between mb-4">
+                                        <div className="flex items-center gap-3">
+                                            <img src="https://i.pravatar.cc/150?img=12" alt="Reviewer" className="w-10 h-10 rounded-full object-cover" />
+                                            <div>
+                                                <h4 className="font-bold text-sm text-slate-900">Arjun Mehta</h4>
+                                                <div className="flex gap-0.5 text-yellow-400 mt-0.5">
+                                                    {[...Array(4)].map((_, i) => <Star key={i} className="w-3 h-3 fill-current" />)}
+                                                    <Star className="w-3 h-3 text-slate-200 fill-current" />
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <span className="text-[11px] font-medium text-slate-400">1 month ago</span>
+                                    </div>
+                                    <p className="text-sm text-slate-600 leading-relaxed">
+                                        "Great communication throughout the campaign. The team was responsive and provided all the creative assets I needed. Payment was processed within 48 hours of campaign completion. Will definitely work with them again!"
+                                    </p>
+                                </div>
+
+                                {/* Review 3 */}
+                                <div className="border-b border-slate-100 pb-8 last:border-0 last:pb-0">
+                                    <div className="flex items-start justify-between mb-4">
+                                        <div className="flex items-center gap-3">
+                                            <img src="https://i.pravatar.cc/150?img=40" alt="Reviewer" className="w-10 h-10 rounded-full object-cover" />
+                                            <div>
+                                                <h4 className="font-bold text-sm text-slate-900">Sneha Reddy</h4>
+                                                <div className="flex gap-0.5 text-yellow-400 mt-0.5">
+                                                    {[...Array(5)].map((_, i) => <Star key={i} className="w-3 h-3 fill-current" />)}
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <span className="text-[11px] font-medium text-slate-400">2 months ago</span>
+                                    </div>
+                                    <p className="text-sm text-slate-600 leading-relaxed">
+                                        "One of the best brands I've collaborated with on Noillin. They value influencer creativity and give creative freedom. The escrow payment system gave me peace of mind. Looking forward to more campaigns!"
+                                    </p>
+                                </div>
+                            </div>
+
+                            <div className="mt-6 text-center pt-2">
+                                <button className="text-slate-500 font-semibold text-sm hover:text-slate-800 transition-colors flex items-center justify-center gap-1.5 mx-auto">
+                                    View All 89 Reviews <ArrowRight className="w-3 h-3" />
+                                </button>
+                            </div>
+                        </section>
+
+                    </div>
+
+                    {/* Sidebar Column */}
+                    <div className="space-y-6">
+
+                        {/* Verification Section */}
+                        <section className="bg-white p-6 rounded-2xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)]">
+                            <h2 className="text-base font-bold text-slate-900 tracking-tight mb-5">Verification & Safety</h2>
+                            <div className="space-y-4">
+                                <div className="flex items-start gap-3 p-3 bg-emerald-50/50 rounded-xl">
+                                    <div className="mt-0.5 text-emerald-500 bg-white rounded-full p-1 shadow-sm">
+                                        <BadgeCheck className="w-4 h-4" />
+                                    </div>
+                                    <div>
+                                        <h4 className="text-xs font-bold text-slate-800">Business Verified</h4>
+                                        <p className="text-[11px] text-slate-500">GST & PAN confirmed</p>
+                                    </div>
+                                </div>
+                                <div className="flex items-start gap-3 p-3 bg-emerald-50/50 rounded-xl">
+                                    <div className="mt-0.5 text-emerald-500 bg-white rounded-full p-1 shadow-sm">
+                                        <Building2 className="w-4 h-4" />
+                                    </div>
+                                    <div>
+                                        <h4 className="text-xs font-bold text-slate-800">Company Registered</h4>
+                                        <p className="text-[11px] text-slate-500">Pvt Ltd entity verified</p>
+                                    </div>
+                                </div>
+                                <div className="flex items-start gap-3 p-3 bg-emerald-50/50 rounded-xl">
+                                    <div className="mt-0.5 text-emerald-500 bg-white rounded-full p-1 shadow-sm">
+                                        <ShieldCheck className="w-4 h-4" />
+                                    </div>
+                                    <div>
+                                        <h4 className="text-xs font-bold text-slate-800">Secure Escrow</h4>
+                                        <p className="text-[11px] text-slate-500">Protected payments</p>
+                                    </div>
+                                </div>
+                                <div className="bg-emerald-50 p-4 rounded-xl border border-emerald-100/50 mt-2">
+                                    <div className="flex items-center gap-2 mb-2">
+                                        <ShieldCheck className="w-4 h-4 text-emerald-600" />
+                                        <h4 className="text-xs font-bold text-emerald-900">Platform Protection</h4>
+                                    </div>
+                                    <p className="text-[11px] text-emerald-700 leading-relaxed">
+                                        All collaborations are protected by Noillin's secure payment system. Funds are held in escrow until you complete your deliverables.
+                                    </p>
+                                </div>
+                            </div>
+                        </section>
+
+                        {/* Quick Actions */}
+                        <section className="bg-white p-6 rounded-2xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)]">
+                            <h2 className="text-base font-bold text-slate-900 tracking-tight mb-5">Quick Actions</h2>
+                            <div className="space-y-2">
+                                <button className="w-full flex items-center justify-center gap-2 px-4 py-3 bg-emerald-500 hover:bg-emerald-600 text-white font-semibold rounded-xl text-sm transition-colors shadow-sm mb-4">
+                                    <Send className="w-4 h-4" /> Send Proposal
+                                </button>
+                                <div className="w-full h-px bg-slate-100 w-full mb-4"></div>
+                                <button className="w-full flex items-center justify-center gap-2 px-4 py-2.5 hover:bg-slate-50 text-slate-600 font-semibold rounded-lg text-sm transition-colors">
+                                    <Bookmark className="w-4 h-4" /> Save Brand
+                                </button>
+                                <button className="w-full flex items-center justify-center gap-2 px-4 py-2.5 hover:bg-slate-50 text-slate-600 font-semibold rounded-lg text-sm transition-colors">
+                                    <Share2 className="w-4 h-4" /> Share Profile
+                                </button>
+                                <button className="w-full flex items-center justify-center gap-2 px-4 py-2.5 hover:bg-red-50 text-red-500 font-semibold rounded-lg text-sm transition-colors mt-2">
+                                    <Flag className="w-4 h-4" /> Report Brand
+                                </button>
+                            </div>
+                        </section>
+
+                        {/* Similar Brands */}
+                        <section className="bg-white p-6 rounded-2xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)]">
+                            <h2 className="text-base font-bold text-slate-900 tracking-tight mb-5">Similar Brands</h2>
+                            <div className="space-y-4">
+                                <a href="#" className="flex items-center justify-between group">
+                                    <div className="flex items-center gap-3">
+                                        <div className="w-10 h-10 rounded-lg bg-pink-500 text-white flex items-center justify-center font-bold text-sm">RS</div>
+                                        <div>
+                                            <h4 className="text-sm font-bold text-slate-900 group-hover:text-emerald-600 transition-colors">Radiant Skin Co.</h4>
+                                            <p className="text-[11px] text-slate-500">Beauty & Skincare</p>
+                                        </div>
+                                    </div>
+                                    <ChevronRight className="w-4 h-4 text-slate-300 group-hover:text-emerald-500 transition-colors" />
+                                </a>
+
+                                <a href="#" className="flex items-center justify-between group">
+                                    <div className="flex items-center gap-3">
+                                        <div className="w-10 h-10 rounded-lg bg-indigo-500 text-white flex items-center justify-center font-bold text-sm">PB</div>
+                                        <div>
+                                            <h4 className="text-sm font-bold text-slate-900 group-hover:text-emerald-600 transition-colors">Pure Botanics</h4>
+                                            <p className="text-[11px] text-slate-500">Organic Beauty</p>
+                                        </div>
+                                    </div>
+                                    <ChevronRight className="w-4 h-4 text-slate-300 group-hover:text-emerald-500 transition-colors" />
+                                </a>
+
+                                <a href="#" className="flex items-center justify-between group">
+                                    <div className="flex items-center gap-3">
+                                        <div className="w-10 h-10 rounded-lg bg-orange-500 text-white flex items-center justify-center font-bold text-sm">LH</div>
+                                        <div>
+                                            <h4 className="text-sm font-bold text-slate-900 group-hover:text-emerald-600 transition-colors">Luxe Herbals</h4>
+                                            <p className="text-[11px] text-slate-500">Ayurvedic Skincare</p>
+                                        </div>
+                                    </div>
+                                    <ChevronRight className="w-4 h-4 text-slate-300 group-hover:text-emerald-500 transition-colors" />
+                                </a>
+                            </div>
+                        </section>
+
+                    </div>
+
+                </div>
+            </main>
+
+            <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-12 pt-8 border-t border-slate-200">
+                <div className="flex flex-col sm:flex-row items-center justify-between gap-4 text-xs font-semibold text-slate-400">
+                    <div className="flex items-center gap-2 text-emerald-500 font-bold">
+                        Noillin <span className="font-medium text-slate-400">© 2024. All rights reserved.</span>
+                    </div>
+                    <div className="flex items-center gap-4">
+                        <a href="#" className="hover:text-slate-600 transition-colors">Privacy Policy</a>
+                        <a href="#" className="hover:text-slate-600 transition-colors">Terms of Service</a>
+                        <a href="#" className="hover:text-slate-600 transition-colors">Support</a>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    );
+}

From 476b05ab3f3fefdc679da99a2869d6fc53c4d868 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Fri, 27 Feb 2026 12:35:23 +0530
Subject: [PATCH 56/61] feat:brand-profile

---
 apps/web/app/brand-profile-page/page.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/apps/web/app/brand-profile-page/page.tsx b/apps/web/app/brand-profile-page/page.tsx
index a6e82f4..5986a14 100644
--- a/apps/web/app/brand-profile-page/page.tsx
+++ b/apps/web/app/brand-profile-page/page.tsx
@@ -18,8 +18,6 @@ import {
     Flag,
     ChevronRight,
     ArrowRight,
-    Instagram,
-    Youtube,
     Video,
     FileImage,
     Building2
@@ -351,7 +349,7 @@ export default function BrandProfilePage() {
                                         <span className="text-[11px] font-medium text-slate-400">2 weeks ago</span>
                                     </div>
                                     <p className="text-sm text-slate-600 leading-relaxed">
-                                        "Amazing experience working with Glow Cosmetics! They were professional, clear about deliverables, and paid on time. The products were high quality and my audience loved them. Highly recommend collaborating with this brand!"
+                                        Amazing experience working with Glow Cosmetics! They were professional, clear about deliverables, and paid on time. The products were high quality and my audience loved them. Highly recommend collaborating with this brand!
                                     </p>
                                 </div>
 
@@ -371,7 +369,7 @@ export default function BrandProfilePage() {
                                         <span className="text-[11px] font-medium text-slate-400">1 month ago</span>
                                     </div>
                                     <p className="text-sm text-slate-600 leading-relaxed">
-                                        "Great communication throughout the campaign. The team was responsive and provided all the creative assets I needed. Payment was processed within 48 hours of campaign completion. Will definitely work with them again!"
+                                        Great communication throughout the campaign. The team was responsive and provided all the creative assets I needed. Payment was processed within 48 hours of campaign completion. Will definitely work with them again!
                                     </p>
                                 </div>
 
@@ -390,7 +388,7 @@ export default function BrandProfilePage() {
                                         <span className="text-[11px] font-medium text-slate-400">2 months ago</span>
                                     </div>
                                     <p className="text-sm text-slate-600 leading-relaxed">
-                                        "One of the best brands I've collaborated with on Noillin. They value influencer creativity and give creative freedom. The escrow payment system gave me peace of mind. Looking forward to more campaigns!"
+                                        One of the best brands I've collaborated with on Noillin. They value influencer creativity and give creative freedom. The escrow payment system gave me peace of mind. Looking forward to more campaigns!
                                     </p>
                                 </div>
                             </div>
@@ -457,7 +455,7 @@ export default function BrandProfilePage() {
                                 <button className="w-full flex items-center justify-center gap-2 px-4 py-3 bg-emerald-500 hover:bg-emerald-600 text-white font-semibold rounded-xl text-sm transition-colors shadow-sm mb-4">
                                     <Send className="w-4 h-4" /> Send Proposal
                                 </button>
-                                <div className="w-full h-px bg-slate-100 w-full mb-4"></div>
+                                <div className="w-full h-px bg-slate-100  mb-4"></div>
                                 <button className="w-full flex items-center justify-center gap-2 px-4 py-2.5 hover:bg-slate-50 text-slate-600 font-semibold rounded-lg text-sm transition-colors">
                                     <Bookmark className="w-4 h-4" /> Save Brand
                                 </button>

From 91a7d39166f73955afd6566634afbbb979d5ca58 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Fri, 27 Feb 2026 14:33:37 +0530
Subject: [PATCH 57/61] feat:brand-profilePage

---
 apps/web/app/brand-profile-page/page.tsx | 70 +++++++++++++-----------
 1 file changed, 38 insertions(+), 32 deletions(-)

diff --git a/apps/web/app/brand-profile-page/page.tsx b/apps/web/app/brand-profile-page/page.tsx
index 5986a14..60986e2 100644
--- a/apps/web/app/brand-profile-page/page.tsx
+++ b/apps/web/app/brand-profile-page/page.tsx
@@ -1,4 +1,4 @@
-
+import Link from 'next/link';
 import {
     BadgeCheck,
     Globe,
@@ -45,7 +45,7 @@ export default function BrandProfilePage() {
                                 <div className="flex flex-wrap items-center gap-4 text-sm text-slate-500 font-medium pt-1">
                                     <div className="flex items-center gap-1.5">
                                         <span className="w-4 h-4 rounded-full bg-slate-100 flex items-center justify-center border border-slate-200">
-                                            <div className="w-2 h-2 rounded-full bg-slate-400"></div>
+                                            <span className="w-2 h-2 rounded-full bg-slate-400"></span>
                                         </span>
                                         Beauty & Skincare
                                     </div>
@@ -54,9 +54,9 @@ export default function BrandProfilePage() {
                                     </div>
                                 </div>
                                 <div>
-                                    <a href="#" className="inline-flex items-center gap-1.5 text-sm font-semibold text-emerald-600 hover:text-emerald-700 transition-colors">
+                                    <Link href="#" className="inline-flex items-center gap-1.5 text-sm font-semibold text-emerald-600 hover:text-emerald-700 transition-colors">
                                         <Globe className="w-4 h-4" /> www.glowcosmetics.com
-                                    </a>
+                                    </Link>
                                 </div>
                             </div>
                         </div>
@@ -188,9 +188,9 @@ export default function BrandProfilePage() {
                                         <div className="flex items-center gap-1.5"><Users className="w-3.5 h-3.5 text-slate-400" /> 10K+ followers</div>
                                     </div>
 
-                                    <a href="#" className="inline-flex items-center gap-1 text-sm font-semibold text-emerald-600 hover:text-emerald-700 transition-colors">
+                                    <Link href="#" className="inline-flex items-center gap-1 text-sm font-semibold text-emerald-600 hover:text-emerald-700 transition-colors">
                                         View Details <ArrowRight className="w-3.5 h-3.5" />
-                                    </a>
+                                    </Link>
                                 </div>
 
                                 {/* Campaign 2 */}
@@ -211,9 +211,9 @@ export default function BrandProfilePage() {
                                         <div className="flex items-center gap-1.5"><Users className="w-3.5 h-3.5 text-slate-400" /> 5K+ followers</div>
                                     </div>
 
-                                    <a href="#" className="inline-flex items-center gap-1 text-sm font-semibold text-emerald-600 hover:text-emerald-700 transition-colors">
+                                    <Link href="#" className="inline-flex items-center gap-1 text-sm font-semibold text-emerald-600 hover:text-emerald-700 transition-colors">
                                         View Details <ArrowRight className="w-3.5 h-3.5" />
-                                    </a>
+                                    </Link>
                                 </div>
 
                                 {/* Campaign 3 */}
@@ -234,9 +234,9 @@ export default function BrandProfilePage() {
                                         <div className="flex items-center gap-1.5"><Users className="w-3.5 h-3.5 text-slate-400" /> 50K+ followers</div>
                                     </div>
 
-                                    <a href="#" className="inline-flex items-center gap-1 text-sm font-semibold text-emerald-600 hover:text-emerald-700 transition-colors">
+                                    <Link href="#" className="inline-flex items-center gap-1 text-sm font-semibold text-emerald-600 hover:text-emerald-700 transition-colors">
                                         View Details <ArrowRight className="w-3.5 h-3.5" />
-                                    </a>
+                                    </Link>
                                 </div>
                             </div>
                         </section>
@@ -249,8 +249,8 @@ export default function BrandProfilePage() {
                                 {/* Collab 1 */}
                                 <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 border border-slate-100 rounded-xl hover:border-slate-200 transition-colors cursor-pointer">
                                     <div className="flex items-center gap-4">
-                                        <div className="w-12 h-12 rounded-full overflow-hidden shrink-0 border border-slate-100">
-                                            <img src="https://i.pravatar.cc/150?u=a042581f4e29026024d" alt="Priya Sharma" className="w-full h-full object-cover" />
+                                        <div className="w-12 h-12 rounded-full overflow-hidden shrink-0 bg-blue-100 text-blue-600 flex items-center justify-center font-bold text-lg">
+                                            PS
                                         </div>
                                         <div>
                                             <h4 className="font-bold text-slate-900 text-sm">Priya Sharma <span className="text-slate-400 font-medium text-xs ml-1">@priyabeauty</span></h4>
@@ -271,8 +271,8 @@ export default function BrandProfilePage() {
                                 {/* Collab 2 */}
                                 <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 border border-slate-100 rounded-xl hover:border-slate-200 transition-colors cursor-pointer">
                                     <div className="flex items-center gap-4">
-                                        <div className="w-12 h-12 rounded-full overflow-hidden shrink-0 border border-slate-100">
-                                            <img src="https://i.pravatar.cc/150?img=11" alt="Rahul Verma" className="w-full h-full object-cover" />
+                                        <div className="w-12 h-12 rounded-full overflow-hidden shrink-0 bg-amber-100 text-amber-600 flex items-center justify-center font-bold text-lg">
+                                            RV
                                         </div>
                                         <div>
                                             <h4 className="font-bold text-slate-900 text-sm">Rahul Verma <span className="text-slate-400 font-medium text-xs ml-1">@rahullifestyle</span></h4>
@@ -293,8 +293,8 @@ export default function BrandProfilePage() {
                                 {/* Collab 3 */}
                                 <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4 p-4 border border-slate-100 rounded-xl hover:border-slate-200 transition-colors cursor-pointer">
                                     <div className="flex items-center gap-4">
-                                        <div className="w-12 h-12 rounded-full overflow-hidden shrink-0 border border-slate-100">
-                                            <img src="https://i.pravatar.cc/150?img=5" alt="Ananya Iyer" className="w-full h-full object-cover" />
+                                        <div className="w-12 h-12 rounded-full overflow-hidden shrink-0 bg-purple-100 text-purple-600 flex items-center justify-center font-bold text-lg">
+                                            AI
                                         </div>
                                         <div>
                                             <h4 className="font-bold text-slate-900 text-sm">Ananya Iyer <span className="text-slate-400 font-medium text-xs ml-1">@ananyaskincare</span></h4>
@@ -338,7 +338,9 @@ export default function BrandProfilePage() {
                                 <div className="border-b border-slate-100 pb-8 last:border-0 last:pb-0">
                                     <div className="flex items-start justify-between mb-4">
                                         <div className="flex items-center gap-3">
-                                            <img src="https://i.pravatar.cc/150?img=32" alt="Reviewer" className="w-10 h-10 rounded-full object-cover" />
+                                            <div className="w-10 h-10 rounded-full overflow-hidden bg-pink-100 text-pink-600 flex items-center justify-center font-bold">
+                                                MK
+                                            </div>
                                             <div>
                                                 <h4 className="font-bold text-sm text-slate-900">Meera Kapoor</h4>
                                                 <div className="flex gap-0.5 text-yellow-400 mt-0.5">
@@ -349,7 +351,7 @@ export default function BrandProfilePage() {
                                         <span className="text-[11px] font-medium text-slate-400">2 weeks ago</span>
                                     </div>
                                     <p className="text-sm text-slate-600 leading-relaxed">
-                                        Amazing experience working with Glow Cosmetics! They were professional, clear about deliverables, and paid on time. The products were high quality and my audience loved them. Highly recommend collaborating with this brand!
+                                        "Amazing experience working with Glow Cosmetics! They were professional, clear about deliverables, and paid on time. The products were high quality and my audience loved them. Highly recommend collaborating with this brand!"
                                     </p>
                                 </div>
 
@@ -357,7 +359,9 @@ export default function BrandProfilePage() {
                                 <div className="border-b border-slate-100 pb-8 last:border-0 last:pb-0">
                                     <div className="flex items-start justify-between mb-4">
                                         <div className="flex items-center gap-3">
-                                            <img src="https://i.pravatar.cc/150?img=12" alt="Reviewer" className="w-10 h-10 rounded-full object-cover" />
+                                            <div className="w-10 h-10 rounded-full overflow-hidden bg-orange-100 text-orange-600 flex items-center justify-center font-bold">
+                                                AM
+                                            </div>
                                             <div>
                                                 <h4 className="font-bold text-sm text-slate-900">Arjun Mehta</h4>
                                                 <div className="flex gap-0.5 text-yellow-400 mt-0.5">
@@ -369,7 +373,7 @@ export default function BrandProfilePage() {
                                         <span className="text-[11px] font-medium text-slate-400">1 month ago</span>
                                     </div>
                                     <p className="text-sm text-slate-600 leading-relaxed">
-                                        Great communication throughout the campaign. The team was responsive and provided all the creative assets I needed. Payment was processed within 48 hours of campaign completion. Will definitely work with them again!
+                                        "Great communication throughout the campaign. The team was responsive and provided all the creative assets I needed. Payment was processed within 48 hours of campaign completion. Will definitely work with them again!"
                                     </p>
                                 </div>
 
@@ -377,7 +381,9 @@ export default function BrandProfilePage() {
                                 <div className="border-b border-slate-100 pb-8 last:border-0 last:pb-0">
                                     <div className="flex items-start justify-between mb-4">
                                         <div className="flex items-center gap-3">
-                                            <img src="https://i.pravatar.cc/150?img=40" alt="Reviewer" className="w-10 h-10 rounded-full object-cover" />
+                                            <div className="w-10 h-10 rounded-full overflow-hidden bg-teal-100 text-teal-600 flex items-center justify-center font-bold">
+                                                SR
+                                            </div>
                                             <div>
                                                 <h4 className="font-bold text-sm text-slate-900">Sneha Reddy</h4>
                                                 <div className="flex gap-0.5 text-yellow-400 mt-0.5">
@@ -388,7 +394,7 @@ export default function BrandProfilePage() {
                                         <span className="text-[11px] font-medium text-slate-400">2 months ago</span>
                                     </div>
                                     <p className="text-sm text-slate-600 leading-relaxed">
-                                        One of the best brands I've collaborated with on Noillin. They value influencer creativity and give creative freedom. The escrow payment system gave me peace of mind. Looking forward to more campaigns!
+                                        "One of the best brands I've collaborated with on Noillin. They value influencer creativity and give creative freedom. The escrow payment system gave me peace of mind. Looking forward to more campaigns!"
                                     </p>
                                 </div>
                             </div>
@@ -455,7 +461,7 @@ export default function BrandProfilePage() {
                                 <button className="w-full flex items-center justify-center gap-2 px-4 py-3 bg-emerald-500 hover:bg-emerald-600 text-white font-semibold rounded-xl text-sm transition-colors shadow-sm mb-4">
                                     <Send className="w-4 h-4" /> Send Proposal
                                 </button>
-                                <div className="w-full h-px bg-slate-100  mb-4"></div>
+                                <div className="w-full h-px bg-slate-100 w-full mb-4"></div>
                                 <button className="w-full flex items-center justify-center gap-2 px-4 py-2.5 hover:bg-slate-50 text-slate-600 font-semibold rounded-lg text-sm transition-colors">
                                     <Bookmark className="w-4 h-4" /> Save Brand
                                 </button>
@@ -472,7 +478,7 @@ export default function BrandProfilePage() {
                         <section className="bg-white p-6 rounded-2xl border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.02)]">
                             <h2 className="text-base font-bold text-slate-900 tracking-tight mb-5">Similar Brands</h2>
                             <div className="space-y-4">
-                                <a href="#" className="flex items-center justify-between group">
+                                <Link href="#" className="flex items-center justify-between group">
                                     <div className="flex items-center gap-3">
                                         <div className="w-10 h-10 rounded-lg bg-pink-500 text-white flex items-center justify-center font-bold text-sm">RS</div>
                                         <div>
@@ -481,9 +487,9 @@ export default function BrandProfilePage() {
                                         </div>
                                     </div>
                                     <ChevronRight className="w-4 h-4 text-slate-300 group-hover:text-emerald-500 transition-colors" />
-                                </a>
+                                </Link>
 
-                                <a href="#" className="flex items-center justify-between group">
+                                <Link href="#" className="flex items-center justify-between group">
                                     <div className="flex items-center gap-3">
                                         <div className="w-10 h-10 rounded-lg bg-indigo-500 text-white flex items-center justify-center font-bold text-sm">PB</div>
                                         <div>
@@ -492,9 +498,9 @@ export default function BrandProfilePage() {
                                         </div>
                                     </div>
                                     <ChevronRight className="w-4 h-4 text-slate-300 group-hover:text-emerald-500 transition-colors" />
-                                </a>
+                                </Link>
 
-                                <a href="#" className="flex items-center justify-between group">
+                                <Link href="#" className="flex items-center justify-between group">
                                     <div className="flex items-center gap-3">
                                         <div className="w-10 h-10 rounded-lg bg-orange-500 text-white flex items-center justify-center font-bold text-sm">LH</div>
                                         <div>
@@ -503,7 +509,7 @@ export default function BrandProfilePage() {
                                         </div>
                                     </div>
                                     <ChevronRight className="w-4 h-4 text-slate-300 group-hover:text-emerald-500 transition-colors" />
-                                </a>
+                                </Link>
                             </div>
                         </section>
 
@@ -518,9 +524,9 @@ export default function BrandProfilePage() {
                         Noillin <span className="font-medium text-slate-400">© 2024. All rights reserved.</span>
                     </div>
                     <div className="flex items-center gap-4">
-                        <a href="#" className="hover:text-slate-600 transition-colors">Privacy Policy</a>
-                        <a href="#" className="hover:text-slate-600 transition-colors">Terms of Service</a>
-                        <a href="#" className="hover:text-slate-600 transition-colors">Support</a>
+                        <Link href="#" className="hover:text-slate-600 transition-colors">Privacy Policy</Link>
+                        <Link href="#" className="hover:text-slate-600 transition-colors">Terms of Service</Link>
+                        <Link href="#" className="hover:text-slate-600 transition-colors">Support</Link>
                     </div>
                 </div>
             </div>

From d96061741078259a3c6e6bd57b0ba1d9c4808854 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Fri, 27 Feb 2026 14:39:02 +0530
Subject: [PATCH 58/61] feat:Brand-Profile

---
 apps/web/app/brand-profile-page/page.tsx      | 10 +++++-----
 apps/web/app/influencer-profile-page/page.tsx |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/web/app/brand-profile-page/page.tsx b/apps/web/app/brand-profile-page/page.tsx
index 60986e2..61f9681 100644
--- a/apps/web/app/brand-profile-page/page.tsx
+++ b/apps/web/app/brand-profile-page/page.tsx
@@ -276,7 +276,7 @@ export default function BrandProfilePage() {
                                         </div>
                                         <div>
                                             <h4 className="font-bold text-slate-900 text-sm">Rahul Verma <span className="text-slate-400 font-medium text-xs ml-1">@rahullifestyle</span></h4>
-                                            <p className="text-xs text-slate-500 mt-0.5">Men's Grooming Essentials</p>
+                                            <p className="text-xs text-slate-500 mt-0.5">Men&apos;s Grooming Essentials</p>
                                         </div>
                                     </div>
                                     <div className="flex flex-row sm:flex-col items-center sm:items-end justify-between sm:justify-center w-full sm:w-auto mt-2 sm:mt-0 pt-3 sm:pt-0 border-t sm:border-0 border-slate-100 gap-2">
@@ -351,7 +351,7 @@ export default function BrandProfilePage() {
                                         <span className="text-[11px] font-medium text-slate-400">2 weeks ago</span>
                                     </div>
                                     <p className="text-sm text-slate-600 leading-relaxed">
-                                        "Amazing experience working with Glow Cosmetics! They were professional, clear about deliverables, and paid on time. The products were high quality and my audience loved them. Highly recommend collaborating with this brand!"
+                                        &quot;Amazing experience working with Glow Cosmetics! They were professional, clear about deliverables, and paid on time. The products were high quality and my audience loved them. Highly recommend collaborating with this brand!&quot;
                                     </p>
                                 </div>
 
@@ -373,7 +373,7 @@ export default function BrandProfilePage() {
                                         <span className="text-[11px] font-medium text-slate-400">1 month ago</span>
                                     </div>
                                     <p className="text-sm text-slate-600 leading-relaxed">
-                                        "Great communication throughout the campaign. The team was responsive and provided all the creative assets I needed. Payment was processed within 48 hours of campaign completion. Will definitely work with them again!"
+                                        &quot;Great communication throughout the campaign. The team was responsive and provided all the creative assets I needed. Payment was processed within 48 hours of campaign completion. Will definitely work with them again!&quot;
                                     </p>
                                 </div>
 
@@ -394,7 +394,7 @@ export default function BrandProfilePage() {
                                         <span className="text-[11px] font-medium text-slate-400">2 months ago</span>
                                     </div>
                                     <p className="text-sm text-slate-600 leading-relaxed">
-                                        "One of the best brands I've collaborated with on Noillin. They value influencer creativity and give creative freedom. The escrow payment system gave me peace of mind. Looking forward to more campaigns!"
+                                        &quot;One of the best brands I&apos;ve collaborated with on Noillin. They value influencer creativity and give creative freedom. The escrow payment system gave me peace of mind. Looking forward to more campaigns!&quot;
                                     </p>
                                 </div>
                             </div>
@@ -448,7 +448,7 @@ export default function BrandProfilePage() {
                                         <h4 className="text-xs font-bold text-emerald-900">Platform Protection</h4>
                                     </div>
                                     <p className="text-[11px] text-emerald-700 leading-relaxed">
-                                        All collaborations are protected by Noillin's secure payment system. Funds are held in escrow until you complete your deliverables.
+                                        All collaborations are protected by Noillin&apos;s secure payment system. Funds are held in escrow until you complete your deliverables.
                                     </p>
                                 </div>
                             </div>
diff --git a/apps/web/app/influencer-profile-page/page.tsx b/apps/web/app/influencer-profile-page/page.tsx
index 895399a..23543d4 100644
--- a/apps/web/app/influencer-profile-page/page.tsx
+++ b/apps/web/app/influencer-profile-page/page.tsx
@@ -345,7 +345,7 @@ export default function ProfilePage() {
                 </div>
               </div>
               <p className="text-sm text-slate-600 leading-relaxed">
-                "Sarah was incredibly professional and delivered the content ahead of schedule. The Reels performed above our expectations."
+                &quot;Sarah was incredibly professional and delivered the content ahead of schedule. The Reels performed above our expectations.&quot;
               </p>
             </div>
 
@@ -366,7 +366,7 @@ export default function ProfilePage() {
                 </div>
               </div>
               <p className="text-sm text-slate-600 leading-relaxed">
-                "Great communication throughout the process. Our audience loved the styling tips she incorporated."
+                &quot;Great communication throughout the process. Our audience loved the styling tips she incorporated.&quot;
               </p>
             </div>
           </div>

From 6bc52e0bfe629df3ba61869f8ee3bcb6c894c639 Mon Sep 17 00:00:00 2001
From: ShiljaBabu <shiljababu78@gmail.com>
Date: Sat, 28 Feb 2026 13:10:16 +0530
Subject: [PATCH 59/61] feat: implemented the edit gig

---
 .../src/controllers/gig.controller.ts         |  79 ++++----
 .../src/repositories/gig.repository.ts        | 106 +++++++++-
 .../src/routes/availability.routes.ts         |  10 +-
 apps/core-api/src/services/gig.service.ts     | 191 +++++-------------
 apps/web/app/gig/[id]/edit/page.tsx           | 142 +++++++++++++
 apps/web/app/gig/create/page.tsx              |  13 +-
 .../components/gig-create/Availability.tsx    |   4 +-
 .../components/gig-create/Deliverables.tsx    |   5 +-
 apps/web/components/gig-create/GigDetails.tsx |  50 +++--
 apps/web/components/gig-create/Pricing.tsx    |   1 -
 .../gig-create/ReviewAndPublish.tsx           |  36 ++--
 apps/web/components/gig-edit/gig_edit.tsx     |  41 ++++
 apps/web/store/gigCreate.store.ts             |  35 ++--
 13 files changed, 465 insertions(+), 248 deletions(-)
 create mode 100644 apps/web/app/gig/[id]/edit/page.tsx
 create mode 100644 apps/web/components/gig-edit/gig_edit.tsx

diff --git a/apps/core-api/src/controllers/gig.controller.ts b/apps/core-api/src/controllers/gig.controller.ts
index 7193e6d..4986688 100644
--- a/apps/core-api/src/controllers/gig.controller.ts
+++ b/apps/core-api/src/controllers/gig.controller.ts
@@ -1,6 +1,6 @@
 import type { NextFunction, Request, Response } from "express";
 
-import { getGigDetailsService, listGigsService, publishGigService, updateGigDeliverablesService, updateGigPricingService } from "../services/gig.service.js";
+import { getGigDetailsService, getMyGigsService, listGigsService, publishGigService, updateGigDeliverablesService, updateGigPricingService } from "../services/gig.service.js";
 import type { GigDeliverable } from "../types/gig.type.js";
 import { channel } from "../queue/rabbit.js";
 import { createGigService, deleteGigService, editGigService } from "../services/gig.service.js";
@@ -113,35 +113,14 @@ export const getGigDetailsController = async (
 // ================= EDIT GIG =================
 export const editGigController = async (
   req: AuthRequest,
-  res: Response
+  res: Response,
+  next: NextFunction
 ) => {
   try {
     const { id } = req.params;
-    // 1️⃣ Validate ID
-    if (!id || Array.isArray(id)) {
-      return res.status(400).json({
-        message: "Invalid Gig ID"
-      });
-    }
 
-    // 2️⃣ Validate user
-    if (!req.user) {
-      return res.status(401).json({
-        message: "Unauthorized"
-      });
-    }
-
-    const { userId } = req.user;
-
-    const gig = await editGigService(
-      id,
-      req.user,
-      req.body
-    );
-
-    
-    // 1️⃣ Check if ID exists AND is string
-    if (!id || Array.isArray(id)) {
+    // 🔥 Type-safe ID guard
+    if (typeof id !== "string") {
       return res.status(400).json({
         message: "Invalid Gig ID"
       });
@@ -159,23 +138,13 @@ export const editGigController = async (
       req.body
     );
 
-    return res.status(200).json(updatedGig);
-
-  } catch (error: unknown) {
-    console.error("Error editing gig:", error);
-
-    if (error instanceof Error) {
-      const statusCode =
-        (error as { statusCode?: number }).statusCode || 500;
-
-      return res.status(statusCode).json({
-        message: error.message
-      });
-    }
-
-    return res.status(500).json({
-      message: "Internal server error"
+    return res.status(200).json({
+      success: true,
+      data: updatedGig
     });
+
+  } catch (error) {
+    next(error);
   }
 };
 
@@ -328,4 +297,30 @@ export const updateGigPricingController = async (
   } catch (error) {
     next(error);
   }
+};
+
+export const getGigController = async (
+  req: Request,
+  res: Response,
+  next: NextFunction
+) => {
+  try {
+    const { id } = req.params;
+
+    if (typeof id !== "string") {
+      return res.status(400).json({
+        message: "Invalid Gig ID"
+      });
+    }
+
+    const gig = await getMyGigsService(id);
+
+    res.status(200).json({
+      success: true,
+      data: gig
+    });
+
+  } catch (error) {
+    next(error);
+  }
 };
\ No newline at end of file
diff --git a/apps/core-api/src/repositories/gig.repository.ts b/apps/core-api/src/repositories/gig.repository.ts
index 55dba1b..6bf7083 100644
--- a/apps/core-api/src/repositories/gig.repository.ts
+++ b/apps/core-api/src/repositories/gig.repository.ts
@@ -1,8 +1,112 @@
+import type { SortOrder, Types } from "mongoose";
+
 import { GigModel } from "../models/gig.model.js";
-import type { CreateGigDBInput } from "../types/gig.type.js";
+import type { CreateGigDBInput, GigDocument } from "../types/gig.type.js";
 
 export const create_gig = async (
   data: CreateGigDBInput
 ) => {
   return GigModel.create(data);
+};
+/* ================= FIND BY ID ================= */
+
+export const findGigById = async (
+  gigId: string | Types.ObjectId
+) => {
+  return GigModel.findById(gigId);
+};
+
+/* ================= UPDATE ================= */
+
+export const updateGigById = async (
+  gigId: string | Types.ObjectId,
+  updateData: Partial<GigDocument>
+) => {
+  return GigModel.findByIdAndUpdate(
+    gigId,
+    updateData,
+    { new: true }
+  );
+};
+
+/* ================= SOFT DELETE ================= */
+
+export const softDeleteGig = async (
+  gigId: string | Types.ObjectId
+) => {
+  return GigModel.findByIdAndUpdate(
+    gigId,
+    { isDeleted: true },
+    { new: true }
+  );
+};
+export const findPublishedGigs = async (
+  filter: Partial<GigDocument>,
+  sort: Record<string, SortOrder>,
+  skip: number,
+  limit: number
+) => {
+  const [gigs, total] = await Promise.all([
+    GigModel.find(filter)
+      .select(
+        "title category pricing.basePrice pricing.currency primaryInfluencerId createdAt"
+      )
+      .sort(sort)
+      .skip(skip)
+      .limit(limit)
+      .lean(),
+    GigModel.countDocuments(filter)
+  ]);
+
+  return { gigs, total };
+};
+// export const findPublishedGigs = async (
+//   filter: any,
+//   sort: any,
+//   skip: number,
+//   limit: number
+// ) => {
+//   const [gigs, total] = await Promise.all([
+//     GigModel.find(filter)
+//       .select(
+//         "title category pricing.basePrice pricing.currency primaryInfluencerId createdAt"
+//       )
+//       .sort(sort)
+//       .skip(skip)
+//       .limit(limit)
+//       .lean(),
+//     GigModel.countDocuments(filter)
+//   ]);
+
+//   return { gigs, total };
+// };
+export const findPublishedGigById = async (gigId: string) => {
+  return GigModel.findOne({
+    _id: gigId,
+    status: "published",
+    isDeleted: false
+  })
+    .populate({
+      path: "primaryInfluencerId",
+      select: "displayName profileImage followersCount ratingAvg"
+    })
+    .lean();
+};
+
+export const findActiveGigById = async (
+  gigId: string | Types.ObjectId
+) => {
+  return GigModel.findOne({
+    _id: gigId,
+    isDeleted: false
+  });
+};
+
+export const findGigsByInfluencer = async (
+  influencerProfileId: string | Types.ObjectId
+) => {
+  return GigModel.find({
+    primaryInfluencerId: influencerProfileId,
+    isDeleted: false
+  }).sort({ createdAt: -1 });
 };
\ No newline at end of file
diff --git a/apps/core-api/src/routes/availability.routes.ts b/apps/core-api/src/routes/availability.routes.ts
index 2d13f8a..b75ec28 100644
--- a/apps/core-api/src/routes/availability.routes.ts
+++ b/apps/core-api/src/routes/availability.routes.ts
@@ -1,4 +1,4 @@
-import { Router } from "express";
+import { Router } from "express";
 
 import { authenticate, authorizePermission } from "../middlewares/auth.middleware.js";
 import { Permission } from "../rbac/permission.js";
@@ -6,9 +6,7 @@ import { getAvailabilityController, setAvailabilityController } from "../control
 
 const router: Router = Router();
 
-/**
- * Create or update availability (Step 4)
- */
+
 router.post(
   "/",
   authenticate,
@@ -16,9 +14,7 @@ router.post(
   setAvailabilityController
 );
 
-/**
- * Get availability by influencer profile id
- */
+
 router.get(
   "/:influencerProfileId",
   getAvailabilityController
diff --git a/apps/core-api/src/services/gig.service.ts b/apps/core-api/src/services/gig.service.ts
index 037a2cb..f768bdb 100644
--- a/apps/core-api/src/services/gig.service.ts
+++ b/apps/core-api/src/services/gig.service.ts
@@ -2,15 +2,11 @@ import mongoose from "mongoose";
 import { Types } from "mongoose";
 import type { JwtPayload } from "jsonwebtoken";
 
-import { GigModel } from "../models/gig.model.js";
-import { create_gig } from "../repositories/gig.repository.js";
+import { create_gig, findActiveGigById, findGigById, findGigsByInfluencer, findPublishedGigById, findPublishedGigs, softDeleteGig } from "../repositories/gig.repository.js";
 import { type GigDeliverable, type GigType, type Platform } from "../types/gig.type.js";
-import { type GigDocument, type GigStatus } from "../types/gig.type.js";
+import { type GigDocument } from "../types/gig.type.js";
 import { InfluencerProfile, type IInfluencerProfile } from "../models/influencer.model.js";
 import { UserRole } from "../models/user.model.js";
-import { findAvailabilityByInfluencer } from "../repositories/availability.repository.js";
-import { GigCollaborationModel } from "../models/collaboration.model.js";
-import type { WeeklyRule } from "../types/availability.types.js";
 
 
 /* ================= TYPES ================= */
@@ -75,17 +71,12 @@ export const listGigsService = async (
     sort = { "pricing.basePrice": -1 };
   }
 
-  const [gigs, total] = await Promise.all([
-    GigModel.find(filter)
-      .select(
-        "title category pricing.basePrice pricing.currency primaryInfluencerId createdAt"
-      )
-      .sort(sort)
-      .skip(skip)
-      .limit(limit)
-      .lean(),
-    GigModel.countDocuments(filter)
-  ]);
+  const { gigs, total } = await findPublishedGigs(
+  filter,
+  sort,
+  skip,
+  limit
+);
 
   return {
     data: gigs,
@@ -107,17 +98,7 @@ export const getGigDetailsService = async (gigId: string) => {
     throw err;
   }
 
-  const gig = await GigModel.findOne({
-    _id: gigId,
-    status: "published",
-    isDeleted: false
-  })
-    .populate({
-      path: "primaryInfluencerId",
-      select: "displayName profileImage followersCount ratingAvg"
-    })
-    .lean();
-
+  const gig = await findPublishedGigById(gigId);
   if (!gig) {
     const err = new Error("Gig not found") as HttpError;
     err.statusCode = 404;
@@ -213,8 +194,7 @@ export const updateGigDeliverablesService = async (
   userId: string,
   deliverables: GigDeliverable[]
 ) => {
-  const gig = await GigModel.findById(gigId);
-
+  const gig = await findGigById(gigId);
   if (!gig) {
     throw Object.assign(new Error("Gig not found"), { statusCode: 404 });
   }
@@ -252,8 +232,7 @@ export const updateGigPricingService = async (
     revisionsIncluded: number;
   }
 ) => {
-  const gig = await GigModel.findById(gigId);
-
+const gig = await findGigById(gigId);
   if (!gig) {
     throw Object.assign(new Error("Gig not found"), { statusCode: 404 });
   }
@@ -289,8 +268,7 @@ export const publishGigService = async (
   gigId: string,
   userId: string
 ) => {
-  const gig = await GigModel.findById(gigId);
-
+const gig = await findGigById(gigId);
   if (!gig) {
     throw Object.assign(new Error("Gig not found"), { statusCode: 404 });
   }
@@ -332,15 +310,13 @@ export const editGigService = async (
   updateData: EditableGigFields
 ) => {
   if (!mongoose.Types.ObjectId.isValid(gigId)) {
-    const err: HttpError = new Error("Invalid gig ID");
-    err.statusCode = 400;
-    throw err;
+    throw Object.assign(new Error("Invalid gig ID"), { statusCode: 400 });
   }
 
   if (user.role !== "INFLUENCER") {
-    const err: HttpError = new Error("Only influencers can edit gigs");
-    err.statusCode = 403;
-    throw err;
+    throw Object.assign(new Error("Only influencers can edit gigs"), {
+      statusCode: 403
+    });
   }
 
   const influencerProfile = await InfluencerProfile.findOne({
@@ -348,105 +324,33 @@ export const editGigService = async (
   });
 
   if (!influencerProfile) {
-    const err: HttpError = new Error("Influencer profile not found");
-    err.statusCode = 404;
-    throw err;
+    throw Object.assign(new Error("Influencer profile not found"), {
+      statusCode: 404
+    });
   }
 
-  const gig = await GigModel.findOne({
-    _id: gigId,
-    isDeleted: false
-  });
+  const gig = await findActiveGigById(gigId);
 
   if (!gig) {
-    const err: HttpError = new Error("Gig not found");
-    err.statusCode = 404;
-    throw err;
+    throw Object.assign(new Error("Gig not found"), { statusCode: 404 });
   }
 
   if (
     gig.primaryInfluencerId.toString() !==
     influencerProfile._id.toString()
   ) {
-    throw Object.assign(new Error("Unauthorized"), { statusCode: 403 });
-  }
-
-  if (gig.status === "published") {
-    throw Object.assign(new Error("Gig already published"), {
-      statusCode: 400
-    });
-  }
-
-  if (!gig.deliverables || gig.deliverables.length === 0) {
-    throw Object.assign(new Error("Deliverables required"), {
-      statusCode: 400
+    throw Object.assign(new Error("Unauthorized"), {
+      statusCode: 403
     });
   }
 
-  if (
-    !gig.pricing ||
-    gig.pricing.basePrice <= 0 ||
-    gig.pricing.deliveryTimeInDays <= 0
-  ) {
-    throw Object.assign(new Error("Valid pricing required"), {
+  if (gig.status === "archived") {
+    throw Object.assign(new Error("Archived gig cannot be edited"), {
       statusCode: 400
     });
   }
 
-  const availability = await findAvailabilityByInfluencer(
-    influencerProfile._id
-  );
-
-  if (!availability) {
-    throw Object.assign(
-      new Error("Availability must be set before publishing"),
-      { statusCode: 400 }
-    );
-  }
-
-  const hasEnabledDay = availability.weeklyRules.some(
-    (rule: WeeklyRule) =>
-      rule.isEnabled && rule.slots.length > 0
-  );
-
-  if (!hasEnabledDay) {
-    throw Object.assign(
-      new Error("At least one available slot required"),
-      { statusCode: 400 }
-    );
-  }
-
-  if (gig.gigType === "collaboration") {
-    const pending = await GigCollaborationModel.findOne({
-      gigId: new Types.ObjectId(gigId),
-      status: "pending"
-    });
-
-    if (pending) {
-      throw Object.assign(
-        new Error("All collaborators must accept before publishing"),
-        { statusCode: 400 }
-      );
-    }
-
-    const rejected = await GigCollaborationModel.findOne({
-      gigId: new Types.ObjectId(gigId),
-      status: "rejected"
-    });
-
-    if (rejected) {
-      throw Object.assign(
-        new Error("One or more collaborators rejected"),
-        { statusCode: 400 }
-      );
-    }
-  }
-
-  // gig.status = "published";
-  
-
-
-  //  Safe field updates (no any, no unsafe casting)
+  // 🔥 SAFE FIELD UPDATES
 
   if (updateData.title !== undefined) {
     gig.title = updateData.title;
@@ -467,20 +371,21 @@ export const editGigService = async (
   if (updateData.deliverables !== undefined) {
     gig.deliverables = updateData.deliverables;
   }
-if (updateData.pricing !== undefined) {
-  if (updateData.pricing.basePrice !== undefined) {
-    gig.pricing.basePrice = updateData.pricing.basePrice;
-  }
 
-  if (updateData.pricing.currency !== undefined) {
-    gig.pricing.currency = updateData.pricing.currency;
-  }
+  if (updateData.pricing !== undefined) {
+    if (updateData.pricing.basePrice !== undefined) {
+      gig.pricing.basePrice = updateData.pricing.basePrice;
+    }
 
-  if (updateData.pricing.negotiationAllowed !== undefined) {
-    gig.pricing.negotiationAllowed =
-      updateData.pricing.negotiationAllowed;
+    if (updateData.pricing.currency !== undefined) {
+      gig.pricing.currency = updateData.pricing.currency;
+    }
+
+    if (updateData.pricing.negotiationAllowed !== undefined) {
+      gig.pricing.negotiationAllowed =
+        updateData.pricing.negotiationAllowed;
+    }
   }
-}
 
   if (updateData.maxBookingsPerSlot !== undefined) {
     gig.maxBookingsPerSlot = updateData.maxBookingsPerSlot;
@@ -489,7 +394,6 @@ if (updateData.pricing !== undefined) {
   if (updateData.status !== undefined) {
     gig.status = updateData.status;
   }
-    gig.status = "published";
 
   await gig.save();
 
@@ -497,7 +401,6 @@ if (updateData.pricing !== undefined) {
 };
 
 
-
 //* ================= DELETE GIG =================
 
 
@@ -533,10 +436,7 @@ export const deleteGigService = async (
   }
 
   //  Find gig
- const gig = await GigModel.findOne({
-  _id: gigId,
-  isDeleted: false
-});
+ const gig = await findActiveGigById(gigId);
 
 
   if (!gig) {
@@ -558,8 +458,15 @@ export const deleteGigService = async (
   }
 
   //  Soft delete
-  gig.isDeleted = true;
-  gig.status = "archived";
+ await softDeleteGig(gigId);
+};
 
-  await gig.save();
+export const getMyGigsService = async (userId: string) => {
+  const influencerProfile = await InfluencerProfile.findOne({ userId });
+
+  if (!influencerProfile) {
+    throw Object.assign(new Error("Influencer profile not found"), { statusCode: 404 });
+  }
+
+  return findGigsByInfluencer(influencerProfile._id);
 };
\ No newline at end of file
diff --git a/apps/web/app/gig/[id]/edit/page.tsx b/apps/web/app/gig/[id]/edit/page.tsx
new file mode 100644
index 0000000..99ff405
--- /dev/null
+++ b/apps/web/app/gig/[id]/edit/page.tsx
@@ -0,0 +1,142 @@
+"use client";
+
+import React, { useEffect, useState } from "react";
+import { useParams } from "next/navigation";
+import { FaCheck } from "react-icons/fa";
+
+import api from "@/lib/axios.client";
+import Navbar from "@/components/Navbar";
+import { StepIndicator } from "@/components/gig-create/StepIndicator";
+import { GigDetails } from "@/components/gig-create/GigDetails";
+import { Deliverables } from "@/components/gig-create/Deliverables";
+import { Pricing } from "@/components/gig-create/Pricing";
+import { Availability } from "@/components/gig-create/Availability";
+import { ReviewAndPublish } from "@/components/gig-create/ReviewAndPublish";
+import { useGigCreateStore } from "@/store/gigCreate.store";
+
+export default function EditGigPage() {
+  const params = useParams();
+  const [currentStep, setCurrentStep] = useState(1);
+  const totalSteps = 6;
+    const setMode = useGigCreateStore((s) => s.setMode);
+  const {
+    setGigId,
+    setDetails,
+    setDeliverables,
+    setPricing,
+    setAvailability
+  } = useGigCreateStore();
+  
+  useEffect(() => {
+    setMode("edit");
+    const fetchGig = async () => {
+      const res = await api.get(`/gigs/${params.id}`);
+      const gig = res.data;
+
+      setGigId(gig._id);
+
+      setDetails({
+        title: gig.title,
+        shortDescription: gig.shortDescription,
+        category: gig.category,
+        platform: gig.platform,
+        tags: gig.tags
+      });
+
+      setDeliverables(gig.deliverables);
+      setPricing(gig.pricing);
+      console.log(gig.primaryInfluencerId)
+      const influencerId =
+      typeof gig.primaryInfluencerId === "string"
+        ? gig.primaryInfluencerId
+        : gig.primaryInfluencerId?._id;
+
+    if (influencerId) {
+      const availabilityRes = await api.get(
+        `/availability/${influencerId}`
+      );
+
+      setAvailability(availabilityRes.data.data);
+    }
+    };
+
+    fetchGig();
+  }, [params.id]);
+
+  const nextStep = () => {
+    if (currentStep < totalSteps) {
+      setCurrentStep((prev) => prev + 1);
+    }
+  };
+
+  const prevStep = () => {
+    if (currentStep > 1) {
+      setCurrentStep((prev) => prev - 1);
+    }
+  };
+
+  const goToStep = (step: number) => {
+    if (step >= 1 && step <= totalSteps) {
+      setCurrentStep(step);
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-gray-50/50">
+      <Navbar />
+
+      <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12 pt-28">
+        <div className="mb-10 text-center">
+          <h1 className="text-3xl font-bold text-gray-900 tracking-tight">
+            Edit Gig
+          </h1>
+        </div>
+
+        <div className="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
+          <div className="px-8 py-8 border-b border-gray-50 bg-white">
+            <StepIndicator currentStep={currentStep} />
+          </div>
+
+          <div>
+            {currentStep === 1 && (
+              <GigDetails onNext={nextStep} />
+            )}
+            {currentStep === 2 && (
+              <Deliverables onBack={prevStep} onNext={nextStep} />
+            )}
+            {currentStep === 3 && (
+              <Pricing onBack={prevStep} onNext={nextStep} />
+            )}
+            {currentStep === 4 && (
+              <Availability onBack={prevStep} onNext={nextStep} />
+            )}
+            {currentStep === 5 && (
+              <ReviewAndPublish
+                onBack={prevStep}
+                onNext={nextStep}
+                goToStep={goToStep}
+              />
+            )}
+            {currentStep === 6 && (
+                                        <div className="p-16 text-center space-y-6">
+                                            <div className="w-20 h-20 bg-green-100 text-green-600 rounded-full flex items-center justify-center mx-auto mb-4">
+                                                <FaCheck size={40} />
+                                            </div>
+                                            <h2 className="text-3xl font-bold text-gray-900">Gig Published Successfully!</h2>
+                                            <p className="text-gray-500 max-w-md mx-auto">
+                                                Your gig is now live and visible to brands. You can manage it from your dashboard.
+                                            </p>
+                                            <button
+                                                onClick={() => window.location.href = "/dashboard"}
+                                                className="bg-green-600 hover:bg-green-700 text-white px-8 py-3 rounded-lg font-semibold transition-all mt-6"
+                                            >
+                                                Go to Dashboard
+                                            </button>
+                                        </div>
+                                    )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/apps/web/app/gig/create/page.tsx b/apps/web/app/gig/create/page.tsx
index 6fe98ad..48b3964 100644
--- a/apps/web/app/gig/create/page.tsx
+++ b/apps/web/app/gig/create/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { FaCheck } from "react-icons/fa";
 
 import { StepIndicator } from "@/components/gig-create/StepIndicator";
@@ -10,11 +10,17 @@ import { Deliverables } from "@/components/gig-create/Deliverables";
 import { Pricing } from "@/components/gig-create/Pricing";
 import { Availability } from "@/components/gig-create/Availability";
 import { ReviewAndPublish } from "@/components/gig-create/ReviewAndPublish";
+import { useGigCreateStore } from "@/store/gigCreate.store";
 
 export default function GigCreatePage() {
     const [currentStep, setCurrentStep] = useState(1);
     const totalSteps = 6;
-
+    const reset = useGigCreateStore((s) => s.reset);
+    const setMode = useGigCreateStore((s) => s.setMode);
+    useEffect(() => {
+        reset();
+        setMode("create");
+    }, []);
     const nextStep = () => {
         if (currentStep < totalSteps) {
             setCurrentStep((prev) => prev + 1);
@@ -36,6 +42,7 @@ export default function GigCreatePage() {
         }
     };
     return (
+
         <div className="min-h-screen bg-gray-50/50">
             <Navbar />
 
@@ -96,5 +103,5 @@ export default function GigCreatePage() {
                 </div>
             </div>
         </div>
-    );
+    )
 }
diff --git a/apps/web/components/gig-create/Availability.tsx b/apps/web/components/gig-create/Availability.tsx
index 911c77d..beb0885 100644
--- a/apps/web/components/gig-create/Availability.tsx
+++ b/apps/web/components/gig-create/Availability.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import React, { useState } from "react";
-import { FaPlus, FaCalendarAlt, FaCheck, FaTimes } from "react-icons/fa";
+import React, { useState } from "react";
+import { FaPlus, FaCalendarAlt, FaCheck, FaTimes } from "react-icons/fa";
 
 import api from "@/lib/axios.client";
 import { AvailabilitySlot, useGigCreateStore, WeeklyRule } from "@/store/gigCreate.store";
diff --git a/apps/web/components/gig-create/Deliverables.tsx b/apps/web/components/gig-create/Deliverables.tsx
index 49afcbe..10a627d 100644
--- a/apps/web/components/gig-create/Deliverables.tsx
+++ b/apps/web/components/gig-create/Deliverables.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import React, { useState } from "react";
-import { FaImage, FaVideo, FaFileAlt } from "react-icons/fa";
+import React, { useState } from "react";
+import { FaImage, FaVideo, FaFileAlt } from "react-icons/fa";
 
 import api from "@/lib/axios.client";
 import { useGigCreateStore } from "@/store/gigCreate.store";
@@ -15,7 +15,6 @@ interface DeliverablesProps {
 
 export function Deliverables({ onBack, onNext }: DeliverablesProps) {
     const { gigId, setDeliverables, deliverables } = useGigCreateStore();
-
     const initialDeliverable = deliverables[0] || {};
     const [contentType, setcontentType] = useState<
   "video" | "image" | "text"
diff --git a/apps/web/components/gig-create/GigDetails.tsx b/apps/web/components/gig-create/GigDetails.tsx
index 797283e..e14e618 100644
--- a/apps/web/components/gig-create/GigDetails.tsx
+++ b/apps/web/components/gig-create/GigDetails.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import { useState } from "react";
-import { FaInstagram, FaYoutube, FaTiktok, FaUser, FaUsers } from "react-icons/fa";
+import { useEffect, useState } from "react";
+import { FaInstagram, FaYoutube, FaTiktok, FaUser, FaUsers } from "react-icons/fa";
 
 import api from "@/lib/axios.client";
 import { useGigCreateStore } from "@/store/gigCreate.store";
@@ -23,18 +23,28 @@ type GigDetailsForm = {
     tags: string[];
 };
 
+
 export function GigDetails({ onNext }: GigDetailsProps) {
-    const { setGigId, setDetails, details } = useGigCreateStore();
+    const { gigId, mode, setGigId, setDetails, details } = useGigCreateStore();
 
     const [form, setForm] = useState<GigDetailsForm>({
-        title: details.title || "",
-        shortDescription: details.shortDescription || "",
-        platform: details.platform || "instagram",
-        gigType: details.gigType || "solo",
-        category: details.category || "",
-        tags: details.tags || []
+        title: "",
+        shortDescription: "",
+        platform: "instagram",
+        gigType: "solo",
+        category: "",
+        tags: []
     });
-
+    useEffect(() => {
+        setForm({
+            title: details.title || "",
+            shortDescription: details.shortDescription || "",
+            platform: details.platform || "instagram",
+            gigType: details.gigType || "solo",
+            category: details.category || "",
+            tags: details.tags || []
+        });
+    }, [details]);
     const [isLoading, setIsLoading] = useState(false);
 
     const handleChange = <K extends keyof GigDetailsForm>(
@@ -50,15 +60,26 @@ export function GigDetails({ onNext }: GigDetailsProps) {
     const handleSubmit = async () => {
         if (isLoading) return;
         setIsLoading(true);
+
         try {
-            const response = await api.post("gigs/create_gig", form);
+            if (mode === "create") {
+                const response = await api.post("/gigs/create_gig", form);
 
-            const gigId = response.data.data._id;
+                const createdGigId = response.data.data._id;
 
-            setGigId(gigId);
-            setDetails(form);
+                setGigId(createdGigId);
+            } else {
+                if (!gigId) {
+                    console.error("Gig ID missing for edit");
+                    return;
+                }
 
+                await api.patch(`/gigs/${gigId}`, form);
+            }
+
+            setDetails(form);
             onNext();
+
         } catch (err) {
             console.error(err);
         } finally {
@@ -66,7 +87,6 @@ export function GigDetails({ onNext }: GigDetailsProps) {
         }
     };
 
-
     return (
         <div className="p-8 sm:p-10 space-y-8">
             {/* Section: Basic Info */}
diff --git a/apps/web/components/gig-create/Pricing.tsx b/apps/web/components/gig-create/Pricing.tsx
index 3331c33..3efe8b4 100644
--- a/apps/web/components/gig-create/Pricing.tsx
+++ b/apps/web/components/gig-create/Pricing.tsx
@@ -19,7 +19,6 @@ export function Pricing({ onBack, onNext }: PricingProps) {
     const [revisionsIncluded, setRevisionsIncluded] = useState<number>(pricing?.revisionsIncluded || 0);
     const [currency] = useState<"USD" | "INR">(pricing?.currency || "USD");
     const [isLoading, setIsLoading] = useState(false);
-
     const handleSubmit = async () => {
         if (!gigId || isLoading) {
             if (!gigId) console.error("Gig ID missing");
diff --git a/apps/web/components/gig-create/ReviewAndPublish.tsx b/apps/web/components/gig-create/ReviewAndPublish.tsx
index 989e8bf..91bb62d 100644
--- a/apps/web/components/gig-create/ReviewAndPublish.tsx
+++ b/apps/web/components/gig-create/ReviewAndPublish.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import React from "react";
-import { FaEdit, FaCheckCircle, FaVideo, FaImage, FaFileAlt, FaInfoCircle } from "react-icons/fa";
+import React from "react";
+import { FaEdit, FaCheckCircle, FaVideo, FaImage, FaFileAlt, FaInfoCircle } from "react-icons/fa";
 
 import { AvailabilitySlot, useGigCreateStore, WeeklyRule } from "@/store/gigCreate.store";
 import api from "@/lib/axios.client";
@@ -187,21 +187,23 @@ export function ReviewAndPublish({ onBack, onNext, goToStep }: ReviewAndPublishP
     }));
 
     const handlePublish = async () => {
-        if (!gigId || isLoading) {
-            if (!gigId) console.error("Gig ID missing");
-            return;
-        }
-
-        setIsLoading(true);
-        try {
-            await api.post(`/gigs/${gigId}/publish`);
-            onNext();
-        } catch (error) {
-            console.error("Error publishing gig:", error);
-        } finally {
-            setIsLoading(false);
-        }
-    };
+  if (!gigId) {
+    console.error("Gig ID missing");
+    return;
+  }
+
+  try {
+    await api.post(`/gigs/${gigId}/publish`);
+
+    console.log("Published successfully");
+
+    onNext?.();   // clean optional chaining
+  } catch (error) {
+    console.error("Publish failed:", error);
+  }finally {
+    setIsLoading(false);
+  }
+};
 
     return (
         <div className="p-8 sm:p-10">
diff --git a/apps/web/components/gig-edit/gig_edit.tsx b/apps/web/components/gig-edit/gig_edit.tsx
new file mode 100644
index 0000000..cb1469c
--- /dev/null
+++ b/apps/web/components/gig-edit/gig_edit.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import { useState } from "react";
+
+import { StepIndicator } from "../gig-create/StepIndicator";
+import { GigDetails } from "../gig-create/GigDetails";
+import { Deliverables } from "../gig-create/Deliverables";
+import { Pricing } from "../gig-create/Pricing";
+import { Availability } from "../gig-create/Availability";
+import { ReviewAndPublish } from "../gig-create/ReviewAndPublish";
+
+export default function GigWizard() {
+  const [currentStep, setCurrentStep] = useState(1);
+
+  const next = () => setCurrentStep((prev) => prev + 1);
+  const back = () => setCurrentStep((prev) => prev - 1);
+
+  return (
+    <div>
+      <StepIndicator currentStep={currentStep} />
+
+      {currentStep === 1 && <GigDetails onNext={next} />}
+      {currentStep === 2 && <Deliverables onNext={next} onBack={back} />}
+      {currentStep === 3 && <Pricing onNext={next} onBack={back} />}
+      {currentStep === 4 && <Availability onNext={next} onBack={back} />}
+      {currentStep === 5 && (
+        <ReviewAndPublish
+          onBack={back}
+          onNext={next}
+          goToStep={setCurrentStep}
+        />
+        
+      )}
+      {currentStep === 6 && (
+  <div className="p-16 text-center">
+    <h2>Gig Published Successfully!</h2>
+  </div>
+)}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/apps/web/store/gigCreate.store.ts b/apps/web/store/gigCreate.store.ts
index d061fa0..48e0378 100644
--- a/apps/web/store/gigCreate.store.ts
+++ b/apps/web/store/gigCreate.store.ts
@@ -38,8 +38,10 @@ export interface AvailabilityState {
 }
 
 interface GigCreateState {
+  mode: "create" | "edit";
+  setMode: (mode: "create" | "edit") => void;
   gigId: string | null;
-
+  
   details: {
     title: string;
     shortDescription: string;
@@ -62,6 +64,8 @@ interface GigCreateState {
 }
 
 export const useGigCreateStore = create<GigCreateState>((set) => ({
+  mode: "create",
+  setMode: (mode) => set({ mode }),
   gigId: null,
 
   details: {
@@ -94,20 +98,21 @@ export const useGigCreateStore = create<GigCreateState>((set) => ({
     set({ availability: data }),
 
   reset: () =>
-    set({
-      gigId: null,
-      details: {
-        title: "",
-        shortDescription: "",
-        platform: "instagram",
-        gigType: "solo",
-        category: "",
-        tags: []
-      },
-      deliverables: [],
-      pricing: null,
-      availability: null
-    })
+  set({
+    mode: "create",
+    gigId: null,
+    details: {
+      title: "",
+      shortDescription: "",
+      platform: "instagram",
+      gigType: "solo",
+      category: "",
+      tags: []
+    },
+    deliverables: [],
+    pricing: null,
+    availability: null
+  })
 }));
 
 

From a21e7bead9f25a17013bee7ac4b33999a86f53f7 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Fri, 6 Mar 2026 10:16:07 +0530
Subject: [PATCH 60/61] feat:gig-details

---
 .github/workflows/ci.yml          |   2 +-
 apps/web/app/gig-details/page.tsx | 507 ++++++++++++++++++++++++++++++
 apps/web/next.config.ts           |   8 +
 3 files changed, 516 insertions(+), 1 deletion(-)
 create mode 100644 apps/web/app/gig-details/page.tsx

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 40740f8..6a617b6 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -2,7 +2,7 @@ name: CI
 
 on:
   push:
-    branches: [main]
+    branches: [main, dev]
   pull_request:
 
 jobs:
diff --git a/apps/web/app/gig-details/page.tsx b/apps/web/app/gig-details/page.tsx
new file mode 100644
index 0000000..b0bd86d
--- /dev/null
+++ b/apps/web/app/gig-details/page.tsx
@@ -0,0 +1,507 @@
+import Image from "next/image";
+import Link from "next/link";
+import {
+    Star, MapPin, CheckCircle2, ChevronRight, Play, Heart,
+    MessageSquare, BarChart2, StarHalf, Check,
+    Share, MoreHorizontal, ShieldCheck, Clock, CheckCircle,
+    BarChart, Users, Instagram, Info
+} from "lucide-react";
+
+export default function GigDetailsPage() {
+    const portfolio = [
+        { type: 'video', src: 'https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?auto=format&fit=crop&q=80&w=400' },
+        { type: 'video', src: 'https://images.unsplash.com/photo-1611162617474-5b21e879e113?auto=format&fit=crop&q=80&w=400' },
+        { type: 'video', src: 'https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&q=80&w=400' },
+        { type: 'image', src: 'https://images.unsplash.com/photo-1584273143981-41c073dfe8f8?auto=format&fit=crop&q=80&w=400' },
+        { type: 'image', src: 'https://images.unsplash.com/photo-1550614000-4b9015c9a09e?auto=format&fit=crop&q=80&w=400' },
+        { type: 'image', src: 'https://images.unsplash.com/photo-1504198458649-3128b932f49e?auto=format&fit=crop&q=80&w=400', count: "+12 More" },
+    ];
+
+    const reviews = [
+        { name: "Mikaela Smith", time: "1 month ago", text: "Priya delivered exceptionally well. The content was highly engaging and resonated perfectly with our brand's audience. Cannot recommend her enough!", rating: 5, avatar: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?auto=format&fit=crop&q=80&w=100" },
+        { name: "Ryan Carter", time: "2 months ago", text: "Incredible eye for detail! We were stunned by the quality of her videos. Will definitely rehire for upcoming campaigns.", rating: 5, avatar: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&q=80&w=100" },
+        { name: "Sophia Martinez", time: "3 months ago", text: "Great communication and very timely delivery. The reels were creative and brought in a lot of new followers for our page.", rating: 5, avatar: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&q=80&w=100" }
+    ];
+
+    const similarGigs = [
+        { name: "Emma Red", title: "I will create stunning Instagram reels for your fashion brand", price: "12,000", rating: "4.8", reviews: "124", img: "https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?auto=format&fit=crop&q=80&w=400", avatar: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&q=80&w=100", type: "Instagram Reel" },
+        { name: "Maya Patel", title: "Beauty product review and tutorial on Instagram", price: "18,500", rating: "4.9", reviews: "89", img: "https://images.unsplash.com/photo-1504198458649-3128b932f49e?auto=format&fit=crop&q=80&w=400", avatar: "https://images.unsplash.com/photo-1517841905240-472988babdf9?auto=format&fit=crop&q=80&w=100", type: "Story Post" },
+        { name: "Zoe Miller", title: "Lifestyle product placement in my daily vlogs", price: "22,000", rating: "4.7", reviews: "210", img: "https://images.unsplash.com/photo-1584273143981-41c073dfe8f8?auto=format&fit=crop&q=80&w=400", avatar: "https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&q=80&w=100", type: "Instagram Post" }
+    ];
+
+    return (
+        <div className="min-h-screen bg-[#F8FAFC] font-sans text-gray-900">
+            {/* Navigation Bar */}
+            <nav className="fixed top-0 left-0 right-0 z-50 bg-white border-b border-gray-100 shadow-sm px-6 h-20 flex items-center justify-between">
+                <div className="flex items-center gap-8">
+                    <Link href="/" className="text-2xl font-bold tracking-tight text-gray-900">Nollin</Link>
+                    <div className="hidden md:flex items-center gap-6 text-sm font-medium text-gray-600">
+                        <Link href="#" className="hover:text-gray-900 transition-colors">Find Influencers</Link>
+                        <Link href="#" className="hover:text-gray-900 transition-colors">How it Works</Link>
+                        <Link href="#" className="hover:text-gray-900 transition-colors">For Brands</Link>
+                    </div>
+                </div>
+                <div className="flex items-center gap-4">
+                    <Link href="#" className="text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors">Sign In</Link>
+                    <button className="bg-[#0CAF60] hover:bg-[#0A9652] text-white px-5 py-2.5 rounded-full text-sm font-semibold transition-colors">
+                        Get Started
+                    </button>
+                </div>
+            </nav>
+
+            <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 pt-28">
+                {/* Breadcrumb */}
+                <div className="flex items-center text-sm text-gray-500 mb-8 font-medium">
+                    <Link href="/" className="hover:text-gray-900">Home</Link>
+                    <ChevronRight className="w-4 h-4 mx-2" />
+                    <Link href="#" className="hover:text-gray-900">Beauty Influencers</Link>
+                    <ChevronRight className="w-4 h-4 mx-2" />
+                    <span className="text-gray-900">Priya Sharma</span>
+                </div>
+
+                <div className="flex flex-col lg:flex-row gap-10 relative items-start">
+
+                    {/* Main Left Column */}
+                    <div className="w-full lg:w-[65%] xl:w-[70%] space-y-8">
+
+                        {/* Header / Basic Info */}
+                        <div>
+                            <div className="flex items-center gap-4 mb-5">
+                                <Image src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=150" alt="Priya Sharma" width={64} height={64} className="rounded-full object-cover border border-gray-100 shadow-sm" />
+                                <div>
+                                    <div className="flex items-center gap-2">
+                                        <h1 className="text-xl font-bold text-gray-900">Priya Sharma</h1>
+                                        <span className="bg-[#E6F6ED] text-[#0CAF60] text-xs font-bold px-2.5 py-1 rounded-full flex items-center gap-1">
+                                            <CheckCircle2 className="w-3 h-3 fill-current" />
+                                            Verified
+                                        </span>
+                                    </div>
+                                    <div className="text-sm text-gray-500 flex items-center gap-3 mt-1 font-medium">
+                                        <span>Fashion & Beauty | Vlogger</span>
+                                        <span className="w-1 h-1 bg-gray-300 rounded-full"></span>
+                                        <span className="flex items-center text-gray-700">
+                                            <Star className="w-4 h-4 fill-yellow-400 text-yellow-400 mr-1" />
+                                            <span className="font-bold mr-1">4.9</span> (120 Reviews)
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <h2 className="text-3xl font-extrabold text-gray-900 leading-tight mb-5 pr-8">
+                                I will promote your brand with 2 Instagram reels and story highlights
+                            </h2>
+
+                            <div className="flex flex-wrap items-center gap-4 text-sm font-medium">
+                                <span className="flex items-center text-gray-700 bg-white px-3 py-1.5 rounded-full border border-gray-200">
+                                    <Star className="w-4 h-4 text-yellow-500 mr-2" />
+                                    Top Rated Influencer
+                                </span>
+                                <span className="flex items-center text-gray-700 bg-white px-3 py-1.5 rounded-full border border-gray-200">
+                                    <Heart className="w-4 h-4 text-gray-400 mr-2" />
+                                    Save to favorites
+                                </span>
+                                <span className="flex items-center text-gray-700 bg-white px-3 py-1.5 rounded-full border border-gray-200">
+                                    <Share className="w-4 h-4 text-gray-400 mr-2" />
+                                    Share Gig
+                                </span>
+                            </div>
+                        </div>
+
+                        {/* About this Gig */}
+                        <div className="bg-white rounded-2xl p-8 border border-gray-100 shadow-sm">
+                            <h3 className="text-xl font-bold text-gray-900 mb-4">About this Gig</h3>
+                            <p className="text-gray-600 leading-relaxed font-medium">
+                                Are you looking to skyrocket your brand's presence on Instagram? Look no further! I specialize in creating highly engaging, trendy, and authentic content tailored for the fashion and beauty industry. With over 245K active followers, I guarantee your product will be showcased to a vibrant and responsive audience.
+                            </p>
+
+                            <h4 className="font-bold text-gray-900 mt-6 mb-3">What You Will Receive:</h4>
+                            <ul className="space-y-3 font-medium text-gray-600">
+                                <li className="flex items-start gap-3"><CheckCircle className="w-5 h-5 text-[#0CAF60] shrink-0 mt-0.5" /><span>2 High-quality, professionally edited Instagram Reels featuring your product prominently.</span></li>
+                                <li className="flex items-start gap-3"><CheckCircle className="w-5 h-5 text-[#0CAF60] shrink-0 mt-0.5" /><span>3 Story frames with interactive elements (polls/questions) to drive engagement.</span></li>
+                                <li className="flex items-start gap-3"><CheckCircle className="w-5 h-5 text-[#0CAF60] shrink-0 mt-0.5" /><span>Story Highlight placement on my profile for 30 days.</span></li>
+                                <li className="flex items-start gap-3"><CheckCircle className="w-5 h-5 text-[#0CAF60] shrink-0 mt-0.5" /><span>Performance report with detailed analytics delivered 7 days after posting.</span></li>
+                            </ul>
+
+                            <h4 className="font-bold text-gray-900 mt-6 mb-3">Custom Offers:</h4>
+                            <p className="text-gray-600 leading-relaxed font-medium">
+                                Need more reels or a long-term partnership? I am open to discussing custom packages that suit your brand's specific needs. Feel free to shoot me a message before placing an order to discuss your strategy and goals.
+                            </p>
+                        </div>
+
+                        {/* Deliverables */}
+                        <div className="bg-white rounded-2xl p-8 border border-gray-100 shadow-sm">
+                            <h3 className="text-xl font-bold text-gray-900 mb-6">Deliverables</h3>
+                            <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+                                {[
+                                    { icon: <Instagram className="w-6 h-6 text-pink-500" />, title: 'Instagram Video', platforms: 'Instagram, Facebook' },
+                                    { icon: <Instagram className="w-6 h-6 text-pink-500" />, title: 'Story Posts', platforms: 'Instagram' },
+                                    { icon: <Instagram className="w-6 h-6 text-pink-500" />, title: 'Carousel Posts', platforms: 'Instagram' },
+                                ].map((item, i) => (
+                                    <div key={i} className="flex flex-col p-5 rounded-xl border border-gray-100 bg-gray-50/50 hover:bg-white hover:border-[#0CAF60]/30 hover:shadow-md transition-all duration-300">
+                                        <div className="w-12 h-12 bg-white rounded-xl shadow-sm flex items-center justify-center mb-4">
+                                            {item.icon}
+                                        </div>
+                                        <h4 className="font-bold text-gray-900 mb-1">{item.title}</h4>
+                                        <p className="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-4">DELIVERY PLATFORM</p>
+                                        <p className="text-sm font-medium text-gray-700 mt-auto">{item.platforms}</p>
+                                    </div>
+                                ))}
+                            </div>
+                        </div>
+
+                        {/* Portfolio & Past Work */}
+                        <div className="bg-white rounded-2xl p-8 border border-gray-100 shadow-sm">
+                            <div className="flex items-center justify-between mb-6">
+                                <h3 className="text-xl font-bold text-gray-900">Portfolio & Past Work</h3>
+                                <Link href="#" className="text-[#0CAF60] font-bold text-sm hover:underline">View All</Link>
+                            </div>
+                            <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
+                                {portfolio.map((item, i) => (
+                                    <div key={i} className="relative aspect-square rounded-xl overflow-hidden group cursor-pointer bg-gray-100">
+                                        <Image src={item.src} alt="Portfolio item" fill className="object-cover transition-transform duration-500 group-hover:scale-105" />
+                                        {item.type === 'video' && (
+                                            <div className="absolute inset-0 flex items-center justify-center bg-black/20 group-hover:bg-black/30 transition-colors">
+                                                <div className="w-10 h-10 bg-white/90 rounded-full flex items-center justify-center shadow-lg">
+                                                    <Play className="w-4 h-4 text-gray-900 ml-1" />
+                                                </div>
+                                            </div>
+                                        )}
+                                        {item.count && (
+                                            <div className="absolute inset-0 flex items-center justify-center bg-white/90 backdrop-blur-sm">
+                                                <span className="font-bold text-gray-900">{item.count}</span>
+                                            </div>
+                                        )}
+                                    </div>
+                                ))}
+                            </div>
+                        </div>
+
+                        {/* Audience Insights */}
+                        <div className="bg-white rounded-2xl p-8 border border-gray-100 shadow-sm">
+                            <h3 className="text-xl font-bold text-gray-900 mb-6">Audience Insights</h3>
+                            <div className="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8">
+                                <div className="p-4 bg-blue-50/50 rounded-xl border border-blue-100/50">
+                                    <div className="flex items-center gap-2 text-blue-600 mb-2">
+                                        <Users className="w-4 h-4" />
+                                        <span className="text-xs font-bold uppercase">Followers</span>
+                                    </div>
+                                    <div className="text-3xl font-extrabold text-gray-900 mb-1">245K</div>
+                                    <div className="text-xs font-bold text-[#0CAF60] flex items-center gap-1">+1.5% this month</div>
+                                </div>
+                                <div className="p-4 bg-purple-50/50 rounded-xl border border-purple-100/50">
+                                    <div className="flex items-center gap-2 text-purple-600 mb-2">
+                                        <BarChart className="w-4 h-4" />
+                                        <span className="text-xs font-bold uppercase">Engagement rate</span>
+                                    </div>
+                                    <div className="text-3xl font-extrabold text-gray-900 mb-1">4.8%</div>
+                                    <div className="text-xs font-medium text-gray-500">Above average</div>
+                                </div>
+                                <div className="p-4 bg-pink-50/50 rounded-xl border border-pink-100/50">
+                                    <div className="flex items-center gap-2 text-pink-600 mb-2">
+                                        <Heart className="w-4 h-4" />
+                                        <span className="text-xs font-bold uppercase">Avg. Likes</span>
+                                    </div>
+                                    <div className="text-3xl font-extrabold text-gray-900 mb-1">11.8K</div>
+                                    <div className="text-xs font-medium text-gray-500">Per post average</div>
+                                </div>
+                                <div className="p-4 bg-orange-50/50 rounded-xl border border-orange-100/50">
+                                    <div className="flex items-center gap-2 text-orange-600 mb-2">
+                                        <MessageSquare className="w-4 h-4" />
+                                        <span className="text-xs font-bold uppercase">Avg. Comments</span>
+                                    </div>
+                                    <div className="text-3xl font-extrabold text-gray-900 mb-1">487</div>
+                                    <div className="text-xs font-medium text-gray-500">Per post average</div>
+                                </div>
+                            </div>
+
+                            <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+                                <div>
+                                    <h4 className="font-bold text-sm text-gray-900 mb-4">Top Countries</h4>
+                                    <div className="space-y-4 font-medium text-sm">
+                                        <div>
+                                            <div className="flex justify-between mb-1"><span>United States</span><span className="font-bold">54%</span></div>
+                                            <div className="w-full bg-gray-100 rounded-full h-1.5"><div className="bg-[#0CAF60] h-1.5 rounded-full" style={{ width: '54%' }}></div></div>
+                                        </div>
+                                        <div>
+                                            <div className="flex justify-between mb-1"><span>United Kingdom</span><span className="font-bold">18%</span></div>
+                                            <div className="w-full bg-gray-100 rounded-full h-1.5"><div className="bg-[#0CAF60] h-1.5 rounded-full" style={{ width: '18%' }}></div></div>
+                                        </div>
+                                        <div>
+                                            <div className="flex justify-between mb-1"><span>India</span><span className="font-bold">11%</span></div>
+                                            <div className="w-full bg-gray-100 rounded-full h-1.5"><div className="bg-[#0CAF60] h-1.5 rounded-full" style={{ width: '11%' }}></div></div>
+                                        </div>
+                                        <div>
+                                            <div className="flex justify-between mb-1"><span>Australia</span><span className="font-bold">5%</span></div>
+                                            <div className="w-full bg-gray-100 rounded-full h-1.5"><div className="bg-[#0CAF60] h-1.5 rounded-full" style={{ width: '5%' }}></div></div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div>
+                                    <h4 className="font-bold text-sm text-gray-900 mb-4">Age Range</h4>
+                                    <div className="space-y-4 font-medium text-sm">
+                                        <div>
+                                            <div className="flex justify-between mb-1"><span>18-24</span><span className="font-bold">42%</span></div>
+                                            <div className="w-full bg-gray-100 rounded-full h-1.5"><div className="bg-blue-500 h-1.5 rounded-full" style={{ width: '42%' }}></div></div>
+                                        </div>
+                                        <div>
+                                            <div className="flex justify-between mb-1"><span>25-34</span><span className="font-bold">38%</span></div>
+                                            <div className="w-full bg-gray-100 rounded-full h-1.5"><div className="bg-blue-500 h-1.5 rounded-full" style={{ width: '38%' }}></div></div>
+                                        </div>
+                                        <div>
+                                            <div className="flex justify-between mb-1"><span>35-44</span><span className="font-bold">12%</span></div>
+                                            <div className="w-full bg-gray-100 rounded-full h-1.5"><div className="bg-blue-500 h-1.5 rounded-full" style={{ width: '12%' }}></div></div>
+                                        </div>
+                                        <div>
+                                            <div className="flex justify-between mb-1"><span>Under 18</span><span className="font-bold">8%</span></div>
+                                            <div className="w-full bg-gray-100 rounded-full h-1.5"><div className="bg-blue-500 h-1.5 rounded-full" style={{ width: '8%' }}></div></div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div>
+                                    <h4 className="font-bold text-sm text-gray-900 mb-4">Gender Split</h4>
+                                    <div className="flex h-4 rounded-full overflow-hidden mb-4">
+                                        <div className="bg-pink-400 h-full" style={{ width: '68%' }}></div>
+                                        <div className="bg-blue-400 h-full" style={{ width: '32%' }}></div>
+                                    </div>
+                                    <div className="flex items-center gap-6 font-medium text-sm">
+                                        <div className="flex items-center gap-2"><div className="w-3 h-3 rounded-full bg-pink-400"></div> Female (68%)</div>
+                                        <div className="flex items-center gap-2"><div className="w-3 h-3 rounded-full bg-blue-400"></div> Male (32%)</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        {/* Reviews Section */}
+                        <div className="bg-white rounded-2xl p-8 border border-gray-100 shadow-sm flex flex-col md:flex-row gap-10">
+                            <div className="w-full md:w-1/3">
+                                <div className="text-5xl font-extrabold text-gray-900 mb-2">4.9</div>
+                                <div className="flex items-center gap-1 mb-2">
+                                    {[1, 2, 3, 4, 5].map(i => <Star key={i} className="w-5 h-5 fill-[#FACC15] text-[#FACC15]" />)}
+                                </div>
+                                <div className="text-sm font-medium text-gray-500 mb-6">Based on 120 reviews</div>
+
+                                <div className="space-y-2">
+                                    {[5, 4, 3, 2, 1].map((stars, i) => {
+                                        const pct = stars === 5 ? 85 : stars === 4 ? 12 : 3;
+                                        return (
+                                            <div key={i} className="flex items-center gap-3 text-sm font-medium text-gray-600">
+                                                <div className="w-4 text-right">{stars}</div>
+                                                <Star className="w-3 h-3 fill-gray-400 text-gray-400" />
+                                                <div className="flex-1 h-1.5 bg-gray-100 rounded-full overflow-hidden">
+                                                    <div className="h-full bg-[#FACC15] rounded-full" style={{ width: `${pct}%` }}></div>
+                                                </div>
+                                                <div className="w-8 text-right text-xs">{pct}%</div>
+                                            </div>
+                                        )
+                                    })}
+                                </div>
+                            </div>
+                            <div className="w-full md:w-2/3 space-y-6">
+                                {reviews.map((rev, i) => (
+                                    <div key={i} className="border-b border-gray-100 last:border-0 pb-6 last:pb-0">
+                                        <div className="flex items-center justify-between mb-3">
+                                            <div className="flex items-center gap-3">
+                                                <Image src={rev.avatar} alt={rev.name} width={40} height={40} className="rounded-full object-cover" />
+                                                <div>
+                                                    <div className="font-bold text-gray-900 flex items-center gap-2">
+                                                        {rev.name}
+                                                        <span className="bg-[#E6F6ED] text-[#0CAF60] text-[10px] font-bold px-2 py-0.5 rounded flex items-center gap-1 mt-0.5">
+                                                            <CheckCircle2 className="w-2.5 h-2.5" /> VERIFIED BUYER
+                                                        </span>
+                                                    </div>
+                                                    <div className="text-xs font-medium text-gray-500">{rev.time}</div>
+                                                </div>
+                                            </div>
+                                            <div className="flex gap-0.5">
+                                                {[1, 2, 3, 4, 5].map((s) => (
+                                                    <Star key={s} className={`w-3.5 h-3.5 ${s <= rev.rating ? 'fill-[#FACC15] text-[#FACC15]' : 'fill-gray-200 text-gray-200'}`} />
+                                                ))}
+                                            </div>
+                                        </div>
+                                        <p className="text-gray-600 font-medium text-sm leading-relaxed">{rev.text}</p>
+                                    </div>
+                                ))}
+                                <div className="pt-2 text-center text-sm font-bold text-[#0CAF60] hover:underline cursor-pointer">
+                                    View All Verified Reviews
+                                </div>
+                            </div>
+                        </div>
+
+                        {/* About the Influencer */}
+                        <div className="bg-white rounded-2xl p-8 border border-gray-100 shadow-sm">
+                            <h3 className="text-xl font-bold text-gray-900 mb-6">About the Influencer</h3>
+                            <div className="flex flex-col md:flex-row gap-8">
+                                <div className="flex-1">
+                                    <p className="text-gray-600 font-medium leading-relaxed mb-6">
+                                        A vibrant fashion and lifestyle content creator based in London. My mission is to empower individuals to express their authentic selves through style. I blend high-street finds with luxury statement pieces to create accessible yet aspirational looks. My content is bright, energetic, and highly interactive.
+                                    </p>
+                                    <p className="text-gray-600 font-medium leading-relaxed">
+                                        I believe in genuine partnerships. When I recommend a product, it's because I truly use and love it, which reflects directly on the engagement and trust my audience places in my sponsored content. Let's create something beautiful together!
+                                    </p>
+                                </div>
+                                <div className="md:w-64 space-y-4">
+                                    <div className="p-4 bg-gray-50 rounded-xl border border-gray-100">
+                                        <div className="text-xs font-bold text-gray-500 uppercase mb-1">MEMBER SINCE</div>
+                                        <div className="font-bold text-gray-900">May 12, 2021</div>
+                                    </div>
+                                    <div className="p-4 bg-gray-50 rounded-xl border border-gray-100">
+                                        <div className="text-xs font-bold text-gray-500 uppercase mb-1">LANGUAGES</div>
+                                        <div className="font-bold text-gray-900">English, Hindi</div>
+                                    </div>
+                                    <div className="p-4 bg-gray-50 rounded-xl border border-gray-100">
+                                        <div className="text-xs font-bold text-gray-500 uppercase mb-1">RESPONSE RATE</div>
+                                        <div className="font-bold text-gray-900">98% (Within 2 hrs)</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        {/* Similar Gigs */}
+                        <div>
+                            <div className="flex items-center justify-between mb-6">
+                                <h3 className="text-xl font-bold text-gray-900">Similar Gigs You May Like</h3>
+                                <Link href="#" className="text-[#0CAF60] font-bold text-sm hover:underline">View All</Link>
+                            </div>
+                            <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+                                {similarGigs.map((gig, i) => (
+                                    <div key={i} className="bg-white rounded-2xl overflow-hidden border border-gray-100 shadow-sm hover:shadow-md transition-shadow group cursor-pointer">
+                                        <div className="relative h-48 w-full overflow-hidden">
+                                            <Image src={gig.img} alt={gig.title} fill className="object-cover group-hover:scale-105 transition-transform duration-500" />
+                                            <div className="absolute top-3 right-3 bg-white/90 backdrop-blur-sm px-2.5 py-1 rounded-full text-xs font-bold flex items-center gap-1.5 shadow-sm">
+                                                <Instagram className="w-3.5 h-3.5 text-pink-500" /> {gig.type}
+                                            </div>
+                                        </div>
+                                        <div className="p-5">
+                                            <div className="flex items-center gap-2 mb-3">
+                                                <Image src={gig.avatar} alt={gig.name} width={24} height={24} className="rounded-full object-cover" />
+                                                <span className="text-sm font-bold text-gray-900">{gig.name}</span>
+                                                <CheckCircle2 className="w-3.5 h-3.5 text-[#0CAF60] fill-current" />
+                                            </div>
+                                            <h4 className="font-bold text-gray-900 leading-snug mb-4 line-clamp-2 h-11 group-hover:text-[#0CAF60] transition-colors">{gig.title}</h4>
+                                            <div className="flex items-center justify-between mt-auto">
+                                                <div className="flex items-center gap-1.5 text-sm font-bold text-gray-900">
+                                                    <Star className="w-4 h-4 fill-[#FACC15] text-[#FACC15]" /> {gig.rating} <span className="text-gray-400 font-medium">({gig.reviews})</span>
+                                                </div>
+                                                <div className="font-extrabold text-gray-900">
+                                                    <span className="text-xs text-gray-500 font-medium mr-1">From</span>
+                                                    ₹{gig.price}
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                ))}
+                            </div>
+                        </div>
+
+                    </div>
+
+                    {/* Right Sidebar (Sticky) */}
+                    <div className="w-full lg:w-[35%] xl:w-[30%] lg:sticky lg:top-28">
+                        <div className="bg-white rounded-2xl border border-gray-100 shadow-xl shadow-gray-200/40 p-1 flex flex-col relative overflow-hidden">
+
+                            {/* Tab headers */}
+                            <div className="flex border-b border-gray-100 p-1">
+                                <button className="flex-1 py-3 text-sm font-bold text-[#0CAF60] border-b-2 border-[#0CAF60]">Basic</button>
+                                <button className="flex-1 py-3 text-sm font-bold text-gray-500 hover:text-gray-800 transition-colors">Standard</button>
+                                <button className="flex-1 py-3 text-sm font-bold text-gray-500 hover:text-gray-800 transition-colors">Premium</button>
+                            </div>
+
+                            <div className="p-6">
+                                <div className="flex items-end gap-2 mb-2">
+                                    <span className="text-4xl font-extrabold text-gray-900">₹15,000</span>
+                                    <span className="text-gray-500 font-medium mb-1">/ project</span>
+                                </div>
+                                <h4 className="font-bold text-gray-900 mb-6 text-sm">2x Reels & Story Shoutouts</h4>
+
+                                <div className="space-y-4 mb-8">
+                                    <div className="flex items-center gap-3 text-gray-600 font-medium text-sm">
+                                        <Check className="w-5 h-5 text-[#0CAF60]" />
+                                        <span>Unlimited revisions before upload</span>
+                                    </div>
+                                    <div className="flex items-center gap-3 text-gray-600 font-medium text-sm">
+                                        <Check className="w-5 h-5 text-[#0CAF60]" />
+                                        <span>2 Days Delivery Period</span>
+                                    </div>
+                                    <div className="flex items-center gap-3 text-gray-600 font-medium text-sm">
+                                        <Check className="w-5 h-5 text-[#0CAF60]" />
+                                        <span>Story placement for 24h</span>
+                                    </div>
+                                    <div className="flex items-center gap-3 text-gray-600 font-medium text-sm">
+                                        <Check className="w-5 h-5 text-[#0CAF60]" />
+                                        <span>Detailed Analytics Report</span>
+                                    </div>
+                                </div>
+
+                                <div className="bg-gray-50 rounded-xl p-4 flex items-center justify-between mb-6 border border-gray-100">
+                                    <div className="font-bold text-sm text-gray-900">Total Deliverables</div>
+                                    <div className="font-bold text-[#0CAF60] text-sm bg-white px-3 py-1 rounded-lg border border-gray-100 shadow-sm">Reels + Story</div>
+                                </div>
+
+                                <button className="w-full bg-[#0CAF60] hover:bg-[#0A9652] text-white py-4 rounded-xl font-bold text-base transition-all shadow-lg shadow-[#0CAF60]/20 hover:shadow-[#0CAF60]/40 flex items-center justify-center gap-2 mb-4">
+                                    Purchase Package <ChevronRight className="w-5 h-5" />
+                                </button>
+
+                                <button className="w-full bg-white border-2 border-gray-200 hover:border-gray-900 hover:bg-gray-50 text-gray-900 py-4 rounded-xl font-bold text-base transition-all flex items-center justify-center gap-2">
+                                    <MessageSquare className="w-5 h-5" /> Message Influencer
+                                </button>
+
+                                <div className="mt-6 flex items-center justify-center gap-2 text-xs font-medium text-gray-500">
+                                    <ShieldCheck className="w-4 h-4 text-gray-400" /> Secure payment handled by Nollin
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="mt-6 text-center text-xs font-medium text-gray-400 flex items-center justify-center gap-1.5">
+                            <Info className="w-4 h-4" /> Report this Gig for policy violation
+                        </div>
+                    </div>
+
+                </div>
+            </main>
+
+            {/* Footer */}
+            <footer className="bg-[#111827] text-white pt-16 pb-8 border-t border-gray-800 mt-20">
+                <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+                    <div className="grid grid-cols-1 md:grid-cols-4 gap-12 mb-12">
+                        <div>
+                            <div className="text-2xl font-bold tracking-tight text-white mb-4">Nollin</div>
+                            <p className="text-gray-400 text-sm font-medium leading-relaxed mb-6">
+                                Connecting top brands with leading influencers to create authentic, engaging content that drives real results.
+                            </p>
+                        </div>
+                        <div>
+                            <h4 className="font-bold text-white mb-4">For Brands</h4>
+                            <ul className="space-y-3 text-sm font-medium text-gray-400">
+                                <li><Link href="#" className="hover:text-white transition-colors">Find Influencers</Link></li>
+                                <li><Link href="#" className="hover:text-white transition-colors">Post a Campaign</Link></li>
+                                <li><Link href="#" className="hover:text-white transition-colors">Pricing</Link></li>
+                            </ul>
+                        </div>
+                        <div>
+                            <h4 className="font-bold text-white mb-4">For Influencers</h4>
+                            <ul className="space-y-3 text-sm font-medium text-gray-400">
+                                <li><Link href="#" className="hover:text-white transition-colors">Join Network</Link></li>
+                                <li><Link href="#" className="hover:text-white transition-colors">Brand Guidelines</Link></li>
+                                <li><Link href="#" className="hover:text-white transition-colors">Success Stories</Link></li>
+                            </ul>
+                        </div>
+                        <div>
+                            <h4 className="font-bold text-white mb-4">Support</h4>
+                            <ul className="space-y-3 text-sm font-medium text-gray-400">
+                                <li><Link href="#" className="hover:text-white transition-colors">Help Center</Link></li>
+                                <li><Link href="#" className="hover:text-white transition-colors">Terms of Service</Link></li>
+                                <li><Link href="#" className="hover:text-white transition-colors">Privacy Policy</Link></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div className="border-t border-gray-800 pt-8 flex flex-col md:flex-row items-center justify-between text-sm font-medium text-gray-400">
+                        <div>© 2026 Nollin. All rights reserved.</div>
+                        <div className="flex items-center gap-6 mt-4 md:mt-0">
+                            <Link href="#" className="hover:text-white transition-colors"><Instagram className="w-5 h-5" /></Link>
+                        </div>
+                    </div>
+                </div>
+            </footer>
+        </div>
+    );
+}
diff --git a/apps/web/next.config.ts b/apps/web/next.config.ts
index 2f6491c..9848290 100644
--- a/apps/web/next.config.ts
+++ b/apps/web/next.config.ts
@@ -2,6 +2,14 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   reactStrictMode: true,
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "images.unsplash.com",
+      },
+    ],
+  },
 };
 
 export default nextConfig;

From 08a435501d1933220c0a557a8d6d08a64790db85 Mon Sep 17 00:00:00 2001
From: safvan <safuwanfazz@gmail.com>
Date: Fri, 6 Mar 2026 10:28:28 +0530
Subject: [PATCH 61/61] feat:Gig-details

---
 apps/web/app/gig-details/page.tsx             | 12 ++--
 apps/web/app/gig/[id]/edit/page.tsx           | 60 +++++++++----------
 apps/web/app/gig/create/page.tsx              |  8 ++-
 apps/web/app/influencer-profile-page/page.tsx |  3 +-
 apps/web/app/page.tsx                         | 29 ++++-----
 apps/web/next.config.ts                       |  4 ++
 6 files changed, 62 insertions(+), 54 deletions(-)

diff --git a/apps/web/app/gig-details/page.tsx b/apps/web/app/gig-details/page.tsx
index b0bd86d..23149ae 100644
--- a/apps/web/app/gig-details/page.tsx
+++ b/apps/web/app/gig-details/page.tsx
@@ -1,9 +1,9 @@
 import Image from "next/image";
 import Link from "next/link";
 import {
-    Star, MapPin, CheckCircle2, ChevronRight, Play, Heart,
-    MessageSquare, BarChart2, StarHalf, Check,
-    Share, MoreHorizontal, ShieldCheck, Clock, CheckCircle,
+    Star, CheckCircle2, ChevronRight, Play, Heart,
+    MessageSquare, Check,
+    Share, ShieldCheck, CheckCircle,
     BarChart, Users, Instagram, Info
 } from "lucide-react";
 
@@ -111,7 +111,7 @@ export default function GigDetailsPage() {
                         <div className="bg-white rounded-2xl p-8 border border-gray-100 shadow-sm">
                             <h3 className="text-xl font-bold text-gray-900 mb-4">About this Gig</h3>
                             <p className="text-gray-600 leading-relaxed font-medium">
-                                Are you looking to skyrocket your brand's presence on Instagram? Look no further! I specialize in creating highly engaging, trendy, and authentic content tailored for the fashion and beauty industry. With over 245K active followers, I guarantee your product will be showcased to a vibrant and responsive audience.
+                                Are you looking to skyrocket your brand&apos;s presence on Instagram? Look no further! I specialize in creating highly engaging, trendy, and authentic content tailored for the fashion and beauty industry. With over 245K active followers, I guarantee your product will be showcased to a vibrant and responsive audience.
                             </p>
 
                             <h4 className="font-bold text-gray-900 mt-6 mb-3">What You Will Receive:</h4>
@@ -124,7 +124,7 @@ export default function GigDetailsPage() {
 
                             <h4 className="font-bold text-gray-900 mt-6 mb-3">Custom Offers:</h4>
                             <p className="text-gray-600 leading-relaxed font-medium">
-                                Need more reels or a long-term partnership? I am open to discussing custom packages that suit your brand's specific needs. Feel free to shoot me a message before placing an order to discuss your strategy and goals.
+                                Need more reels or a long-term partnership? I am open to discussing custom packages that suit your brand&apos;s specific needs. Feel free to shoot me a message before placing an order to discuss your strategy and goals.
                             </p>
                         </div>
 
@@ -336,7 +336,7 @@ export default function GigDetailsPage() {
                                         A vibrant fashion and lifestyle content creator based in London. My mission is to empower individuals to express their authentic selves through style. I blend high-street finds with luxury statement pieces to create accessible yet aspirational looks. My content is bright, energetic, and highly interactive.
                                     </p>
                                     <p className="text-gray-600 font-medium leading-relaxed">
-                                        I believe in genuine partnerships. When I recommend a product, it's because I truly use and love it, which reflects directly on the engagement and trust my audience places in my sponsored content. Let's create something beautiful together!
+                                        I believe in genuine partnerships. When I recommend a product, it&apos;s because I truly use and love it, which reflects directly on the engagement and trust my audience places in my sponsored content. Let&apos;s create something beautiful together!
                                     </p>
                                 </div>
                                 <div className="md:w-64 space-y-4">
diff --git a/apps/web/app/gig/[id]/edit/page.tsx b/apps/web/app/gig/[id]/edit/page.tsx
index 99ff405..606b659 100644
--- a/apps/web/app/gig/[id]/edit/page.tsx
+++ b/apps/web/app/gig/[id]/edit/page.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import React, { useEffect, useState } from "react";
-import { useParams } from "next/navigation";
-import { FaCheck } from "react-icons/fa";
+import { useParams } from "next/navigation";
+import { FaCheck } from "react-icons/fa";
 
 import api from "@/lib/axios.client";
 import Navbar from "@/components/Navbar";
@@ -18,7 +18,7 @@ export default function EditGigPage() {
   const params = useParams();
   const [currentStep, setCurrentStep] = useState(1);
   const totalSteps = 6;
-    const setMode = useGigCreateStore((s) => s.setMode);
+  const setMode = useGigCreateStore((s) => s.setMode);
   const {
     setGigId,
     setDetails,
@@ -26,7 +26,7 @@ export default function EditGigPage() {
     setPricing,
     setAvailability
   } = useGigCreateStore();
-  
+
   useEffect(() => {
     setMode("edit");
     const fetchGig = async () => {
@@ -47,21 +47,21 @@ export default function EditGigPage() {
       setPricing(gig.pricing);
       console.log(gig.primaryInfluencerId)
       const influencerId =
-      typeof gig.primaryInfluencerId === "string"
-        ? gig.primaryInfluencerId
-        : gig.primaryInfluencerId?._id;
+        typeof gig.primaryInfluencerId === "string"
+          ? gig.primaryInfluencerId
+          : gig.primaryInfluencerId?._id;
 
-    if (influencerId) {
-      const availabilityRes = await api.get(
-        `/availability/${influencerId}`
-      );
+      if (influencerId) {
+        const availabilityRes = await api.get(
+          `/availability/${influencerId}`
+        );
 
-      setAvailability(availabilityRes.data.data);
-    }
+        setAvailability(availabilityRes.data.data);
+      }
     };
 
     fetchGig();
-  }, [params.id]);
+  }, [params.id, setAvailability, setDeliverables, setDetails, setGigId, setMode, setPricing]);
 
   const nextStep = () => {
     if (currentStep < totalSteps) {
@@ -118,22 +118,22 @@ export default function EditGigPage() {
               />
             )}
             {currentStep === 6 && (
-                                        <div className="p-16 text-center space-y-6">
-                                            <div className="w-20 h-20 bg-green-100 text-green-600 rounded-full flex items-center justify-center mx-auto mb-4">
-                                                <FaCheck size={40} />
-                                            </div>
-                                            <h2 className="text-3xl font-bold text-gray-900">Gig Published Successfully!</h2>
-                                            <p className="text-gray-500 max-w-md mx-auto">
-                                                Your gig is now live and visible to brands. You can manage it from your dashboard.
-                                            </p>
-                                            <button
-                                                onClick={() => window.location.href = "/dashboard"}
-                                                className="bg-green-600 hover:bg-green-700 text-white px-8 py-3 rounded-lg font-semibold transition-all mt-6"
-                                            >
-                                                Go to Dashboard
-                                            </button>
-                                        </div>
-                                    )}
+              <div className="p-16 text-center space-y-6">
+                <div className="w-20 h-20 bg-green-100 text-green-600 rounded-full flex items-center justify-center mx-auto mb-4">
+                  <FaCheck size={40} />
+                </div>
+                <h2 className="text-3xl font-bold text-gray-900">Gig Published Successfully!</h2>
+                <p className="text-gray-500 max-w-md mx-auto">
+                  Your gig is now live and visible to brands. You can manage it from your dashboard.
+                </p>
+                <button
+                  onClick={() => window.location.href = "/dashboard"}
+                  className="bg-green-600 hover:bg-green-700 text-white px-8 py-3 rounded-lg font-semibold transition-all mt-6"
+                >
+                  Go to Dashboard
+                </button>
+              </div>
+            )}
           </div>
         </div>
       </div>
diff --git a/apps/web/app/gig/create/page.tsx b/apps/web/app/gig/create/page.tsx
index 48b3964..1ab4203 100644
--- a/apps/web/app/gig/create/page.tsx
+++ b/apps/web/app/gig/create/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useEffect, useState } from "react";
-import { FaCheck } from "react-icons/fa";
+import { FaCheck } from "react-icons/fa";
 
 import { StepIndicator } from "@/components/gig-create/StepIndicator";
 import Navbar from "@/components/Navbar";
@@ -17,10 +17,12 @@ export default function GigCreatePage() {
     const totalSteps = 6;
     const reset = useGigCreateStore((s) => s.reset);
     const setMode = useGigCreateStore((s) => s.setMode);
+
     useEffect(() => {
         reset();
         setMode("create");
-    }, []);
+    }, [reset, setMode]);
+
     const nextStep = () => {
         if (currentStep < totalSteps) {
             setCurrentStep((prev) => prev + 1);
@@ -103,5 +105,5 @@ export default function GigCreatePage() {
                 </div>
             </div>
         </div>
-    )
+    );
 }
diff --git a/apps/web/app/influencer-profile-page/page.tsx b/apps/web/app/influencer-profile-page/page.tsx
index 23543d4..c6c6b62 100644
--- a/apps/web/app/influencer-profile-page/page.tsx
+++ b/apps/web/app/influencer-profile-page/page.tsx
@@ -1,4 +1,5 @@
 
+import Image from 'next/image';
 import {
   CheckCircle2,
   MapPin,
@@ -54,7 +55,7 @@ export default function ProfilePage() {
         <div className="bg-white rounded-3xl p-6 md:p-10 border border-slate-100 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.05)] flex flex-col md:flex-row items-center md:items-start gap-8 relative overflow-hidden">
           <div className="relative shrink-0">
             <div className="w-32 h-32 md:w-36 md:h-36 rounded-full overflow-hidden border-2 border-slate-100 shadow-sm relative">
-              <img src="https://i.pravatar.cc/300?img=5" alt="Sarah Jenkins" className="w-full h-full object-cover" />
+              <Image fill src="https://i.pravatar.cc/300?img=5" alt="Sarah Jenkins" className="object-cover" />
             </div>
             <div className="absolute bottom-1 right-1 bg-emerald-500 text-white p-1 rounded-full border-4 border-white">
               <span className="flex items-center justify-center w-5 h-5">
diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index 87a7b7c..c194607 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 import { useRouter } from "next/navigation";
+import Image from "next/image";
 
 export default function HomePage() {
   const router = useRouter();
@@ -7,7 +8,7 @@ export default function HomePage() {
     router.push("/login");
   }
   return (
-        <div className="min-h-screen bg-white text-gray-900 font-sans">
+    <div className="min-h-screen bg-white text-gray-900 font-sans">
       {/* Navigation */}
       <nav className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 flex items-center justify-between">
         <div className="flex items-center gap-2">
@@ -28,7 +29,7 @@ export default function HomePage() {
         </div>
 
         <div className="flex items-center gap-4">
-          <button className="px-4 py-2 text-sm font-medium text-emerald-600 bg-emerald-50 hover:bg-emerald-100 rounded-md transition-colors hover:cursor-pointer">
+          <button onClick={handleLoginClick} className="px-4 py-2 text-sm font-medium text-emerald-600 bg-emerald-50 hover:bg-emerald-100 rounded-md transition-colors hover:cursor-pointer">
             Sign In
           </button>
           <button className="px-4 py-2 text-sm font-medium text-white bg-emerald-500 hover:bg-emerald-600 rounded-md transition-colors shadow-sm shadow-emerald-200 hover:cursor-pointer">
@@ -39,7 +40,7 @@ export default function HomePage() {
 
       {/* Hero Section */}
       <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-16 pb-24 grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
-        
+
         {/* Left Column - Text Content */}
         <div>
           <h1 className="text-5xl sm:text-6xl font-extrabold tracking-tight leading-[1.1] mb-6">
@@ -49,7 +50,7 @@ export default function HomePage() {
           <p className="text-lg text-gray-500 mb-10 max-w-lg leading-relaxed">
             Discover, schedule, and collaborate with verified creators — all in one place.
           </p>
-          
+
           <div className="flex flex-wrap items-center gap-4 mb-10">
             <button className="px-6 py-3 text-base font-semibold text-white bg-emerald-500 hover:bg-emerald-600 rounded-lg transition-colors shadow-lg hover:cursor-pointer">
               Explore Gigs
@@ -63,7 +64,7 @@ export default function HomePage() {
             <div className="flex -space-x-3">
               {[1, 2, 3].map((i) => (
                 <div key={i} className="w-8 h-8 rounded-full border-2 border-white bg-gray-200 overflow-hidden relative">
-                  <img src={`https://i.pravatar.cc/100?img=${i+10}`} alt="avatar" className="object-cover" />
+                  <Image fill src={`https://i.pravatar.cc/100?img=${i + 10}`} alt="avatar" className="object-cover" />
                 </div>
               ))}
             </div>
@@ -75,10 +76,10 @@ export default function HomePage() {
         <div className="relative w-full max-w-md mx-auto lg:ml-auto">
           {/* Decorative Green Background Shape */}
           <div className="absolute inset-0 bg-emerald-100 rounded-[2rem] transform rotate-3 translate-x-4 translate-y-4 -z-10"></div>
-          
+
           {/* Main Card */}
           <div className="bg-white rounded-2xl shadow-xl border border-gray-100 p-6 relative">
-            
+
             {/* Lock Icon */}
             <div className="absolute top-4 right-4 w-8 h-8 bg-emerald-50 rounded-full flex items-center justify-center text-emerald-500">
               <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -88,8 +89,8 @@ export default function HomePage() {
 
             {/* Profile Info */}
             <div className="flex items-center gap-4 mb-8 mt-2">
-              <div className="w-16 h-16 rounded-xl overflow-hidden bg-gray-100">
-                <img src="https://i.pravatar.cc/150?img=5" alt="Sarah Jenkins" className="w-full h-full object-cover" />
+              <div className="w-16 h-16 rounded-xl overflow-hidden bg-gray-100 relative">
+                <Image fill src="https://i.pravatar.cc/150?img=5" alt="Sarah Jenkins" className="object-cover" />
               </div>
               <div>
                 <h3 className="font-bold text-gray-900 text-lg">Sarah Jenkins</h3>
@@ -303,8 +304,8 @@ export default function HomePage() {
               </div>
               <p className="text-gray-600 text-sm italic mb-8 leading-relaxed">{story.quote}</p>
               <div className="flex items-center gap-4">
-                <div className="w-12 h-12 rounded-full overflow-hidden bg-gray-200">
-                  <img src={story.img} alt={story.name} className="w-full h-full object-cover" />
+                <div className="w-12 h-12 rounded-full overflow-hidden bg-gray-200 relative">
+                  <Image fill src={story.img} alt={story.name} className="object-cover" />
                 </div>
                 <div>
                   <h4 className="text-sm font-bold text-gray-900">{story.name}</h4>
@@ -340,12 +341,12 @@ export default function HomePage() {
       {/* Footer */}
       <footer className="bg-[#0F172A] text-gray-400 py-12">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row items-center justify-between gap-8">
-          
+
           {/* Logo */}
           <div className="flex items-center gap-2">
             <div className="w-6 h-6 text-white">
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
-                 <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" strokeLinecap="round" strokeLinejoin="round"/>
+                <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" strokeLinecap="round" strokeLinejoin="round" />
               </svg>
             </div>
             <span className="text-white font-bold text-lg">Noillin</span>
@@ -374,7 +375,7 @@ export default function HomePage() {
               <span>REAL-TIME CHAT</span>
             </div>
           </div>
-          
+
         </div>
       </footer>
 
diff --git a/apps/web/next.config.ts b/apps/web/next.config.ts
index 9848290..10df6f3 100644
--- a/apps/web/next.config.ts
+++ b/apps/web/next.config.ts
@@ -8,6 +8,10 @@ const nextConfig: NextConfig = {
         protocol: "https",
         hostname: "images.unsplash.com",
       },
+      {
+        protocol: "https",
+        hostname: "i.pravatar.cc",
+      },
     ],
   },
 };