start build registation form balance

src/pages/Seller_reg.jsx

-import React from 'react'
+import React from "react";
 
 function Seller_reg()  {
   return (
     <>
-        <p className="text-9xl">heloo</p>
+        <div className="bg-[#E9FAFF] flex w-full h-svh justify-center md:justify-normal font-montserrat">
+          <div className="m-10 md:m-20 text-[#030A1E] text-center md:text-start ">
+            <p className="font-[300px] md:font-[600px]  text-[24px] md:text-[48.31px]  ">OMPOI-Seller</p>
+          </div>
+        </div>
     </>
   );
 }

src/pages/seller_login.jsx

@@ -50,7 +50,7 @@ function Seller_login() {
         <h1 className="text-[48.31px] font-[700px] text-[#030A1E] self-start">OMPOI - Seller</h1>
       </div>
 
-      <div className="flex flex-col md:flex-row items-center justify-center w-full max-w-5xl  bg-[#FFFFFF] p-2 rounded-[32.6px] shadow-lg">
+      <div className="flex flex-col md:flex-row items-center justify-center w-screen h-screen bg-[#FFFFFF] p-2 rounded-[32.6px] shadow-lg">
         {/* Left Section - Image */}
         <div className="w-full md:w-1/2 flex justify-center md:pr-8 relative">
           <img src={key} alt="Login Illustration" className="max-w-xs md:max-w-sm p-2" />