FULLPAGE AGENCY WEBSITE StudioT | Next JS, Framer Motion, Zustand, Lenis Scroll

Описание: Hi guys I'm back with new video making full agency website called StudioT. StudioT is a website agency development that I made up for my portfolio, so it is not real company. enjoy the video.
consider to subs and like this video. ✌

💻 Repository :
https://github.com/theoyoth/studioT

🔗 Live :
https://studio-t.vercel.app/

⌚ Timestamps :
0:00 - intro
0:02 - Result
1:21 - Create new project
1:45 - Install libraries
3:07 - Layout.ts
3:30 - Register new font
9:25 - Logo.tsx
14:27 - Bar.tsx
20:20 - Menu.tsx
27:55 - Create motion to animate navbar
33:31 - Hero.tsx - (TextHero.tsx, Paragraph.tsx, Button.tsx, types.ts, Image Container.tsx, motion.ts)
53:59 - Services page - (LenisScroll.tsx, TextTitle.tsx, TextService.tsx)
1:05:25 - Create global state
1:07:14 - Services page - (ImageParent.tsx)
1:11:03 - Portfolio page - (TextPortfolio.tsx, ImageParent.tsx)
1:20:49 - About Us page - (TextHeaderAbout.tsx)
1:25:44 - Result
1:26:25 - Outro

🎶 Music :
Youtube audio library

#theoyoth #nextjs #frontend #programmer #framermotion #tailwindcss #zustand #lenisscroll