Merge version_1 into main #2
229
src/app/page.tsx
229
src/app/page.tsx
@@ -31,97 +31,43 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Live Prices",
|
||||
id: "live-prices",
|
||||
},
|
||||
{
|
||||
name: "Trends",
|
||||
id: "trends",
|
||||
},
|
||||
{
|
||||
name: "Alerts",
|
||||
id: "alerts",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Live Prices", id: "live-prices" },
|
||||
{ name: "Trends", id: "trends" },
|
||||
{ name: "Alerts", id: "alerts" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="GoldPulse"
|
||||
button={{ text: "Get Started", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="live-prices" data-section="live-prices">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Real-Time Gold Prices"
|
||||
description="Stay ahead of the market with instantaneous updates on 22K, 23K, and 24K gold rates across major Indian markets."
|
||||
kpis={[
|
||||
{
|
||||
value: "₹7,250",
|
||||
label: "24K/gram",
|
||||
},
|
||||
{
|
||||
value: "₹6,645",
|
||||
label: "22K/gram",
|
||||
},
|
||||
{
|
||||
value: "₹6,940",
|
||||
label: "23K/gram",
|
||||
},
|
||||
{ value: "₹7,250", label: "24K/gram" },
|
||||
{ value: "₹6,645", label: "22K/gram" },
|
||||
{ value: "₹6,940", label: "23K/gram" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stock-exchange-trading-forex-finance-graphic-concept_53876-124069.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stock-exchange-trading-forex-finance-graphic-concept_53876-124069.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-workspace-desktop-running-day-trading-stock-market-trends_482257-126997.jpg",
|
||||
alt: "Investor one",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stock-exchange-trading-forex-finance-graphic-concept_53876-132242.jpg",
|
||||
alt: "Investor two",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/candlestick-chart-pc-monitor-home-office-desk_482257-122988.jpg",
|
||||
alt: "Investor three",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14782.jpg",
|
||||
alt: "Investor four",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",
|
||||
alt: "Investor five",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-workspace-desktop-running-day-trading-stock-market-trends_482257-126997.jpg", alt: "Investor one" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stock-exchange-trading-forex-finance-graphic-concept_53876-132242.jpg", alt: "Investor two" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/candlestick-chart-pc-monitor-home-office-desk_482257-122988.jpg", alt: "Investor three" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14782.jpg", alt: "Investor four" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg", alt: "Investor five" },
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ investors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Market Open",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Gold Up +0.4%",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Volatility Low",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "USD/INR Steady",
|
||||
icon: DollarSign,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bullion Active",
|
||||
},
|
||||
{ type: "text", text: "Market Open" },
|
||||
{ type: "text-icon", text: "Gold Up +0.4%", icon: TrendingUp },
|
||||
{ type: "text", text: "Volatility Low" },
|
||||
{ type: "text-icon", text: "USD/INR Steady", icon: DollarSign },
|
||||
{ type: "text", text: "Bullion Active" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,26 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Daily Movement",
|
||||
description: "Track the exact Rupee change per 10 grams with precise up/down indicators.",
|
||||
bentoComponent: "line-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg",
|
||||
imageAlt: "digital gold assets visualization",
|
||||
},
|
||||
title: "Daily Movement", description: "Track the exact Rupee change per 10 grams with precise up/down indicators.", bentoComponent: "line-chart"},
|
||||
{
|
||||
title: "Cross-City Data",
|
||||
description: "Compare gold prices across Mumbai, Delhi, Chennai, and other major cities.",
|
||||
bentoComponent: "map",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-exchange-trading-forex-finance-graphic-concept_53876-124069.jpg?_wi=2",
|
||||
imageAlt: "digital gold assets visualization",
|
||||
},
|
||||
title: "Cross-City Data", description: "Compare gold prices across Mumbai, Delhi, Chennai, and other major cities.", bentoComponent: "map"},
|
||||
{
|
||||
title: "Auto Refresh",
|
||||
description: "Live data feeds that update every 30 seconds for maximum accuracy.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-sparkle-burst-energy-sparke-glitter-background_1017-41850.jpg?_wi=1",
|
||||
imageAlt: "digital gold assets visualization",
|
||||
title: "Auto Refresh", description: "Live data feeds that update every 30 seconds for maximum accuracy.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Market Trends & Insights"
|
||||
@@ -167,53 +98,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
name: "Basic",
|
||||
price: "Free",
|
||||
features: [
|
||||
"15m delayed rates",
|
||||
"Standard price alerts",
|
||||
"City selection",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Now",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "free", name: "Basic", price: "Free", features: ["15m delayed rates", "Standard price alerts", "City selection"],
|
||||
buttons: [{ text: "Start Now", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Professional",
|
||||
price: "₹999",
|
||||
badge: "Popular",
|
||||
features: [
|
||||
"Real-time updates",
|
||||
"Unlimited price alerts",
|
||||
"Historical deep dive",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "pro", name: "Professional", price: "₹999", badge: "Popular", features: ["Real-time updates", "Unlimited price alerts", "Historical deep dive"],
|
||||
buttons: [{ text: "Upgrade", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
name: "Enterprise",
|
||||
price: "Custom",
|
||||
features: [
|
||||
"API Access",
|
||||
"Custom Dashboards",
|
||||
"Priority support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "enterprise", name: "Enterprise", price: "Custom", features: ["API Access", "Custom Dashboards", "Priority support"],
|
||||
buttons: [{ text: "Contact", href: "#" }],
|
||||
},
|
||||
]}
|
||||
title="Subscription Plans"
|
||||
@@ -227,24 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Today's Change",
|
||||
value: "+₹450",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Weekly High",
|
||||
value: "₹7,420",
|
||||
icon: ArrowUp,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Trading Volume",
|
||||
value: "12.5M",
|
||||
icon: BarChart,
|
||||
},
|
||||
{ id: "1", title: "Today's Change", value: "+₹450", icon: TrendingUp },
|
||||
{ id: "2", title: "Weekly High", value: "₹7,420", icon: ArrowUp },
|
||||
{ id: "3", title: "Trading Volume", value: "12.5M", icon: BarChart },
|
||||
]}
|
||||
title="Key Market KPIs"
|
||||
description="Statistical overview of current gold market performance."
|
||||
@@ -255,15 +134,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Mumbai",
|
||||
"Delhi",
|
||||
"Chennai",
|
||||
"Kolkata",
|
||||
"Bangalore",
|
||||
"Hyderabad",
|
||||
"Ahmedabad",
|
||||
]}
|
||||
names={["Mumbai", "Delhi", "Chennai", "Kolkata", "Bangalore", "Hyderabad", "Ahmedabad"]}
|
||||
title="Major City Markets"
|
||||
description="We aggregate data from leading bullion exchanges in these cities."
|
||||
/>
|
||||
@@ -274,21 +145,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How is price determined?",
|
||||
content: "Prices are based on international bullion spot rates and currency conversion.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What are price alerts?",
|
||||
content: "Receive notifications when gold hits your target price threshold.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is the data accurate?",
|
||||
content: "We synchronize with major market feeds every 30 seconds.",
|
||||
},
|
||||
{ id: "1", title: "How is price determined?", content: "Prices are based on international bullion spot rates and currency conversion." },
|
||||
{ id: "2", title: "What are price alerts?", content: "Receive notifications when gold hits your target price threshold." },
|
||||
{ id: "3", title: "Is the data accurate?", content: "We synchronize with major market feeds every 30 seconds." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions regarding price updates and gold investment."
|
||||
@@ -299,12 +158,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Get Price Alerts"
|
||||
description="Sign up to receive instant notifications when gold hits your target price."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/golden-sparkle-burst-energy-sparke-glitter-background_1017-41850.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/golden-sparkle-burst-energy-sparke-glitter-background_1017-41850.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
tag="Stay Informed"
|
||||
/>
|
||||
@@ -313,14 +170,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="GoldPulse © 2024"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user