Merge version_4 into main #3
116
src/app/page.tsx
116
src/app/page.tsx
@@ -6,7 +6,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -31,16 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Rates", id: "metrics"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Rates", id: "metrics" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="LiveMarket"
|
||||
/>
|
||||
@@ -48,14 +43,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Live Rates RealTime Markets One View"
|
||||
description="Track USD, EUR, Turkish Lira, and precious metals prices instantly. Make informed decisions with live market data updated every minute."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Tracking Now", href: "#metrics"},
|
||||
]}
|
||||
buttons={[{ text: "Start Tracking Now", href: "#metrics" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-119022.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -65,15 +56,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Global Market Overview"
|
||||
metrics={[
|
||||
{
|
||||
icon: DollarSign,
|
||||
label: "USD/TRY", value: "34.12"},
|
||||
{
|
||||
icon: DollarSign,
|
||||
label: "EUR/TRY", value: "37.55"},
|
||||
{
|
||||
icon: Diamond,
|
||||
label: "Gold Spot", value: "$2,505.40"},
|
||||
{ icon: DollarSign, label: "USD/TRY", value: "34.12" },
|
||||
{ icon: DollarSign, label: "EUR/TRY", value: "37.55" },
|
||||
{ icon: Diamond, label: "Gold Spot", value: "$2,505.40" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -85,26 +70,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Instant Updates", author: "Live Market", description: "Prices are refreshed every 60 seconds with sub-millisecond latency.", tags: [
|
||||
"Real-time", "Fast"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg"},
|
||||
{
|
||||
id: "f2", title: "Portfolio Tools", author: "User Centric", description: "Manage your currency and metal holdings effortlessly in one dashboard.", tags: [
|
||||
"Portfolio", "Dashboard"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/landing-page-concept-website_23-2147777585.jpg"},
|
||||
{
|
||||
id: "f3", title: "Secure Data", author: "Privacy First", description: "Bank-grade security ensures your financial monitoring remains private.", tags: [
|
||||
"Security", "Privacy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/concept-image-upload-landing-page_52683-26012.jpg"},
|
||||
{
|
||||
id: "f4", title: "Global Coverage", author: "Broad Reach", description: "Monitor diverse international market pairs from a single interface.", tags: [
|
||||
"Global", "Diversified"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg"},
|
||||
{
|
||||
id: "f5", title: "Automated Alerts", author: "Smart Notifications", description: "Get notified instantly when your target currency price hits your limit.", tags: [
|
||||
"Automation", "Alerts"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg"},
|
||||
{ id: "f1", title: "Instant Updates", author: "Live Market", description: "Prices are refreshed every 60 seconds with sub-millisecond latency.", tags: ["Real-time", "Fast"], imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg" },
|
||||
{ id: "f2", title: "Portfolio Tools", author: "User Centric", description: "Manage your currency and metal holdings effortlessly in one dashboard.", tags: ["Portfolio", "Dashboard"], imageSrc: "http://img.b2bpic.net/free-vector/landing-page-concept-website_23-2147777585.jpg" },
|
||||
{ id: "f3", title: "Secure Data", author: "Privacy First", description: "Bank-grade security ensures your financial monitoring remains private.", tags: ["Security", "Privacy"], imageSrc: "http://img.b2bpic.net/free-vector/concept-image-upload-landing-page_52683-26012.jpg" },
|
||||
{ id: "f4", title: "Global Coverage", author: "Broad Reach", description: "Monitor diverse international market pairs from a single interface.", tags: ["Global", "Diversified"], imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg" },
|
||||
{ id: "f5", title: "Automated Alerts", author: "Smart Notifications", description: "Get notified instantly when your target currency price hits your limit.", tags: ["Automation", "Alerts"], imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg" },
|
||||
]}
|
||||
title="Why Choose Our Tracker"
|
||||
description="Powerful tools for the modern market participant."
|
||||
@@ -117,16 +87,11 @@ export default function LandingPage() {
|
||||
title="Market Integrity"
|
||||
tag="Transparency"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "99.9%", description: "Uptime Rate"},
|
||||
{
|
||||
id: "m2", value: "1.2M+", description: "Daily Queries"},
|
||||
{
|
||||
id: "m3", value: "24/7", description: "Active Monitoring"},
|
||||
{
|
||||
id: "m4", value: "500+", description: "Global Banks"},
|
||||
{
|
||||
id: "m5", value: "45ms", description: "Average Latency"},
|
||||
{ id: "m1", value: "99.9%", description: "Uptime Rate" },
|
||||
{ id: "m2", value: "1.2M+", description: "Daily Queries" },
|
||||
{ id: "m3", value: "24/7", description: "Active Monitoring" },
|
||||
{ id: "m4", value: "500+", description: "Global Banks" },
|
||||
{ id: "m5", value: "45ms", description: "Average Latency" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -136,16 +101,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Ali Vural", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-standing-park_839833-33955.jpg"},
|
||||
{
|
||||
id: "2", name: "Zeynep Demir", imageSrc: "http://img.b2bpic.net/free-photo/woman-office-looking-camera-holding-tablet-hands_1262-20488.jpg"},
|
||||
{
|
||||
id: "3", name: "Can Arslan", imageSrc: "http://img.b2bpic.net/free-photo/snarling-angry-man_1154-81.jpg"},
|
||||
{
|
||||
id: "4", name: "Ece Yılmaz", imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg"},
|
||||
{
|
||||
id: "5", name: "Mehmet Kar", imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-portrait_23-2148831071.jpg"},
|
||||
{ id: "1", name: "Ali Vural", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-standing-park_839833-33955.jpg" },
|
||||
{ id: "2", name: "Zeynep Demir", imageSrc: "http://img.b2bpic.net/free-photo/woman-office-looking-camera-holding-tablet-hands_1262-20488.jpg" },
|
||||
{ id: "3", name: "Can Arslan", imageSrc: "http://img.b2bpic.net/free-photo/snarling-angry-man_1154-81.jpg" },
|
||||
{ id: "4", name: "Ece Yılmaz", imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg" },
|
||||
{ id: "5", name: "Mehmet Kar", imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-portrait_23-2148831071.jpg" },
|
||||
]}
|
||||
cardTitle="User Success Stories"
|
||||
cardTag="Testimonials"
|
||||
@@ -158,16 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "How often is data updated?", content: "Our feeds are updated every minute to ensure real-time accuracy."},
|
||||
{
|
||||
id: "q2", title: "Are these real prices?", content: "Yes, we display spot prices sourced from global liquidity providers."},
|
||||
{
|
||||
id: "q3", title: "Is there a mobile app?", content: "Our platform is fully responsive and optimized for mobile devices."},
|
||||
{
|
||||
id: "q4", title: "Do you provide historical data?", content: "Premium users get access to 10 years of historical charts and analytics."},
|
||||
{
|
||||
id: "q5", title: "Is it free to start?", content: "We offer a free tier with limited functionality and a professional paid plan."},
|
||||
{ id: "q1", title: "How often is data updated?", content: "Our feeds are updated every minute to ensure real-time accuracy." },
|
||||
{ id: "q2", title: "Are these real prices?", content: "Yes, we display spot prices sourced from global liquidity providers." },
|
||||
{ id: "q3", title: "Is there a mobile app?", content: "Our platform is fully responsive and optimized for mobile devices." },
|
||||
{ id: "q4", title: "Do you provide historical data?", content: "Premium users get access to 10 years of historical charts and analytics." },
|
||||
{ id: "q5", title: "Is it free to start?", content: "We offer a free tier with limited functionality and a professional paid plan." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions regarding our market tracker."
|
||||
@@ -178,8 +133,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Stay Informed"
|
||||
description="Subscribe for daily market summaries and volatility alerts."
|
||||
@@ -190,9 +144,13 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterBase
|
||||
logoText="LiveMarket"
|
||||
copyrightText="© 2025 | LiveMarket Exchange"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user