Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a7d9ba1d40 | |||
| 2f6de1561b | |||
| 154e0e2879 | |||
| 64188b372d | |||
| 2cc760221c | |||
| ed3f0edbae |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import "@/lib/gsap-setup";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Public_Sans } from "next/font/google";
|
||||
|
||||
@@ -26,7 +25,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${publicSans.variable} antialiased`}>
|
||||
<Tag />
|
||||
|
||||
{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
|
||||
221
src/app/page.tsx
221
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,26 +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"
|
||||
/>
|
||||
@@ -58,17 +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>
|
||||
@@ -78,21 +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"
|
||||
/>
|
||||
@@ -104,61 +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."
|
||||
@@ -171,31 +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"
|
||||
/>
|
||||
@@ -205,31 +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"
|
||||
@@ -242,31 +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."
|
||||
@@ -277,24 +133,27 @@ 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."
|
||||
imageSrc="http://img.b2bpic.net/free-vector/connections-blue-background_53876-90949.jpg"
|
||||
buttonText="Subscribe"
|
||||
buttonText="Get Daily Market Alerts"
|
||||
termsText="By clicking Sign Up you agree to our Terms. No spam, unsubscribe anytime."
|
||||
/>
|
||||
</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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user