bender/fde86cfc-561c-4c3d-b163-a9b6725867ea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-25 14:21:03 +00:00
parent 9a90f111da
commit 99f85a7aed
1 changed files with 46 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
src/app/page.tsx
View File

@@ -14,6 +14,13 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
import { PenTool, Radio, Lock, Zap } from 'lucide-react';
export default function LandingPage() {
const handleScroll = (id: string) => {
const element = document.getElementById(id);
if (element) {
element.scrollIntoView({ behavior: "smooth" });
}
};
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
@@ -31,14 +38,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Platform", id: "features"},
{
name: "Pricing", id: "pricing"},
{
name: "Testimonials", id: "testimonials"},
{
name: "FAQ", id: "faq"},
{ name: "Platform", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="LiveTrade Studio"
/>
@@ -49,41 +52,24 @@ export default function LandingPage() {
title="Master the Markets, Together"
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: "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: "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: "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: "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: "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: "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: "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: "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: "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" },
]}
buttons={[
{
text: "Start Streaming", href: "#"},
{
text: "View Live Rooms", href: "#"},
{ text: "Start Streaming", onClick: () => handleScroll("contact") },
{ text: "View Live Rooms", onClick: () => handleScroll("features") },
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-lines_1048-14148.jpg?_wi=2"
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/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/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/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/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/plus-size-woman-working-professional-business-office_23-2150579583.jpg", alt: "User avatar" },
]}
avatarText="Join 10,000+ traders"
/>
@@ -94,18 +80,10 @@ export default function LandingPage() {
textboxLayout="default"
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: "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: "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: "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: "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: "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: "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: "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="Built for Serious Traders"
description="Powerful collaboration features designed for education, not just consumption."
@@ -119,12 +97,9 @@ export default function LandingPage() {
title="Collaborative Market Education"
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: "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: "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: "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"
@@ -139,14 +114,10 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "1", value: "10k+", description: "Active Traders"},
{
id: "2", value: "5k+", description: "Monthly Sessions"},
{
id: "3", value: "99.9%", description: "Uptime Reliability"},
{
id: "4", value: "24/7", description: "Market Coverage"},
{ id: "1", value: "10k+", description: "Active Traders" },
{ id: "2", value: "5k+", description: "Monthly Sessions" },
{ id: "3", value: "99.9%", description: "Uptime Reliability" },
{ id: "4", value: "24/7", description: "Market Coverage" },
]}
title="Platform Impact"
description="Connecting traders around the world."
@@ -160,21 +131,11 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
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: "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: "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: "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: "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: "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."
@@ -185,14 +146,10 @@ export default function LandingPage() {
<FaqSplitText
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: "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: "4", title: "Is it mobile compatible?", content: "Yes, our interface is fully responsive and optimized for mobile and desktop."},
{ 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: "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." },
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
@@ -205,17 +162,10 @@ export default function LandingPage() {
title="Get in Touch"
description="Have questions about our platform or interested in partnership opportunities?"
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{
name: "message", placeholder: "How can we help?", rows: 4,
required: true,
}}
textarea={{ 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"
imageAlt="Support and collaboration"
/>