From 87ec94896d029a20c31f5e874a9505f9c77d3aeb Mon Sep 17 00:00:00 2001
From: Philip Cheung <philip.cheung@nirons.com>
Date: Tue, 8 Oct 2024 21:15:06 +0800
Subject: [PATCH] fixed problems

---
 components/Hero1.tsx      | 19 ++++++++++++-------
 components/Navbar/Nav.tsx |  2 +-
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/components/Hero1.tsx b/components/Hero1.tsx
index 49782a7..dad90b0 100644
--- a/components/Hero1.tsx
+++ b/components/Hero1.tsx
@@ -2,8 +2,7 @@
 
 import "animate.css/animate.compat.css"
 import { useRef, useEffect, useState } from 'react';
-import CustomButton from "./CustomButton";
-
+import Link from "next/link";
 const Hero1 = () => {
     const [paragraphOpacities, setParagraphOpacities] = useState<number[]>([]);
     const scrollRef = useRef<HTMLDivElement | null>(null);
@@ -104,13 +103,19 @@ const Hero1 = () => {
                     One & ALL Music 提供全面的音樂課程，我們相信每位學生都各有天赋，<br></br>「誰都可發光 只要找對地方」，只要運用合適的教學法，同學必定能發揮所長。
                 </p>
             </div>
-            <div className="max-lg:mt-[20vh] md:mt-[20vh] max-sm:mt-[5vh]">
-                <CustomButton text_and_button_size={" max-lg:px-14 max-lg:py-5 max-lg:text-md max-sm:px-8 max-sm:py-3 max-sm:text-sm md:px-14 md:py-5 md:text-md"} title={'關於我們更多'} handleClick={() => {
+           
+                {/* <CustomButton text_and_button_size={" max-lg:px-14 max-lg:py-5 max-lg:text-md max-sm:px-8 max-sm:py-3 max-sm:text-sm md:px-14 md:py-5 md:text-md"} title={'關於我們更多'} handleClick={() => {
                     console.log('Button clicked');
-                }} />
-            </div>
+                }} /> */}
+                <Link
+                    className={`max-lg:mt-[20vh] md:mt-[20vh] max-sm:mt-[5vh] middle none center rounded-full bg-[#D60050] max-lg:px-14 max-lg:py-5 max-lg:text-md max-sm:px-8 max-sm:py-3 max-sm:text-sm md:px-14 md:py-5 md:text-md font-bold uppercase text-white shadow-md shadow-pink-500/20 transition-all hover:shadow-lg hover:shadow-pink-500/40`}
+                    href="/aboutus"
+                >
+                    {"關於我們更多"}
+                </Link>
+         
 
-            <div className="absolute bottom-0  bg-[url('/images/pianobackground2.png')]  max-lg:h-[30vh] max-sm:h-[15vh] md:h-[30vh] w-full bg-cover bg-center bg-no-repeat" style={{ opacity: 0.7 }}>
+            <div className="absolute bottom-0 inset-0 bg-[url('/images/pianobackground2.png')]  max-lg:h-[30vh] max-sm:h-[15vh] md:h-[30vh] w-full bg-cover bg-center bg-no-repeat" style={{ opacity: 0.7 }}>
             </div>
 
 
diff --git a/components/Navbar/Nav.tsx b/components/Navbar/Nav.tsx
index a7e8f4b..a692fdd 100644
--- a/components/Navbar/Nav.tsx
+++ b/components/Navbar/Nav.tsx
@@ -1,5 +1,5 @@
 "use client"
-import React, { useState, useEffect } from 'react'
+import React, { useState } from 'react'
 import Image from 'next/image'
 import Link from 'next/link'
 import { FiChevronDown } from "react-icons/fi";