-
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.
update: responsive on all sections. Need a grid for team section.
- Loading branch information
Showing
10 changed files
with
145 additions
and
41 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -17,7 +17,7 @@ const BottomFooter = () => { | |
| <div className="flex flex-col gap-8"> | ||
| <h2 className={cn( | ||
| gasoekOne.className, | ||
| 'uppercase text-8xl text-gray-900' | ||
| 'uppercase text-6xl sm:text-8xl text-gray-900' | ||
| )}> | ||
| 404 Devinci | ||
| </h2> | ||
|
|
@@ -34,7 +34,7 @@ const Nav = () => { | |
| return ( | ||
| <div className="w-full flex justify-between"> | ||
| <div className="flex flex-col gap-3 text-gray-900"> | ||
| <h3 className="uppercase text-xl font-semibold">Social media</h3> | ||
| <h3 className="uppercase text-lg sm:text-xl font-semibold">Social media</h3> | ||
| <div className="flex flex-col"> | ||
| <div> | ||
| <a | ||
|
|
@@ -63,8 +63,8 @@ const Nav = () => { | |
| </div> | ||
| </div> | ||
|
|
||
| <div className="w-56 h-16 rounded-full border border-black flex items-center | ||
| justify-center text-gray-900 text-xl relative group overflow-hidden" | ||
| <div className="w-40 h-14 sm:w-56 sm:h-16 rounded-full border border-black flex items-center | ||
| justify-center text-gray-900 text-lg sm:text-xl relative group overflow-hidden" | ||
| > | ||
| <a href="mailto:[email protected]" className="z-10"> | ||
| [email protected] | ||
|
|
||
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,22 @@ | ||
| import { gasoekOne } from "@/app/font"; | ||
| import cn from "@/utils/function"; | ||
| import React from "react"; | ||
|
|
||
| interface H2Props { | ||
| children: React.ReactNode; | ||
| className?: string; | ||
| } | ||
|
|
||
| const H2 = ({ children, className }: H2Props) => { | ||
| return ( | ||
| <h2 className={cn( | ||
| gasoekOne.className, | ||
| "uppercase text-5xl xl:text-7xl text-gray-50 text-balance", | ||
| className | ||
| )}> | ||
| {children} | ||
| </h2> | ||
| ); | ||
| } | ||
|
|
||
| export default H2; |
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
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
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 |
|---|---|---|
| @@ -0,0 +1,57 @@ | ||
| import { useIsomorphicLayoutEffect } from 'framer-motion'; | ||
| import { useState } from 'react'; | ||
|
|
||
| type UseMediaQueryOptions = { | ||
| defaultValue?: boolean; | ||
| initializeWithValue?: boolean; | ||
| }; | ||
|
|
||
| const IS_SERVER = typeof window === 'undefined'; | ||
|
|
||
| export function useMediaQuery( | ||
| query: string, | ||
| { | ||
| defaultValue = false, | ||
| initializeWithValue = true, | ||
| }: UseMediaQueryOptions = {}, | ||
| ): boolean { | ||
| const getMatches = (query: string): boolean => { | ||
| if (IS_SERVER) { | ||
| return defaultValue; | ||
| } | ||
| return window.matchMedia(query).matches; | ||
| }; | ||
|
|
||
| const [matches, setMatches] = useState<boolean>(() => { | ||
| if (initializeWithValue) { | ||
| return getMatches(query); | ||
| } | ||
| return defaultValue; | ||
| }); | ||
|
|
||
| // Handles the change event of the media query. | ||
| function handleChange() { | ||
| setMatches(getMatches(query)); | ||
| } | ||
|
|
||
| useIsomorphicLayoutEffect(() => { | ||
| if (IS_SERVER) { | ||
| return; | ||
| } | ||
|
|
||
| const matchMedia = window.matchMedia(query); | ||
|
|
||
| // Set the initial state | ||
| setMatches(matchMedia.matches); | ||
|
|
||
| // Add the event listener | ||
| matchMedia.addEventListener('change', handleChange); | ||
|
|
||
| // Clean up the event listener | ||
| return () => { | ||
| matchMedia.removeEventListener('change', handleChange); | ||
| }; | ||
| }, [query]); | ||
|
|
||
| return matches; | ||
| } |