-
-
- - To get started, edit the page.tsx file. -
-- Looking for a starting point or more instructions? Head over to{" "} - - Templates - {" "} - or the{" "} - - Learning - {" "} - center. -
-
+
+
+ );
+}
diff --git a/src/components/common/Providers.tsx b/src/components/common/Providers.tsx
new file mode 100644
index 0000000..83ac9ce
--- /dev/null
+++ b/src/components/common/Providers.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import { useEffect } from "react";
+import { ThemeProvider } from "next-themes";
+import Lenis from "lenis";
+import { UserProvider } from "@/lib/context";
+
+export default function Providers({ children }: { children: React.ReactNode }) {
+ useEffect(() => {
+ // Initialize Lenis smooth scroll (client-side only)
+ const lenis = new Lenis({
+ duration: 1.2,
+ easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
+ orientation: "vertical",
+ gestureOrientation: "vertical",
+ smoothWheel: true,
+ wheelMultiplier: 1,
+ touchMultiplier: 2,
+ });
+
+ function raf(time: number) {
+ lenis.raf(time);
+ requestAnimationFrame(raf);
+ }
+
+ requestAnimationFrame(raf);
+
+ // Expose instance so components can trigger programmatic smooth scroll
+ (window as unknown as { lenis?: Lenis }).lenis = lenis;
+
+ return () => {
+ lenis.destroy();
+ delete (window as unknown as { lenis?: Lenis }).lenis;
+ };
+ }, []);
+
+ return (
+
+
+ {/* Header */}
+
+
+
+ Play & Earn
+
+
+
+ {/* Game Box Container */}
+ + The LYT Catcher Mini-Game +
++ Use your mouse or touch screen to catch the falling yellow LYT coins. Avoid the purple hazard spikes! Points are credited straight to your wallet. +
+
+
+
+
+
+ {/* Top Game UI Bar (While Playing) */}
+ {gameState === "playing" && (
+
+
+ {/* Score */}
+
+ )}
+
+ {/* Canvas */}
+
+
+ {/* Screens overlays */}
+
+ {/* 1. Idle Overlay */}
+ {gameState === "idle" && (
+
+
+
+ {/* Lives */}
+
+ {Array.from({ length: 3 }).map((_, i) => (
+
+
+
+ )}
+
+ {/* 2. Gameover Overlay */}
+ {gameState === "gameover" && (
+
+
+
+
+
+ Ready to Catch?
++ Move your mouse or finger horizontally to control the catcher basket. Grab coins, avoid spikes! +
+
+
+ )}
+
+
+
+
+
+
+
+ {/* Claim details */}
+ Game Over
++ You caught {score} LYTs! +
+
+
+
+
+
+
+
+ {/* Section Header */}
+
+
+
+ Platform Preview
+
+
+
+ {/* Contents Grid */}
+ + Manage Assets on Your Dashboard +
++ Track walking logs, check voucher redemption codes, and review points transaction history in your unified portal. +
+
+
+ {/* Left Block: Weekly Progress Charts (col-span-3) */}
+
+
+
+
+ {/* Center Block: Mobile iOS Phone Mockup (col-span-5) */}
+
+
+
+
+
+
+ {/* Steps Chart */}
+
+ {weeklySteps.map((d, idx) => {
+ const pct = Math.max(15, Math.round((d.steps / maxWeeklySteps) * 100));
+ const isToday = idx === weeklySteps.length - 1;
+ return (
+
+
+
+
+ );
+ })}
+
+
+ {/* Tooltip */}
+
+
+ {d.day}
+
+
+ {d.steps.toLocaleString()}
+
+
+ 🎉 Your weekly walk step frequency has increased by 12.4% since last week. Keep it up!
+
+
+ {/* Phone Shell */}
+
+
+ {/* Right Block: Transaction Log Feed (col-span-4) */}
+
+
+ {/* Dynamic Island Notch */}
+
+
+
+
+
+ {/* Status Header */}
+
+ 9:41
+
+
+ {/* App Internal Body (Scrollable mock container) */}
+
+ 5G
+ 100%
+
+
+
+ {/* User Header */}
+
+
+ {/* Bottom Nav Bar */}
+
+
+
+ {/* Circular Step Tracker */}
+
+
+
+ {/* Streak tag */}
+
+
+
+ AS
+
+
+ {profile.name}
+ Level {profile.level} Premium Member
+
+
+
+
+
+ {/* Gauge */}
+
+
+ {/* Balance & Send Row */}
+
+
+ {/* SVG circular track */}
+
+
+ {/* Step values */}
+
+
+
+ Goal: {profile.stepGoal.toLocaleString()} steps ({stepPercentage}%)
+
+
+ {/* Stats split */}
+
+
+ {profile.stepsToday.toLocaleString()}
+
+
+ Steps Today
+
+
+
+
+
+ {caloriesBurned}
+ Kcal
+
+
+ {distanceKm}
+ Km
+
+
+ {activeMinutes}
+ Mins
+
+
+
+
+ {/* Challenges Panel */}
+
+ Wallet Balance
+
+
+
+
+
+
+
+ Daily Missions
+
+
+
+
+
+
+
+ +10 LYT
+
+
+
+
+ +5 LYT
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Transaction list */}
+
+ {transactions.map((tx) => (
+
+
+
+
+
+ ))}
+
+ {tx.type}
+ {tx.detail}
+
+
+
+
+ {tx.amount}
+
+ {tx.time}
+
+
+
+ {/* Section Header */}
+
+
+
+ How it works
+
+
+
+ {/* Feature Grid */}
+ + Earn LYTs for Living Your Life +
++ Interact with our live simulations below to see how easy it is to rack up social currency. +
+
+
+ {/* Card 1: Walk to Earn (Simulator) */}
+
+
+
+
+ {/* Card 2: Shop & Earn (Receipt Simulator) */}
+
+
+
+
+
+
+
+
+
+ 1 LYT / 400 Steps
+
+
+
+
+ {/* Step Simulator Widget */}
+ Walk-to-Earn
++ Keep your phone in your pocket, walk to class, run errands, or jog. Watch your step count convert to LYTs automatically. +
+
+
+
+
+
+ {/* Range Slider */}
+ setSimSteps(parseInt(e.target.value))}
+ disabled={walkClaimed}
+ className="w-full h-1.5 bg-white/10 rounded-lg appearance-none cursor-pointer accent-primary"
+ />
+
+
+ Steps to Simulate
+
+ +{simSteps.toLocaleString()} Steps
+
+
+
+ Estimated Earn
+
+ +{walkReward} LYTs
+
+
+
+ 400 Steps
+ 6,000 Steps
+ 12,000 Steps
+
+
+
+
+
+
+
+ {/* Card 3: Visit to Earn (Geofence Checkins) */}
+
+
+
+
+
+
+
+
+
+ 10% LYT Cashback
+
+
+
+
+ {/* Receipt Widget */}
+ Shop-to-Earn
++ Shop from partner merchants (food, clothing, fitness centers) and scan your digital receipt to claim instant LYT cashback. +
+
+
+
+ Pending Receipt
+
+
+ Select items purchased:
+
+ {shopItems.map((item) => (
+
+ {
+ if (shopClaimed) return;
+ setSelectedItems((prev) =>
+ prev.includes(item.id)
+ ? prev.filter((id) => id !== item.id)
+ : [...prev, item.id]
+ );
+ }}
+ className={`flex items-center justify-between p-3 rounded-xl border cursor-pointer transition-all ${
+ selectedItems.includes(item.id)
+ ? "bg-accent-pink/5 border-accent-pink/30 text-white"
+ : "bg-white/3 border-white/5 text-white/60 hover:border-white/10"
+ }`}
+ >
+
+ ))}
+
+
+
+ {selectedItems.includes(item.id) &&
+ {item.name}
+
+
+ {item.cost}
+ +{item.reward} LYTs
+
+
+
+
+
+
+ {/* Card 4: Refer to Earn (Social Loop) */}
+
+
+
+
+
+
+
+
+
+ Location Check-Ins
+
+
+
+
+ {/* Map Simulator Widget */}
+ Visit-to-Earn
++ Explore your city! Check in at partner gyms, parks, retail shops, or cafes. Each location visit awards you instant points. +
+
+ {mapClaimed && (
+
+
+
+ )}
+
+
+
+
+
+ Checked in at {mapClaimed}!
+LYTs Added directly to wallet
+Active nodes near you:
+
+ {checkinLocations.map((loc) => {
+ const visited = visitedStores.includes(loc.id);
+ return (
+
+
+
+ );
+ })}
+
+
+
+ {loc.name}
+
+ Glow tips: Allow location permissions in-app to auto check-in.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 50 LYTs / Referral
+
+
+
+
+ {/* Referral Widget */}
+ Refer-to-Earn
++ Everything is better with friends. Send your personal link to your friends. Get 50 LYTs the second they verify their profile! +
+
+
+
+
+
+
+
+
+
+
+
+
+ 🔥 Bonus: Your friends also start with 50 LYTs in their wallet when they sign up!
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Time & Drops display */}
+
+
+
+
+ Section 12 • Flash Drops
+
+ Ultra-Rare
+
+
+ Ultra-Rare
+ Limited Vouchers
+
+ + Check back periodically. High-value partner rewards drop at set intervals. When the timer hits zero, vouchers unlock for instant claims. First come, first served. +
+
+
+ {/* Timer card */}
+
+
+ Next Secret Drop Unlocks In:
+
+ {formatTime(timeLeft)}
+
+
+
+ {/* Locked drops listing */}
+
+
+
+ {drops.map((drop, idx) => (
+
+
+
+
+ ))}
+
+ {drop.brand}
+ {drop.detail}
+
+
+
+
+ Locked
+
+ Cost: {drop.cost}
+
+
+
+
+ {/* Part 2: Footer layout */}
+
+
+ Support Hub
+
+
+
+ + Frequently Asked Questions +
+
+ {faqItems.map((faq, idx) => {
+ const isOpen = openFaq === idx;
+ return (
+
+
+
+
+ {isOpen && (
+
+ );
+ })}
+
+ {faq.answer}
+
+ )}
+
+
+ + {/* Socials & Copyright */} + +
+
+
+ {/* Brand Info */}
+
+
+
+
+ 
+
+ LytsUp
+
+
+
+
+ {/* Site Navigation */}
+
+
+ LytsUp
+
+
+ + The premier social currency app for Gen Z. Earn rewards for walking, playing, and living your best life. +
++ Earn. Spend. Live More. +
+
+
+
+ {/* Corporate Links */}
+ Navigate
+-
+
- + Earn Points + +
- + Redeem Vouchers + +
- + Mini-Game + +
- + Leaderboard + +
+
+
+ {/* Newsletter subscription */}
+ Partnerships
+-
+
- + Become a Partner + +
- + Brands Portal + +
- + API Integration + +
+
+ Get Secret Drops
++ Subscribe to get notified about ultra-rare brand voucher drops. +
+ + {subscribed && ( ++ You're in! Check your inbox for secret codes. +
+ )} ++ + {/* Socials & Copyright */} + +
+
+ ),
+});
+
+export default function Hero() {
+ const highlights = [
+ "WALK & EARN",
+ "PLAY & WIN",
+ "SHOP & REDEEM",
+ "SHARE WITH FRIENDS",
+ "DRINK FREE COFFEE",
+ "LEVEL UP",
+ "GEN Z SOCIAL CURRENCY",
+ ];
+
+ return (
+
+
+
+
+
+
+
+ {/* Highlights Marquee Ticker */}
+
+
+ {/* Left Column: Copy & Actions */}
+
+
+ {/* Promo Tag */}
+
+
+ {/* Right Column: Interactive 3D Canvas */}
+
+
+
+ {/* Main Headline */}
+
+
+ Earn. Spend.
+
+
+ {/* CTAs */}
+
+
+ {/* Live Counters / Stats */}
+
+ Earn. Spend.
+
+ Live More.
+
+
+ + Turn your everyday activities into social capital. Walk, play games, and shop to earn LYTs. Spend them at the brands you love. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Hologram Circle Rings behind 3D Object */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Section Header */}
+
+
+
+ Platform Workflow
+
+
+
+ {/* Step Cards Grid */}
+ + The Social Currency Lifecycle +
++ A three-step gamified loop designed to reward you for living an active, social, and healthy lifestyle. +
+
+ {steps.map((step, idx) => (
+
+
+ ))}
+
+
+
+
+
+
+
+
+ {step.icon}
+
+
+ {step.num}
+
+
+
+ {step.title}
+{step.description}
+
+
+
+
+
+
+
+
+
+ {/* Leaderboard panel list */}
+
+
+
+
+ Section 14 • Leaderboard
+
+ Daily Ranks &
+
+
+ Daily Ranks &
+ Community Standings
+
+ + Check out who is logging the most activity today. Walk, play, refer, and climb to the top to unlock premium avatar banners and multiplier rewards. +
+
+
+
+ User Roster
+
+
+
+ Steps Logged
+ Est. LYTs
+
+
+ {leaderboardUsers.map((user) => (
+
+
+
+ ))}
+
+
+ #{user.rank}
+
+
+
+
+
+
+
+
+ {user.avatar}
+
+
+ L{user.level}
+
+
+ {user.name}
+ {user.highlight && (
+
+
+
+
+ {user.steps.toLocaleString()}
+
+
+
+ +{user.points}
+
+
+
+
+ {/* Section Header */}
+
+
+
+ Community Hub
+
+
+
+ {/* Contents Grid */}
+ + Play Together. Earn Together. +
++ Join squad goals to multiply your LYT earnings, or compete for the top spots on the daily leaderboard. +
+
+
+ {/* Left Column: Team Challenges */}
+
+
+
+
+
+
+
+ {/* Right Column: Leaderboard list */}
+
+
+
+
+ {challenges.map((ch) => {
+ const percentage = Math.min(100, Math.round((ch.current / ch.goal) * 100));
+ const isCompleted = ch.current >= ch.goal;
+
+ return (
+
+
+
+ );
+ })}
+
+
+
+ {/* Progress Slider */}
+
+
+
+
+ {ch.icon}
+
+
+
+ {ch.title}
+{ch.description}
+
+ Reward
+ +{ch.reward} LYTs
+
+
+
+
+ {/* Button */}
+
+ {ch.current.toLocaleString()} / {ch.goal.toLocaleString()}
+ {percentage}%
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ User
+
+
+
+ Steps
+ Est. LYTs
+
+
+ {leaderboardUsers.map((user) => (
+
+
+
+ ))}
+
+ {/* Rank badge */}
+
+ #{user.rank}
+
+
+ {/* Avatar */}
+
+
+
+
+
+ {/* Profile Details */}
+
+ {user.avatar}
+
+
+ L{user.level}
+
+
+ {user.name}
+ {user.highlight && (
+
+
+
+ {/* Steps */}
+
+ {user.steps.toLocaleString()}
+
+
+ {/* Points */}
+
+ +{user.points}
+
+
+
+ {/* Renders the fully functional canvas coin-catcher mini-game */}
+
+ );
+}
diff --git a/src/components/sections/ReferToEarn.tsx b/src/components/sections/ReferToEarn.tsx
new file mode 100644
index 0000000..ac10783
--- /dev/null
+++ b/src/components/sections/ReferToEarn.tsx
@@ -0,0 +1,92 @@
+"use client";
+
+import { useState } from "react";
+import { useUser } from "@/lib/context";
+import { Share2, ClipboardCheck, Sparkles } from "lucide-react";
+
+export default function ReferToEarn() {
+ const { profile, addLyts } = useUser();
+ const [referralCopied, setReferralCopied] = useState(false);
+ const referralCode = `lytsup.com/invite/${profile.name.toLowerCase().replace(/\s+/g, "")}-77`;
+
+ const handleCopyReferral = () => {
+ navigator.clipboard.writeText(referralCode);
+ setReferralCopied(true);
+ addLyts(50); // Give user 50 LYTs bonus for checking/testing referral copy!
+ setTimeout(() => setReferralCopied(false), 3000);
+ };
+
+ return (
+
+
+
+
+
+
+
+
+ {/* Referral Widget */}
+
+
+
+
+ {/* Information */}
+
+
+
+
+
+
+
+
+
+
+ 🔥 Invite Code Bonus: Friends start with 50 LYTs and you get 50 LYTs immediately on activation!
+
+
+
+
+
+
+
+
+
+
+ Section 09 • Refer-to-Earn
+
+ Squad Invites &
+
+
+ Squad Invites &
+ Growth Loops
+
+ + Earn bonuses by inviting your friends. Create shared earning pools, unlock group level multipliers, and dominate leaderboards together. +
+
+
+
+
+
+
+
+
+ {/* Simulator box */}
+
+
+
+
+ {/* Information */}
+ Select items purchased:
+
+ {shopItems.map((item) => (
+
+
+
+ {
+ if (shopClaimed) return;
+ setSelectedItems((prev) =>
+ prev.includes(item.id)
+ ? prev.filter((id) => id !== item.id)
+ : [...prev, item.id]
+ );
+ }}
+ className={`flex items-center justify-between p-3.5 rounded-xl border cursor-pointer transition-all ${
+ selectedItems.includes(item.id)
+ ? "bg-accent-pink/5 border-accent-pink/30 text-white"
+ : "bg-white/3 border-white/5 text-white/60 hover:border-white/10"
+ }`}
+ >
+
+ ))}
+
+
+
+ {selectedItems.includes(item.id) &&
+ {item.name}
+
+ {item.cost}
+ +{item.reward} LYTs
+
+
+
+
+
+
+
+
+ Section 06 • Shop-to-Earn
+
+ Cashback &
+
+
+ Cashback &
+ Instant Rebates
+
+ + Earn high cashback rates when shopping with retail partners. Submit digital checks or verify loyalty IDs to earn LYT social tokens. +
+
+
+ {/* Header */}
+
+
+
+ Gen Z Social Wall
+
+
+
+ {/* Social Cards Grid */}
+ + Hear it from the Squad +
++ See how real users are converting their daily distance and plays into social currency vouchers. +
+
+ {posts.map((post, idx) => (
+
+
+ ))}
+
+
+
+
+
+ {/* Feed Actions Mock */}
+
+ {post.user}
+
+ Redeemed {post.brand}
+
+
+ + "{post.content}" +
+
+
+
+
+
+
+
+ {/* Section Header */}
+
+
+
+ Spend Your LYTs
+
+
+
+ {/* Dynamic Warning Alert */}
+ {errorMessage && (
+ + Claim Vouchers at Your Favorite Brands +
++ Redeem your accumulated LYT coins for gift cards, subscriptions, and discounts. Click redeem to generate a checkout code. +
+
+ {errorMessage}
+ Earn LYTs fast
+
+ )}
+
+ {/* Success Modal Popup */}
+ {redeemedCode && (
+
+
+ )}
+
+ {/* Voucher Grid */}
+
+
+
+
+
+
+
+
+ {/* Code Shelf */}
+ Redemption Successful!
++ You successfully claimed your {redeemedCode.brand} voucher code. +
+
+
+
+ {redeemedCode.code}
+
+
+
+ Code is also saved to your Active Vouchers panel below.
+
+
+ {availableVouchers.map((voucher) => {
+ const isAffordable = profile.lytBalance >= voucher.cost;
+ return (
+
+
+ {/* Claimed Vouchers Display */}
+ {vouchers.length > 0 && (
+
+
+ );
+ })}
+
+ {/* Brand Header */}
+
+
+ {/* Bottom action */}
+
+
+
+ {/* Info */}
+
+ {voucher.icon}
+
+
+
+
+
+ {voucher.brand}
+{voucher.discount}
+
+
+
+
+
+ )}
+
+ + Your Claimed Vouchers + + {vouchers.length} Total + +
+ +
+ {vouchers.map((v) => (
+
+
+
+ ))}
+
+ {v.brand}
+
+
+ {v.discount}
+ Claimed on {v.claimedAt} +
+
+ {v.code}
+
+
+
+
+ {/* Renders the fully functional vouchers shop store catalog */}
+
+ );
+}
diff --git a/src/components/sections/SquadChallenges.tsx b/src/components/sections/SquadChallenges.tsx
new file mode 100644
index 0000000..5c4b1f8
--- /dev/null
+++ b/src/components/sections/SquadChallenges.tsx
@@ -0,0 +1,157 @@
+"use client";
+
+import { useState } from "react";
+import { useUser } from "@/lib/context";
+import { Users, Footprints, Check, Zap, Landmark } from "lucide-react";
+import { motion } from "framer-motion";
+
+interface TeamChallenge {
+ id: string;
+ title: string;
+ description: string;
+ reward: number;
+ current: number;
+ goal: number;
+ joined: boolean;
+ icon: React.ReactNode;
+}
+
+export default function SquadChallenges() {
+ const { addLyts } = useUser();
+ const [challenges, setChallenges] = useState
+
+
+
+
+
+
+
+
+ {/* Challenges listing */}
+
+
+
+
+ Section 13 • Squad Goals
+
+ Cooperative Team
+
+
+ Cooperative Team
+ Active Challenges
+
+ + Connect with friends or match with nearby community squads. Log steps, complete visits, and unlock bulk LYT currency bonuses together. +
+
+ {challenges.map((ch) => {
+ const percentage = Math.min(100, Math.round((ch.current / ch.goal) * 100));
+ const isCompleted = ch.current >= ch.goal;
+
+ return (
+
+
+
+ );
+ })}
+
+
+
+
+
+
+
+ {ch.icon}
+
+
+
+ {ch.title}
+{ch.description}
+
+ Reward
+ +{ch.reward} LYTs
+
+
+
+
+
+ {ch.current.toLocaleString()} / {ch.goal.toLocaleString()}
+ {percentage}%
+
+
+
+
+
+
+
+
+
+
+
+ {/* Header */}
+
+
+
+ Platform Benefits
+
+
+
+ {/* Grid */}
+ + Designed for the Connected Generation +
++ LytsUp shifts the loyalty points equation. Discover why thousands of users sync daily. +
+
+ {points.map((item, idx) => (
+
+
+ ))}
+
+
+
+ {item.icon}
+
+
+
+ {item.title}
+{item.desc}
+
+
+
+
+
+
+
+
+ {/* Information */}
+
+
+
+
+ {/* Map Simulator */}
+
+
+
+
+ Section 08 • Visit-to-Earn
+
+ Location Check-Ins &
+
+
+ Location Check-Ins &
+ GPS Rewards
+
+ + Earn points simply by visiting local spaces. Confirm your location status via GPS check-ins at restaurants, parks, concerts, and malls. +
+
+ {mapClaimed && (
+
+
+
+
+ )}
+
+
+
+ Checked in at {mapClaimed}!
+LYT reward added directly to wallet
+Active nodes near you:
+
+ {checkinLocations.map((loc) => {
+ const visited = visitedStores.includes(loc.id);
+ return (
+
+
+
+ );
+ })}
+
+
+
+
+
+
+
+
+
+
+
+ {/* Left side: Information */}
+
+
+
+
+ {/* Right side: Step Simulator Panel */}
+
+
+
+
+ Section 05 • Walk-to-Earn
+
+ Step Sync &
+
+
+ Step Sync &
+ Points Generation
+
+ + Go about your day. Next.js integration syncs steps in the background from your phone's Health API. Convert them to tradeable LYTs. +
+
+
+
+
+
+
+ {/* Slider */}
+ setSimSteps(parseInt(e.target.value))}
+ disabled={walkClaimed}
+ className="w-full h-1.5 bg-white/10 rounded-lg appearance-none cursor-pointer accent-primary"
+ />
+
+
+ Simulate Distance
+
+ +{simSteps.toLocaleString()} Steps
+
+
+
+ Rewards Wallet
+
+ +{walkReward} LYTs
+
+
+
+ 500 Steps
+ 5,000 Steps
+ 10,000 Steps
+
+
+
+
+
+
+
+ social
+
+
+
+
+ we built this for you.
++ social currency is value earned for participating in life. +
+a LYTIAN believes every meaningful interaction has value.
+
+ social
+
+ currency
+
+ for real life.
+
+
+
+ "earn. spend. live more."
+
+ a quiet belief that everyday moments matter.
+
+
+
+
+
+
+
+ psst
+ make everyday count.
+
+ 💌 hey. quick story before we dive in
+
+
+
+
+
+
+
+ loyalty began after you swiped.
+
+ the world moved on. +
+
+ 30+ yrs
+
+ OF LOYALTY = SPEND · EARN POINTS · REDEEM REWARDS{" "}
+ (the same old loop)
+
+ + the world moved on. +
+ SPEND MONEY
+ →
+ EARN POINTS
+ →
+ REDEEM
+ →
+ ⏳ POINTS EXPIRE
+
+
+
+
+
+
+
+
+
+ 🎬 DISCOVER ON TIKTOK
+ brand relationships start before purchase
+ 👯 COMMUNITIES DECIDE
+ influence > paid advertising
+ ✨ REWARD PARTICIPATION
+ recognition, not coupons
+ + here's why. +
{c.n}
+ {c.t}
+ -
+ {c.items.map((i) => (
+
- ✗ {i} + ))} +
{c.foot}
+
+ ❗ customers create value before spending. then traditional loyalty assigns zero credit.
+
+
+ ⚡ the shift
+
+ from loyalty to engagement.
+
+
+
+
+
+
+ 📺 old world
+ rewards spending only
+
+ {[["🛒 OFFLINE COMMERCE", "still rewards only purchases"], ["📺 TV ADS · BANNERS", "one-way broadcast · no loop"], ["💳 SPEND-BASED POINTS", "transaction, no participation"]].map(([t, s]) => (
+
+
+ ))}
+
+ {t}
+ {s}
+
+
+ ✨ new world
+ rewards participation
+
+ {[["📱 SOCIAL MEDIA", "rewards engagement + time", C.purple], ["🎮 GAMING", "rewards achievements + grind", C.pink], ["🎬 CREATOR PLATFORMS", "rewards contribution + community", C.orange]].map(([t, s, bg]) => (
+
+
+ ))}
+
+ {t}
+ {s}
+
+ 🔥 biggest miss in consumer tech right now: offline commerce still rewards only spending. that changes with LYTs.
+
+ LYTs.
++ a LYT is a unit of digital social currency you earn by participating in real life. one LYT = one moment of showing up. +
+
+ walk 🚶
+ visit 📍
+ friend 🤝
+ shop 🛍️
+ event 🎉
+ →
+ your LYTs balance
+ →
+ spend
+ →
+ live more
+
+
+ {rows.map(([e, a, b, c], i) => (
+
+
+ ))}
+
+
+ {e}
+ {a}
+ {b}
+
+ you earned LYTs
+ because your life has value. 🤍
+ {e}
+ {t}
+ {s}
+ 0/5
+
+
+ TRADITIONAL LOYALTY SCORES
+ On every emotional need above, old-school points-based loyalty = 0%. LYTs is designed to reward human participation itself.
+ + LYTs starts at engage. +
+
+
+ 💻 OLD WORLD
+ 🔥 not a better coupon. a whole new currency. 🌱
+
+ TRADITIONAL LOYALTY
+
+
+ PURCHASE ↓
+ EARN POINTS ↓
+ REDEEM ↓
+ ⏳ POINTS EXPIRE
+
+ ✨ LYTS WAY
+
+ LYTS SOCIAL CURRENCY
+
+ {[["DISCOVER", C.lime, "#0a0a0a"], ["ENGAGE", C.yellow, "#0a0a0a"], ["EARN LYTS", C.orange, "#fff"], ["SPEND", C.pink, "#fff"], ["LIVE MORE", "#fff", "#0a0a0a"], ["💞 LYTIAN", "#0a0a0a", C.lime]].map(([t, bg, tc]) => (
+
+ {t} {t !== "💞 LYTIAN" && "↓"}
+ ))}
+ + one big life that keeps going. +
{n}
+ {t}
+ {s}
+
+
+
+ 🙋 for you
+
+ your life
+
+
+
+ your life
+
+ is worth
+
+ something.
+
+ every step. every visit. every selfie. it's all worth it here. 💗
+
+
+
+
+
+
+ value begins before purchase. 🌱
+ walk in. win more.
+
+ 10k steps? earn. coffee with a friend?{" "}
+ earn. sharing a vibe?{" "}
+ earn.
+
+ {e}
+ {t}
+ {s}
+ + retain forever. +
meet people before they buy. keep them warm after. 💞
+{tag}
+ {t}
+ {s}
+ + are converging right now. +
{e}
+ {t}
+ {s}
+ {a}
+ + every action earns points{" "} + LYTs. +
++ no app-opening rituals. no complicated loyalty rules.{" "} + no waiting until you spend. just live your life, engage the world, and watch your LYTs grow. 🌱 +
+{e}
+ {t}
+ {s}
+ traditional loyalty said one thing.
+
+
+ 💻 TRADITIONAL LOYALTY
+
+
+
+ the old rule
spend first.
earn later. +
+ spend first.
earn later. +
value is created only when you buy. participation = invisible. 🫥
+
+ VS
+
+
+ ✨ THE LYTS WAY
+
+
+ the new rule
live first.
earn everywhere. +
+ live first.
earn everywhere. +
value is created when you participate. everyday life is the unlock. 🎉
+
+
+ discover · engage · earn LYTs · spend LYTs · live more · become a LYTIAN.
+
+
+
+
+
+ 🌈 the vision
+
+ + world's largest social currency ecosystem. +
+
+ {items.map(([t, bg, tc], i) => (
+
+
+ ))}
+
+
+ ✓
+ {t}
+
+
+ every meaningful interaction has value. 🤝
+
+
+
+ 🌱 our belief
+
+
+
+
+
+ 1
+
+ + traditional loyalty begins when you SPEND. +
+
+ 2
+
+
+
+ + LYTs begins when you ENGAGE. +
+
+ ⚡ the promise
+
+
+ the social currency
+
+ for real life.
+
+
+ {chips.map(([t, bg, tc]) => (
+ {t}
+ ))}
+
+
+
+ 👉 Earn. Spend. Live More. — the rest is just coupons.
+
+
+ join the LYTIANS 🤝
+
+
+ {children}
+