Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import React, { useState } from "react";
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
@@ -12,9 +13,20 @@ 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 } from "lucide-react";
+import { Sparkles, Clock, Brain, Activity, Target, Shield, TrendingUp, Award, Zap, Users, Upload } 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);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -149,15 +161,21 @@ export default function WebAgency2Page() {
               ]}
             />
         </div>
-        <div id="contact">
+        <div id="contact" className="flex flex-col items-center py-20 bg-[var(--card)]">
             <ContactCTA
               tag="Ready to Predict?"
               title="Start Your Free Analysis Today"
               description="Upload your first chart now and let our AI show you the potential movement of the market."
-              buttons={[{ text: "Upload Screenshot", onClick: () => { const el = document.getElementById("contact"); if (el) el.scrollIntoView({ behavior: "smooth" }); } }]}
+              buttons={[{ text: "Upload Screenshot", onClick: handleUpload }]}
               background={{ variant: "sparkles-gradient" }}
               useInvertedBackground={false}
             />
+            {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>}
+                </div>
+            )}
         </div>
         <FooterBase
           logoText="ForexAI"