Merge version_2 into main #2
35
src/app/auth/page.tsx
Normal file
35
src/app/auth/page.tsx
Normal file
@@ -0,0 +1,35 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { useState } from "react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function AuthPage() {
|
||||
const [isLogin, setIsLogin] = useState(true);
|
||||
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }]}
|
||||
brandName="BatTrade Titan"
|
||||
/>
|
||||
<div className="min-h-screen flex items-center justify-center p-6">
|
||||
<div className="max-w-md w-full p-8 border rounded-xl shadow-lg bg-card">
|
||||
<h1 className="text-2xl font-bold mb-6 text-center">
|
||||
{isLogin ? "Sign In / لاگ ان" : "Sign Up / سائن اپ"}
|
||||
</h1>
|
||||
<form className="space-y-4" onSubmit={(e) => e.preventDefault()}>
|
||||
<input type="email" placeholder="Email / ای میل" className="w-full p-3 border rounded" required />
|
||||
<input type="password" placeholder="Password / پاس ورڈ" className="w-full p-3 border rounded" required />
|
||||
<button type="submit" className="w-full p-3 bg-primary text-white rounded font-bold">
|
||||
{isLogin ? "Submit / جمع کریں" : "Register / رجسٹر کریں"}
|
||||
</button>
|
||||
</form>
|
||||
<p className="mt-4 text-center cursor-pointer text-sm" onClick={() => setIsLogin(!isLogin)}>
|
||||
{isLogin ? "Don't have an account? Sign Up" : "Already have an account? Sign In"}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
298
src/app/page.tsx
298
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Play",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Play", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Market",
|
||||
id: "product",
|
||||
},
|
||||
name: "Market", id: "product"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="BatTrade Titan"
|
||||
/>
|
||||
@@ -55,99 +47,53 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Pakistan's #1 Prediction Trading Game"
|
||||
description="Predict, play, and win real PKR via EasyPaisa. Industrial cyber-noir platform for high-stakes gamers."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Zaheer Khan",
|
||||
handle: "@titan_king",
|
||||
testimonial: "The 72FPS charting is butter smooth. Best mobile gaming experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg?_wi=1",
|
||||
imageAlt: "cyberpunk trading dashboard dark",
|
||||
},
|
||||
name: "Zaheer Khan", handle: "@titan_king", testimonial: "The 72FPS charting is butter smooth. Best mobile gaming experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg?_wi=1", imageAlt: "cyberpunk trading dashboard dark"},
|
||||
{
|
||||
name: "Sarah Ahmed",
|
||||
handle: "@trade_ninja",
|
||||
testimonial: "EasyPaisa withdrawal is instant. Simply incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg?_wi=1",
|
||||
imageAlt: "cyberpunk trading dashboard dark",
|
||||
},
|
||||
name: "Sarah Ahmed", handle: "@trade_ninja", testimonial: "EasyPaisa withdrawal is instant. Simply incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg?_wi=1", imageAlt: "cyberpunk trading dashboard dark"},
|
||||
{
|
||||
name: "Ali Hassan",
|
||||
handle: "@prediction_pro",
|
||||
testimonial: "The hype meter really keeps the heart pumping!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163681.jpg?_wi=1",
|
||||
imageAlt: "cyberpunk trading dashboard dark",
|
||||
},
|
||||
name: "Ali Hassan", handle: "@prediction_pro", testimonial: "The hype meter really keeps the heart pumping!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163681.jpg?_wi=1", imageAlt: "cyberpunk trading dashboard dark"},
|
||||
{
|
||||
name: "Zara Qureshi",
|
||||
handle: "@gaming_star",
|
||||
testimonial: "Feels like a high-stakes console right on my phone.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637784.jpg?_wi=1",
|
||||
imageAlt: "cyberpunk trading dashboard dark",
|
||||
},
|
||||
name: "Zara Qureshi", handle: "@gaming_star", testimonial: "Feels like a high-stakes console right on my phone.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637784.jpg?_wi=1", imageAlt: "cyberpunk trading dashboard dark"},
|
||||
{
|
||||
name: "Omar Raza",
|
||||
handle: "@crypto_fan",
|
||||
testimonial: "Zero-cost entry with real rewards, truly revolutionary.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-smartphone-mockup-with-blank-screen_187299-46545.jpg?_wi=1",
|
||||
imageAlt: "cyberpunk trading dashboard dark",
|
||||
},
|
||||
name: "Omar Raza", handle: "@crypto_fan", testimonial: "Zero-cost entry with real rewards, truly revolutionary.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-smartphone-mockup-with-blank-screen_187299-46545.jpg?_wi=1", imageAlt: "cyberpunk trading dashboard dark"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg?_wi=2"
|
||||
imageAlt="BatTrade Titan Platform Dashboard"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg",
|
||||
alt: "User experience design",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169844.jpg", alt: "User experience design"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
|
||||
alt: "Futuristic ai visualization",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg", alt: "Futuristic ai visualization"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
|
||||
alt: "Infographics dashboard",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", alt: "Infographics dashboard"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg",
|
||||
alt: "Tablet analytics",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg", alt: "Tablet analytics"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-using-tablet-smart-technology_53876-97062.jpg",
|
||||
alt: "Businessman tablet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-using-tablet-smart-technology_53876-97062.jpg", alt: "Businessman tablet"},
|
||||
]}
|
||||
avatarText="50K+ Active Titans"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "INSTANT PAYOUTS",
|
||||
},
|
||||
type: "text", text: "INSTANT PAYOUTS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "72 FPS PERFORMANCE",
|
||||
},
|
||||
type: "text", text: "72 FPS PERFORMANCE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "REAL-TIME MARKET HYPE",
|
||||
},
|
||||
type: "text", text: "REAL-TIME MARKET HYPE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "SECURE TRADING",
|
||||
},
|
||||
type: "text", text: "SECURE TRADING"},
|
||||
{
|
||||
type: "text",
|
||||
text: "EASYPAISA ENABLED",
|
||||
},
|
||||
type: "text", text: "EASYPAISA ENABLED"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,23 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "72 FPS Charts",
|
||||
description: "TradingView-powered realtime candlesticks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg?_wi=2",
|
||||
imageAlt: "Chart",
|
||||
},
|
||||
title: "72 FPS Charts", description: "TradingView-powered realtime candlesticks.", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg?_wi=2", imageAlt: "Chart"},
|
||||
{
|
||||
title: "Real-time Hype",
|
||||
description: "Pulsing market sentiment meter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163681.jpg?_wi=2",
|
||||
imageAlt: "Hype",
|
||||
},
|
||||
title: "Real-time Hype", description: "Pulsing market sentiment meter.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163681.jpg?_wi=2", imageAlt: "Hype"},
|
||||
{
|
||||
title: "Secure Payouts",
|
||||
description: "Instant EasyPaisa integration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637784.jpg?_wi=2",
|
||||
imageAlt: "Payment",
|
||||
},
|
||||
title: "Secure Payouts", description: "Instant EasyPaisa integration.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637784.jpg?_wi=2", imageAlt: "Payment"},
|
||||
]}
|
||||
title="Platform Excellence"
|
||||
description="Built for performance and security."
|
||||
@@ -190,59 +124,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Titan",
|
||||
name: "Silver Starter",
|
||||
price: "Free",
|
||||
rating: 4,
|
||||
reviewCount: "1k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-smartphone-mockup-with-blank-screen_187299-46545.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Titan", name: "Silver Starter", price: "Free", rating: 4,
|
||||
reviewCount: "1k+", imageSrc: "http://img.b2bpic.net/free-photo/white-smartphone-mockup-with-blank-screen_187299-46545.jpg?_wi=2"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Titan",
|
||||
name: "Gold Tier",
|
||||
price: "Stars Required",
|
||||
rating: 5,
|
||||
reviewCount: "500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/using-credit-card_23-2151918472.jpg",
|
||||
},
|
||||
id: "p2", brand: "Titan", name: "Gold Tier", price: "Stars Required", rating: 5,
|
||||
reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/using-credit-card_23-2151918472.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Titan",
|
||||
name: "Pro Platinum",
|
||||
price: "Stars Required",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473197.jpg",
|
||||
},
|
||||
id: "p3", brand: "Titan", name: "Pro Platinum", price: "Stars Required", rating: 5,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473197.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Titan",
|
||||
name: "God Mode",
|
||||
price: "Exclusive",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-textbox-callout-titles-scifi-tech-borders-hud-frames_88138-1008.jpg",
|
||||
},
|
||||
id: "p4", brand: "Titan", name: "God Mode", price: "Exclusive", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-textbox-callout-titles-scifi-tech-borders-hud-frames_88138-1008.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Titan",
|
||||
name: "Turbo Mode",
|
||||
price: "Unlockable",
|
||||
rating: 4,
|
||||
reviewCount: "800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-space-tunnel_23-2151954719.jpg",
|
||||
},
|
||||
id: "p5", brand: "Titan", name: "Turbo Mode", price: "Unlockable", rating: 4,
|
||||
reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-space-tunnel_23-2151954719.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Titan",
|
||||
name: "Elite Access",
|
||||
price: "Unlockable",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-angle-white-background_9975-134353.jpg",
|
||||
},
|
||||
id: "p6", brand: "Titan", name: "Elite Access", price: "Unlockable", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-angle-white-background_9975-134353.jpg"},
|
||||
]}
|
||||
title="Premium Assets"
|
||||
description="Unlock higher multipliers with stars."
|
||||
@@ -254,14 +152,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"EasyPaisa",
|
||||
"Supabase",
|
||||
"TradingView",
|
||||
"Vercel",
|
||||
"Google",
|
||||
"NextJS",
|
||||
"Tailwind",
|
||||
]}
|
||||
"EasyPaisa", "Supabase", "TradingView", "Vercel", "Google", "NextJS", "Tailwind"]}
|
||||
title="Trusted Partners"
|
||||
description="Powering the Pakistani market."
|
||||
/>
|
||||
@@ -275,45 +166,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ali",
|
||||
role: "Pro",
|
||||
company: "Karachi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg",
|
||||
},
|
||||
id: "t1", name: "Ali", role: "Pro", company: "Karachi", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sara",
|
||||
role: "Fan",
|
||||
company: "Lahore",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg",
|
||||
},
|
||||
id: "t2", name: "Sara", role: "Fan", company: "Lahore", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Khan",
|
||||
role: "Pro",
|
||||
company: "Islamabad",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg",
|
||||
},
|
||||
id: "t3", name: "Khan", role: "Pro", company: "Islamabad", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Bilal",
|
||||
role: "User",
|
||||
company: "Faisalabad",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hearing-issues-collage-design_23-2149831048.jpg",
|
||||
},
|
||||
id: "t4", name: "Bilal", role: "User", company: "Faisalabad", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hearing-issues-collage-design_23-2149831048.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Maha",
|
||||
role: "Fan",
|
||||
company: "Multan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-playing-videogame_23-2149349985.jpg",
|
||||
},
|
||||
id: "t5", name: "Maha", role: "Fan", company: "Multan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-playing-videogame_23-2149349985.jpg"},
|
||||
]}
|
||||
title="Player Voices"
|
||||
description="Success stories from the field."
|
||||
@@ -328,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50K+",
|
||||
description: "Active Players",
|
||||
},
|
||||
id: "m1", value: "50K+", description: "Active Players"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Secure Payouts",
|
||||
},
|
||||
id: "m2", value: "100%", description: "Secure Payouts"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "72 FPS",
|
||||
description: "Chart Speed",
|
||||
},
|
||||
id: "m3", value: "72 FPS", description: "Chart Speed"},
|
||||
]}
|
||||
title="Growth Stats"
|
||||
description="Massive momentum."
|
||||
@@ -354,20 +211,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it free?",
|
||||
content: "Yes, zero-cost to play.",
|
||||
},
|
||||
id: "f1", title: "Is it free?", content: "Yes, zero-cost to play."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How to withdraw?",
|
||||
content: "EasyPaisa is integrated.",
|
||||
},
|
||||
id: "f2", title: "How to withdraw?", content: "EasyPaisa is integrated."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I trust it?",
|
||||
content: "100% secure Supabase RLS.",
|
||||
},
|
||||
id: "f3", title: "Can I trust it?", content: "100% secure Supabase RLS."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gamer-battling-enemies-multiplayer-shooter-discussing-with-other-players-through-headphones-mic_482257-77140.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -384,15 +232,9 @@ export default function LandingPage() {
|
||||
description="Ready to trade?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/touching-future-email-interface_23-2151964652.jpg"
|
||||
/>
|
||||
@@ -402,29 +244,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Play",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Play", href: "#hero"},
|
||||
{
|
||||
label: "Stats",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Stats", href: "#metrics"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user