ab:I[903690,["/chat-static/_next/static/immutable/chunks/25sy-cznq5gtk.js","/chat-static/_next/static/immutable/chunks/17kl369b79nmd.js","/chat-static/_next/static/immutable/chunks/3ipxm38dyyb9q.js","/chat-static/_next/static/immutable/chunks/25oa2-cd4babd.js","/chat-static/_next/static/immutable/chunks/1di_td8luy3gw.js","/chat-static/_next/static/immutable/chunks/0_zevym5bobxk.js","/chat-static/_next/static/immutable/chunks/0pa2o-879tgyz.js","/chat-static/_next/static/immutable/chunks/2iyogqj39terz.js","/chat-static/_next/static/immutable/chunks/0vmwjdmzo33vb.js","/chat-static/_next/static/immutable/chunks/3xsyi84us226z.js","/chat-static/_next/static/immutable/chunks/3sd5co-q3j6ji.js","/chat-static/_next/static/immutable/chunks/3b6rwng7jzw37.js","/chat-static/_next/static/immutable/chunks/454vo2w1h6da9.js","/chat-static/_next/static/immutable/chunks/0kpqqt3b70onu.js","/chat-static/_next/static/immutable/chunks/0i48amtc28pqy.js","/chat-static/_next/static/immutable/chunks/0t6ytllohkn0t.js","/chat-static/_next/static/immutable/chunks/17xddrdopbp9_.js","/chat-static/_next/static/immutable/chunks/2dh86ziq4bpa7.js","/chat-static/_next/static/immutable/chunks/33addp8wpisll.js","/chat-static/_next/static/immutable/chunks/0avdeadirr7ac.js","/chat-static/_next/static/immutable/chunks/421be_5xz_yit.js","/chat-static/_next/static/immutable/chunks/2gn4nsrh2z77a.js","/chat-static/_next/static/immutable/chunks/0nc47r7g497qp.js","/chat-static/_next/static/immutable/chunks/1o9d1-74u-xr7.js","/chat-static/_next/static/immutable/chunks/0_zojv1j0yvgz.js","/chat-static/_next/static/immutable/chunks/0dt5xmjm5355d.js","/chat-static/_next/static/immutable/chunks/1c3kqwyzatdha.js","/chat-static/_next/static/immutable/chunks/1afvjiubxi20p.js","/chat-static/_next/static/immutable/chunks/1efvyp5ys0qa_.js","/chat-static/_next/static/immutable/chunks/16p-wd29zwtcb.js","/chat-static/_next/static/immutable/chunks/19etlne9fpz8c.js","/chat-static/_next/static/immutable/chunks/25vs-yagbngt2.js","/chat-static/_next/static/immutable/chunks/3uz_m6bi6f-lg.js","/chat-static/_next/static/immutable/chunks/1ukuldvl_7ewm.js","/chat-static/_next/static/immutable/chunks/1j2pv-n41aow7.js","/chat-static/_next/static/immutable/chunks/3all0vilnb92m.js","/chat-static/_next/static/immutable/chunks/0v_w5d6uj-d1p.js","/chat-static/_next/static/immutable/chunks/216nuiz0k8ips.js","/chat-static/_next/static/immutable/chunks/2ktsmvnrpabs_.js","/chat-static/_next/static/immutable/chunks/29mrkgtzx_4wp.js","/chat-static/_next/static/immutable/chunks/04gkop25t1q10.js","/chat-static/_next/static/immutable/chunks/0i0qxxzro3chc.js","/chat-static/_next/static/immutable/chunks/3ozgp_g2qonep.js","/chat-static/_next/static/immutable/chunks/34plql7k-5zln.js","/chat-static/_next/static/immutable/chunks/1_2vxq9xb046f.js","/chat-static/_next/static/immutable/chunks/2x0m84hlfqnp9.js","/chat-static/_next/static/immutable/chunks/0wa14r29vk-50.js","/chat-static/_next/static/immutable/chunks/33yhsbwlge-yd.js","/chat-static/_next/static/immutable/chunks/34-_dn6funmns.js","/chat-static/_next/static/immutable/chunks/3y9uy30_vf_ol.js","/chat-static/_next/static/immutable/chunks/0h3zc71pdnjom.js","/chat-static/_next/static/immutable/chunks/0b9ex5d30islg.js","/chat-static/_next/static/immutable/chunks/1erht42aiso18.js","/chat-static/_next/static/immutable/chunks/30mwco_q1oioj.js","/chat-static/_next/static/immutable/chunks/1cmyat5y1o107.js"],"ExplicitChatIdProvider"] ac:I[838238,["/chat-static/_next/static/immutable/chunks/25sy-cznq5gtk.js","/chat-static/_next/static/immutable/chunks/17kl369b79nmd.js","/chat-static/_next/static/immutable/chunks/3ipxm38dyyb9q.js","/chat-static/_next/static/immutable/chunks/25oa2-cd4babd.js","/chat-static/_next/static/immutable/chunks/1di_td8luy3gw.js","/chat-static/_next/static/immutable/chunks/0_zevym5bobxk.js","/chat-static/_next/static/immutable/chunks/0pa2o-879tgyz.js","/chat-static/_next/static/immutable/chunks/2iyogqj39terz.js","/chat-static/_next/static/immutable/chunks/0vmwjdmzo33vb.js","/chat-static/_next/static/immutable/chunks/3xsyi84us226z.js","/chat-static/_next/static/immutable/chunks/3sd5co-q3j6ji.js","/chat-static/_next/static/immutable/chunks/3b6rwng7jzw37.js","/chat-static/_next/static/immutable/chunks/454vo2w1h6da9.js","/chat-static/_next/static/immutable/chunks/0kpqqt3b70onu.js","/chat-static/_next/static/immutable/chunks/0i48amtc28pqy.js","/chat-static/_next/static/immutable/chunks/0t6ytllohkn0t.js","/chat-static/_next/static/immutable/chunks/17xddrdopbp9_.js","/chat-static/_next/static/immutable/chunks/2dh86ziq4bpa7.js","/chat-static/_next/static/immutable/chunks/33addp8wpisll.js","/chat-static/_next/static/immutable/chunks/0avdeadirr7ac.js","/chat-static/_next/static/immutable/chunks/421be_5xz_yit.js","/chat-static/_next/static/immutable/chunks/2gn4nsrh2z77a.js","/chat-static/_next/static/immutable/chunks/0nc47r7g497qp.js","/chat-static/_next/static/immutable/chunks/1o9d1-74u-xr7.js","/chat-static/_next/static/immutable/chunks/0_zojv1j0yvgz.js","/chat-static/_next/static/immutable/chunks/0dt5xmjm5355d.js","/chat-static/_next/static/immutable/chunks/1c3kqwyzatdha.js","/chat-static/_next/static/immutable/chunks/1afvjiubxi20p.js","/chat-static/_next/static/immutable/chunks/1efvyp5ys0qa_.js","/chat-static/_next/static/immutable/chunks/16p-wd29zwtcb.js","/chat-static/_next/static/immutable/chunks/19etlne9fpz8c.js","/chat-static/_next/static/immutable/chunks/25vs-yagbngt2.js","/chat-static/_next/static/immutable/chunks/3uz_m6bi6f-lg.js","/chat-static/_next/static/immutable/chunks/1ukuldvl_7ewm.js","/chat-static/_next/static/immutable/chunks/1j2pv-n41aow7.js","/chat-static/_next/static/immutable/chunks/3all0vilnb92m.js","/chat-static/_next/static/immutable/chunks/0v_w5d6uj-d1p.js","/chat-static/_next/static/immutable/chunks/216nuiz0k8ips.js","/chat-static/_next/static/immutable/chunks/2ktsmvnrpabs_.js","/chat-static/_next/static/immutable/chunks/29mrkgtzx_4wp.js","/chat-static/_next/static/immutable/chunks/04gkop25t1q10.js","/chat-static/_next/static/immutable/chunks/0i0qxxzro3chc.js","/chat-static/_next/static/immutable/chunks/3ozgp_g2qonep.js","/chat-static/_next/static/immutable/chunks/34plql7k-5zln.js","/chat-static/_next/static/immutable/chunks/1_2vxq9xb046f.js","/chat-static/_next/static/immutable/chunks/2x0m84hlfqnp9.js","/chat-static/_next/static/immutable/chunks/0wa14r29vk-50.js","/chat-static/_next/static/immutable/chunks/33yhsbwlge-yd.js","/chat-static/_next/static/immutable/chunks/34-_dn6funmns.js","/chat-static/_next/static/immutable/chunks/3y9uy30_vf_ol.js","/chat-static/_next/static/immutable/chunks/0h3zc71pdnjom.js","/chat-static/_next/static/immutable/chunks/0b9ex5d30islg.js","/chat-static/_next/static/immutable/chunks/1erht42aiso18.js","/chat-static/_next/static/immutable/chunks/30mwco_q1oioj.js","/chat-static/_next/static/immutable/chunks/1cmyat5y1o107.js"],"SWRDataProvider"] ae:[] af:[["b_ZJZyodJzyLT",null],["b_pzunyWf4Jok",null],["b_XqSm3M1MyRd",null]] b0:[["b_ZJZyodJzyLT",{"templateVersionId":null,"templateCanonId":null}],["b_pzunyWf4Jok",{"templateVersionId":null,"templateCanonId":null}],["b_XqSm3M1MyRd",{"templateVersionId":null,"templateCanonId":null}]] b1:[["GcFdhwtXsf9","$D2025-07-16T14:37:39.573Z"],["b_w7dByIMlIPU","$D2025-07-16T14:38:38.397Z"],["b_TpCwDtbcR5Y","$D2025-07-16T14:41:55.628Z"],["b_DKgfDln9uDf","$D2025-07-16T14:49:09.740Z"],["b_10JVTnOejeI","$D2025-07-16T14:55:27.568Z"],["b_QytIFKegxR0","$D2025-07-16T15:35:07.863Z"],["b_6aqHt0AgZZ5","$D2025-07-16T15:39:10.584Z"],["b_hY3qrxUzbmK","$D2025-07-17T15:37:51.021Z"],["b_SiF3PZg8dN6","$D2025-07-17T15:54:40.495Z"],["b_IY7qQe61pWn","$D2025-07-18T14:16:14.708Z"],["b_uKgOxrjNsCe","$D2025-07-18T14:18:19.167Z"],["b_drlwswk2Aju","$D2025-07-18T14:19:09.454Z"],["b_IglOXQxRyJl","$D2025-07-20T12:38:39.128Z"],["b_qNZr91HqfWG","$D2025-07-20T12:40:24.097Z"],["b_Jaat8cv1CcM","$D2025-07-20T13:34:17.826Z"],["b_16ptWtUUBj2","$D2025-07-20T13:50:40.586Z"],["b_TduSvUhWMou","$D2025-07-20T13:51:11.711Z"],["b_LK7iBCtYAmR","$D2025-07-21T10:56:35.755Z"],["b_78cxHvYgDG0","$D2025-07-21T15:46:41.222Z"],["b_Y27QyMBVOAV","$D2025-07-22T15:08:02.543Z"],["b_OwC5EEC48r4","$D2025-07-22T15:10:57.130Z"],["b_r7aBLT6HBfX","$D2025-07-22T15:13:21.582Z"],["b_RNDEbzw1fuA","$D2025-07-22T15:17:47.255Z"],["b_rcapKBbHKqM","$D2025-07-29T16:35:33.155Z"],["b_6TYSCh8Z2Rm","$D2025-07-29T16:35:58.937Z"],["b_lc69fcgOgSu","$D2025-07-29T16:37:35.959Z"],["b_wsN4eogybZz","$D2025-07-29T16:39:38.556Z"],["b_0PXguMgdbvh","$D2025-07-29T17:08:02.124Z"],["b_HXg54zPNrjx","$D2025-07-29T17:11:19.357Z"],["b_U1Fv6T7x3Qy","$D2025-07-29T17:14:46.793Z"],["b_YZgpyzxpZ24","$D2025-07-29T21:50:27.307Z"],["b_lx4Pq2JJ0kW","$D2025-07-29T21:52:54.895Z"],["b_d3uUbBqiZuY","$D2025-07-29T21:53:53.343Z"],["b_acN2eytBobb","$D2025-07-29T21:57:18.326Z"],["b_72xp0NC01HL","$D2025-07-29T22:00:28.646Z"],["b_1hq9fpcOlFU","$D2025-07-29T22:01:43.912Z"],["b_cqNT65lsPRH","$D2025-07-29T22:07:33.288Z"],["b_7QVA8wom7mJ","$D2025-07-29T22:10:51.627Z"],["b_4i8ddGwYtgY","$D2025-07-29T22:11:57.682Z"],["b_WopbP7tSAXg","$D2025-07-29T22:13:43.176Z"],["b_KUFSiHYolMl","$D2025-07-30T16:41:35.251Z"],["b_QpY1Exwo5i8","$D2025-07-30T16:41:50.273Z"],["b_mMiXEmuZrtS","$D2025-07-30T16:48:29.988Z"],["b_67cMcwdkUuL","$D2025-07-30T16:50:06.999Z"],["b_eKS54q1GYej","$D2025-07-30T19:41:29.186Z"],["b_ianTY8e3PV7","$D2025-07-30T19:45:01.973Z"],["b_vT70x4D6dRe","$D2025-07-30T20:05:02.791Z"],["b_UijxzmNfypn","$D2025-07-30T20:08:50.733Z"],["b_RAhrLUBBQTK","$D2025-07-30T20:15:46.936Z"],["b_SnoZxKzUjpF","$D2025-07-30T20:19:02.754Z"],["b_YDgDYoIgm5r","$D2025-07-30T20:21:43.676Z"],["b_tL6jcCtlO5j","$D2025-07-30T20:27:25.813Z"],["b_6QVv4zhG2lI","$D2025-07-30T20:35:33.400Z"],["b_y6pSPh8YzYO","$D2025-07-30T20:37:58.471Z"],["b_yY43V9wJvh5","$D2025-07-31T10:27:23.387Z"],["b_m3IyC3gJ3XT","$D2025-07-31T10:34:59.498Z"],["b_60aaoy1Z2Ex","$D2025-07-31T10:43:44.949Z"],["b_FIQGOkV520R","$D2025-07-31T10:45:16.078Z"],["b_sF7DDUfZrX5","$D2025-07-31T10:45:24.395Z"],["b_eHmEI7GK0bE","$D2025-07-31T10:46:14.801Z"],["b_N7gIQ04szvq","$D2025-07-31T11:06:05.261Z"],["b_uFNZYRlV6lX","$D2025-07-31T11:08:16.907Z"],["b_ykpu2t8cucc","$D2025-07-31T11:09:42.258Z"],["b_5gEDDbv8hDq","$D2025-07-31T11:11:14.579Z"],["b_fQFqyaW5ucg","$D2025-07-31T11:13:17.820Z"],["b_PFLjHFgGKjI","$D2025-07-31T11:18:24.411Z"],["b_ec4ZhvielO1","$D2025-07-31T11:20:06.244Z"],["b_GCXzOGOrGse","$D2025-07-31T11:24:23.699Z"],["b_6shO5bfmm3R","$D2025-07-31T11:27:26.974Z"],["b_lx0zf27FhDE","$D2025-07-31T11:32:42.859Z"],["b_M9rwc8i96NF","$D2025-07-31T11:36:40.178Z"],["b_StLFW9rKqsK","$D2025-07-31T11:39:54.403Z"],["b_gIqql76R7aQ","$D2025-07-31T11:41:01.646Z"],["b_mlqFdPE5Qq6","$D2025-07-31T11:43:50.083Z"],["b_QaT2A7MMRJx","$D2025-07-31T11:44:50.444Z"],["b_u5PSpj0K60Q","$D2025-07-31T11:49:16.652Z"],["b_95cgtvlDz7S","$D2025-08-04T12:54:02.443Z"],["b_pRprrtqnSH3","$D2025-08-04T13:14:42.777Z"],["b_bcMnf3qjApf","$D2025-08-04T13:17:29.396Z"],["b_I45bRUCy3tf","$D2025-08-04T13:22:13.428Z"],["b_zyNs727LA79","$D2025-08-05T15:02:22.550Z"],["b_VUbmC46vCH1","$D2025-08-05T15:03:53.965Z"],["b_ZJZyodJzyLT","$D2025-08-05T15:09:52.671Z"],["b_pzunyWf4Jok","$D2025-08-05T15:11:16.568Z"],["b_XqSm3M1MyRd","$D2025-08-05T15:15:59.898Z"]] b2:[["b_ZJZyodJzyLT",false],["b_pzunyWf4Jok",false],["b_XqSm3M1MyRd",false]] b3:[["b_ZJZyodJzyLT","$undefined"],["b_pzunyWf4Jok","$undefined"],["b_XqSm3M1MyRd","$undefined"]] b4:[["b_ZJZyodJzyLT",null],["b_pzunyWf4Jok",null],["b_XqSm3M1MyRd",null]] b5:[["b_ZJZyodJzyLT",true],["b_pzunyWf4Jok",true],["b_XqSm3M1MyRd",true]] b6:[["b_ZJZyodJzyLT",true],["b_pzunyWf4Jok",true],["b_XqSm3M1MyRd",true]] b7:[] b8:Tc3d9d,[V0_FILE]plaintext:file=".gitignore" isMerged="true" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts [V0_FILE]markdown:file="README.md" isMerged="true" # Xangels *Automatically synced with your [v0.dev](https://v0.dev) deployments* [![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://vercel.com/tauriurbanik-gmailcoms-projects/v0-xangels) [![Built with v0](https://img.shields.io/badge/Built%20with-v0.dev-black?style=for-the-badge)](https://v0.dev/chat/projects/oVvmdaiHRGu) ## Overview This repository will stay in sync with your deployed chats on [v0.dev](https://v0.dev). Any changes you make to your deployed app will be automatically pushed to this repository from [v0.dev](https://v0.dev). ## Deployment Your project is live at: **[https://vercel.com/tauriurbanik-gmailcoms-projects/v0-xangels](https://vercel.com/tauriurbanik-gmailcoms-projects/v0-xangels)** ## Build your app Continue building your app on: **[https://v0.dev/chat/projects/oVvmdaiHRGu](https://v0.dev/chat/projects/oVvmdaiHRGu)** ## How It Works 1. Create and modify your project using [v0.dev](https://v0.dev) 2. Deploy your chats from the v0 interface 3. Changes are automatically pushed to this repository 4. Vercel deploys the latest version from this repository [V0_FILE]typescriptreact:file="app/angels/page.tsx" isMerged="true" "use client" import type React from "react" import { useState, useEffect } from "react" import { ChevronLeft, Diamond, X, Users, Coins, Rocket, Heart, Clock, Star } from "lucide-react" import Link from "next/link" import { cn } from "@/lib/utils" interface Angel { id: string name: string image: string video: string level: number hourlyEarnings: number isUnlocked: boolean isFavorite: boolean lastViewed?: string } export default function AngelsPage() { const [angels, setAngels] = useState([ { id: "angel1", name: "Sophia", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/angel1-thumbnail-Rl9Iy9Yd9Yd9Yd9Yd9Yd9.jpg", video: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Professional_Mode_9x16_body_gently_moving_up_and_down_i-QBjIGPfDPUKMZVOEHaAf5pjRyg5kne.mp4", level: 3, hourlyEarnings: 30, isUnlocked: true, isFavorite: true, lastViewed: "2h ago", }, { id: "angel2", name: "Emma", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/angel2-thumbnail-Rl9Iy9Yd9Yd9Yd9Yd9Yd9.jpg", video: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Professional_Mode_9x16_maintaining_a_Close_Shot__sexy__-aRq6jEHR3YG9Y7XjtGIxeIGlPHuYck.mp4", level: 2, hourlyEarnings: 20, isUnlocked: true, isFavorite: false, lastViewed: "5h ago", }, { id: "angel3", name: "Olivia", image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/angel3-thumbnail-Rl9Iy9Yd9Yd9Yd9Yd9Yd9.jpg", video: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Professional_Mode_9x16__posing__tits_bouncing_subtly-1X8Rzd15JOFeKssq3mWTXB4Ku0m2TX.mp4", level: 1, hourlyEarnings: 10, isUnlocked: true, isFavorite: false, lastViewed: "1d ago", }, { id: "angel4", name: "Mia", image: "/placeholder.svg?height=300&width=200", video: "", level: 0, hourlyEarnings: 0, isUnlocked: false, isFavorite: false, }, { id: "angel5", name: "Ava", image: "/placeholder.svg?height=300&width=200", video: "", level: 0, hourlyEarnings: 0, isUnlocked: false, isFavorite: false, }, { id: "angel6", name: "Isabella", image: "/placeholder.svg?height=300&width=200", video: "", level: 0, hourlyEarnings: 0, isUnlocked: false, isFavorite: false, }, ]) const [selectedAngel, setSelectedAngel] = useState(null) const [showAngelDetails, setShowAngelDetails] = useState(false) const [diamonds, setDiamonds] = useState(7.88) const [totalHourlyEarnings, setTotalHourlyEarnings] = useState(0) const [activeFilter, setActiveFilter] = useState<"all" | "favorites">("all") // Calculate total hourly earnings useEffect(() => { const total = angels.reduce((sum, angel) => sum + angel.hourlyEarnings, 0) setTotalHourlyEarnings(total) }, [angels]) const handleAngelClick = (angel: Angel) => { if (angel.isUnlocked) { setSelectedAngel(angel) setShowAngelDetails(true) } } const handleToggleFavorite = (id: string, event: React.MouseEvent) => { event.stopPropagation() setAngels((prev) => prev.map((angel) => (angel.id === id ? { ...angel, isFavorite: !angel.isFavorite } : angel))) } const filteredAngels = activeFilter === "all" ? angels : angels.filter((angel) => angel.isFavorite) return (

