Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -11,15 +11,11 @@ import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwe
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Lock, BookOpen, TrendingUp, Play, Compass, Award, Film, Star, Users, Video, Clock, CheckCircle, MessageCircle } from "lucide-react";
+import { Lock, BookOpen, TrendingUp, Play, Compass, Award, Film, Star, Users, Video, Clock, CheckCircle, MessageCircle, Mail, Key } from "lucide-react";
 
 export default function HomePage() {
-  const handleAuthSubmit = (emailAndKey: string) => {
-    // Parse email and license key from input
-    // Format expected: "email@example.com license-key-123"
-    const parts = emailAndKey.trim().split(/\s+/);
-    const email = parts[0];
-    const licenseKey = parts.slice(1).join(" ");
+  const handleAuthSubmit = (formData: { email: string; licenseKey: string }) => {
+    const { email, licenseKey } = formData;
     
     if (!email || !licenseKey) {
       alert("Please enter both your email and license key");
@@ -125,10 +121,11 @@ export default function HomePage() {
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           mediaAnimation="opacity"
-          inputPlaceholder="Enter your email and license key"
+          inputPlaceholder="Enter your email"
           buttonText="Verify & Login"
           termsText="By logging in, you agree to our Terms of Service and Privacy Policy."
-          onSubmit={handleAuthSubmit}
+          onSubmit={(email: string) => handleAuthSubmit({ email, licenseKey: "" })}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AzUvBJHYEr3AqzmTLZpq3pxNrk/uploaded-1773618759773-xfkydkak.jpg"
         />
       </div>