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

View File

@ -2,8 +2,7 @@
import "animate.css/animate.compat.css" import "animate.css/animate.compat.css"
import { useRef, useEffect, useState } from 'react'; import { useRef, useEffect, useState } from 'react';
import CustomButton from "./CustomButton"; import Link from "next/link";
const Hero1 = () => { const Hero1 = () => {
const [paragraphOpacities, setParagraphOpacities] = useState<number[]>([]); const [paragraphOpacities, setParagraphOpacities] = useState<number[]>([]);
const scrollRef = useRef<HTMLDivElement | null>(null); const scrollRef = useRef<HTMLDivElement | null>(null);
@ -104,13 +103,19 @@ const Hero1 = () => {
One & ALL Music <br></br> One & ALL Music <br></br>
</p> </p>
</div> </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'); 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> </div>

View File

@ -1,5 +1,5 @@
"use client" "use client"
import React, { useState, useEffect } from 'react' import React, { useState } from 'react'
import Image from 'next/image' import Image from 'next/image'
import Link from 'next/link' import Link from 'next/link'
import { FiChevronDown } from "react-icons/fi"; import { FiChevronDown } from "react-icons/fi";