Merge version_1 into main #2
223
src/app/page.tsx
223
src/app/page.tsx
@@ -11,6 +11,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { PenTool, Radio, Lock, Zap } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Platform",
|
||||
id: "features",
|
||||
},
|
||||
name: "Platform", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="LiveTrade Studio"
|
||||
/>
|
||||
@@ -57,79 +50,40 @@ export default function LandingPage() {
|
||||
description="LiveTrade Studio brings professional-grade, real-time collaboration to your trading education. Connect, annotate, and analyze markets live with a community of serious traders."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@trader_alex",
|
||||
testimonial: "The best platform for live chart analysis. Collaboration is seamless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-lines_1048-14148.jpg?_wi=1",
|
||||
imageAlt: "digital stock dashboard",
|
||||
},
|
||||
name: "Alex R.", handle: "@trader_alex", testimonial: "The best platform for live chart analysis. Collaboration is seamless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-lines_1048-14148.jpg", imageAlt: "digital stock dashboard"},
|
||||
{
|
||||
name: "Sam K.",
|
||||
handle: "@sam_trade",
|
||||
testimonial: "Finally, a way to learn from pros while interacting on the actual chart.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-investor-working-computer-with-real-time-stock-charts-following-trade-market-sales-trend-financial-analyst-using-forex-exchange-statistics-plan-data-analysis-index-profit-close-up_482257-42062.jpg?_wi=1",
|
||||
imageAlt: "digital stock dashboard",
|
||||
},
|
||||
name: "Sam K.", handle: "@sam_trade", testimonial: "Finally, a way to learn from pros while interacting on the actual chart.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-investor-working-computer-with-real-time-stock-charts-following-trade-market-sales-trend-financial-analyst-using-forex-exchange-statistics-plan-data-analysis-index-profit-close-up_482257-42062.jpg", imageAlt: "digital stock dashboard"},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jordan_p",
|
||||
testimonial: "Game changer for our community sessions.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-online-conference-call_482257-120457.jpg?_wi=1",
|
||||
imageAlt: "digital stock dashboard",
|
||||
},
|
||||
name: "Jordan P.", handle: "@jordan_p", testimonial: "Game changer for our community sessions.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-online-conference-call_482257-120457.jpg", imageAlt: "digital stock dashboard"},
|
||||
{
|
||||
name: "Maria L.",
|
||||
handle: "@maria_l",
|
||||
testimonial: "Professional tools, zero lag, high-trust environment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-monitor-login-screen_107791-16390.jpg?_wi=1",
|
||||
imageAlt: "digital stock dashboard",
|
||||
},
|
||||
name: "Maria L.", handle: "@maria_l", testimonial: "Professional tools, zero lag, high-trust environment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-monitor-login-screen_107791-16390.jpg", imageAlt: "digital stock dashboard"},
|
||||
{
|
||||
name: "Chris M.",
|
||||
handle: "@chrism_trade",
|
||||
testimonial: "The permission-based drawing features are unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-thread-top-view_23-2148999167.jpg?_wi=1",
|
||||
imageAlt: "digital stock dashboard",
|
||||
},
|
||||
name: "Chris M.", handle: "@chrism_trade", testimonial: "The permission-based drawing features are unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-thread-top-view_23-2148999167.jpg", imageAlt: "digital stock dashboard"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Streaming",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Streaming", href: "#"},
|
||||
{
|
||||
text: "View Live Rooms",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Live Rooms", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-lines_1048-14148.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-lines_1048-14148.jpg"
|
||||
imageAlt="Live trading dashboard and collaboration screen"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/conceptual-image-showcasing-businessman-digital-environment_482257-127120.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/conceptual-image-showcasing-businessman-digital-environment_482257-127120.jpg", alt: "User avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/company-administrator-searching-new-solution-obtain-business-growth-working-hard_482257-136146.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/company-administrator-searching-new-solution-obtain-business-growth-working-hard_482257-136146.jpg", alt: "User avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-male-stock-broker-waiting-stock-market-open-looking-his-watch-front-his-computer_662251-718.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-male-stock-broker-waiting-stock-market-open-looking-his-watch-front-his-computer_662251-718.jpg", alt: "User avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stockbroker-analyzing-trading-data_482257-121321.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stockbroker-analyzing-trading-data_482257-121321.jpg", alt: "User avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plus-size-woman-working-professional-business-office_23-2150579583.jpg",
|
||||
alt: "User avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plus-size-woman-working-professional-business-office_23-2150579583.jpg", alt: "User avatar"},
|
||||
]}
|
||||
avatarText="Join 10,000+ traders"
|
||||
/>
|
||||
@@ -141,28 +95,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Live Chart Collaboration",
|
||||
description: "Request control and draw directly on live charts with support for trendlines and fib levels.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-investor-working-computer-with-real-time-stock-charts-following-trade-market-sales-trend-financial-analyst-using-forex-exchange-statistics-plan-data-analysis-index-profit-close-up_482257-42062.jpg?_wi=2",
|
||||
buttonIcon: "PenTool",
|
||||
title: "Live Chart Collaboration", description: "Request control and draw directly on live charts with support for trendlines and fib levels.", imageSrc: "http://img.b2bpic.net/free-photo/young-investor-working-computer-with-real-time-stock-charts-following-trade-market-sales-trend-financial-analyst-using-forex-exchange-statistics-plan-data-analysis-index-profit-close-up_482257-42062.jpg", buttonIcon: PenTool,
|
||||
},
|
||||
{
|
||||
title: "Real-Time Streaming",
|
||||
description: "High-fidelity video and audio stream with sub-second latency for market commentary.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-online-conference-call_482257-120457.jpg?_wi=2",
|
||||
buttonIcon: "Radio",
|
||||
title: "Real-Time Streaming", description: "High-fidelity video and audio stream with sub-second latency for market commentary.", imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-online-conference-call_482257-120457.jpg", buttonIcon: Radio,
|
||||
},
|
||||
{
|
||||
title: "Secure Access Control",
|
||||
description: "Host-approved interaction workflow keeps your workspace focused and professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-monitor-login-screen_107791-16390.jpg?_wi=2",
|
||||
buttonIcon: "Lock",
|
||||
title: "Secure Access Control", description: "Host-approved interaction workflow keeps your workspace focused and professional.", imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-monitor-login-screen_107791-16390.jpg", buttonIcon: Lock,
|
||||
},
|
||||
{
|
||||
title: "Synced Synchronization",
|
||||
description: "Real-time updates ensure everyone sees the same markers at the same moment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-thread-top-view_23-2148999167.jpg?_wi=2",
|
||||
buttonIcon: "Zap",
|
||||
title: "Synced Synchronization", description: "Real-time updates ensure everyone sees the same markers at the same moment.", imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-thread-top-view_23-2148999167.jpg", buttonIcon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Built for Serious Traders"
|
||||
@@ -178,17 +120,11 @@ export default function LandingPage() {
|
||||
description="LiveTrade Studio was built by traders for traders. We bridge the gap between static content and real-time interaction, allowing for deep, hands-on learning experiences without the risks of automated brokerage integration."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Educational Focus",
|
||||
description: "Designed for pure skill development and market analysis observation.",
|
||||
},
|
||||
title: "Educational Focus", description: "Designed for pure skill development and market analysis observation."},
|
||||
{
|
||||
title: "Community-Driven",
|
||||
description: "Engage with expert hosts and fellow traders in a moderated live space.",
|
||||
},
|
||||
title: "Community-Driven", description: "Engage with expert hosts and fellow traders in a moderated live space."},
|
||||
{
|
||||
title: "Safety First",
|
||||
description: "Controlled access and moderator tools ensure a high-trust atmosphere.",
|
||||
},
|
||||
title: "Safety First", description: "Controlled access and moderator tools ensure a high-trust atmosphere."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-communications-science-background-with-low-poly-plexus-design_1048-13265.jpg"
|
||||
@@ -204,25 +140,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10k+",
|
||||
description: "Active Traders",
|
||||
},
|
||||
id: "1", value: "10k+", description: "Active Traders"},
|
||||
{
|
||||
id: "2",
|
||||
value: "5k+",
|
||||
description: "Monthly Sessions",
|
||||
},
|
||||
id: "2", value: "5k+", description: "Monthly Sessions"},
|
||||
{
|
||||
id: "3",
|
||||
value: "99.9%",
|
||||
description: "Uptime Reliability",
|
||||
},
|
||||
id: "3", value: "99.9%", description: "Uptime Reliability"},
|
||||
{
|
||||
id: "4",
|
||||
value: "24/7",
|
||||
description: "Market Coverage",
|
||||
},
|
||||
id: "4", value: "24/7", description: "Market Coverage"},
|
||||
]}
|
||||
title="Platform Impact"
|
||||
description="Connecting traders around the world."
|
||||
@@ -237,45 +161,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Full-time Trader",
|
||||
company: "Growth Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-with-businessman-modern-office-blue-lightan-moon-light_482257-32826.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", role: "Full-time Trader", company: "Growth Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-with-businessman-modern-office-blue-lightan-moon-light_482257-32826.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sam K.",
|
||||
role: "Mentor",
|
||||
company: "Future Finance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyous-photographer-creative-agency-studio-adjusting-images_482257-121827.jpg",
|
||||
},
|
||||
id: "2", name: "Sam K.", role: "Mentor", company: "Future Finance", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyous-photographer-creative-agency-studio-adjusting-images_482257-121827.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jordan P.",
|
||||
role: "Analyst",
|
||||
company: "MarketLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-corporate-associates-look-into-project-timelines-agenda-create-strategy_482257-136251.jpg",
|
||||
},
|
||||
id: "3", name: "Jordan P.", role: "Analyst", company: "MarketLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-corporate-associates-look-into-project-timelines-agenda-create-strategy_482257-136251.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Maria L.",
|
||||
role: "Swing Trader",
|
||||
company: "Profit Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-office-desk-with-stock-market-trend-computer-used-crypto-currency-investment-global-economy-monitor-with-money-rate-analysis-financial-graph-make-exchange-profit_482257-29792.jpg",
|
||||
},
|
||||
id: "4", name: "Maria L.", role: "Swing Trader", company: "Profit Daily", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-office-desk-with-stock-market-trend-computer-used-crypto-currency-investment-global-economy-monitor-with-money-rate-analysis-financial-graph-make-exchange-profit_482257-29792.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris M.",
|
||||
role: "Educator",
|
||||
company: "Trade Academy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/broker-office-assisting-family-with-ipo-forex-portfolio-management_482257-100060.jpg",
|
||||
},
|
||||
id: "5", name: "Chris M.", role: "Educator", company: "Trade Academy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/broker-office-assisting-family-with-ipo-forex-portfolio-management_482257-100060.jpg"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="What our trading community has to say about their experience."
|
||||
@@ -287,25 +186,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is this a brokerage platform?",
|
||||
content: "No, LiveTrade Studio is strictly an educational tool and collaboration platform. We do not execute trades.",
|
||||
},
|
||||
id: "1", title: "Is this a brokerage platform?", content: "No, LiveTrade Studio is strictly an educational tool and collaboration platform. We do not execute trades."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I draw on the host chart?",
|
||||
content: "Yes, with permission granted by the host. Moderators can also oversee interactions.",
|
||||
},
|
||||
id: "2", title: "Can I draw on the host chart?", content: "Yes, with permission granted by the host. Moderators can also oversee interactions."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I start a stream?",
|
||||
content: "You can sign up for a host account and start a live session directly from your dashboard.",
|
||||
},
|
||||
id: "3", title: "How do I start a stream?", content: "You can sign up for a host account and start a live session directly from your dashboard."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is it mobile compatible?",
|
||||
content: "Yes, our interface is fully responsive and optimized for mobile and desktop.",
|
||||
},
|
||||
id: "4", title: "Is it mobile compatible?", content: "Yes, our interface is fully responsive and optimized for mobile and desktop."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -319,22 +206,14 @@ export default function LandingPage() {
|
||||
description="Have questions about our platform or interested in partnership opportunities?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-playing-gaming-pc-using-headphones-discuss-with-viewers_482257-124503.jpg"
|
||||
|
||||
Reference in New Issue
Block a user