Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ce70ce5b58 | |||
| 294c344fe2 | |||
| 662a04f504 | |||
| a4325bb9f8 | |||
| 1683086147 | |||
| c42cc9f63e | |||
| 1d73a15829 | |||
| 759b4e639e | |||
| 451aacdc4a | |||
| 2331d43363 |
265
src/app/page.tsx
265
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";
|
||||
@@ -8,14 +9,35 @@ import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import { Sparkles, ArrowUpRight, Target, Brain, Zap, Shield, TrendingUp, Award, Users, BookOpen, Clock, Activity, CheckCircle2 } 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 = () => {
|
||||
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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -38,121 +60,138 @@ export default function WebAgency2Page() {
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Upload", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Upload Chart", href: "#contact" }}
|
||||
/>
|
||||
<HeroSplitDoubleCarousel
|
||||
title="AI-Powered Forex Analysis in Seconds"
|
||||
description="Stop guessing. Upload your trading charts and receive 99% accurate market predictions instantly. Completely free, zero credits, 100% reliable."
|
||||
tag="1-Minute Market Insights"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{ text: "Start Analyzing", href: "#contact" },
|
||||
{ text: "Learn How", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurry-man-holding-smartphone-indoors_23-2149321588.jpg", imageAlt: "Forex chart analysis UI" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-star-shaped-lights_23-2147815135.jpg", imageAlt: "Predictive trend lines" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-startup-entrepreneur-uses-digital-materials-analytics_482257-126228.jpg", imageAlt: "Live forex market data" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169861.jpg", imageAlt: "AI dashboard overview" },
|
||||
]}
|
||||
carouselItemClassName="!aspect-[4/5]"
|
||||
/>
|
||||
<FeatureBento
|
||||
title="Advanced Analytical Engine"
|
||||
description="Leveraging deep learning to interpret price action from your screenshots."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Prediction", description: "Get actionable signals in under 60 seconds of processing.", bentoComponent: "reveal-icon", icon: Clock,
|
||||
},
|
||||
{
|
||||
title: "99% Accuracy Rate", description: "Our neural networks are trained on decades of historical forex data.", bentoComponent: "line-chart"},
|
||||
{
|
||||
title: "Zero Cost Policy", description: "No credits, no subscriptions, no barriers. Just pure analytical power.", bentoComponent: "reveal-icon", icon: Brain,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FeatureCardTwentySix
|
||||
title="Market Edge Solutions"
|
||||
description="Empowering retail traders with institutional-grade AI analysis tools."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
cardClassName="!h-auto aspect-video"
|
||||
features={[
|
||||
{ title: "Pattern Recognition", description: "Identify complex harmonic patterns instantly.", imageSrc: "http://img.b2bpic.net/free-photo/street-statistics-debt-loss-globe_1150-1721.jpg", imageAlt: "Chart pattern", buttonIcon: Activity },
|
||||
{ title: "Sentiment Analysis", description: "Real-time market sentiment via news and charts.", imageSrc: "http://img.b2bpic.net/free-photo/business-growth-analysis_23-2152011785.jpg", imageAlt: "Sentiment analysis", buttonIcon: Target },
|
||||
{ title: "Risk Management", description: "AI-suggested stop-loss and take-profit levels.", imageSrc: "http://img.b2bpic.net/free-photo/analyzing-business-chart_1098-19461.jpg", imageAlt: "Risk management", buttonIcon: Shield },
|
||||
{ title: "Trend Forecasting", description: "Predict the next move with unmatched speed.", imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66719.jpg", imageAlt: "Trend forecasting", buttonIcon: TrendingUp },
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The accuracy is mind-blowing. I upload my daily chart, and within a minute, I have a clear direction. It has completely changed my trading workflow."
|
||||
rating={5}
|
||||
author="— Sarah Jenkins, Day Trader"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-using-digital-tablet-restaurant_23-2147955278.jpg", alt: "User avatar" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<MetricCardOne
|
||||
title="Global Trading Impact"
|
||||
description="Trusted by thousands of traders worldwide for superior decision support."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "m1", value: "99%", title: "Prediction Accuracy", description: "Based on verified historical backtesting", icon: Award },
|
||||
{ id: "m2", value: "<60s", title: "Processing Time", description: "Instant analysis directly from screenshots", icon: Zap },
|
||||
{ id: "m3", value: "100%", title: "Free Access", description: "Unlimited use without credit constraints", icon: Users },
|
||||
]}
|
||||
/>
|
||||
<FeatureCardSixteen
|
||||
title="Comparison vs Manual Trading"
|
||||
description="Why settle for manual analysis when AI offers precision at speed?"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
negativeCard={{ items: ["Subjective human bias", "Time-consuming plotting", "Missed market opportunities", "High risk of manual errors", "Limited data analysis"] }}
|
||||
positiveCard={{ items: ["Objective AI predictions", "Instant pattern recognition", "Capture every market move", "Risk-mitigated signals", "Massive datasets processed"] }}
|
||||
/>
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Get clear answers about our AI-powered tool."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Is this tool really free?", content: "Yes. We believe in democratizing financial analysis. There are no credits or hidden fees." },
|
||||
{ id: "2", title: "How accurate are the predictions?", content: "Our AI maintains a 99% accuracy rate based on extensive training and backtesting." },
|
||||
{ id: "3", title: "How fast is the analysis?", content: "Once your image is uploaded, our engine processes the chart in less than 60 seconds." },
|
||||
{ id: "4", title: "Do I need an account?", content: "No. We provide instant analysis without requiring intrusive sign-ups or credentials." },
|
||||
{ id: "5", title: "Which charts can I upload?", content: "You can upload any standard forex trading chart (JPG or PNG) for immediate parsing." },
|
||||
]}
|
||||
/>
|
||||
<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", href: "#contact" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
button={{ text: "Upload Chart", onClick: handleUpload }}
|
||||
/>
|
||||
<div id="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="AI-Powered Forex Analysis in Seconds"
|
||||
description="Stop guessing. Upload your trading charts and receive 99% accurate market predictions instantly. Completely free, zero credits, 100% reliable."
|
||||
tag="1-Minute Market Insights"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{ text: "Start Analyzing", onClick: handleUpload },
|
||||
{ text: "Learn How", onClick: () => { const el = document.getElementById("features"); if (el) el.scrollIntoView({ behavior: "smooth" }); } },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurry-man-holding-smartphone-indoors_23-2149321588.jpg", imageAlt: "Forex chart analysis UI" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-star-shaped-lights_23-2147815135.jpg", imageAlt: "Predictive trend lines" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-startup-entrepreneur-uses-digital-materials-analytics_482257-126228.jpg", imageAlt: "Live forex market data" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169861.jpg", imageAlt: "AI dashboard overview" },
|
||||
]}
|
||||
carouselItemClassName="!aspect-[4/5]"
|
||||
/>
|
||||
</div>
|
||||
<div id="features">
|
||||
<FeatureBento
|
||||
title="Advanced Analytical Engine"
|
||||
description="Leveraging deep learning to interpret price action from your screenshots."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ title: "Real-time Prediction", description: "Get actionable signals in under 60 seconds of processing.", bentoComponent: "reveal-icon", icon: Clock },
|
||||
{ title: "99% Accuracy Rate", description: "Our neural networks are trained on decades of historical forex data.", bentoComponent: "line-chart" },
|
||||
{ title: "Zero Cost Policy", description: "No credits, no subscriptions, no barriers. Just pure analytical power.", bentoComponent: "reveal-icon", icon: Brain },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="accuracy">
|
||||
<FeatureCardTwentySix
|
||||
title="Market Edge Solutions"
|
||||
description="Empowering retail traders with institutional-grade AI analysis tools."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
cardClassName="!h-auto aspect-video"
|
||||
features={[
|
||||
{ title: "Pattern Recognition", description: "Identify complex harmonic patterns instantly.", imageSrc: "http://img.b2bpic.net/free-photo/street-statistics-debt-loss-globe_1150-1721.jpg", imageAlt: "Chart pattern", buttonIcon: Activity },
|
||||
{ title: "Sentiment Analysis", description: "Real-time market sentiment via news and charts.", imageSrc: "http://img.b2bpic.net/free-photo/business-growth-analysis_23-2152011785.jpg", imageAlt: "Sentiment analysis", buttonIcon: Target },
|
||||
{ title: "Risk Management", description: "AI-suggested stop-loss and take-profit levels.", imageSrc: "http://img.b2bpic.net/free-photo/analyzing-business-chart_1098-19461.jpg", imageAlt: "Risk management", buttonIcon: Shield },
|
||||
{ title: "Trend Forecasting", description: "Predict the next move with unmatched speed.", imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66719.jpg", imageAlt: "Trend forecasting", buttonIcon: TrendingUp },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The accuracy is mind-blowing. I upload my daily chart, and within a minute, I have a clear direction. It has completely changed my trading workflow."
|
||||
rating={5}
|
||||
author="— Sarah Jenkins, Day Trader"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-using-digital-tablet-restaurant_23-2147955278.jpg", alt: "User avatar" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics">
|
||||
<MetricCardOne
|
||||
title="Global Trading Impact"
|
||||
description="Trusted by thousands of traders worldwide for superior decision support."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "m1", value: "99%", title: "Prediction Accuracy", description: "Based on verified historical backtesting", icon: Award },
|
||||
{ id: "m2", value: "<60s", title: "Processing Time", description: "Instant analysis directly from screenshots", icon: Zap },
|
||||
{ id: "m3", value: "100%", title: "Free Access", description: "Unlimited use without credit constraints", icon: Users },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="comparison">
|
||||
<FeatureCardSixteen
|
||||
title="Comparison vs Manual Trading"
|
||||
description="Why settle for manual analysis when AI offers precision at speed?"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
negativeCard={{ items: ["Subjective human bias", "Time-consuming plotting", "Missed market opportunities", "High risk of manual errors", "Limited data analysis"] }}
|
||||
positiveCard={{ items: ["Objective AI predictions", "Instant pattern recognition", "Capture every market move", "Risk-mitigated signals", "Massive datasets processed"] }}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Get clear answers about our AI-powered tool."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Is this tool really free?", content: "Yes. We believe in democratizing financial analysis. There are no credits or hidden fees." },
|
||||
{ id: "2", title: "How accurate are the predictions?", content: "Our AI maintains a 99% accuracy rate based on extensive training and backtesting." },
|
||||
{ id: "3", title: "How fast is the analysis?", content: "Once your image is uploaded, our engine processes the chart in less than 60 seconds." },
|
||||
{ id: "4", title: "Do I need an account?", content: "No. We provide instant analysis without requiring intrusive sign-ups or credentials." },
|
||||
{ id: "5", title: "Which charts can I upload?", content: "You can upload any standard forex trading chart (JPG or PNG) for immediate parsing." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<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: 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)] leading-relaxed">{analysis}</p>}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<FooterBase
|
||||
logoText="ForexAI"
|
||||
copyrightText="© 2026 | ForexAI Analytics"
|
||||
columns={[
|
||||
{ title: "Platform", items: [{ label: "Home", href: "#" }, { label: "Dashboard", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "FAQs", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
{ title: "Platform", items: [{ label: "Home", onClick: () => window.scrollTo({ top: 0, behavior: "smooth" }) }, { label: "Dashboard", onClick: () => { const el = document.getElementById("hero"); if (el) el.scrollIntoView({ behavior: "smooth" }); } }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", onClick: () => window.location.href = "/blog" }, { label: "FAQs", onClick: () => { const el = document.getElementById("faq"); if (el) el.scrollIntoView({ behavior: "smooth" }); } }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", onClick: () => window.location.href = "/legal" }, { label: "Terms", onClick: () => window.location.href = "/terms" }] },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user