{/* Header */}

Back

Angels

{/* Spacer for alignment */}

{/* Diamond Display */}

Your Diamonds

{diamonds.toFixed(2)}M

{/* Hourly Earnings */}

Your Hourly Earnings

+{totalHourlyEarnings}/hr

{/* Filter Tabs */}

{/* Angels Grid */}

{filteredAngels.map((angel) => (

handleAngelClick(angel)} >

{/* Thumbnail or placeholder */} {angel.isUnlocked ? (

) : (

Locked

)} {/* Favorite button */} {angel.isUnlocked && ( )} {/* Last viewed indicator */} {angel.isUnlocked && angel.lastViewed && (

{angel.lastViewed}

)} {/* Angel info overlay */}

{angel.name}

{angel.isUnlocked && (

Level {angel.level} •

+{angel.hourlyEarnings}/hr

)}

))}

{/* Angel Details Modal */} {showAngelDetails && selectedAngel && (

{/* Modal Header */}

{selectedAngel.name}

{/* Video Player */}

{/* Angel Stats */}

Level {selectedAngel.level}

+{selectedAngel.hourlyEarnings}/hr

)} {/* Bottom Navigation - Futuristic Style */}

) } interface NavButtonProps { icon: React.ReactNode label: string active?: boolean href?: string } function FuturisticNavButton({ icon, label, active = false, href }: NavButtonProps) { const Component = href ? Link : "button" return (

{icon}

{label} ) } [V0_FILE]typescriptreact:file="app/boost/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { ChevronLeft, Diamond, Zap, Sparkles, Battery, X, Users, Coins, Rocket } from "lucide-react" import Link from "next/link" import { cn } from "@/lib/utils" // Background effect component function BackgroundEffect() { return (

