Components
Daily loot streak UI Component With an improve its structure, clarity, and robustness
npx @21st-dev/cli add dhileepkumargm/daily-streakLoading preview...
import React from 'react';
import { NeonParticleTunnel, DailyLootStreak } from '@/components/ui/daily-streak';
// --- Main Application Component ---
// This component assembles the shader background and the interactive UI.
export default function App() {
return (
// The main container sets the background color and font for the entire app.
<div className="w-screen h-screen bg-[#1a1b3a] overflow-hidden touch-none font-['Roboto_Condensed',_sans-serif] text-[rgb(210,211,223)]">
{/* The shader component provides the animated background. */}
<NeonParticleTunnel />
{/* The DailyLootStreak component is the main interactive UI. */}
<DailyLootStreak />
</div>
);
}