Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -11,9 +11,12 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { BarChart2, Mic, TrendingUp, Users, Target, Zap, ChevronRight, CheckCircle, Clock, LayoutTemplate } from "lucide-react";
+import { BarChart2, Mic, TrendingUp, Target, Zap, CheckCircle, LayoutTemplate } from "lucide-react";
+import { useState } from "react";
 
 export default function LandingPage() {
+  const [isResumeUploaded, setIsResumeUploaded] = useState(false);
+
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -62,6 +65,19 @@ export default function LandingPage() {
           />
         </div>
 
+        {!isResumeUploaded && (
+            <div className="flex flex-col items-center justify-center p-10 bg-accent/10 border-2 border-dashed border-accent rounded-3xl m-8">
+                <h2 className="text-2xl font-bold mb-4">Upload your Resume to continue</h2>
+                <p className="mb-6 text-foreground/70">Unlock personalized interview feedback based on your experience.</p>
+                <input 
+                    type="file" 
+                    onChange={() => setIsResumeUploaded(true)} 
+                    className="block w-full max-w-sm text-sm text-foreground file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:bg-primary file:text-white hover:file:bg-primary/90"
+                />
+            </div>
+        )}
+
+        <div className={!isResumeUploaded ? "opacity-30 pointer-events-none" : "opacity-100"}>
             <div id="social-proof" data-section="social-proof">
                 <SocialProofOne
                     textboxLayout="default"
@@ -158,6 +174,7 @@ export default function LandingPage() {
                     ]}
                 />
             </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );