[V0_FILE]typescriptreact:file="app-dashboard.tsx" import Image from "next/image" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { ArrowRight, BarChart3, Plus, Settings } from "lucide-react" export default function AppDashboard() { return (

akira.

Morning, Daniel Alfred

Here's an overview of your advertising campaigns

Total Spend

$30,000.00 USDT

+12% from last month

Impressions

150k

+25% improved rate

Clicks

12k

+5% improved rate

Recent campaign

Summer deals boost

GOAL

Reach

TARGET AUDIENCE

Gender

DURATION

Friday, 13th June - Saturday, 14th June

BUDGET

$250

Campaign Performance

Overview Demographics Platforms Conversions

Performance Chart

CTR

8.2%

+1.2% vs avg

CPC

$0.42

-0.08$ vs avg

Conversions

1,240

+18% vs avg

ROI

342%

+65% vs avg

) } [V0_FILE]typescriptreact:file="tailwind.config.js" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]typescriptreact:file="page.tsx" isDeleted="true" isMoved="true" isMovedTo="app/page.tsx" ...moved to app/page.tsx... [V0_FILE]typescriptreact:file="app/page.tsx" isMoved="true" isMovedFrom="page.tsx" import Image from "next/image" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { ArrowRight, BarChart3, Globe, Shield, Zap } from "lucide-react" export default function Home() { return (

akira.

Decentralized Ads for Web3 Growth

The first decentralized advertising network built specifically for Web3 projects, offering transparent, efficient, and privacy-focused ad campaigns.

{[1, 2, 3, 4].map((i) => (

))}

Join 1,200+ early adopters

Coming Soon

Key Features

Akira provides a comprehensive suite of tools for Web3 advertisers and publishers

{[ { icon: , title: "Real-time Analytics", description: "Track impressions, clicks, and conversions with transparent on-chain verification", }, { icon: , title: "Privacy-Focused", description: "No personal data collection, respecting user privacy while delivering relevant ads", }, { icon: , title: "Web3 Native", description: "Seamlessly integrate with wallets, dApps, and blockchain ecosystems", }, { icon: , title: "Token Incentives", description: "Earn AKIRA tokens for participation in the advertising ecosystem", }, { icon: , title: "Smart Targeting", description: "Target users based on on-chain activity and Web3 behavior patterns", }, { icon: , title: "Campaign Automation", description: "Set up automated campaigns with smart contract execution", }, ].map((feature, index) => (

{feature.icon}

{feature.title}

{feature.description}

))}

How It Works

Akira connects advertisers and publishers in a decentralized ecosystem

For Advertisers For Publishers

Create Campaign

Set your budget, target audience, and campaign duration

Upload Creative

Upload your ad creative and set targeting parameters

Track Results

Monitor performance with real-time analytics

Campaign Dashboard Preview

Manage all your campaigns from a single intuitive interface

Dashboard Preview

Register Site

Add your website or dApp to the Akira network

Integrate Code

Add a simple code snippet to display relevant ads

Earn Revenue

Get paid in crypto for displaying ads to your audience

Publisher Dashboard Preview

Track your earnings and optimize ad placements

Dashboard Preview

Why Choose Akira

The next generation of advertising built for the decentralized web

For Advertisers

{item}

For Publishers

{item}

Join the Waitlist

Be among the first to access Akira's decentralized advertising platform when we launch

Early adopters will receive 500 AKIRA tokens upon launch

) }