all_in_one
/
frondend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed problems

This commit is contained in:
Philip Cheung 2024-10-08 21:15:06 +08:00
parent c8490e7a50
commit 87ec94896d
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components/Hero1.tsx
View File

@ -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>

2
components/Navbar/Nav.tsx
View File

@ -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";