likhonsheikh commited on
Commit
126d11a
·
verified ·
1 Parent(s): 536af56

Upload app/page.tsx with huggingface_hub

Browse files
Files changed (1) hide show
  1. app/page.tsx +13 -6
app/page.tsx CHANGED
@@ -9,10 +9,17 @@ export default function Home() {
9
  <nav className="sticky top-0 z-50 flex items-center justify-between border-b border-border bg-white px-8 h-[60px]">
10
  <div className="flex items-center gap-12">
11
  {/* Logo */}
12
- <a href="#" className="text-base font-semibold text-foreground">
13
- v0
 
14
  </a>
15
 
 
 
 
 
 
 
16
  {/* Nav Links */}
17
  <div className="flex items-center gap-6">
18
  <button className="flex items-center gap-1 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors">
@@ -70,15 +77,15 @@ export default function Home() {
70
  </p>
71
 
72
  {/* Input Field */}
73
- <div className="max-w-[600px] mx-auto flex items-center gap-2 p-2 border border-border rounded-2xl bg-white hover:border-border/80 focus-within:border-foreground transition-colors">
74
- <button className="p-2 hover:bg-accent rounded-md transition-colors">
75
  <Plus className="w-5 h-5 text-muted-foreground" />
76
  </button>
77
  <Input
78
  placeholder="Ask v0 to build..."
79
- className="border-0 shadow-none focus-visible:ring-0 text-sm"
80
  />
81
- <button className="p-2 hover:bg-accent rounded-md transition-colors">
82
  <Upload className="w-5 h-5 text-muted-foreground" />
83
  </button>
84
  </div>
 
9
  <nav className="sticky top-0 z-50 flex items-center justify-between border-b border-border bg-white px-8 h-[60px]">
10
  <div className="flex items-center gap-12">
11
  {/* Logo */}
12
+ <a href="#" className="flex items-center gap-1 text-base font-semibold text-foreground">
13
+ <span>v0</span>
14
+ <span className="text-xs font-normal text-muted-foreground">by Vercel</span>
15
  </a>
16
 
17
+ {/* New Chat Button */}
18
+ <Button variant="outline" size="sm" className="gap-2">
19
+ <Plus className="w-4 h-4" />
20
+ New Chat
21
+ </Button>
22
+
23
  {/* Nav Links */}
24
  <div className="flex items-center gap-6">
25
  <button className="flex items-center gap-1 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors">
 
77
  </p>
78
 
79
  {/* Input Field */}
80
+ <div className="max-w-[600px] mx-auto flex items-center gap-2 p-2 border border-input rounded-xl bg-background hover:border-muted-foreground/20 focus-within:border-ring transition-colors">
81
+ <button className="p-2 hover:bg-accent rounded-lg transition-colors">
82
  <Plus className="w-5 h-5 text-muted-foreground" />
83
  </button>
84
  <Input
85
  placeholder="Ask v0 to build..."
86
+ className="border-0 shadow-none focus-visible:ring-0 text-sm bg-transparent"
87
  />
88
+ <button className="p-2 hover:bg-accent rounded-lg transition-colors">
89
  <Upload className="w-5 h-5 text-muted-foreground" />
90
  </button>
91
  </div>