{/* Radial gradient base */}

{/* Energy grid lines */}

{/* Floating energy orbs */}

{/* Energy beam */}

) } export default function BoostPage() { const [energy, setEnergy] = useState(11.75) const [availableRefills, setAvailableRefills] = useState(6) const maxEnergy = 2.5 const handleRefill = () => { if (availableRefills > 0) { setEnergy(maxEnergy) setAvailableRefills((prev) => prev - 1) } } return (

{/* Header */}

Back

Boost

{/* Spacer for alignment */}

{/* Energy Display */}

{energy.toFixed(2)}M

Current Energy / {maxEnergy}M Max

{/* Free Daily Boosters Section */}

Free Daily Boosters

{/* Card content - Simplified to match Multitap card */}

Full Energy Refill

Refill your energy instantly to keep unlocking stunning models.

{availableRefills}/6 available

{maxEnergy}M / {maxEnergy}M

{/* Boosters Section */}

Boosters

{/* Multitap Booster */}

Multitap

Multiply your taps to progress faster and reveal new beauties.

Level 2

{/* Energy Limit Booster */}

Energy Limit

Boost your energy cap for longer play sessions and bigger rewards.

Level 1

{/* Bottom Navigation - Futuristic Style */}

{icon}

{label} ) } [V0_FILE]typescriptreact:file="app/collection/page.tsx" isMerged="true" "use client" import type React from "react" import { useState, useRef, useEffect } from "react" import { ChevronLeft, Diamond, X, Users, Coins, Rocket, ChevronUp, ArrowUp, Play, Info, ChevronDown, UserPlus, Zap, } from "lucide-react" import Link from "next/link" import { cn } from "@/lib/utils" // Model data structure interface Model { id: string name: string level: number hourlyEarnings: number upgradeCost: number videoUrl: string thumbnailUrl: string unlocked: boolean } // Message library for level up success const levelUpMessages = [ "Discipline yourself daily. Level up angels, collect diamonds, convert to tokens—then turn tokens into cash.", "The stronger your angels, the greater your diamond flow. Diamonds become tokens; tokens become money. Execute daily.", "More angels leveled equals more diamonds earned. Diamonds become tokens, tokens become profit. Keep leveling.", "Every angel leveled up means more diamonds earned. Diamonds to tokens, tokens to cash. Discipline creates results.", "Grow your angels every day. Diamonds increase. Tokens multiply. Money flows. Stay disciplined, keep earning.", "Your angels are your diamond generators. Level them up consistently, convert diamonds into tokens, and cash in.", "Diamonds aren't just shiny—they're tokens in waiting, and tokens become real money. Level angels daily. Execute.", "Angels leveled daily equal diamonds earned constantly. Convert your discipline into tokens, and tokens into profits.", "Earn diamonds by leveling angels. Convert diamonds to tokens, then turn tokens into money. Discipline equals wealth.", "Your angels, your discipline, your diamonds. Convert diamonds to tokens, tokens to cash. Get after it.", "Level up your angels. Angels earn diamonds. Diamonds become tokens. Tokens become money. Execute daily.", "Discipline equals money. Strengthen angels daily, diamonds flow, tokens stack, cash in.", "More angels leveled means more diamonds earned. Diamonds convert to tokens. Tokens become money. Keep grinding.", "Angels powered up daily create diamonds consistently. Diamonds to tokens, tokens to cash. Discipline pays.", "Earn diamonds by leveling your angels. Convert those diamonds to tokens, turn those tokens into real money. Stay disciplined.", "Diamonds earned daily become tokens. Tokens become money. Your angels, your discipline, your profit.", "Level your angels. Collect diamonds. Convert diamonds into tokens. Tokens become cash. Execute relentlessly.", "Angels leveled consistently multiply diamonds earned. Diamonds convert into tokens, tokens convert to money. Keep pushing.", "Daily discipline builds powerful angels. Angels earn diamonds, diamonds create tokens, tokens equal money.", "You level angels. Angels generate diamonds. Diamonds form tokens. Tokens equal money. Discipline wins.", "Every day matters. Level your angels, earn diamonds, convert to tokens, cash out. Discipline pays daily.", "Miss no days. Angels leveled daily equal diamonds, diamonds become tokens, tokens become money. Execute.", "Level your angels today. Diamonds waiting, tokens stacking, money earned. Discipline is your currency.", "Check in, level angels, earn diamonds. Diamonds become tokens, tokens become real cash. Stay on the path.", "Angels need daily attention. Diamonds earned today, tokens tomorrow, money forever. Discipline delivers.", "Daily execution means angels leveled, diamonds earned, tokens collected, money secured. Stay consistent.", "Discipline every day. Angels leveled means diamonds flow, tokens stack, money made. Stay focused.", "Angels leveled consistently means diamonds constantly. Diamonds to tokens, tokens to money. Keep disciplined.", "Your angels, your diamonds, your tokens, your money. Level up daily. Discipline equals wealth.", "Diamonds today become tokens tomorrow, tokens become money forever. Level your angels daily. Stay disciplined.", ] export default function CollectionPage() { // State for models collection const [models, setModels] = useState([ { id: "model1", name: "Sophia", level: 3, hourlyEarnings: 30, upgradeCost: 150, videoUrl: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Professional_Mode_9x16_breasts_gently_moving_up_and_dow-c3hMRcG7SHI8RUxhgtPW6ooBtPMoyX.mp4", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: true, }, { id: "model2", name: "Emma", level: 2, hourlyEarnings: 20, upgradeCost: 100, videoUrl: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Professional_Mode_9x16_leans_forward_slightly__focus_on-pfiEMres0gUzLs58Og7mCh0QTxVStC.mp4", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: true, }, { id: "model3", name: "Olivia", level: 1, hourlyEarnings: 10, upgradeCost: 50, videoUrl: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Professional_Mode_9x16_the_camera_zooms_in__focus_on_ti-Tb2gDurmTpTkSdYQ7aQu1DRaLVdxj1.mp4", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: true, }, { id: "model4", name: "Mia", level: 0, hourlyEarnings: 0, upgradeCost: 200, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model5", name: "Ava", level: 0, hourlyEarnings: 0, upgradeCost: 250, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model6", name: "Isabella", level: 0, hourlyEarnings: 0, upgradeCost: 300, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model7", name: "Lily", level: 0, hourlyEarnings: 0, upgradeCost: 350, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model8", name: "Zoe", level: 0, hourlyEarnings: 0, upgradeCost: 400, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model9", name: "Amelia", level: 0, hourlyEarnings: 0, upgradeCost: 450, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model10", name: "Harper", level: 0, hourlyEarnings: 0, upgradeCost: 500, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model11", name: "Evelyn", level: 0, hourlyEarnings: 0, upgradeCost: 550, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model12", name: "Abigail", level: 0, hourlyEarnings: 0, upgradeCost: 600, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model13", name: "Emily", level: 0, hourlyEarnings: 0, upgradeCost: 650, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model14", name: "Elizabeth", level: 0, hourlyEarnings: 0, upgradeCost: 700, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model15", name: "Sofia", level: 0, hourlyEarnings: 0, upgradeCost: 750, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model16", name: "Avery", level: 0, hourlyEarnings: 0, upgradeCost: 800, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model17", name: "Ella", level: 0, hourlyEarnings: 0, upgradeCost: 850, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model18", name: "Scarlett", level: 0, hourlyEarnings: 0, upgradeCost: 900, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model19", name: "Grace", level: 0, hourlyEarnings: 0, upgradeCost: 950, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model20", name: "Victoria", level: 0, hourlyEarnings: 0, upgradeCost: 1000, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model21", name: "Chloe", level: 0, hourlyEarnings: 0, upgradeCost: 1050, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model22", name: "Penelope", level: 0, hourlyEarnings: 0, upgradeCost: 1100, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model23", name: "Layla", level: 0, hourlyEarnings: 0, upgradeCost: 1150, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model24", name: "Riley", level: 0, hourlyEarnings: 0, upgradeCost: 1200, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model25", name: "Zoey", level: 0, hourlyEarnings: 0, upgradeCost: 1250, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model26", name: "Nora", level: 0, hourlyEarnings: 0, upgradeCost: 1300, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model27", name: "Lily", level: 0, hourlyEarnings: 0, upgradeCost: 1350, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model28", name: "Eleanor", level: 0, upgradeCost: 1400, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, hourlyEarnings: 0, }, { id: "model29", name: "Hannah", level: 0, hourlyEarnings: 0, upgradeCost: 1450, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model30", name: "Lillian", level: 0, hourlyEarnings: 0, upgradeCost: 1500, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, { id: "model31", name: "Addison", level: 0, hourlyEarnings: 0, upgradeCost: 1550, videoUrl: "", thumbnailUrl: "/placeholder.svg?height=300&width=200", unlocked: false, }, ]) // State for diamonds const [diamonds, setDiamonds] = useState(1250) // State for selected model and fullscreen view const [selectedModel, setSelectedModel] = useState(null) const [showFullscreen, setShowFullscreen] = useState(false) // State for level up confirmation modal const [showLevelUpModal, setShowLevelUpModal] = useState(false) // State for referral link display const [showReferralLink, setShowReferralLink] = useState(false) // State for info panel const [showInfoPanel, setShowInfoPanel] = useState(true) const [infoPanelDismissed, setInfoPanelDismissed] = useState(false) // State for level up success and insufficient funds messages const [showLevelUpSuccess, setShowLevelUpSuccess] = useState(false) const [showInsufficientFunds, setShowInsufficientFunds] = useState(false) const [levelUpMessage, setLevelUpMessage] = useState<{ title: string message: string cta: string } | null>(null) // State for copy success const [copySuccess, setCopySuccess] = useState(false) // Refs for video scrolling const videoContainerRef = useRef(null) const videoRefs = useRef<(HTMLVideoElement | null)[]>([]) // Current video index for fullscreen view const [currentVideoIndex, setCurrentVideoIndex] = useState(0) // Calculate total hourly earnings const totalHourlyEarnings = models.reduce((total, model) => total + model.hourlyEarnings, 0) // Effect to update diamonds based on earnings (simulated real-time) useEffect(() => { const earningsInterval = setInterval(() => { // Add a small fraction of hourly earnings every second setDiamonds((prev) => { const secondlyEarning = totalHourlyEarnings / 3600 return Math.floor(prev + secondlyEarning) }) }, 1000) return () => clearInterval(earningsInterval) }, [totalHourlyEarnings]) // Handle model selection const handleModelSelect = (model: Model) => { if (!model.unlocked) return setSelectedModel(model) setShowFullscreen(true) // Find index of selected model const index = models.findIndex((m) => m.id === model.id) setCurrentVideoIndex(index) } // Handle level up const handleLevelUp = (model: Model) => { setSelectedModel(model) // Special case for Sophia (model1) - show insufficient funds message if (model.id === "model1" && diamonds < model.upgradeCost) { setShowInsufficientFunds(true) return } // If user has enough diamonds, show the level up confirmation modal if (diamonds >= model.upgradeCost) { setShowLevelUpModal(true) } else { setShowInsufficientFunds(true) } } // Confirm level up const confirmLevelUp = () => { if (!selectedModel) return // Update diamonds setDiamonds((prev) => prev - selectedModel.upgradeCost) // Update model level and earnings setModels((prev) => prev.map((model) => { if (model.id === selectedModel.id) { return { ...model, level: model.level + 1, hourlyEarnings: model.hourlyEarnings + 10, upgradeCost: model.upgradeCost + 50, } } return model }), ) // Close modal setShowLevelUpModal(false) // Show success message for Emma (model2) if (selectedModel.id === "model2") { // Get a random message from the library const randomMessage = levelUpMessages[Math.floor(Math.random() * levelUpMessages.length)] setLevelUpMessage({ title: "Emma Leveled Up!", message: "Emma is now generating more diamonds for you! Keep collecting to unlock her full potential.", cta: randomMessage, }) setShowLevelUpSuccess(true) } } // Handle video scroll const handleVideoScroll = (direction: "up" | "down") => { if (!showFullscreen) return const unlockedModels = models.filter((model) => model.unlocked) let newIndex = currentVideoIndex if (direction === "up" && currentVideoIndex > 0) { newIndex = currentVideoIndex - 1 } else if (direction === "down" && currentVideoIndex < unlockedModels.length - 1) { newIndex = currentVideoIndex + 1 } setCurrentVideoIndex(newIndex) // Update selected model setSelectedModel(unlockedModels[newIndex]) // Play the current video and pause others if (videoRefs.current[newIndex]) { videoRefs.current.forEach((video, i) => { if (i === newIndex && video) { video.play() } else if (video) { video.pause() } }) } } // Handle touch events for swiping const touchStartY = useRef(0) const handleTouchStart = (e: React.TouchEvent) => { touchStartY.current = e.touches[0].clientY } const handleTouchEnd = (e: React.TouchEvent) => { const touchEndY = e.changedTouches[0].clientY const diff = touchStartY.current - touchEndY // Determine swipe direction if (Math.abs(diff) > 50) { // Minimum swipe distance if (diff > 0) { // Swiped up, go to next video handleVideoScroll("down") } else { // Swiped down, go to previous video handleVideoScroll("up") } } } // Effect to start playing videos when component mounts useEffect(() => { const videoElements = document.querySelectorAll("video") videoElements.forEach((video) => { video.play().catch((error) => { console.log("Auto-play was prevented:", error) }) }) }, []) // Toggle info panel const toggleInfoPanel = () => { setShowInfoPanel(!showInfoPanel) } // Dismiss info panel const dismissInfoPanel = () => { setShowInfoPanel(false) setInfoPanelDismissed(true) } // Close insufficient funds message const closeInsufficientFunds = () => { setShowInsufficientFunds(false) } // Scroll to top when component mounts useEffect(() => { window.scrollTo(0, 0) }, []) return (

