Files
ai-scoring-application/app/page.tsx

151 lines
7.2 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import { Sidebar } from "@/components/sidebar"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Upload, Settings, BarChart3, FileText, ArrowRight } from "lucide-react"
import Link from "next/link"
export default function HomePage() {
return (
<div className="min-h-screen bg-background">
<Sidebar />
<main className="md:ml-64 p-6">
{/* Hero Section */}
<div className="max-w-4xl mx-auto">
<div className="text-center mb-12 pt-8 md:pt-0">
<h1 className="text-4xl md:text-5xl font-bold text-foreground mb-4 font-[var(--font-playfair)]">
AI
</h1>
<p className="text-xl text-muted-foreground mb-8 max-w-2xl mx-auto leading-relaxed">
PPT AI
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<Button asChild size="lg" className="text-lg px-8">
<Link href="/upload">
<ArrowRight className="ml-2 h-5 w-5" />
</Link>
</Button>
<Button asChild variant="outline" size="lg" className="text-lg px-8 bg-transparent">
<Link href="/criteria"></Link>
</Button>
</div>
</div>
{/* Features Grid */}
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
<Card className="text-center hover:shadow-lg transition-shadow">
<CardHeader>
<div className="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mx-auto mb-4">
<Upload className="h-6 w-6 text-primary" />
</div>
<CardTitle className="text-lg"></CardTitle>
</CardHeader>
<CardContent>
<CardDescription> PPT</CardDescription>
</CardContent>
</Card>
<Card className="text-center hover:shadow-lg transition-shadow">
<CardHeader>
<div className="w-12 h-12 bg-secondary/10 rounded-lg flex items-center justify-center mx-auto mb-4">
<Settings className="h-6 w-6 text-secondary" />
</div>
<CardTitle className="text-lg"></CardTitle>
</CardHeader>
<CardContent>
<CardDescription></CardDescription>
</CardContent>
</Card>
<Card className="text-center hover:shadow-lg transition-shadow">
<CardHeader>
<div className="w-12 h-12 bg-accent/10 rounded-lg flex items-center justify-center mx-auto mb-4">
<BarChart3 className="h-6 w-6 text-accent" />
</div>
<CardTitle className="text-lg"></CardTitle>
</CardHeader>
<CardContent>
<CardDescription>AI </CardDescription>
</CardContent>
</Card>
<Card className="text-center hover:shadow-lg transition-shadow">
<CardHeader>
<div className="w-12 h-12 bg-chart-4/10 rounded-lg flex items-center justify-center mx-auto mb-4">
<FileText className="h-6 w-6 text-chart-4" />
</div>
<CardTitle className="text-lg"></CardTitle>
</CardHeader>
<CardContent>
<CardDescription></CardDescription>
</CardContent>
</Card>
</div>
{/* How it works */}
<Card className="mb-12">
<CardHeader className="text-center">
<CardTitle className="text-2xl font-[var(--font-playfair)]">使</CardTitle>
<CardDescription className="text-lg"></CardDescription>
</CardHeader>
<CardContent>
<div className="grid md:grid-cols-4 gap-8">
<div className="text-center">
<div className="w-16 h-16 bg-primary rounded-full flex items-center justify-center mx-auto mb-4 text-primary-foreground font-bold text-xl">
1
</div>
<h3 className="font-semibold mb-2"></h3>
<p className="text-sm text-muted-foreground"></p>
</div>
<div className="text-center">
<div className="w-16 h-16 bg-secondary rounded-full flex items-center justify-center mx-auto mb-4 text-secondary-foreground font-bold text-xl">
2
</div>
<h3 className="font-semibold mb-2"></h3>
<p className="text-sm text-muted-foreground"> PPT</p>
</div>
<div className="text-center">
<div className="w-16 h-16 bg-accent rounded-full flex items-center justify-center mx-auto mb-4 text-accent-foreground font-bold text-xl">
3
</div>
<h3 className="font-semibold mb-2">AI </h3>
<p className="text-sm text-muted-foreground"></p>
</div>
<div className="text-center">
<div className="w-16 h-16 bg-chart-4 rounded-full flex items-center justify-center mx-auto mb-4 text-white font-bold text-xl">
4
</div>
<h3 className="font-semibold mb-2"></h3>
<p className="text-sm text-muted-foreground"></p>
</div>
</div>
</CardContent>
</Card>
{/* Quick Stats */}
<div className="grid md:grid-cols-3 gap-6">
<Card className="text-center">
<CardContent className="pt-6">
<div className="text-3xl font-bold text-primary mb-2">10+</div>
<p className="text-muted-foreground"></p>
</CardContent>
</Card>
<Card className="text-center">
<CardContent className="pt-6">
<div className="text-3xl font-bold text-secondary mb-2">100%</div>
<p className="text-muted-foreground"></p>
</CardContent>
</Card>
<Card className="text-center">
<CardContent className="pt-6">
<div className="text-3xl font-bold text-accent mb-2">24/7</div>
<p className="text-muted-foreground"></p>
</CardContent>
</Card>
</div>
</div>
</main>
</div>
)
}