feat: coming soon

[hib4]

Description

Coming soon page

Type of Change

• ✨ New feature (non-breaking change which adds functionality)
• 🛠️ Bug fix (non-breaking change which fixes an issue)
• ❌ Breaking change (fix or feature that would cause existing functionality to change)
• 🧹 Code refactor
• ✅ Build configuration change
• 📝 Documentation
• 🗑️ Chore

[hib4]

/review

[github-actions]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 3 🔵🔵🔵⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Possible Issue The useEffect dependency array includes words, which is derived from React.useMemo. While useMemo ensures the array is stable, it is worth double-checking if this dependency is necessary or if it could lead to unnecessary re-renders. useEffect(() => { let typingTimeout: NodeJS.Timeout; const currentWord = words[wordIndex]; if (isTyping) { if (displayText.length < currentWord.length) { typingTimeout = setTimeout(() => { setDisplayText(currentWord.slice(0, displayText.length + 1)); }, LETTER_TYPE_DELAY); } else { typingTimeout = setTimeout(() => setIsTyping(false), WORD_STAY_DELAY); } } else { if (displayText.length > 0) { typingTimeout = setTimeout(() => { setDisplayText(currentWord.slice(0, displayText.length - 1)); }, LETTER_TYPE_DELAY); } else { setWordIndex((prevIndex) => (prevIndex + 1) % words.length); setIsTyping(true); } } return () => clearTimeout(typingTimeout); }, [displayText, isTyping, wordIndex, words]); Font Configuration The addition of the Montserrat font in the layout may affect the overall styling. Ensure this change aligns with the intended design and does not introduce inconsistencies. import { Geist, Geist_Mono, Montserrat } from "next/font/google"; import "./globals.css"; import Navbar from "./components/Navbar"; const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"], }); const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"], }); const montserrat = Montserrat({ variable: "--font-montserrat", subsets: ["latin"], }); Animation Keyframes The new blink animation keyframes should be validated for performance and compatibility across different browsers to ensure smooth behavior. animation: { blink: "blink 1s ease-in-out infinite", }, keyframes: { blink: { "0%, 100%": { opacity: 0 }, "50%": { opacity: 1 }, }, },