{/* Header */}

Back

Collection

{/* Spacer for alignment */}

{/* Diamond Display */}

Your Diamonds

{diamonds}

{/* Hourly Earnings */}

Your Hourly Earnings

+{totalHourlyEarnings}/hr

{/* Info Panel - Redesigned */} {showInfoPanel && !infoPanelDismissed && (

{/* Header with glow effect */}

xAngel Earnings

{/* Content */}

{/* Earnings explanation */}

Passive Earnings

Each angel you unlock automatically generates diamonds for you over time, even when you're offline.

{/* Level up explanation */}

Level Up Angels

Upgrade your angels to increase their hourly diamond earnings. Higher levels mean more diamonds for you!

{/* Pro tip */}

Pro Tip

Invite your friends to join xAngels and earn bonus diamonds for each friend who signs up!

Your Referral Link:

https://t.me/xAngelsBot?start=ref123456

{!showReferralLink && ( )}

{/* Footer */}

)} {/* Collapsed Info Panel Indicator */} {!showInfoPanel && !infoPanelDismissed && ( )} {/* Collection Grid */}

{models.map((model) => (

model.unlocked && handleModelSelect(model)} >

{/* Thumbnail or placeholder */} {model.unlocked ? (

) : (

{/* Advanced futuristic border effect for locked cards */}

{/* Outer card border effects */}

{/* Rotating border layers */}

{/* Energy field effect */}

{/* Scanning lines */}

{/* Corner energy nodes */}

{/* Lightning arcs */}

{/* Center content with "Locked" label */}

{/* Animated border container */}

{/* Lightning pulse background */}

{/* Horizontal lightning lines */}

{/* Vertical lightning lines */}

{/* Corner flashes */}

{/* Text with enhanced glow */} Locked

)} {/* Model info overlay */}

{model.name}

Level {model.level} •

+{model.hourlyEarnings}/hr

{model.unlocked && ( )}

{/* Level up button */} {model.unlocked && (

)}

))}

