Update src/app/page.tsx
This commit is contained in:
203
src/app/page.tsx
203
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Cloud } from "lucide-react";
|
||||
import { Zap, Shield, Cloud, BarChart3 } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
@@ -32,14 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Charts", id: "trading-charts" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AlgoPro"
|
||||
/>
|
||||
@@ -47,51 +44,44 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Master the Markets with Algorithmic Intelligence"
|
||||
description="Unlock professional-grade automated trading strategies with our integrated Python code editor and live algorithmic engine."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg", alt: "Trader 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-using-laptop-tablet-same-time_482257-8141.jpg", alt: "Trader 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg", alt: "Trader 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-man-being-happy-low-view_23-2148763833.jpg", alt: "Trader 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-happy-positive-pointing-with-index-fingers-camera-standing-brown-background_141793-133634.jpg", alt: "Trader 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg", alt: "Trader 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-man-using-laptop-tablet-same-time_482257-8141.jpg", alt: "Trader 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg", alt: "Trader 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-business-man-being-happy-low-view_23-2148763833.jpg", alt: "Trader 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-happy-positive-pointing-with-index-fingers-camera-standing-brown-background_141793-133634.jpg", alt: "Trader 5" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Trading", href: "#"},
|
||||
{
|
||||
text: "View Documentation", href: "#"},
|
||||
{ text: "Start Trading", href: "#" },
|
||||
{ text: "View Documentation", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Low Latency"},
|
||||
{
|
||||
type: "text", text: "Python Based"},
|
||||
{
|
||||
type: "text", text: "24/7 Uptime"},
|
||||
{
|
||||
type: "text", text: "Secure API"},
|
||||
{
|
||||
type: "text", text: "Real-time Data"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trading-charts" data-section="trading-charts">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Real-Time Market Charts"
|
||||
description="Monitor live performance, volatility, and technical patterns with our advanced charting suite."
|
||||
metrics={[
|
||||
{ id: "c1", title: "BTC/USD", value: "Trend", description: "Live market data feed.", imageSrc: "http://img.b2bpic.net/free-photo/stock-market-chart-monitor_482257-76219.jpg" },
|
||||
{ id: "c2", title: "ETH/USD", value: "Volatility", description: "High frequency tracking.", imageSrc: "http://img.b2bpic.net/free-photo/analysis-innovation-opportunities-strengths-strategic_53876-14003.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Professional Algo-Trading Development"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More"},
|
||||
{ text: "Learn More" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,18 +91,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Analytics", description: "Real-time market insights.", imageSrc: "http://img.b2bpic.net/free-vector/fintech-business-elements_24908-56734.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Robust Security", description: "Enterprise-grade data encryption.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept_23-2151998485.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Ultra-Fast Execution", description: "Low latency infrastructure.", imageSrc: "http://img.b2bpic.net/free-vector/bright-blue-thunder_25030-68286.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Cloud-Native", description: "Global availability, 24/7.", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-people-icons-around-world_1134-391.jpg", buttonIcon: Cloud,
|
||||
},
|
||||
{ title: "Advanced Analytics", description: "Real-time market insights.", imageSrc: "http://img.b2bpic.net/free-vector/fintech-business-elements_24908-56734.jpg", buttonIcon: Zap },
|
||||
{ title: "Robust Security", description: "Enterprise-grade data encryption.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept_23-2151998485.jpg", buttonIcon: Shield },
|
||||
{ title: "Ultra-Fast Execution", description: "Low latency infrastructure.", imageSrc: "http://img.b2bpic.net/free-vector/bright-blue-thunder_25030-68286.jpg", buttonIcon: Zap },
|
||||
{ title: "Cloud-Native", description: "Global availability, 24/7.", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-people-icons-around-world_1134-391.jpg", buttonIcon: Cloud },
|
||||
]}
|
||||
title="Unrivaled Algorithmic Performance"
|
||||
description="Engineered for high-frequency trading with zero-latency execution."
|
||||
@@ -126,18 +108,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Live Market Widget", price: "Included", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-elements_23-2149057420.jpg"},
|
||||
{
|
||||
id: "p2", name: "Strategy Configurator", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-used-as-financial-insurance-agency-headquarters_482257-106441.jpg"},
|
||||
{
|
||||
id: "p3", name: "Portfolio Tracker", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/pc-monitor-displaying-financial-reports_482257-76219.jpg"},
|
||||
{
|
||||
id: "p4", name: "Trade Monitor", price: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/note-book-laptop-glasses-mouse-vintage-compass-coffee-cup-pen-graph-paper-document-office-desk-table_1423-161.jpg"},
|
||||
{
|
||||
id: "p5", name: "Risk Analytics", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-marketing-business-report-concept_53876-124759.jpg"},
|
||||
{
|
||||
id: "p6", name: "Backtesting Suite", price: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/analysis-innovation-opportunities-strengths-strategic_53876-14003.jpg"},
|
||||
{ id: "p1", name: "Live Market Widget", price: "Included", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-elements_23-2149057420.jpg" },
|
||||
{ id: "p2", name: "Strategy Configurator", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-used-as-financial-insurance-agency-headquarters_482257-106441.jpg" },
|
||||
{ id: "p3", name: "Portfolio Tracker", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/pc-monitor-displaying-financial-reports_482257-76219.jpg" },
|
||||
]}
|
||||
title="Algorithmic Toolset"
|
||||
description="Comprehensive suite of trading tools."
|
||||
@@ -150,83 +123,28 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", price: "$49/mo", name: "Starter", buttons: [
|
||||
{
|
||||
text: "Get Started"},
|
||||
],
|
||||
features: [
|
||||
"Basic indicators", "1 strategy", "Python SDK"],
|
||||
},
|
||||
{
|
||||
id: "pro", price: "$149/mo", name: "Professional", buttons: [
|
||||
{
|
||||
text: "Get Pro"},
|
||||
],
|
||||
features: [
|
||||
"Advanced indicators", "5 strategies", "Live code editor"],
|
||||
},
|
||||
{
|
||||
id: "enterprise", price: "$499/mo", name: "Enterprise", buttons: [
|
||||
{
|
||||
text: "Contact Us"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited strategies", "Dedicated support", "API access"],
|
||||
},
|
||||
{ id: "basic", price: "$49/mo", name: "Starter", buttons: [{ text: "Get Started" }], features: ["Basic indicators", "1 strategy", "Python SDK"] },
|
||||
{ id: "pro", price: "$149/mo", name: "Professional", buttons: [{ text: "Get Pro" }], features: ["Advanced indicators", "5 strategies", "Live code editor"] },
|
||||
{ id: "enterprise", price: "$499/mo", name: "Enterprise", buttons: [{ text: "Contact Us" }], features: ["Unlimited strategies", "Dedicated support", "API access"] },
|
||||
]}
|
||||
title="Choose Your Trading Plan"
|
||||
description="Select the plan that fits your trading goals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "99.9%", title: "Uptime", description: "Reliable trading engine.", imageSrc: "http://img.b2bpic.net/free-photo/stack-five-rows-coins-alarm-clock_1150-17748.jpg"},
|
||||
{
|
||||
id: "m2", value: "5ms", title: "Latency", description: "Ultra-fast execution speed.", imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399281.jpg"},
|
||||
{
|
||||
id: "m3", value: "10k+", title: "Active Traders", description: "Join a global community.", imageSrc: "http://img.b2bpic.net/free-vector/big-data-analytics-flat-icons-set-with-international-teamwork-information-processing_1284-12246.jpg"},
|
||||
]}
|
||||
title="Proven Performance Results"
|
||||
description="High-impact metrics for professional traders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah", role: "Trader", company: "AlgoCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-writing-his-agenda_1098-860.jpg"},
|
||||
{
|
||||
id: "2", name: "Mike", role: "Dev", company: "TradeLabs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyous-photographer-creative-agency-studio-adjusting-images_482257-121827.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily", role: "Analyst", company: "QuantCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg"},
|
||||
{
|
||||
id: "4", name: "David", role: "PM", company: "FinTech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg"},
|
||||
{
|
||||
id: "5", name: "Jessica", role: "CTO", company: "InvestNow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg"},
|
||||
{ id: "1", name: "Sarah", role: "Trader", company: "AlgoCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-man-writing-his-agenda_1098-860.jpg" },
|
||||
{ id: "2", name: "Mike", role: "Dev", company: "TradeLabs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyous-photographer-creative-agency-studio-adjusting-images_482257-121827.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+", label: "Strategies"},
|
||||
{
|
||||
value: "4.9/5", label: "Rating"},
|
||||
{
|
||||
value: "100%", label: "Secure"},
|
||||
{ value: "500+", label: "Strategies" },
|
||||
{ value: "4.9/5", label: "Rating" },
|
||||
{ value: "100%", label: "Secure" },
|
||||
]}
|
||||
title="Trusted by Pro Traders"
|
||||
description="See why top developers choose AlgoPro."
|
||||
@@ -236,14 +154,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Automate?"
|
||||
description="Talk to our team to build your perfect strategy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales", href: "#"},
|
||||
{ text: "Contact Sales", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -251,30 +167,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Product", href: "#"},
|
||||
{
|
||||
label: "Features", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Company", href: "#"},
|
||||
{
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Legal", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Product", href: "#" }, { label: "Features", href: "#" }] },
|
||||
{ items: [{ label: "Company", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ items: [{ label: "Legal", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="AlgoPro"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user