diff --git a/src/app/page.tsx b/src/app/page.tsx index 03132a0..3936f8b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,6 +1,7 @@ "use client"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import { useState } from "react"; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel'; import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen'; @@ -10,22 +11,19 @@ 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'; export default function LandingPage() { + const [isDarkMode, setIsDarkMode] = useState(false); + + const themeProps = isDarkMode ? { + defaultButtonVariant: "hover-magnetic", defaultTextAnimation: "reveal-blur", borderRadius: "soft", contentWidth: "small", sizing: "mediumLargeSizeLargeTitles", background: "noise", cardStyle: "soft-shadow", primaryButtonStyle: "gradient", secondaryButtonStyle: "layered", headingFontWeight: "semibold" + } : { + defaultButtonVariant: "hover-magnetic", defaultTextAnimation: "reveal-blur", borderRadius: "soft", contentWidth: "small", sizing: "mediumLargeSizeLargeTitles", background: "noise", cardStyle: "soft-shadow", primaryButtonStyle: "gradient", secondaryButtonStyle: "layered", headingFontWeight: "semibold" + }; + return ( - +
@@ -123,8 +129,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 and entrepreneurs who want to ship fast." + subdescription="Anyone with an idea should be able to build production-quality native apps without hiring a team of engineers." 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 +141,8 @@ export default function LandingPage() {
@@ -161,8 +167,8 @@ export default function LandingPage() {
@@ -209,7 +215,7 @@ export default function LandingPage() {
@@ -253,26 +259,26 @@ export default function LandingPage() {
@@ -283,7 +289,7 @@ export default function LandingPage() { columns={[ { title: "Product", items: [ - { label: "Download for macOS", href: "https://example.com/download" }, + { label: "Download", href: "https://example.com/download" }, { label: "Features", href: "#features" }, { label: "How It Works", href: "#process" }, { label: "Native Line Cloud", href: "#" } @@ -299,10 +305,10 @@ export default function LandingPage() { }, { title: "Company", items: [ - { label: "About Us", href: "#about" }, + { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }, - { label: "Privacy Policy", href: "#" }, - { label: "Terms of Service", href: "#" } + { label: "Privacy", href: "#" }, + { label: "Terms", href: "#" } ] } ]}