{/* Fullscreen Video View */} {showFullscreen && selectedModel && (

{/* Close button */} {/* Scroll indicators */} {currentVideoIndex > 0 && (

)} {currentVideoIndex < models.filter((m) => m.unlocked).length - 1 && (

)} {/* Videos */}

{models .filter((model) => model.unlocked) .map((model, index) => (

))}

)} {/* Level Up Confirmation Modal */} {showLevelUpModal && selectedModel && (

{/* Futuristic border effects */}

{/* Rotating border layers */}

{/* Energy field effect */}

{/* Scanning lines */}

{/* Corner energy nodes */}

{/* Lightning arcs */}

{/* Content */}

Level Up {selectedModel.name}

Current Level

{selectedModel.level}

New Level

{selectedModel.level + 1}

{/* Background glow effect */}

{/* Animated corner accent */}

Current Earnings

{/* Custom diamond icon with glow effect */}

+{selectedModel.hourlyEarnings}/hr

New Earnings

{/* Enhanced custom diamond icon with stronger glow */}

+{selectedModel.hourlyEarnings + 10}/hr

Cost

{selectedModel.upgradeCost}

)} {/* Level Up Success Message */} {showLevelUpSuccess && levelUpMessage && (

{/* Futuristic border effects */}

{/* Rotating border layers */}

{/* Energy field effect */}

{/* Scanning lines */}

{/* Corner energy nodes */}

{/* Lightning arcs */}

{/* Content */}

{levelUpMessage.title}

{levelUpMessage.message}

{/* Replace the div containing the CTA message with this more modern messenger-like UI: */}

{/* Chat bubble styling with futuristic accents */}

{/* Subtle glow effect */}

{/* Typing indicator that fades out when message appears */}

{/* Message text that fades in after typing animation */}

{levelUpMessage.cta}

)} {/* Insufficient Funds Message */} {showInsufficientFunds && selectedModel && (

Not Enough Diamonds

{selectedModel.id === "model1" ? `You need ${selectedModel.upgradeCost - diamonds} more diamonds to level up Sophia.` : `You need ${selectedModel.upgradeCost - diamonds} more diamonds to level up this angel.`}

How to get more diamonds:

Play the game to reveal more angels
Invite friends to earn bonus diamonds
Use boosters to speed up your progress

)} {/* Bottom Navigation */} {/* Add lightning animations for locked cards */}

