mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
fix: make navbar transparent to blend with hero, push word cloud below navbar
This commit is contained in:
@@ -3,20 +3,20 @@ import { FadeIn } from "./fade-in";
|
||||
import { TypingCursor } from "./typing-cursor";
|
||||
|
||||
const wordCloud = [
|
||||
{ text: "Resize", x: 5, y: 8, size: 16, opacity: 0.15 },
|
||||
{ text: "Crop", x: 28, y: 4, size: 14, opacity: 0.12 },
|
||||
{ text: "Optimize", x: 48, y: 6, size: 13, opacity: 0.1 },
|
||||
{ text: "Flip", x: 62, y: 3, size: 12, opacity: 0.08 },
|
||||
{ text: "Rotate", x: 75, y: 8, size: 15, opacity: 0.14 },
|
||||
{ text: "Sharpen", x: 88, y: 5, size: 13, opacity: 0.11 },
|
||||
{ text: "Compress", x: 8, y: 18, size: 15, opacity: 0.13 },
|
||||
{ text: "OCR", x: 25, y: 15, size: 18, opacity: 0.16 },
|
||||
{ text: "Convert", x: 42, y: 13, size: 13, opacity: 0.1 },
|
||||
{ text: "Enhance", x: 82, y: 14, size: 14, opacity: 0.12 },
|
||||
{ text: "Upscale", x: 68, y: 17, size: 16, opacity: 0.15 },
|
||||
{ text: "Watermark", x: 85, y: 22, size: 14, opacity: 0.11 },
|
||||
{ text: "Remove BG", x: 3, y: 28, size: 14, opacity: 0.12 },
|
||||
{ text: "Denoise", x: 18, y: 25, size: 12, opacity: 0.08 },
|
||||
{ text: "Resize", x: 5, y: 14, size: 16, opacity: 0.15 },
|
||||
{ text: "Crop", x: 28, y: 11, size: 14, opacity: 0.12 },
|
||||
{ text: "Optimize", x: 48, y: 12, size: 13, opacity: 0.1 },
|
||||
{ text: "Flip", x: 62, y: 10, size: 12, opacity: 0.08 },
|
||||
{ text: "Rotate", x: 75, y: 14, size: 15, opacity: 0.14 },
|
||||
{ text: "Sharpen", x: 88, y: 11, size: 13, opacity: 0.11 },
|
||||
{ text: "Compress", x: 8, y: 22, size: 15, opacity: 0.13 },
|
||||
{ text: "OCR", x: 25, y: 20, size: 18, opacity: 0.16 },
|
||||
{ text: "Convert", x: 42, y: 18, size: 13, opacity: 0.1 },
|
||||
{ text: "Enhance", x: 82, y: 19, size: 14, opacity: 0.12 },
|
||||
{ text: "Upscale", x: 68, y: 22, size: 16, opacity: 0.15 },
|
||||
{ text: "Watermark", x: 85, y: 26, size: 14, opacity: 0.11 },
|
||||
{ text: "Remove BG", x: 3, y: 32, size: 14, opacity: 0.12 },
|
||||
{ text: "Denoise", x: 18, y: 29, size: 12, opacity: 0.08 },
|
||||
{ text: "Passport", x: 8, y: 38, size: 13, opacity: 0.1 },
|
||||
{ text: "Face Blur", x: 2, y: 48, size: 13, opacity: 0.1 },
|
||||
{ text: "Colorize", x: 85, y: 32, size: 14, opacity: 0.12 },
|
||||
|
||||
@@ -14,7 +14,7 @@ export function Navbar() {
|
||||
const [open, setOpen] = useState(false);
|
||||
|
||||
return (
|
||||
<nav className="fixed top-0 left-0 right-0 z-50 border-b border-border/50 bg-background/80 backdrop-blur-lg">
|
||||
<nav className="fixed top-0 left-0 right-0 z-50 bg-transparent backdrop-blur-sm">
|
||||
<div className="mx-auto flex h-16 max-w-6xl items-center justify-between px-6">
|
||||
<a href="/" className="flex items-center gap-2">
|
||||
<div className="flex h-8 w-8 items-center justify-center rounded-lg bg-accent text-accent-foreground text-sm font-bold">
|
||||
|
||||
Reference in New Issue
Block a user