Files
c835a4ea-2b04-402a-a845-7a0…/src/app/page.tsx
2026-05-13 18:48:12 +00:00

202 lines
9.5 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { ShieldCheck, Upload, Zap } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="small"
sizing="largeSmall"
background="floatingGradient"
cardStyle="inset"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Features", id: "features"},
{
name: "Contact", id: "contact"},
]}
brandName="PrimeScan AI"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="PrimeScan AI: AI-Powered Trading Scanner"
description="Katlego's advanced AI scanner leverages ICT and SMC concepts to provide high-precision trade setups for Nasdaq, US30, and major forex pairs on the 15-minute timeframe."
buttons={[
{
text: "Scan Markets", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/laptop-with-bright-candlesticks-trend-line-night-trading_169016-69639.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3541.jpg", alt: "Happy trader one"},
{ src: "http://img.b2bpic.net/free-photo/happy-businessman-surfing-internet-smartphone_1262-3020.jpg", alt: "Happy trader two"},
{ src: "http://img.b2bpic.net/free-photo/senior-businessman-laughing-internet-video_1262-3069.jpg", alt: "Happy trader three"},
{ src: "http://img.b2bpic.net/free-photo/young-handsome-man-holding-credit-card_141793-23005.jpg", alt: "Happy trader four"},
{ src: "http://img.b2bpic.net/free-photo/enterprise-manager-analyzes-annual-reports-statistics-pc_482257-94061.jpg", alt: "Happy trader five"},
]}
avatarText="Trusted by 100+ precision traders"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text", content: "PrimeScan AI: The definitive AI scanning tool using ICT and SMC methodologies."},
{
type: "image", src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", alt: "Katlego founder"},
]}
buttons={[
{
text: "View Scanning Tech", href: "#features"},
]}
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Zap,
title: "Automated AI Scanner", description: "Continuous AI-driven scanning of indices and forex based on ICT & SMC logic."},
{
icon: ShieldCheck,
title: "ICT & SMC Framework", description: "Precision-built signal generation following proven market structure and institutional liquidity models."},
{
icon: Upload,
title: "Chart Screenshot Analysis", description: "Upload any 15-minute timeframe screenshot to receive instant AI interpretation and signal validation."},
]}
title="Engineered for Precision"
description="PrimeScan AI uses institutional algorithms to filter low-probability noise and identify valid entry conditions."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "94%", title: "Signal Accuracy", items: [ "On 15m timeframe"],
},
{
id: "m2", value: "24/5", title: "AI Monitoring", items: [ "ICT-SMC hybrid scanning"],
},
{
id: "m3", value: "50+", title: "Instrument Support", items: [ "Forex & Indices"],
},
]}
title="Scanning Capabilities"
description="Optimized for high-probability ICT-SMC analysis."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Scanner", name: "AI Signal Engine", price: "Active", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/firewall-breached-cyber-security-alert_23-2152001125.jpg"},
{ id: "p2", brand: "Analysis", name: "ICT Structure Model", price: "Applied", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-level-concept_23-2148761006.jpg"},
{ id: "p3", brand: "Tool", name: "15m Scan Tool", price: "Real-time", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-front-side_187299-39618.jpg"},
{ id: "p4", brand: "Logic", name: "SMC Liquidity Logic", price: "Optimized", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-vector/data-analysis-icons_1284-3863.jpg"},
{ id: "p5", brand: "AI", name: "Forex AI Pro", price: "Steady", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-vector/set-business-strategy-teamwork-information_24640-45216.jpg"},
{ id: "p6", brand: "Model", name: "Global Scan System", price: "Universal", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/settings-front-side-with-white-background_187299-39965.jpg"},
]}
title="Our AI Scanning Suite"
description="Professional tools for modern algorithmic trading."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="PrimeScan AI revolutionizes my workflow. The ICT-SMC logic detection is the most accurate I have used for 15-minute setups."
rating={5}
author="Mark R., Institutional Trader"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-annoyed-handsome-caucasian-man-raises-fist-up-holds-phone-looking-camera-isolated-white-background-with-copy-space_141793-65211.jpg", alt: "Trader 1"},
{ src: "http://img.b2bpic.net/free-photo/traveler-studio-portrait-handsome-bearded-man-wearing-ca_613910-12296.jpg", alt: "Trader 2"},
{ src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg", alt: "Trader 3"},
{ src: "http://img.b2bpic.net/free-photo/young-businessman-work_1098-13068.jpg", alt: "Trader 4"},
{ src: "http://img.b2bpic.net/free-photo/research-experts-studies-economic-activity_482257-82295.jpg", alt: "Trader 5"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
useInvertedBackground={true}
textboxLayout="split"
faqs={[
{ id: "f1", title: "Does PrimeScan work on XAUUSD?", content: "Yes, the AI tool performs ICT-SMC analysis on XAUUSD and all major forex pairs."},
{ id: "f2", title: "How does the AI analysis tool work?", content: "Simply upload your 15-minute chart screenshot, and the AI will identify key ICT-SMC levels for you."},
{ id: "f3", title: "Who developed PrimeScan?", content: "The PrimeScan AI platform was developed by Katlego using professional institutional logic."},
]}
mediaAnimation="slide-up"
title="Scanner FAQ"
description="Understanding our AI scanning capabilities."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/time-smartphone-screen_53876-16162.jpg"
imageAlt="Time on a smartphone screen"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
tag="Join the Engine"
title="Get Started with PrimeScan AI"
description="Ready to implement ICT and SMC intelligence into your trading process?"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
className="bg-background-accent"
logoText="PrimeScan AI"
leftLink={{ text: "Terms", href: "#" }}
rightLink={{ text: "Privacy", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}