{icon}

{label} ) } [V0_FILE]typescriptreact:file="app/earn/page.tsx" isMerged="true" "use client" import type React from "react" import { useState, useEffect } from "react" import { Diamond, X, Users, Coins, Rocket, ChevronLeft, Clock, Check, Gift, Zap, ArrowUp } from "lucide-react" import Link from "next/link" import { cn } from "@/lib/utils" // Background effect component function BackgroundEffect() { return (

{/* Radial gradient base */}

{/* Energy grid lines */}

{/* Floating energy orbs */}

{/* Energy beam */}

) } interface Task { id: string title: string description?: string icon: React.ReactNode reward: number | { min: number; max: number } completed: boolean link: string special?: boolean } export default function EarnPage() { // State for tasks const [youtubeVideos] = useState([ { id: "video1", title: "How to unlock images on XAngels", reward: 5000, completed: false, link: "https://youtube.com/xangels", }, { id: "video2", title: "How to earn points on XAngels", reward: 5000, completed: false, link: "https://youtube.com/xangels", }, ]) const [tasks] = useState([ { id: "task1", title: "Invite 1 Friend: You bank 8,000💎. Your friend gets access. Both win.", icon: (

), reward: 8000, completed: false, link: "/invite", }, { id: "task2", title: "Invite 2 Friends: You stack 16,000💎. Momentum starts here.", icon: (

), reward: 16000, completed: false, link: "/invite", }, { id: "task3", title: "Invite 3 Friends: You earn 25,000💎. Diamonds building fast. Beauty awaits.", icon: (

), reward: 25000, completed: false, link: "/invite", }, { id: "task4", title: "Invite 4 Friends: You score 34,000💎. Your friends appreciate the invite.", icon: (

), reward: 34000, completed: false, link: "/invite", }, { id: "task5", title: "Invite 5 Friends: You've made 45,000💎. You're banking diamonds, unlocking dreams.", icon: (

), reward: 45000, completed: false, link: "/invite", }, { id: "task6", title: "Invite 10 Friends: You're up 95,000💎. Discipline equals diamonds.", icon: (

), reward: 95000, completed: false, link: "/invite", }, { id: "task7", title: "Invite 15 Friends: 145,000💎 stacked. Your crew unlocks beauty. Everybody wins.", icon: (

), reward: 145000, completed: false, link: "/invite", }, { id: "task8", title: "Invite 20 Friends: You've got 200,000💎. Diamonds roll in, beauty unlocks. Get some.", icon: (

), reward: 200000, completed: false, link: "/invite", }, { id: "task9", title: "Invite 25 Friends: You've banked 260,000💎. You and your friends own this game.", icon: (

), reward: 260000, completed: false, link: "/invite", }, { id: "task10", title: "Invite 50 Friends: You're making moves—600,000💎. Unlocking greatness together.", icon: (

), reward: 600000, completed: false, link: "/invite", }, { id: "task11", title: "Invite 100 Friends: You achieve ultimate ownership—1,250,000💎. Diamonds maxed. Beauty unlocked. You dominate.", icon: (

), reward: 1250000, completed: false, link: "/invite", }, ]) const [dailyTasks] = useState([ { id: "task4", title: "Attend the game every day", icon: , reward: 800, completed: true, // Changed from false to true link: "/", }, { id: "task5", title: "Spend 5 Minutes in-app Daily", icon: , reward: 1000, completed: false, link: "/", }, { id: "task6", title: "Spend 10 Minutes in-app Daily", icon: , reward: 2500, completed: false, link: "/", }, { id: "task7", title: "Spend 15 Minutes in-app Daily", icon: , reward: 4000, completed: false, link: "/", }, ]) // New state for quick tasks const [quickTasks] = useState([ { id: "quick-bonus", title: "Daily Bonus Chest", description: "Open once every 24 hours for a random diamond reward", icon: , reward: { min: 1000, max: 10000 }, completed: false, link: "#", special: true, }, { id: "quick-x", title: "Follow us on X", description: "Follow xAngels on X for instant diamonds", icon: , reward: 5000, completed: false, link: "https://x.com/xangels", }, { id: "quick-instagram", title: "Follow on Instagram", description: "Follow our Instagram page to earn diamonds", icon: (

), reward: 3000, completed: false, link: "https://instagram.com/xangels", }, { id: "quick-tiktok", title: "Follow on TikTok", description: "Follow our TikTok account for diamonds", icon: (

), reward: 4000, completed: false, link: "https://tiktok.com/@xangels", }, ]) // State for active tab const [activeTab, setActiveTab] = useState<"daily" | "invite" | "quick">("daily") // State for daily bonus chest const [chestAvailable, setChestAvailable] = useState(true) const [chestCooldown, setChestCooldown] = useState(4 * 60 * 60) // 4 hours in seconds const [showReward, setShowReward] = useState(false) const [currentReward, setCurrentReward] = useState(0) const [chestOpening, setChestOpening] = useState(false) const [dailyTasksResetTime, setDailyTasksResetTime] = useState(12 * 60 * 60) // 12 hours in seconds // Effect for chest cooldown useEffect(() => { let intervalId: NodeJS.Timeout | null = null if (!chestAvailable && chestCooldown > 0) { intervalId = setInterval(() => { setChestCooldown((prev) => { const newValue = prev - 1 if (newValue <= 0) { setChestAvailable(true) return 4 * 60 * 60 // Reset to 4 hours } return newValue }) }, 1000) } return () => { if (intervalId) clearInterval(intervalId) } }, [chestAvailable, chestCooldown]) // Daily tasks reset timer effect useEffect(() => { const timerInterval = setInterval(() => { setDailyTasksResetTime((prev) => { if (prev <= 0) { // Reset to 12 hours when it reaches zero return 12 * 60 * 60 } return prev - 1 }) }, 1000) return () => clearInterval(timerInterval) }, []) // Function to handle opening the chest const handleOpenChest = () => { if (!chestAvailable) return // Start opening animation setChestOpening(true) // Generate random reward between 1,000 and 10,000 const reward = Math.floor(Math.random() * 9000) + 1000 setCurrentReward(reward) // After a short delay, show the reward setTimeout(() => { setChestOpening(false) setShowReward(true) // Update user's diamonds (assuming you have a setGems function) // This would connect to your actual diamond/gem state // setGems(prev => prev + reward); }, 2000) } // Function to handle claiming the reward const handleClaimReward = () => { setShowReward(false) setChestAvailable(false) // Start cooldown setChestCooldown(4 * 60 * 60) // 4 hours } // Helper function to format cooldown time const formatCooldownTime = (seconds: number) => { const hours = Math.floor(seconds / 3600) const minutes = Math.floor((seconds % 3600) / 60) const secs = seconds % 60 return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}` } // Format daily tasks reset time to HH:MM:SS const formatDailyTasksResetTime = (seconds: number) => { const hours = Math.floor(seconds / 3600) const minutes = Math.floor((seconds % 3600) / 60) return `${hours}h ${minutes}m` } return (

