Files
pse.dev/components/site-header.tsx
Y6NDR bcbb008c33 v2 Beta (#18)
* Finished the first release for the website

* Removed dark bg

* Commented tailwind config file and style.css

* Removed theme provider component from next

* Changed some png to svg, fixed some alignments and added favicon

* chore:  Add `framer-motion` package

* fix: 💄 Add orange to tailwind, update fonts, hover state for nav items

* chore:  Add `gsap`package

* feat: 💫 Add `WhatWeDo` logo animation

* Fixed homepage whatwedo for mobile and modified projects file

* Fixed on homepage dynamic content box

* Fixed homepage logo size on first section

* Fixed the width size of the pse logo on homepage

* Added new color on tailwindfile and changed border color on mainnav

* feat: 📱 Make "What We Do" section responsive

* Change image to webp and ajust size of images

* fix: ✏️ Fix typo on home page

* revert: 💫 Remove animation from `WhatWeDo` section

* update home page promo link

* Change some icons to svg, change bg on project page and project lib page

* Add more social media svg, change svg in project page and project lib page

* Change links on homepage to p tag, resize grid cols on projects lib page

* Change NextImage NextLink names and change a tag to p tag

* fix: 💄 Fix alignment of home page sections

---------

Co-authored-by: samueloh99 <samueloh99@gmail.com>
Co-authored-by: Samuel Oh <28302358+samueloh99@users.noreply.github.com>
Co-authored-by: Chiali Tsai <info@chialitsai.com>
2023-06-29 15:05:09 -05:00

56 lines
1.5 KiB
TypeScript

import Link from "next/link"
import { siteConfig } from "@/config/site"
import { MainNav } from "@/components/main-nav"
import {
Discord,
Github,
Mirror,
Twitter,
} from "@/components/svgs/social-medias"
import { SiteHeaderMobile } from "./site-header-mobile"
export function SiteHeader() {
return (
<header className="sticky top-0 z-40 w-full border-b bg-white px-[32px]">
<div className="flex h-16 justify-between space-x-4 sm:space-x-0">
<MainNav items={siteConfig.mainNav} />
<SiteHeaderMobile />
<div className="hidden flex-1 items-center justify-end space-x-4 md:flex">
<nav className="flex items-center gap-5 space-x-1">
<Link
href={siteConfig.links.twitter}
target="_blank"
rel="noreferrer"
>
<Twitter color="black" />
</Link>
<Link
href={siteConfig.links.discord}
target="_blank"
rel="noreferrer"
>
<Discord color="black" />
</Link>
<Link
href={siteConfig.links.github}
target="_blank"
rel="noreferrer"
>
<Github color="black" />
</Link>
<Link
href={siteConfig.links.articles}
target="_blank"
rel="noreferrer"
>
<Mirror color="black" />
</Link>
</nav>
</div>
</div>
</header>
)
}