From 50bb89b51d0b277d1a61b955d80d8b58bbee48e2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 15:56:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 199 +++++++++++++++++++++++++----------------------
 1 file changed, 108 insertions(+), 91 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2905dae..b8a3a7f 100644
--- a/src/app/page.tsx
+++ b/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,103 +65,117 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="social-proof" data-section="social-proof">
-          <SocialProofOne
-            textboxLayout="default"
-            useInvertedBackground={false}
-            names={["Google", "Microsoft", "Amazon", "Meta", "Tesla", "Adobe", "Apple"]}
-            title="Practice for roles at top companies"
-            description="Used by top candidates at Google, Microsoft, and more to land their dream roles."
-          />
-        </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 id="features" data-section="features">
-          <FeatureHoverPattern
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={true}
-            title="Everything you need to ace your interview"
-            description="Powerful tools designed to make you interview-ready in record time."
-            features={[
-              { icon: Mic, title: "AI Interviewer", description: "Talk to an AI interviewer that adapts to your answers in real time." },
-              { icon: BarChart2, title: "Smart Feedback", description: "Get detailed feedback, strengths, weaknesses, and improvement tips." },
-              { icon: TrendingUp, title: "Progress Tracking", description: "Monitor your performance over time and see how you improve." },
-              { icon: Target, title: "Role Customization", description: "Tailor your interview to specific job roles and seniority levels." },
-              { icon: Zap, title: "Rapid Coaching", description: "Get instant tips and tricks to refine your speaking skills." }
-            ]}
-          />
-        </div>
+        <div className={!isResumeUploaded ? "opacity-30 pointer-events-none" : "opacity-100"}>
+            <div id="social-proof" data-section="social-proof">
+                <SocialProofOne
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                    names={["Google", "Microsoft", "Amazon", "Meta", "Tesla", "Adobe", "Apple"]}
+                    title="Practice for roles at top companies"
+                    description="Used by top candidates at Google, Microsoft, and more to land their dream roles."
+                />
+            </div>
 
-        <div id="how-it-works" data-section="how-it-works">
-          <MetricCardThree
-            title="Four Steps to Success"
-            description="Simple, effective process to guide your interview preparation."
-            textboxLayout="default"
-            animationType="slide-up"
-            useInvertedBackground={false}
-            metrics={[
-              { id: "1", icon: LayoutTemplate, title: "Select Role", value: "Step 1" },
-              { id: "2", icon: Mic, title: "Practice Live", value: "Step 2" },
-              { id: "3", icon: CheckCircle, title: "Get Feedback", value: "Step 3" },
-              { id: "4", icon: TrendingUp, title: "Improve Skills", value: "Step 4" }
-            ]}
-          />
-        </div>
+            <div id="features" data-section="features">
+                <FeatureHoverPattern
+                    animationType="slide-up"
+                    textboxLayout="default"
+                    useInvertedBackground={true}
+                    title="Everything you need to ace your interview"
+                    description="Powerful tools designed to make you interview-ready in record time."
+                    features={[
+                        { icon: Mic, title: "AI Interviewer", description: "Talk to an AI interviewer that adapts to your answers in real time." },
+                        { icon: BarChart2, title: "Smart Feedback", description: "Get detailed feedback, strengths, weaknesses, and improvement tips." },
+                        { icon: TrendingUp, title: "Progress Tracking", description: "Monitor your performance over time and see how you improve." },
+                        { icon: Target, title: "Role Customization", description: "Tailor your interview to specific job roles and seniority levels." },
+                        { icon: Zap, title: "Rapid Coaching", description: "Get instant tips and tricks to refine your speaking skills." }
+                    ]}
+                />
+            </div>
 
