Merge pull request #2 from yadavshubham01/imp-update

cleanup in project and update design

Author: yadavshubham01

.github/workflows/build.yml

@@ -0,0 +1,24 @@
+name: Build code
+
+on:
+ push:
+  branches:
+    - main
+
+jobs:
+  build:
+   runs-on: ubuntu-latest
+   steps:
+    - name : Checkout code
+      uses: action/checkout@v3
+
+    - name: Install Node
+      uses: action/setup-node@v3
+      with:
+        node-version: 20.4.1
+
+    - name: Install Dependencies
+      run: npm install
+    
+    - name: Build code
+      run: npm run build

app/(resume)/Ats/page.tsx

@@ -7,60 +7,69 @@
     @apply inline-block;
   }
 }
+
 @layer base {
   :root {
-  --background: 240 10% 98%;
-  --foreground: 240 10% 10%;
-
-  --card: 0 0% 100%;
-  --card-foreground: 240 10% 10%;
+    --background: 240 10% 98%;
+    --foreground: 240 10% 10%;
 
-  --popover: 0 0% 100%;
-  --popover-foreground: 240 10% 10%;
+    --card: 0 0% 100%;
+    --card-foreground: 240 10% 10%;
 
-  --primary: 217 91% 60%; /* A vibrant blue/teal tone */
-  --primary-foreground: 0 0% 100%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 10% 10%;
 
-  --secondary: 240 5% 95%;
-  --secondary-foreground: 240 5% 15%;
+    /* 💚 Changed to lime-400 theme */
+    --primary: 85 76% 45%; /* lime-400 */
+    --primary-foreground: 0 0% 100%;
 
-  --muted: 240 5% 94%;
-  --muted-foreground: 240 3.8% 45%;
+    --secondary: 84 40% 90%;
+    --secondary-foreground: 84 30% 20%;
 
-  --accent: 240 6% 92%;
-  --accent-foreground: 240 6% 20%;
+    --muted: 84 30% 92%;
+    --muted-foreground: 84 20% 40%;
 
-  --destructive: 0 80% 55%;
-  --destructive-foreground: 0 0% 100%;
+    --accent: 84 35% 88%;
+    --accent-foreground: 84 25% 20%;
 
-  --border: 240 5% 85%;
-  --input: 240 5% 85%;
-  --ring: 217 91% 60%;
+    --destructive: 0 80% 55%;
+    --destructive-foreground: 0 0% 100%;
 
-  --radius: 0.5rem;
-}
+    --border: 84 20% 80%;
+    --input: 84 20% 80%;
+    --ring: 84 81% 59%;
 
+    --radius: 0.5rem;
+  }
 
   .dark {
-    --background: 20 14.3% 4.1%;
+    --background: 160 10% 5%;
     --foreground: 0 0% 95%;
-    --card: 24 9.8% 10%;
+
+    --card: 160 9% 10%;
     --card-foreground: 0 0% 95%;
-    --popover: 0 0% 9%;
+
+    --popover: 160 9% 10%;
     --popover-foreground: 0 0% 95%;
-    --primary: 346.8 77.2% 49.8%;
-    --primary-foreground: 355.7 100% 97.3%;
-    --secondary: 240 3.7% 15.9%;
-    --secondary-foreground: 0 0% 98%;
-    --muted: 0 0% 15%;
-    --muted-foreground: 240 5% 64.9%;
-    --accent: 12 6.5% 15.1%;
-    --accent-foreground: 0 0% 98%;
+
+    --primary: 85 76% 45%; /* brighter lime for dark mode */
+    --primary-foreground: 0 0% 10%;
+
+    --secondary: 84 15% 20%;
+    --secondary-foreground: 0 0% 95%;
+
+    --muted: 84 15% 18%;
+    --muted-foreground: 84 10% 65%;
+
+    --accent: 84 15% 22%;
+    --accent-foreground: 0 0% 95%;
+
     --destructive: 0 62.8% 30.6%;
     --destructive-foreground: 0 85.7% 97.3%;
-    --border: 240 3.7% 15.9%;
-    --input: 240 3.7% 15.9%;
-    --ring: 346.8 77.2% 49.8%;
+
+    --border: 84 10% 25%;
+    --input: 84 10% 25%;
+    --ring: 84 81% 60%;
   }
 }
 
@@ -99,28 +108,28 @@ body {
   }
   /* Hide scrollbar for IE, Edge and Firefox */
   .no-scrollbar {
-    -ms-overflow-style: none; /* IE and Edge */
-    scrollbar-width: none; /* Firefox */
+    -ms-overflow-style: none;
+    scrollbar-width: none;
   }
 }
 
 @media print {
   #no-print {
     display: none;
   }
-  
+
   #pdf {
     display: block;
   }
-  
+
   body {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
   }
-  
+
   #hello {
-    transform: none !important; /* Reset any transforms */
+    transform: none !important;
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
@@ -134,6 +143,8 @@ body {
   size: auto;
   margin: 0mm;
 }
+
+/* 💚 Lime gradient background */
 .radial {
-  background: radial-gradient(circle, #a2e0ed, #8dd5e5);
+  background: radial-gradient(circle, #d9f99d, #84cc16); /* lime-200 → lime-600 */
 }

app/globals.css

@@ -18,21 +18,7 @@ export default function Home() {
   const router = useRouter();
   const isMobile = useMobile();
 
-  // const oneTimeRef = useRef(false);
-  // const migration = useMutation(api.resume.migrateResumes);
 
-  // useEffect(() => {
-  //   if (!oneTimeRef.current) {
-  //     const promise = migration()
-  //       .then((res) => {
-  //         console.log(res, "yes");
-  //       })
-  //       .catch((err) => {
-  //         console.log(err, "no");
-  //       });
-  //     oneTimeRef.current = true;
-  //   }
-  // }, []);
 
   return (
     <div className="h-screen overflow-x-hidden">
@@ -101,17 +87,6 @@ export default function Home() {
                   Create Free Resume
                   <ArrowRight size={18} className="ml-2 mt-[2.5px]" />
                 </Button>
-                 <Button
-                      variant="outline"
-                      className="px-8 shadow-md group shadow-primary/30 py-8"
-                      onClick={() => router.push("/Ats")}
-                    >
-                      Analyze Resume
-                      <ArrowRight
-                        size={18}
-                        className="ml-2 group-hover:ml-4 transition-all mt-[2.5px]"
-                      />
-                    </Button>
               </motion.div>
             </div>
           </motion.div>

app/page.tsx

@@ -37,7 +37,7 @@ const Navbar = () => {
             <File className="size-6 md:size-8" />
             <Link href="/">
               <h1 className="text-xl md:text-2xl font-semibold">
-                Resume<span className="text-primary">Craft</span>
+                Resume<span className="text-primary">Make</span>
               </h1>
             </Link>
           </div>

components/ATSChecker.tsx

@@ -10,7 +10,7 @@ const NextLoader = () => {
 
   return (
     <NextTopLoader
-      color={isInBuildResume && isMobile ? "#fff" : "#E11D48"} // Blue for build-resume, Red for others
+      color={isInBuildResume && isMobile ? "#fff" : "#48e11d"} // Blue for build-resume, lime for others
       height={5}
       speed={150}
       zIndex={10000}