import { useState } from "react"; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { Slider } from "@/components/ui/slider"; export default function PromoteContent() { const [points, setPoints] = useState(500); const [duration, setDuration] = useState(24); const [impressions, setImpressions] = useState(1000); return (

Promote Your Content

Post Video Profile

Post URL

Duration (hours) setDuration(val)} />

{duration} hour(s)

Estimated Impressions setImpressions(val)} />

{impressions.toLocaleString()} views

Total Cost (Points)

{points} pts

Video URL

Duration (hours) setDuration(val)} />

{duration} hour(s)

Estimated Impressions setImpressions(val)} />

{impressions.toLocaleString()} views

Total Cost (Points)

{points} pts

Profile Username

Duration (hours) setDuration(val)} />

{duration} hour(s)

Estimated Impressions setImpressions(val)} />

{impressions.toLocaleString()} views