-        <div id="about" data-section="about">
-          <MetricSplitMediaAbout
-            title="Real conversations. Real growth."
-            description="Experience a real interview environment with voice interaction, live transcription, and AI feedback."
-            metrics={[
-              { title: "Active Users", value: "10K+" },
-              { title: "Interviews", value: "50K+" }
-            ]}
-            useInvertedBackground={true}
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUVcXZAYwpoHfPBdAZxnHVggYi/uploaded-1776440235375-e8ksunv3.png"
-          />
-        </div>
+            <div id="how-it-works" data-section="how-it-works">
+                <MetricCardThree
+                    title="Four Steps to Success"
+                    description="Simple, effective process to guide your interview preparation."
+                    textboxLayout="default"
+                    animationType="slide-up"
+                    useInvertedBackground={false}
+                    metrics={[
+                        { id: "1", icon: LayoutTemplate, title: "Select Role", value: "Step 1" },
+                        { id: "2", icon: Mic, title: "Practice Live", value: "Step 2" },
+                        { id: "3", icon: CheckCircle, title: "Get Feedback", value: "Step 3" },
+                        { id: "4", icon: TrendingUp, title: "Improve Skills", value: "Step 4" }
+                    ]}
+                />
+            </div>
 
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTwo
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            title="Loved by learners worldwide"
-            description="See why top talent chooses BauxAI to master their interviews."
-            testimonials={[
-              { id: "1", name: "Ananya S.", role: "Software Engineer", testimonial: "BauxAI helped me crack interviews I never thought I could.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-startup-office-coding_482257-119443.jpg" },
-              { id: "2", name: "Rohit M.", role: "Product Manager", testimonial: "The voice interaction feels so real. It's like talking to a human.", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businesswoman-posing-indoors_74855-2005.jpg" },
-              { id: "3", name: "Priya K.", role: "Data Scientist", testimonial: "I improved my confidence significantly. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6863.jpg" }
-            ]}
-          />
-        </div>
+            <div id="about" data-section="about">
+                <MetricSplitMediaAbout
+                    title="Real conversations. Real growth."
+                    description="Experience a real interview environment with voice interaction, live transcription, and AI feedback."
+                    metrics={[
+                        { title: "Active Users", value: "10K+" },
+                        { title: "Interviews", value: "50K+" }
+                    ]}
+                    useInvertedBackground={true}
+                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUVcXZAYwpoHfPBdAZxnHVggYi/uploaded-1776440235375-e8ksunv3.png"
+                />
+            </div>
 
-        <div id="contact" data-section="contact">
-          <ContactSplitForm
-            useInvertedBackground={true}
-            title="Ready to ace your next interview?"
-            description="Join BauxAI today and take the first step towards your dream job."
-            inputs={[
-              { name: "name", type: "text", placeholder: "Your Name", required: true },
-              { name: "email", type: "email", placeholder: "Your Email", required: true }
-            ]}
-            buttonText="Start Free Interview"
-            imageSrc="http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-132294.jpg"
-          />
-        </div>
+            <div id="testimonials" data-section="testimonials">
+                <TestimonialCardTwo
+                    animationType="slide-up"
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                    title="Loved by learners worldwide"
+                    description="See why top talent chooses BauxAI to master their interviews."
+                    testimonials={[
+                        { id: "1", name: "Ananya S.", role: "Software Engineer", testimonial: "BauxAI helped me crack interviews I never thought I could.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-startup-office-coding_482257-119443.jpg" },
+                        { id: "2", name: "Rohit M.", role: "Product Manager", testimonial: "The voice interaction feels so real. It's like talking to a human.", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businesswoman-posing-indoors_74855-2005.jpg" },
+                        { id: "3", name: "Priya K.", role: "Data Scientist", testimonial: "I improved my confidence significantly. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6863.jpg" }
+                    ]}
+                />
+            </div>
 
-        <div id="footer" data-section="footer">
-          <FooterMedia
-            logoText="BauxAI"
-            imageSrc="http://img.b2bpic.net/free-photo/abstract-background-design-with-geometric-shapes_53876-124967.jpg"
-            columns={[
-              { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "How It Works", href: "#how-it-works" }, { label: "Pricing", href: "#pricing" }] },
-              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
-              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
-            ]}
-          />
+            <div id="contact" data-section="contact">
+                <ContactSplitForm
+                    useInvertedBackground={true}
+                    title="Ready to ace your next interview?"
+                    description="Join BauxAI today and take the first step towards your dream job."
+                    inputs={[
+                        { name: "name", type: "text", placeholder: "Your Name", required: true },
+                        { name: "email", type: "email", placeholder: "Your Email", required: true }
+                    ]}
+                    buttonText="Start Free Interview"
+                    imageSrc="http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-132294.jpg"
+                />
+            </div>
+
+            <div id="footer" data-section="footer">
+                <FooterMedia
+                    logoText="BauxAI"
+                    imageSrc="http://img.b2bpic.net/free-photo/abstract-background-design-with-geometric-shapes_53876-124967.jpg"
+                    columns={[
+                        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "How It Works", href: "#how-it-works" }, { label: "Pricing", href: "#pricing" }] },
+                        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+                        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+                    ]}
+                />
+            </div>
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file