"use client" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { FileText, AnnoyedIcon, HelpCircle, Folder, Lock, BarChart3, Bell, User } from "lucide-react" import { useEffect, useState } from "react" export default function NotesAppLanding() { const [isLoaded, setIsLoaded] = useState(false) useEffect(() => { setIsLoaded(true) }, []) return (
{/* Animated Background Elements */}
{/* Header */}

{/* Main Content */}
{/* Phone Mockup */}
{/* Status Bar */}
9:41
{/* App Header */}

Candidatic IA

{/* Notes Section */}

Reclutamiento con Whatsapp

{/* Note Items with Enhanced Animations */}
{/* Note 1 - Edit/Pencil */}
{">"}
{/* Note 2 - Question Mark */}
{">"}
{/* Note 3 - Folder */}
{">"}
{/* Note 4 - Lock */}
{">"}
{/* Bottom Navigation */}
{/* Home Indicator */}
{/* Content - Mobile First */}

Candidatic IA Reclutamiento con:
Whatsapp + Chat GPT

) }