diff --git a/src/app/page.tsx b/src/app/page.tsx index 03132a0..6aeafa4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,9 +10,34 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa 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 } from 'lucide-react'; +import { Sparkles, Zap, Lightbulb, Rocket, Users, Star, HelpCircle, Download, Moon, Sun } from 'lucide-react'; +import { useState, useEffect } 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 toggleDarkMode = () => { + const newMode = !isDarkMode; + setIsDarkMode(newMode); + localStorage.setItem('native-line-dark-mode', JSON.stringify(newMode)); + }; + + if (!mounted) { + return null; + } + return (
@@ -123,8 +157,8 @@ export default function LandingPage() { tagIcon={Lightbulb} tagAnimation="slide-up" title="Democratizing App Development" - description="Native Line is built for indie developers, entrepreneurs, and creators who are frustrated with slow, expensive development processes." - subdescription="We believe anyone with an idea deserves the ability to ship production-quality native apps without hiring a team of engineers." + description="Native Line empowers indie developers, entrepreneurs, and creators to build production-quality native apps without weeks of development or expensive engineer teams." + subdescription="We believe anyone with an idea deserves the ability to ship—fast, beautifully, and natively." icon={Rocket} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-lifestyle-photo-showing-an-indie-devel-1772522999346-c2d8c8e5.png" imageAlt="Developer using Native Line" @@ -135,8 +169,8 @@ export default function LandingPage() {
@@ -162,7 +196,7 @@ export default function LandingPage() {
@@ -209,7 +243,7 @@ export default function LandingPage() {
@@ -253,8 +287,8 @@ export default function LandingPage() {