-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added stuff to services section and home page
- Loading branch information
1 parent
714bcc6
commit 66b0818
Showing
17 changed files
with
121 additions
and
121 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,5 @@ | ||
| // noinspection JSUnusedGlobalSymbols | ||
|
|
||
| export default { | ||
| plugins: { | ||
| tailwindcss: {}, | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,6 @@ | ||
| import {createBrowserRouter} from "react-router-dom"; | ||
| import App from "../../App"; | ||
| import Home from "../../pages/Home"; | ||
| import About from "../../pages/About"; | ||
| import Services from "../../pages/Services"; | ||
| import ErrorPage from "../../fluffy-pack/components/ErrorPage.tsx"; | ||
| import Contact from "@/fluffy-pack/components/Contact.tsx"; | ||
|
|
@@ -10,9 +9,9 @@ const router = createBrowserRouter([{ | |
| element: <App/>, errorElement: <ErrorPage/>, children: [{ | ||
| path: "/", element: <Home/>, | ||
| }, { | ||
| path: "/contact", element: <Contact email={'[email protected]'} x={'KadenFrisk'} discordUser={'ofluffy'} phone={'(806) 443-0175'} includeForm={true} github={'ofluffydev'}/>, | ||
| }, { | ||
| path: "/about", element: <About/>, | ||
| path: "/contact", | ||
| element: <Contact email={'[email protected]'} x={'KadenFrisk'} discordUser={'ofluffy'} | ||
| phone={'(806) 443-0175'} includeForm={true} github={'ofluffydev'}/>, | ||
| }, { | ||
| path: "/services", element: <Services/>, | ||
| },], | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,32 @@ | ||
| function WebsiteDesignAndDevelopment() { | ||
| function goTo(s: string) { | ||
| return () => { | ||
| window.location.href = s; | ||
| } | ||
| } | ||
|
|
||
| return (<div className="bg-gradient-to-br from-red-500 to-purple-500 flex flex-col justify-center p-20 mt-10"> | ||
| <h1 className="text-xl font-bold">Website Design and Development</h1> | ||
| <p className="text-sm"> | ||
| Tired of your website being lost in the online void? We build unique affordable sites that stand out and | ||
| give your customers the experience they deserve. Our approach involves utilizing current frameworks and | ||
| technologies to ensure your site not only has individuality, but also provides a swift and ideal user | ||
| experience. By optimizing for speed and accessibility, we ensure fast loading times with easy navigation, | ||
| making your website convenient for every user. | ||
| </p> | ||
| <h2 className="text-xl font-bold mt-4">Our services include:</h2> | ||
| <ul className="text-sm list-inside list-disc flex flex-col"> | ||
| <li>Custom website design and development</li> | ||
| <li>Responsive web design</li> | ||
| <li>Content management systems (CMS)</li> | ||
| <li>E-commerce websites</li> | ||
| <li>Search engine optimization (SEO)</li> | ||
| <li>Website maintenance and support</li> | ||
| </ul> | ||
| <p className="text-sm mt-4">Whether you need a simple brochure website or a complex e-commerce site, we can | ||
| help you achieve your online goals.</p> | ||
| <button className="bg-white text-black py-2 px-4 mt-4" onClick={goTo('/services/websites')}>Learn More</button> | ||
| </div>); | ||
| } | ||
|
|
||
| export default WebsiteDesignAndDevelopment; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,41 +0,0 @@ | ||
| import {RefObject, useEffect, useRef, useState} from 'react'; | ||
|
|
||
| const useFadeInOnScroll = (threshold = 0.1, delay = 0): [RefObject<HTMLDivElement>, boolean] => { | ||
| const ref = useRef<HTMLDivElement>(null); | ||
| const [isVisible, setIsVisible] = useState(false); | ||
|
|
||
| useEffect(() => { | ||
| const currentRef = ref.current; | ||
| let timeoutId: NodeJS.Timeout; | ||
|
|
||
| const observer = new IntersectionObserver(([entry]) => { | ||
| // Clear any existing timeout | ||
| clearTimeout(timeoutId); | ||
|
|
||
| // Set isVisible to true after the delay, but only if the element is intersecting | ||
| if (entry.isIntersecting) { | ||
| timeoutId = setTimeout(() => { | ||
| setIsVisible(true); | ||
| }, delay); | ||
| } else { | ||
| // If the element is not intersecting, set isVisible to false immediately | ||
| setIsVisible(false); | ||
| } | ||
| }, {threshold}); | ||
|
|
||
| if (currentRef) { | ||
| observer.observe(currentRef); | ||
| } | ||
|
|
||
| return () => { | ||
| if (currentRef) { | ||
| observer.unobserve(currentRef); | ||
| } | ||
| clearTimeout(timeoutId); | ||
| }; | ||
| }, [threshold, delay]); | ||
|
|
||
| return [ref, isVisible]; | ||
| }; | ||
|
|
||
| export default useFadeInOnScroll; | ||
Oops, something went wrong.