diff --git a/awwwards_ss3/index.html b/awwwards_ss3/index.html index 7dc35e2..56bad04 100644 --- a/awwwards_ss3/index.html +++ b/awwwards_ss3/index.html @@ -3,9 +3,8 @@ - - + Awwwards | REJOUICE® diff --git a/awwwards_ss3/src/App.jsx b/awwwards_ss3/src/App.jsx index d838df8..605033f 100644 --- a/awwwards_ss3/src/App.jsx +++ b/awwwards_ss3/src/App.jsx @@ -1,5 +1,5 @@ -import Home from "./components/Home" import Header from "./components/Header" +import Home from "./components/Home" import PreLoader from "./components/preloader/PreLoader" diff --git a/awwwards_ss3/src/assets/NB-International-Pro-Bold.ttf b/awwwards_ss3/src/assets/NB-International-Pro-Bold.ttf new file mode 100644 index 0000000..739a348 Binary files /dev/null and b/awwwards_ss3/src/assets/NB-International-Pro-Bold.ttf differ diff --git a/awwwards_ss3/src/assets/NB-International-Pro-Light.ttf b/awwwards_ss3/src/assets/NB-International-Pro-Light.ttf new file mode 100644 index 0000000..ced4a99 Binary files /dev/null and b/awwwards_ss3/src/assets/NB-International-Pro-Light.ttf differ diff --git a/awwwards_ss3/src/assets/vido-bg.mp4 b/awwwards_ss3/src/assets/vido-bg.mp4 new file mode 100644 index 0000000..36ea163 Binary files /dev/null and b/awwwards_ss3/src/assets/vido-bg.mp4 differ diff --git a/awwwards_ss3/src/components/Header.jsx b/awwwards_ss3/src/components/Header.jsx index 63fbd43..5e522db 100644 --- a/awwwards_ss3/src/components/Header.jsx +++ b/awwwards_ss3/src/components/Header.jsx @@ -11,26 +11,26 @@ const Header = () => { } const opacity = { - initial: { - opacity: 0 - }, - open: { - opacity: 1, - transition: {duration: 0.35} - }, - closed: { - opacity: 0, - transition: {duration: 0.35} - } + initial: { + opacity: 0 + }, + open: { + opacity: 1, + transition: {duration: 0.35} + }, + closed: { + opacity: 0, + transition: {duration: 0.35} + } } return ( -
-
-

The venture agency.

+
+
+

The venture agency.

-
{setIsActive(!isActive)}} className="relative flex items-center h-[100%] px-14 pt-20"> - Menu +
{setIsActive(!isActive)}} className="relative flex items-center h-[100%] px-14 pt-14"> + Menu Close
diff --git a/awwwards_ss3/src/components/Home.jsx b/awwwards_ss3/src/components/Home.jsx index fd8e86b..8a27748 100644 --- a/awwwards_ss3/src/components/Home.jsx +++ b/awwwards_ss3/src/components/Home.jsx @@ -1,9 +1,12 @@ - +import vidoBg from "../assets/vido-bg.mp4" const Home = () => { return ( -
-
+
+ +
+

reJOUICe

+
) } diff --git a/awwwards_ss3/src/components/NavBody.jsx b/awwwards_ss3/src/components/NavBody.jsx index 807ab40..f6e2cb8 100644 --- a/awwwards_ss3/src/components/NavBody.jsx +++ b/awwwards_ss3/src/components/NavBody.jsx @@ -2,7 +2,6 @@ import { motion } from 'framer-motion'; const NavBody = ({links, selectedLink, setSelectedLink}) => { - const translate = { initial: { y: "100%", @@ -37,7 +36,6 @@ const NavBody = ({links, selectedLink, setSelectedLink}) => { return chars; } - return (
{ diff --git a/awwwards_ss3/src/components/preloader/PreLoader.jsx b/awwwards_ss3/src/components/preloader/PreLoader.jsx index 751b3f9..e476d4f 100644 --- a/awwwards_ss3/src/components/preloader/PreLoader.jsx +++ b/awwwards_ss3/src/components/preloader/PreLoader.jsx @@ -9,7 +9,7 @@ const PreLoader = () => { }, []); return ( -
+

Tomorrow’s

Brands,

diff --git a/awwwards_ss3/src/index.css b/awwwards_ss3/src/index.css index 7f2f625..4272ced 100644 --- a/awwwards_ss3/src/index.css +++ b/awwwards_ss3/src/index.css @@ -3,14 +3,22 @@ @tailwind utilities; body{ - background-color: #222222; - color: white; + background-color: #FAF8F3; + color: #0E0E0E; font-family: "Epilogue", sans-serif; } .img-container{ display: none; } +.home-text{ + font-family: "NB-International-Pro-Bold"; +} +@font-face { + font-family: "NB-International-Pro-Bold"; + src: local("NB-International-Pro-Bold"), url("./assets/NB-International-Pro-Bold.ttf") format("opentype"); + font-weight: normal; +} @media (min-width: 1000px) { .img-container{ display: block;