Personal Website for @jaspermayone.com
jaspermayone.com
1import AnimatedTitle from "@/components/AnimatedTitle";
2import PageNavigation from "@/components/PageNavigation";
3import SquigglyLine from "@/components/SquigglyLine";
4
5interface MENUProps {
6 pageFirstWord: string;
7 pageSecondWord?: string;
8 pageThirdWord?: string;
9 color?: string;
10}
11
12const MENU = (props: MENUProps) => {
13 const { pageFirstWord, pageSecondWord, pageThirdWord, color } = props;
14
15 return (
16 <div className="pb-2">
17 <div className="pt-5">
18 <div className="flex justify-center mb-2">
19 <AnimatedTitle
20 firstWord={pageFirstWord}
21 secondWord={pageSecondWord}
22 thirdWord={pageThirdWord}
23 color={color}
24 />
25 </div>
26 <PageNavigation color={color} />
27 </div>
28 <SquigglyLine
29 height={10}
30 frequency={25}
31 amplitude={1.2}
32 strokeWidth={1.5}
33 className="w-full"
34 color="#4299e1"
35 />
36 </div>
37 );
38};
39
40export default MENU;