Merge version_1 into main #2
277
src/app/page.tsx
277
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Code, CheckCircle, Rocket, TrendingUp, LayoutGrid, RefreshCw, Shield, Link } from 'lucide-react';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
@@ -30,27 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Product",
|
||||
id: "features",
|
||||
},
|
||||
name: "Product", id: "features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Resources",
|
||||
id: "blog",
|
||||
},
|
||||
name: "Resources", id: "blog"},
|
||||
]}
|
||||
brandName="QOMPYL"
|
||||
button={{
|
||||
text: "Join Early Access",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Join Early Access", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,36 +51,22 @@ export default function LandingPage() {
|
||||
description="Build, test, and deploy professional trading strategies without code. Designed for self-directed traders."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Early Access",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Early Access", href: "#"},
|
||||
{
|
||||
text: "See How It Works",
|
||||
href: "#",
|
||||
},
|
||||
text: "See How It Works", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg",
|
||||
alt: "Portrait of a young handsome male with curly hair dressed in a jacket and eyeglasses.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg", alt: "Portrait of a young handsome male with curly hair dressed in a jacket and eyeglasses."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-man-wearing-formal-clothes_273609-15323.jpg",
|
||||
alt: "Portrait of bearded man wearing formal clothes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-man-wearing-formal-clothes_273609-15323.jpg", alt: "Portrait of bearded man wearing formal clothes"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9483.jpg",
|
||||
alt: "Portrait of brutal bearded macho male dressed in a suit over dark grey background.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9483.jpg", alt: "Portrait of brutal bearded macho male dressed in a suit over dark grey background."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-black-male-dressed-suit-from-wool_613910-15983.jpg",
|
||||
alt: "A handsome Black male dressed in a suit from a wool.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-black-male-dressed-suit-from-wool_613910-15983.jpg", alt: "A handsome Black male dressed in a suit from a wool."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
alt: "Close-up of competitive employee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Close-up of competitive employee"},
|
||||
]}
|
||||
avatarText="Join 5,000+ traders"
|
||||
/>
|
||||
@@ -100,13 +77,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Interactive Brokers",
|
||||
"TD Ameritrade",
|
||||
"E*TRADE",
|
||||
"Robinhood",
|
||||
"Fidelity",
|
||||
"Charles Schwab",
|
||||
]}
|
||||
"Interactive Brokers", "TD Ameritrade", "E*TRADE", "Robinhood", "Fidelity", "Charles Schwab"]}
|
||||
title="Trusted by Traders From"
|
||||
description="Connecting the world's most reputable brokerage institutions."
|
||||
/>
|
||||
@@ -118,33 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Gatekept Tools",
|
||||
description: "Institutional platforms locked behind complexity & high fees.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-graphs-chart-financial-analysis-report-sign-symbol-icon-3d-rendering_56104-1947.jpg?_wi=1",
|
||||
imageAlt: "trading algorithm icon",
|
||||
},
|
||||
title: "Gatekept Tools", description: "Institutional platforms locked behind complexity & high fees.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-graphs-chart-financial-analysis-report-sign-symbol-icon-3d-rendering_56104-1947.jpg", imageAlt: "trading algorithm icon"},
|
||||
{
|
||||
title: "Fragmentation Tax",
|
||||
description: "Juggling 5+ platforms erodes edge & focus.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg?_wi=2",
|
||||
imageAlt: "trading algorithm icon",
|
||||
},
|
||||
title: "Fragmentation Tax", description: "Juggling 5+ platforms erodes edge & focus.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg", imageAlt: "trading algorithm icon"},
|
||||
{
|
||||
title: "Execution Drag",
|
||||
description: "Manual routing & noise cause 30% avg slippage.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-piggybank-near-stacked-coins-key_23-2147863976.jpg?_wi=1",
|
||||
imageAlt: "trading algorithm icon",
|
||||
},
|
||||
title: "Execution Drag", description: "Manual routing & noise cause 30% avg slippage.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-piggybank-near-stacked-coins-key_23-2147863976.jpg", imageAlt: "trading algorithm icon"},
|
||||
{
|
||||
title: "Information Overload",
|
||||
description: "Too much data, not enough clarity for decisions.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/seo-analytics-black-line-icon-25-business-outline-icon-set_1057-10180.jpg?_wi=1",
|
||||
imageAlt: "trading algorithm icon",
|
||||
},
|
||||
title: "Information Overload", description: "Too much data, not enough clarity for decisions.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/seo-analytics-black-line-icon-25-business-outline-icon-set_1057-10180.jpg", imageAlt: "trading algorithm icon"},
|
||||
]}
|
||||
title="The Hidden Cost of Fragmented Tools"
|
||||
description="Traders lose time, capital, and confidence juggling disconnected platforms."
|
||||
@@ -158,20 +113,11 @@ export default function LandingPage() {
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Enterprise-grade infrastructure",
|
||||
},
|
||||
id: "m1", value: "99.9%", description: "Enterprise-grade infrastructure"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "68%",
|
||||
description: "Avg Backtested Win Rate",
|
||||
},
|
||||
id: "m2", value: "68%", description: "Avg Backtested Win Rate"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$500M+",
|
||||
description: "Simulated Volume",
|
||||
},
|
||||
id: "m3", value: "$500M+", description: "Simulated Volume"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -183,33 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Build",
|
||||
description: "Use our intuitive no-code builder with drag-and-drop logic nodes.",
|
||||
buttonIcon: "Code",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-piggybank-near-stacked-coins-key_23-2147863976.jpg?_wi=2",
|
||||
imageAlt: "risk management icon",
|
||||
},
|
||||
title: "Build", description: "Use our intuitive no-code builder with drag-and-drop logic nodes.", buttonIcon: Code,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-piggybank-near-stacked-coins-key_23-2147863976.jpg", imageAlt: "risk management icon"},
|
||||
{
|
||||
title: "Test",
|
||||
description: "Backtest against historical data to validate performance before risking capital.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg?_wi=3",
|
||||
imageAlt: "risk management icon",
|
||||
},
|
||||
title: "Test", description: "Backtest against historical data to validate performance before risking capital.", buttonIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg", imageAlt: "risk management icon"},
|
||||
{
|
||||
title: "Deploy",
|
||||
description: "Connect your existing broker account & go live in minutes.",
|
||||
buttonIcon: "Rocket",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-graphs-chart-financial-analysis-report-sign-symbol-icon-3d-rendering_56104-1947.jpg?_wi=2",
|
||||
imageAlt: "risk management icon",
|
||||
},
|
||||
title: "Deploy", description: "Connect your existing broker account & go live in minutes.", buttonIcon: Rocket,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-graphs-chart-financial-analysis-report-sign-symbol-icon-3d-rendering_56104-1947.jpg", imageAlt: "risk management icon"},
|
||||
{
|
||||
title: "Optimize",
|
||||
description: "Use real-time analytics to refine your strategies on the fly.",
|
||||
buttonIcon: "TrendingUp",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/seo-analytics-black-line-icon-25-business-outline-icon-set_1057-10180.jpg?_wi=2",
|
||||
imageAlt: "risk management icon",
|
||||
},
|
||||
title: "Optimize", description: "Use real-time analytics to refine your strategies on the fly.", buttonIcon: TrendingUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/seo-analytics-black-line-icon-25-business-outline-icon-set_1057-10180.jpg", imageAlt: "risk management icon"},
|
||||
]}
|
||||
title="How it Works"
|
||||
description="From idea to live execution in three focused steps."
|
||||
@@ -222,33 +152,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Strategy Builder",
|
||||
description: "No-code strategy builder with drag-and-drop nodes.",
|
||||
buttonIcon: "LayoutGrid",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/seo-analytics-black-line-icon-25-business-outline-icon-set_1057-10180.jpg?_wi=3",
|
||||
imageAlt: "analytics icon outline",
|
||||
},
|
||||
title: "Strategy Builder", description: "No-code strategy builder with drag-and-drop nodes.", buttonIcon: LayoutGrid,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/seo-analytics-black-line-icon-25-business-outline-icon-set_1057-10180.jpg", imageAlt: "analytics icon outline"},
|
||||
{
|
||||
title: "Backtesting",
|
||||
description: "Simulate strategy performance across years of data.",
|
||||
buttonIcon: "RefreshCw",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg?_wi=4",
|
||||
imageAlt: "analytics icon outline",
|
||||
},
|
||||
title: "Backtesting", description: "Simulate strategy performance across years of data.", buttonIcon: RefreshCw,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg", imageAlt: "analytics icon outline"},
|
||||
{
|
||||
title: "Risk Management",
|
||||
description: "Pre-trade risk checks and automated stop-loss.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-graphs-chart-financial-analysis-report-sign-symbol-icon-3d-rendering_56104-1947.jpg?_wi=3",
|
||||
imageAlt: "analytics icon outline",
|
||||
},
|
||||
title: "Risk Management", description: "Pre-trade risk checks and automated stop-loss.", buttonIcon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-graphs-chart-financial-analysis-report-sign-symbol-icon-3d-rendering_56104-1947.jpg", imageAlt: "analytics icon outline"},
|
||||
{
|
||||
title: "Broker Integrations",
|
||||
description: "Direct market access to tier-1 institutional brokers.",
|
||||
buttonIcon: "Link",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-piggybank-near-stacked-coins-key_23-2147863976.jpg?_wi=3",
|
||||
imageAlt: "analytics icon outline",
|
||||
},
|
||||
title: "Broker Integrations", description: "Direct market access to tier-1 institutional brokers.", buttonIcon: Link,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pink-piggybank-near-stacked-coins-key_23-2147863976.jpg", imageAlt: "analytics icon outline"},
|
||||
]}
|
||||
title="Platform Features"
|
||||
description="Institutional-grade execution capabilities designed for absolute sovereignty over your quantitative strategies."
|
||||
@@ -261,45 +175,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Game Changer",
|
||||
quote: "The most intuitive platform I've used for building quant strategies.",
|
||||
name: "Sarah J.",
|
||||
role: "Full-time Trader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
},
|
||||
id: "t1", title: "Game Changer", quote: "The most intuitive platform I've used for building quant strategies.", name: "Sarah J.", role: "Full-time Trader", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Incredible Speed",
|
||||
quote: "Backtesting is lightning fast and the data is pristine.",
|
||||
name: "Mark R.",
|
||||
role: "Quant Analyst",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
id: "t2", title: "Incredible Speed", quote: "Backtesting is lightning fast and the data is pristine.", name: "Mark R.", role: "Quant Analyst", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Sovereignty Found",
|
||||
quote: "I finally have full control over my risk parameters.",
|
||||
name: "Elena V.",
|
||||
role: "Algo Trader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-it-professional-silicon-valley-company-office-developing-software-apps-happy_482257-136225.jpg",
|
||||
},
|
||||
id: "t3", title: "Sovereignty Found", quote: "I finally have full control over my risk parameters.", name: "Elena V.", role: "Algo Trader", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-it-professional-silicon-valley-company-office-developing-software-apps-happy_482257-136225.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Reliable Analytics",
|
||||
quote: "The real-time insights keep me on track every day.",
|
||||
name: "David L.",
|
||||
role: "Fund Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
|
||||
},
|
||||
id: "t4", title: "Reliable Analytics", quote: "The real-time insights keep me on track every day.", name: "David L.", role: "Fund Manager", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Excellent Support",
|
||||
quote: "The team behind Qompyl really understands trader pain points.",
|
||||
name: "Jason K.",
|
||||
role: "Pro Trader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
},
|
||||
id: "t5", title: "Excellent Support", quote: "The team behind Qompyl really understands trader pain points.", name: "Jason K.", role: "Pro Trader", imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg"},
|
||||
]}
|
||||
title="Trusted by Traders"
|
||||
description="Hear from the professionals who rely on Qompyl for their daily trading."
|
||||
@@ -310,14 +194,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to trade with confidence? Join thousands of traders building institutional-grade strategies today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Free",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started Free", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -326,71 +207,43 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
label: "Security", href: "#"},
|
||||
{
|
||||
label: "API Docs",
|
||||
href: "#",
|
||||
},
|
||||
label: "API Docs", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#",
|
||||
},
|
||||
label: "Team", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#",
|
||||
},
|
||||
label: "Guides", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Cookies",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookies", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user