{/* Header */}

Back

Earn Diamonds

{/* Spacer for alignment */}

{/* Main Content */}

{/* Hero Section */}

Complete Tasks, Earn Diamonds

Complete tasks to earn diamonds that you can convert to real money later

{/* Task Navigation Tabs */}

{/* Daily Tasks Section */} {activeTab === "daily" && (

Daily Tasks

Resets in {formatDailyTasksResetTime(dailyTasksResetTime)}

{dailyTasks.map((task) => (

{task.completed ? : task.icon}

{task.title}

{task.completed && ( Completed )}

+{task.reward.toLocaleString()}

{task.completed ? ( ) : ( )}

))}

)} {/* Quick Rewards Section */} {activeTab === "quick" && (

Quick Rewards

Easy Diamonds

{/* Enhanced Daily Bonus Chest */}

{/* Animated background effects */}

Daily Bonus Chest

{chestAvailable ? "Open now to receive a random diamond reward!" : "Chest is on cooldown. Come back later for more diamonds."}

+1,000 to +10,000

{!chestAvailable && (

{formatCooldownTime(chestCooldown)}

)}

{/* Other Quick Tasks - Improved for mobile */}

{quickTasks .filter((task) => !task.special) .map((task) => (

{task.icon}

{task.title}

{task.description && (

{task.description}

)}

+ {typeof task.reward === "number" ? task.reward.toLocaleString() : `${(task.reward as { min: number; max: number }).min.toLocaleString()} to ${(task.reward as { min: number; max: number }).max.toLocaleString()}`}

))}

)} {/* Invite Friends Section */} {activeTab === "invite" && (

Invite Friends

Earn Big

{/* Invite Banner */}

{/* Animated background effects */}

Invite Friends & Earn Together

For each friend you invite, you both get 100M diamonds instantly. More friends = more diamonds.

Invite Friends

{tasks.slice(0, 5).map((task) => (

{task.icon}

{task.title.includes(":") ? ( <> {task.title.split(":")[0]}: {task.title.split(":")[1]} ) : ( task.title )}

+{task.reward.toLocaleString()}

))} View All Invite Rewards →

)} {/* Reward Modal */} {showReward && (

{/* Animated background effects */}

{/* Rotating border layers */}

{/* Energy field effect */}

{/* Scanning lines */}

{/* Corner energy nodes */}

{/* Lightning arcs */}

{/* Content */}

Congratulations!

You've received a reward from the daily bonus chest

+{currentReward.toLocaleString()}

)}

{/* Bottom Navigation */} {children} ) } [V0_FILE]typescriptreact:file="app/invite/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/invite/page.tsx" isMerged="true" "use client" import type React from "react" import { useState, useEffect } from "react" import { ChevronLeft, Diamond, Gift, X, Users, Coins, Rocket, Search, Check, ChevronRight } from "lucide-react" import Link from "next/link" import { cn } from "@/lib/utils" // Mock data for share targets const shareTargets = [ { id: "friend1", name: "Alex", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend2", name: "Sarah", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend3", name: "Michael", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend4", name: "Emma", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: false, selected: false, }, { id: "friend5", name: "James", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend6", name: "Olivia", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: false, selected: false, }, { id: "friend7", name: "William", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend8", name: "Sophia", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend9", name: "Benjamin", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: false, selected: false, }, { id: "friend10", name: "Isabella", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend11", name: "Lucas", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: false, }, { id: "friend12", name: "Mia", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend13", name: "Henry", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend14", name: "Charlotte", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: false, selected: false, }, { id: "friend15", name: "Ethan", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend16", name: "Amelia", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: false, selected: false, }, { id: "friend17", name: "Daniel", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend18", name: "Harper", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend19", name: "Matthew", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: false, selected: false, }, { id: "friend20", name: "Evelyn", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend21", name: "Joseph", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: false, selected: false, }, { id: "friend22", name: "Abigail", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend23", name: "David", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend24", name: "Emily", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: false, selected: false, }, { id: "friend25", name: "Andrew", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend26", name: "Elizabeth", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: false, selected: false, }, { id: "friend27", name: "Christopher", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend28", name: "Sofia", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, { id: "friend29", name: "Joshua", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: false, selected: false, }, { id: "friend30", name: "Avery", avatar: "/placeholder.svg?height=50&width=50", type: "contact", online: true, selected: false, }, ] // Motivational messages for the carousel const MOTIVATIONAL_MESSAGES = [ "You want to win? Bring your squad. xAngels is not a solo mission. More friends. More diamonds. More firepower.", "Discipline. Brotherhood. xAngels. Invite your crew. Multiply your strength. Multiply your rewards.", "Go alone, you'll survive. Bring your team, you'll dominate. Friends earn you diamonds. Simple.", "Weak players play solo. Strong ones build teams. Invite your friends. Crush xAngels. Earn more.", "Every soldier counts. Rally your brothers. xAngels rewards the united. More friends. More diamonds. Get after it.", "Excuses are easy. Victory is earned—with allies. Invite friends. Stack diamonds. Lead the charge.", "This isn't a game. It's a battlefield. More allies = more rewards. Get your team in xAngels. Now.", "Dominate with discipline. Multiply with friends. xAngels is better together. Diamonds follow the loyal.", "You have a mission: bring your people in. More friends = more power. More diamonds. xAngels rewards leaders.", "You've got one shot—make it count. Call your crew. Conquer xAngels. Earn diamonds like a warrior.", "Together, you move faster. Together, you earn more. Bring your crew into xAngels.", "Lone wolves survive. Packs thrive. Get your people in. Dominate xAngels. Stack diamonds.", "You want more? Build your squad. Every friend earns you more. That's the xAngels way.", "No shortcuts. Just teamwork. More friends, more diamonds, more domination.", "You rise alone, or you rise with your unit. xAngels rewards the team.", "Every friend you bring in makes you stronger. Makes you richer. Don't wait. Move.", "You don't get more by wishing. You get more by building. Bring friends. Earn more.", "In xAngels, every ally counts. Invite. Earn. Win.", "Teams earn faster. Teams earn bigger. Bring yours.", "Alone, you crawl. Together, you fly. Get your team on xAngels.", "Winning is a group effort. Recruit. Earn. Lead. That's how it's done.", "If you want more, give more. Bring your people in. xAngels gives back to the team.", "Power grows with people. Don't hoard it—build it. Invite your crew. Earn more.", "Rewards are for leaders. Leaders bring others. Bring others to xAngels. Get rewarded.", "One friend = more diamonds. Ten friends? You do the math.", "You think you're strong alone? Wait 'til you bring your friends. xAngels rewards the united.", "The fastest path to diamonds? Bring in your brothers. Bring in your sisters. Bring the whole damn crew.", "Don't compete with your friends—win with them. Invite. Earn. Repeat.", ] // Friend referral messages database const FRIEND_REFERRAL_MESSAGES = [ `🚨BRO. You NEED to try xAngels right now. 💎 We BOTH get 100M diamonds just for you joining. 💰 These diamonds = real money soon. 👸 Oh—and you literally unlock GODDESS-tier women by tapping.`, `I thought this was fake… until I got hooked. 🔥 Tap. Earn. Unlock. Repeat. 💎 100M diamonds for BOTH of us if you join through my link! 💋 Real cash potential + baddies from another universe.`, `💎 Tap girls. Stack diamonds. Cash out. 👯‍♀️ Unlock the hottest AI angels you've ever seen. 💸 100 MILLION diamonds just for joining with my link. Don't miss this wave. I'm already printing.`, `Yo, xAngels is WILD. 🔥 I'm literally earning diamonds + unlocking dream girls every tap. 💎 Join with my link = we BOTH get 100M diamonds. 💰 These will be worth REAL money soon.`, `🤑 Wanna print diamonds like it's 2099? 👑 This app gives you 100M diamonds for joining—me too. 💋 And yes… you unlock baddies so hot they MELT screens.`, `📲 This app is like GTA + OnlyFans + Crypto in one. 💎 100M diamonds just for joining (we both get it). 👠 Tap and unlock unreal AI girls while stacking cash. Addictive af. Join me:`, `Not a drill: 👯‍♀️ Tap your way to unlocking literal AI angels 💎 Join with my link & we both get 100 million diamonds 💰 Future money + future waifus = xAngels`, `xAngels = dopamine machine. Tap for diamonds. Unlock AI girlfriends. 💸 100 MILLION diamonds for joining with my link. Get rich + fall in love (kinda).`, `Forget crypto. Forget dating apps. This new app gives you: 💎 Free 100M diamonds 💰 Real money potential 💃 World-class digital girlfriends Use my link & start tapping:`, `My screen time has doubled and I regret nothing. 📱 Tap-to-earn diamonds 👸 Unlock stunning angels 💎 We BOTH get 100M diamonds if you use my link`, ] function MessageCarousel() { const [currentIndex, setCurrentIndex] = useState(0) const [isVisible, setIsVisible] = useState(true) const [currentMessage, setCurrentMessage] = useState(MOTIVATIONAL_MESSAGES[0]) useEffect(() => { // Change message every 5 seconds const intervalId = setInterval(() => { // Start fade out setIsVisible(false) // After fade out completes, change message and fade in setTimeout(() => { const nextIndex = (currentIndex + 1) % MOTIVATIONAL_MESSAGES.length setCurrentIndex(nextIndex) setCurrentMessage(MOTIVATIONAL_MESSAGES[nextIndex]) setIsVisible(true) }, 1000) // This should match the fade-out duration }, 6000) // Total time each message is shown return () => clearInterval(intervalId) }, [currentIndex]) return (

