bugfix fixed waiting list with image

This commit is contained in:
James Wyndham 2024-02-15 17:30:41 +08:00
parent c9b1bd8ee8
commit 48abe80662
2 changed files with 9 additions and 10 deletions

View File

@ -7,18 +7,12 @@ import Aos from "aos";
import "aos/dist/aos.css"; import "aos/dist/aos.css";
import { useEffect } from "react"; import { useEffect } from "react";
import React from "react"; import React from "react";
import { FrequentlyAsked } from "@/sections/FrequentlyAsked";
import { Testimonial } from "@/sections/Testimonial";
import { import {
CenterAllignedWithVideoHero, CenterAllignedWithVideoHero,
SquaredBackgroundHero,
WaitingListWithImageHero, WaitingListWithImageHero,
} from "@/sections/HeroSections"; } from "@/sections/HeroSections";
import Spacer from "@/components/Utilities/Spacer";
import LandingPage from "@/pages/LandingPage";
import PageWrapper from "@/components/Utilities/PageWrapper"; import PageWrapper from "@/components/Utilities/PageWrapper";
import Footer from "@/components/Footer"; import Footer from "@/components/Footer";
import SimpleHero from "@/sections/HeroSections/SimpleHero";
export default function Home() { export default function Home() {
useEffect(() => { useEffect(() => {
@ -47,10 +41,9 @@ export default function Home() {
{/* ========== END HEADER ========== */} {/* ========== END HEADER ========== */}
{/* ========== MAIN CONTENT ========== */} {/* ========== MAIN CONTENT ========== */}
{/* <WaitingListWithImageHero /> */} {/* <WaitingListWithImageHero /> */}
<CenterAllignedWithVideoHero /> <WaitingListWithImageHero />
{/* ========== END MAIN CONTENT ========== */} {/* ========== END MAIN CONTENT ========== */}
{/* ========== FOOTER ========== */} {/* ========== FOOTER ========== */}
<Footer />
{/* ========== END FOOTER ========== */} {/* ========== END FOOTER ========== */}
</PageWrapper> </PageWrapper>
{/* <LandingPageWaitingList /> */} {/* <LandingPageWaitingList /> */}

View File

@ -3,8 +3,14 @@ import React from "react";
const WaitingListWithImageHero = () => { const WaitingListWithImageHero = () => {
return ( return (
<div className="h-full relative w-full bg-center bg-no-repeat bg-cover bg-fixed bg-[url('/images/hero.jpg')]"> <div
<div className="h-screen w-full bg-clip flex items-center justify-center opacity-60 bg-base-100 "> className="h-full relative w-full bg-center bg-no-repeat bg-cover bg-fixed"
style={{
backgroundImage:
"linear-gradient(rgba(0, 0, 0, 0.7), rgba(135, 80, 156, 0.05)), url(/images/hero.jpg)",
}}
>
<div className="h-screen w-full bg-clip flex items-center justify-center">
<div className="text-center py-8 px-4 sm:px-6 lg:px-8"> <div className="text-center py-8 px-4 sm:px-6 lg:px-8">
<h1 className="text-3xl text-primary-content sm:text-4xl whitespace-nowrap flex flex-row justify-center pb-6"> <h1 className="text-3xl text-primary-content sm:text-4xl whitespace-nowrap flex flex-row justify-center pb-6">
<Logo className="w-10 flex" /> <Logo className="w-10 flex" />