ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-08 17:30:01 +02:00
Code Issues Projects Releases Packages Wiki Activity

Added browser screnshot image

Browse source
This commit is contained in:
Mauro Balades 2024-07-07 14:20:46 +02:00
parent 88d9b0e60b
commit 917403a7fb
3 changed files with 67 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
public/browser.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 300 KiB

2
src/app/page.tsx
View file

@ -1,3 +1,5 @@
"use client";
import Features from "@/components/features"; import Features from "@/components/features";
import Footer from "@/components/footer"; import Footer from "@/components/footer";
import Header from "@/components/header"; import Header from "@/components/header";

6
src/components/header.tsx
View file

@ -1,5 +1,6 @@
"use client";
import { ny } from "@/lib/utils"; import { ny } from "@/lib/utils";
import AnimatedGridPattern from "./ui/animated-grid-pattern";
import AnimatedGradientText from "./ui/animated-gradient-text"; import AnimatedGradientText from "./ui/animated-gradient-text";
import { ChevronDown, ChevronRight } from "lucide-react"; import { ChevronDown, ChevronRight } from "lucide-react";
import WordPullUp from "./ui/word-pull-up"; import WordPullUp from "./ui/word-pull-up";
@ -10,6 +11,7 @@ import { FadeText } from "./ui/fade-text";
export default function Header() { export default function Header() {
return ( return (
<>
<div className="w-full relative flex h-screen justify-center flex-col align-center"> <div className="w-full relative flex h-screen justify-center flex-col align-center">
<GridPattern <GridPattern
numSquares={30} numSquares={30}
@ -71,5 +73,7 @@ export default function Header() {
transform: 'translateX(-50%)', transform: 'translateX(-50%)',
}} /> }} />
</div> </div>
<img src="/browser.png" className={ny('mx-auto shadow mt-24 z-0 w-3/4 rounded-xl overflow-hidden border-2 border-blue-500')} />
</>
) )
} }