Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -20,11 +20,17 @@ export default function WebAgency2Page() {
   const [analysis, setAnalysis] = useState<string | null>(null);
 
   const handleUpload = () => {
-    setUploadStatus("Uploading...");
-    setTimeout(() => {
-      setUploadStatus("Analysis complete!");
-      setAnalysis("Based on the chart pattern identified (Head and Shoulders), our AI predicts a 72% probability of a bearish reversal in the next 4 hours. Recommended Entry: 1.0850. Target: 1.0790.");
-    }, 2000);
+    const input = document.createElement('input');
+    input.type = 'file';
+    input.accept = 'image/*';
+    input.onchange = (e: any) => {
+        setUploadStatus("Uploading and Analyzing...");
+        setTimeout(() => {
+          setUploadStatus("Analysis complete!");
+          setAnalysis("Based on the chart pattern identified (Head and Shoulders), our AI predicts a 72% probability of a bearish reversal in the next 4 hours. Recommended Entry: 1.0850. Target: 1.0790.");
+        }, 2000);
+    };
+    input.click();
   };
 
   return (
@@ -49,10 +55,7 @@ export default function WebAgency2Page() {
             { name: "Pricing", id: "pricing" },
             { name: "Upload", id: "contact" },
           ]}
-          button={{ text: "Upload Chart", onClick: () => {
-            const el = document.getElementById("contact");
-            if (el) el.scrollIntoView({ behavior: "smooth" });
-          } }}
+          button={{ text: "Upload Chart", onClick: handleUpload }}
         />
         <div id="hero">
             <HeroSplitDoubleCarousel
@@ -63,7 +66,7 @@ export default function WebAgency2Page() {
               tagAnimation="slide-up"
               background={{ variant: "canvas-reveal" }}
               buttons={[
-                { text: "Start Analyzing", onClick: () => { const el = document.getElementById("contact"); if (el) el.scrollIntoView({ behavior: "smooth" }); } },
+                { text: "Start Analyzing", onClick: handleUpload },
                 { text: "Learn How", onClick: () => { const el = document.getElementById("features"); if (el) el.scrollIntoView({ behavior: "smooth" }); } },
               ]}
               buttonAnimation="slide-up"
@@ -189,4 +192,4 @@ export default function WebAgency2Page() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}