{/* Message with fade transition */}

{/* Highlight first part of message */}

{currentMessage.split(".")[0]} . {currentMessage.split(".").slice(1).join(".")}

) } export default function InvitePage() { const [showShareSheet, setShowShareSheet] = useState(false) const [copySuccess, setCopySuccess] = useState(false) const [searchQuery, setSearchQuery] = useState("") const [selectedTargets, setSelectedTargets] = useState([]) const [currentMessageIndex, setCurrentMessageIndex] = useState(0) const referralLink = "https://t.me/xAngelsBot?start=ref123456" const shareMessage = FRIEND_REFERRAL_MESSAGES[currentMessageIndex] const handleShare = async () => { setShowShareSheet(true) } const handleCopy = () => { const fullMessage = `${shareMessage}\n\n${referralLink}` navigator.clipboard.writeText(fullMessage) setCopySuccess(true) setTimeout(() => setCopySuccess(false), 2000) } const handleTargetSelection = (targetId: string) => { setSelectedTargets((prev) => { // If already selected, remove it if (prev.includes(targetId)) { return prev.filter((id) => id !== targetId) } // Otherwise add it return [...prev, targetId] }) } const filteredTargets = shareTargets.filter((target) => target.name.toLowerCase().includes(searchQuery.toLowerCase())) const generateNewMessage = () => { let newIndex do { newIndex = Math.floor(Math.random() * FRIEND_REFERRAL_MESSAGES.length) } while (newIndex === currentMessageIndex && FRIEND_REFERRAL_MESSAGES.length > 1) setCurrentMessageIndex(newIndex) } return (

{/* Header */}

Back

Invite

{/* Spacer for alignment */}

{/* Main Content */}

{/* Hero Section */}

{/* Add diamond icon with glow effect */}

{/* Add glow effect under the diamond */}

Invite Friends — Earn 100M Diamonds Each!

Invite your friends to join, and you'll both instantly receive 100 MILLION Diamonds!

{/* Invite Options */}

{/* Regular Invite */}

{/* Friends List - Enhanced Empty State */}

{/* Enhanced Lightning border effect */}

{/* Enhanced top lightning */}

{/* Enhanced bottom lightning */}

{/* Enhanced left lightning */}

{/* Enhanced right lightning */}

{/* Corner lightning effects */}

Your Friends (0)

{/* Animated Empty State */}

{/* Animated background elements */}

{/* Grid lines */}

{Array.from({ length: 36 }).map((_, i) => (

))}

{/* Animated corner accents */}

{/* Message Carousel */}

{/* Enhanced Share Sheet Modal */} {showShareSheet && (

Share with

{/* Search Bar */}

setSearchQuery(e.target.value)} className="w-full bg-[#0a0b1e]/60 rounded-lg pl-10 pr-4 py-2 text-white placeholder-[#8a9aa9] border border-[#2a3b8f]/20 focus:border-[#2979ff]/30 focus:outline-none transition-colors" />

{/* Share Targets Grid */}

{filteredTargets.map((target) => { const isSelected = selectedTargets.includes(target.id) return ( ) })}

{/* Message Preview */}

{shareMessage}

{referralLink}

{/* Generate New Message Button */}

)}

{/* Bottom Navigation */}

{icon}

{label} ) } [V0_FILE]typescriptreact:file="app/welcome/components/particle-background.tsx" isMerged="true" "use client" import { useEffect, useRef } from "react" export default function ParticleBackground() { const canvasRef = useRef(null) useEffect(() => { const canvas = canvasRef.current if (!canvas) return const ctx = canvas.getContext("2d") if (!ctx) return // Set canvas dimensions const setCanvasDimensions = () => { canvas.width = window.innerWidth canvas.height = window.innerHeight } setCanvasDimensions() window.addEventListener("resize", setCanvasDimensions) // Particle class class Particle { x: number y: number size: number speedX: number speedY: number color: string alpha: number constructor() { this.x = Math.random() * canvas.width this.y = Math.random() * canvas.height this.size = Math.random() * 1.5 + 0.5 this.speedX = Math.random() * 0.2 - 0.1 this.speedY = Math.random() * 0.2 - 0.1 // Randomly choose between blue tones for particles this.color = Math.random() > 0.5 ? "#2979ff" : "#0066ff" this.alpha = Math.random() * 0.3 + 0.1 } update() { this.x += this.speedX this.y += this.speedY // Wrap around edges if (this.x < 0) this.x = canvas.width if (this.x > canvas.width) this.x = 0 if (this.y < 0) this.y = canvas.height if (this.y > canvas.height) this.y = 0 } draw() { ctx.beginPath() ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2) ctx.fillStyle = this.color ctx.globalAlpha = this.alpha ctx.fill() } } // Create particles - reduce count for better performance const particleCount = Math.min(20, Math.floor((canvas.width * canvas.height) / 30000)) const particles: Particle[] = [] for (let i = 0; i < particleCount; i++) { particles.push(new Particle()) } // Animation loop with requestAnimationFrame for better performance let animationFrameId: number const animate = () => { ctx.clearRect(0, 0, canvas.width, canvas.height) particles.forEach((particle) => { particle.update() particle.draw() }) animationFrameId = requestAnimationFrame(animate) } animate() return () => { window.removeEventListener("resize", setCanvasDimensions) cancelAnimationFrame(animationFrameId) } }, []) return

{angel.name}

{selectedAngel.name}

Free Daily Boosters

Full Energy Refill

Boosters

Multitap

Energy Limit

xAngel Earnings

Passive Earnings

Level Up Angels

Pro Tip

{model.name}

{model.name}

Level Up {selectedModel.name}

{levelUpMessage.title}

Not Enough Diamonds

How to get more diamonds:

Complete Tasks, Earn Diamonds

Daily Tasks

{task.title}

Quick Rewards

Daily Bonus Chest

{task.title}

Invite Friends

Invite Friends & Earn Together

{task.title.includes(":") ? ( <> {task.title.split(":")[0]}: {task.title.split(":")[1]} ) : ( task.title )}

Congratulations!

Invite Friends — Earn 100M Diamonds Each!

Invite a friend

Your Friends (0)

Share with

xAngels

XANGELS

XAngels

XAngels Telegram Game

XAngels Telegram Game

XAngels Telegram Game

XAngels Token

Team

CEO

Mardo Soo

CTO & Growth Lead

Meelis Mikiver

Head of Growth

Tauri Urbanik

{testimonial.name}

Wall of Love