From 127b1b6c79151e5caab8768e180da993a7d540d1 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 25 May 2026 14:18:09 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 223 +++++++++++------------------------------------ 1 file changed, 51 insertions(+), 172 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index b6f2fd4..cf75424 100644 --- a/src/app/page.tsx +++ b/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() { @@ -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" -- 2.49.1