From 99f85a7aeddccdcd5d1e11dc1ccbad1386aef147 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 25 May 2026 14:21:03 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 142 +++++++++++++++-------------------------------- 1 file changed, 46 insertions(+), 96 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index ff0e1d9..375bca2 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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 ( @@ -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() { -- 2.49.1