diff --git a/src/app/home/page.tsx b/src/app/home/page.tsx new file mode 100644 index 0000000..e7427c8 --- /dev/null +++ b/src/app/home/page.tsx @@ -0,0 +1,204 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import ContactCTA from '@/components/sections/contact/ContactCTA'; +import FaqSplitText from '@/components/sections/faq/FaqSplitText'; +import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia'; +import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; +import HeroLogo from '@/components/sections/hero/HeroLogo'; +import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; +import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; +import TeamCardFive from '@/components/sections/team/TeamCardFive'; +import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; +import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; +import { Heart } from "lucide-react"; + +export default function LandingPage() { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 4ba199a..9ae4b27 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,313 +1,65 @@ "use client"; -import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; -import ReactLenis from "lenis/react"; -import ContactCTA from '@/components/sections/contact/ContactCTA'; -import FaqSplitText from '@/components/sections/faq/FaqSplitText'; -import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia'; -import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; -import HeroLogo from '@/components/sections/hero/HeroLogo'; -import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; -import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; -import TeamCardFive from '@/components/sections/team/TeamCardFive'; -import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; -import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; -import { Heart } from "lucide-react"; +import { useState, useEffect } from 'react'; +import { useRouter } from 'next/navigation'; + +export default function LoginPage() { + const [isEnvelopeMoving, setIsEnvelopeMoving] = useState(false); + const [showWhiteLight, setShowWhiteLight] = useState(false); + const router = useRouter(); + + const handleOpenEnvelope = () => { + if (!isEnvelopeMoving) { // Prevent multiple clicks + setIsEnvelopeMoving(true); + + // Envelope slides up + // After envelope starts moving, begin white light fade + setTimeout(() => { + setShowWhiteLight(true); + // After white light transition, navigate + setTimeout(() => { + router.push('/home'); + }, 1500); // Duration of white light transition + }, 1000); // Start white light after 1s of envelope moving + } + }; + + // Preload image for envelope + useEffect(() => { + const img = new Image(); + img.src = "http://img.b2bpic.net/free-photo/high-angle-wedding-paper-envelope-with-seal-ribbon_23-2149374605.jpg"; + }, []); + + const envelopeImage = "http://img.b2bpic.net/free-photo/high-angle-wedding-paper-envelope-with-seal-ribbon_23-2149374605.jpg"; -export default function LandingPage() { return ( - - - - - + + {/* Envelope background */} + + {/* Wax Seal Button - positioned relative to the envelope content */} + + {/* Optional: Add a subtle visual for the clickable area if desired, or rely on cursor */} + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + {/* White light transition overlay */} + + ); }