Merge version_6 into main

Merge version_6 into main

src/app/page.tsx

@@ -13,18 +13,29 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
 import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Sparkles, Clock, Brain, Activity, Target, Shield, TrendingUp, Award, Zap, Users, Upload } from "lucide-react";
+import { Sparkles, Clock, Brain, Activity, Target, Shield, TrendingUp, Award, Zap, Users } from "lucide-react";
 
 export default function WebAgency2Page() {
   const [uploadStatus, setUploadStatus] = useState<string | null>(null);
   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) => {
+        const file = e.target.files?.[0];
+        if (!file) return;
+        setUploadStatus("Analyzing " + file.name + "...");
+        setTimeout(() => {
+          const patterns = ["Head and Shoulders", "Double Bottom", "Rising Wedge", "Flag Pattern", "Triangle Consolidation"];
+          const predictions = ["72% probability of a bearish reversal", "65% bullish breakout signal", "80% trend continuation", "High volatility expected", "Neutral market sentiment" ];
+          const randomIdx = Math.floor(Math.random() * patterns.length);
+          setUploadStatus("Analysis complete for " + file.name + "!");
+          setAnalysis(`Based on the identified ${patterns[randomIdx]}, our AI predicts a ${predictions[randomIdx]}. Recommended Entry: 1.0${Math.floor(Math.random() * 9000)}. Target: 1.0${Math.floor(Math.random() * 9000)}.`);
+        }, 2000);
+    };
+    input.click();
   };
 
   return (
@@ -49,10 +60,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 +71,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"
@@ -173,7 +181,7 @@ export default function WebAgency2Page() {
             {uploadStatus && (
                 <div className="mt-8 p-6 bg-[var(--background)] border border-[var(--accent)] rounded-xl w-full max-w-lg text-center">
                     <p className="font-semibold text-lg">{uploadStatus}</p>
-                    {analysis && <p className="mt-4 text-[var(--foreground)]">{analysis}</p>}
+                    {analysis && <p className="mt-4 text-[var(--foreground)] leading-relaxed">{analysis}</p>}
                 </div>
             )}
         </div>