214 lines
12 KiB
TypeScript
214 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Activity, BarChart3, Clock, Heart, Shield, Sparkles, Star, Target, TrendingUp, Zap } from "lucide-react";
|
|
|
|
export default function Page() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Dashboard", id: "hero" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Dashcore"
|
|
bottomLeftText="Real-time Market Intelligence"
|
|
bottomRightText="hello@dashcore.io"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Dashcore"
|
|
description="Real-time stock and cryptocurrency forecasting powered by advanced machine learning. Get predictive analytics, live price updates, and intelligent alerts delivered through a minimalist Swiss design interface."
|
|
buttons={[
|
|
{ text: "Start Forecasting", href: "#features" },
|
|
{ text: "View Demo", href: "#testimonials" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "animated-grid" }}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDGb3EeFixQaMOfSZWgFU488TF/a-modern-minimalist-stock-and-crypto-tra-1774016520458-203a8c19.png"
|
|
imageAlt="Dashcore trading dashboard with real-time price charts"
|
|
mediaAnimation="opacity"
|
|
frameStyle="browser"
|
|
ariaLabel="Dashcore hero section introducing stock and crypto forecasting platform"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Intelligent Market Forecasting at Your Fingertips"
|
|
description="Dashcore combines real-time market data with cutting-edge machine learning to deliver accurate 7-day price forecasts for stocks and cryptocurrencies. Our platform processes live WebSocket data through a sophisticated backend architecture, delivering predictions with millisecond latency."
|
|
tag="Technical Excellence"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "Explore Architecture", href: "#features" }]}
|
|
buttonAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "Real-Time Data", description: "WebSocket-powered live price updates for BTC, ETH, and major stocks with zero-latency processing", icon: Activity
|
|
},
|
|
{
|
|
title: "Prophet ML Engine", description: "Advanced time-series forecasting using scikit-learn and Facebook Prophet for 7-day trend predictions", icon: TrendingUp
|
|
},
|
|
{
|
|
title: "Custom Watchlists", description: "Build personalized asset collections with intelligent price alerts and portfolio tracking", icon: Star
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDGb3EeFixQaMOfSZWgFU488TF/technical-architecture-diagram-showing-d-1774016519693-4b806ff8.png"
|
|
imageAlt="Dashcore system architecture diagram"
|
|
mediaAnimation="blur-reveal"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
ariaLabel="About Dashcore forecasting platform"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Core Capabilities"
|
|
description="Dashcore delivers three powerful modules designed to maximize your trading intelligence and decision velocity."
|
|
tag="Platform Features"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "Get Started", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Live Dashboard", description: "Real-time BTC/ETH/Stock price cards with WebSocket updates and sparkline previews. Monitor your portfolio in real-time with automatic refresh rates.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDGb3EeFixQaMOfSZWgFU488TF/user-watchlist-interface-showing-custom--1774016520550-7fa002b3.png", imageAlt: "Live dashboard with real-time price updates"
|
|
},
|
|
{
|
|
title: "Predictive Analytics", description: "Toggle-enabled 7-day forecast overlays powered by Prophet ML. Visualize confidence intervals and trend predictions directly on price charts.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDGb3EeFixQaMOfSZWgFU488TF/predictive-analytics-visualization-showi-1774016518662-c8d3f3a9.png", imageAlt: "Predictive analytics with forecast trendline"
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Dashcore core features showcase"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
title="Platform Performance"
|
|
description="Industry-leading speed, accuracy, and reliability metrics that power professional trading decisions."
|
|
tag="Real-Time Stats"
|
|
tagIcon={BarChart3}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{ id: "throughput", icon: Zap, title: "Data Throughput", value: "10M+ events/sec" },
|
|
{ id: "latency", icon: Clock, title: "Forecast Latency", value: "<50ms" },
|
|
{ id: "accuracy", icon: Target, title: "Prediction Accuracy", value: "94.3%" },
|
|
{ id: "uptime", icon: Shield, title: "Platform Uptime", value: "99.99%" }
|
|
]}
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Dashcore platform performance metrics"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Trusted by Professional Traders"
|
|
description="See what industry leaders say about Dashcore's forecasting precision and real-time intelligence."
|
|
tag="Client Success"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "Senior Portfolio Manager", testimonial: "Dashcore's ML-powered forecasts have reduced our decision latency by 60%. The real-time dashboard is a game-changer for our trading desk.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDGb3EeFixQaMOfSZWgFU488TF/professional-headshot-of-a-confident-tra-1774016519455-b501a4d9.png", imageAlt: "Sarah Mitchell, Senior Portfolio Manager"
|
|
},
|
|
{
|
|
id: "2", name: "Alex Chen", role: "Quantitative Analyst", testimonial: "The Prophet integration is exceptionally well-implemented. We've seen 94%+ accuracy on 7-day crypto forecasts using Dashcore's API.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDGb3EeFixQaMOfSZWgFU488TF/professional-portrait-of-a-female-financ-1774016518869-867a7773.png", imageAlt: "Alex Chen, Quantitative Analyst"
|
|
},
|
|
{
|
|
id: "3", name: "James Rodriguez", role: "Hedge Fund Director", testimonial: "Sub-50ms latency on forecasts is unprecedented. Dashcore enabled us to execute faster trades and capture alpha we couldn't before.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDGb3EeFixQaMOfSZWgFU488TF/professional-headshot-of-a-mature-invest-1774016518332-0a7b5e55.png", imageAlt: "James Rodriguez, Hedge Fund Director"
|
|
},
|
|
{
|
|
id: "4", name: "Emma Thompson", role: "Crypto Trading Lead", testimonial: "The watchlist alerts and custom portfolio tracking have streamlined our workflow. Dashcore integrates beautifully with our existing infrastructure.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDGb3EeFixQaMOfSZWgFU488TF/professional-portrait-of-a-crypto-trader-1774016519077-1b5aa94f.png", imageAlt: "Emma Thompson, Crypto Trading Lead"
|
|
},
|
|
{
|
|
id: "5", name: "David Park", role: "Chief Data Officer", testimonial: "Their WebSocket architecture is robust and reliable. 99.99% uptime means we can trust Dashcore for mission-critical operations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDGb3EeFixQaMOfSZWgFU488TF/professional-headshot-of-a-quantitative--1774016519288-246397f0.png", imageAlt: "David Park, Chief Data Officer"
|
|
},
|
|
{
|
|
id: "6", name: "Victoria Okonkwo", role: "Investment Director", testimonial: "Clean, minimalist interface means our team adopted it immediately. No learning curve, immediate ROI on predictive accuracy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDGb3EeFixQaMOfSZWgFU488TF/professional-portrait-of-a-hedge-fund-ma-1774016519063-457816da.png", imageAlt: "Victoria Okonkwo, Investment Director"
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Testimonials from Dashcore professional users"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Live Dashboard", href: "#features" },
|
|
{ label: "Predictive Analytics", href: "#features" },
|
|
{ label: "API Documentation", href: "#" },
|
|
{ label: "Pricing", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Security", href: "#" },
|
|
{ label: "Compliance", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "GitHub", href: "https://github.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "Discord", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Dashcore. All rights reserved. Real-time market intelligence for professional traders."
|
|
ariaLabel="Footer navigation and company information"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|