From 8658db0507f58e5bebdc58c1e065b43cb44dfba8 Mon Sep 17 00:00:00 2001 From: Juthatip McDevitt Date: Wed, 17 Apr 2024 18:29:54 -0500 Subject: [PATCH] added animation and updated responsive website --- awwwards_ss3/package-lock.json | 1 + awwwards_ss3/package.json | 1 + awwwards_ss3/src/App.jsx | 30 +++++----- awwwards_ss3/src/assets/gradient.webm | Bin 0 -> 199472 bytes awwwards_ss3/src/components/About.jsx | 22 ++++---- awwwards_ss3/src/components/Contact.jsx | 52 +++++++++--------- awwwards_ss3/src/components/Footer.jsx | 36 ++++-------- awwwards_ss3/src/components/FooterText.jsx | 11 ++++ awwwards_ss3/src/components/Header.jsx | 12 ++-- awwwards_ss3/src/components/Home.jsx | 6 +- awwwards_ss3/src/components/NavBody.jsx | 4 +- awwwards_ss3/src/components/NavFooter.jsx | 12 ++-- awwwards_ss3/src/components/Navbar.jsx | 10 ++-- awwwards_ss3/src/components/Philosophy.jsx | 16 +++--- awwwards_ss3/src/components/SmoothScroll.jsx | 38 +++++++++++++ awwwards_ss3/src/components/Strategy.jsx | 6 +- awwwards_ss3/src/components/Visions.jsx | 20 +++---- .../src/components/preloader/PreLoader.jsx | 2 +- awwwards_ss3/src/index.css | 22 +++++++- 19 files changed, 181 insertions(+), 120 deletions(-) create mode 100644 awwwards_ss3/src/assets/gradient.webm create mode 100644 awwwards_ss3/src/components/FooterText.jsx create mode 100644 awwwards_ss3/src/components/SmoothScroll.jsx diff --git a/awwwards_ss3/package-lock.json b/awwwards_ss3/package-lock.json index 9e7e173..299f529 100644 --- a/awwwards_ss3/package-lock.json +++ b/awwwards_ss3/package-lock.json @@ -17,6 +17,7 @@ "react-router-dom": "^6.22.3", "react-scroll-trigger": "^0.6.14", "react-slick": "^0.30.2", + "resize-observer-polyfill": "^1.5.1", "slick-carousel": "^1.8.1" }, "devDependencies": { diff --git a/awwwards_ss3/package.json b/awwwards_ss3/package.json index 891a1b5..9006bc5 100644 --- a/awwwards_ss3/package.json +++ b/awwwards_ss3/package.json @@ -19,6 +19,7 @@ "react-router-dom": "^6.22.3", "react-scroll-trigger": "^0.6.14", "react-slick": "^0.30.2", + "resize-observer-polyfill": "^1.5.1", "slick-carousel": "^1.8.1" }, "devDependencies": { diff --git a/awwwards_ss3/src/App.jsx b/awwwards_ss3/src/App.jsx index f372c05..546a740 100644 --- a/awwwards_ss3/src/App.jsx +++ b/awwwards_ss3/src/App.jsx @@ -1,28 +1,32 @@ import About from "./components/About" import Contact from "./components/Contact" import Footer from "./components/Footer" +import FooterText from "./components/FooterText" import Header from "./components/Header" import Home from "./components/Home" import Philosophy from "./components/Philosophy" +import SmoothScroll from "./components/SmoothScroll" import Strategy from "./components/Strategy" import Visions from "./components/Visions" -//import PreLoader from "./components/preloader/PreLoader" +import PreLoader from "./components/preloader/PreLoader" function App() { - return ( -
- {/**/} -
- - - - - - -
-
+ <> + + +
+ + + + + + +