Update src/app/page.tsx
This commit is contained in:
@@ -11,22 +11,11 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Sparkles, Zap, Lightbulb, Rocket, Users, Star, HelpCircle, Download, Moon, Sun } from 'lucide-react';
|
||||
import { useState, useEffect, useCallback } from 'react';
|
||||
import { useState, useCallback } from 'react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const [isDarkMode, setIsDarkMode] = useState(false);
|
||||
const [mounted, setMounted] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
setMounted(true);
|
||||
const saved = localStorage.getItem('native-line-dark-mode');
|
||||
if (saved !== null) {
|
||||
setIsDarkMode(JSON.parse(saved));
|
||||
} else {
|
||||
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
setIsDarkMode(prefersDark);
|
||||
}
|
||||
}, []);
|
||||
const [mounted, setMounted] = useState(true);
|
||||
|
||||
const toggleDarkMode = useCallback(() => {
|
||||
setIsDarkMode((prevMode) => {
|
||||
@@ -36,10 +25,6 @@ export default function LandingPage() {
|
||||
});
|
||||
}, []);
|
||||
|
||||
if (!mounted) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
|
||||
Reference in New Issue
Block a user