From 37cdb529560aca69aed17e943310d609f9702ee6 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 07:45:32 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 178 ++++++++++++++++++++++++++--------------------- 1 file changed, 99 insertions(+), 79 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index db64496..6aeafa4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,12 +10,33 @@ 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 TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack'; import { Sparkles, Zap, Lightbulb, Rocket, Users, Star, HelpCircle, Download, Moon, Sun } from 'lucide-react'; -import { useState } from '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 (
@@ -127,8 +157,8 @@ export default function LandingPage() { tagIcon={Lightbulb} tagAnimation="slide-up" title="Democratizing App Development" - description="Native Line empowers indie developers, entrepreneurs, and creators to build native apps without hiring teams of engineers." - subdescription="We believe anyone with an idea deserves the ability to ship production-quality apps instantly." + 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" @@ -138,51 +168,41 @@ export default function LandingPage() {
- -
-

Describe Your Idea

-

Tell Native Line what you want to build. Chat to refine your vision.

-
-
-

AI Generates Your App

-

Complete Swift code generated instantly. Real-time previews. Iterate and refine.

-
-
-

Deploy to App Store

-

Export signed app code ready for submission. Fully yours to maintain.

-
- + />
@@ -191,7 +211,7 @@ export default function LandingPage() {
@@ -232,34 +252,34 @@ export default function LandingPage() { faqsAnimation="slide-up" faqs={[ { - id: "1", title: "What does Native Line generate?", content: "Complete, production-ready Swift source code for iOS, iPad, and macOS. Genuine native code—not web wrappers. Full code ownership. Ready for App Store submission." + id: "1", title: "What does Native Line generate?", content: "Complete, production-ready Swift source code for iOS, iPad, and macOS. Genuine native code—not wrappers or hybrid apps. You own 100% of the code and can modify, extend, or maintain it however you want. Apps are ready for App Store submission immediately." }, { - id: "2", title: "Do I need to know Swift?", content: "No. Native Line is designed for non-technical users. Describe your app conversationally. Swift developers can always review and modify the generated code if needed." + id: "2", title: "Do I need to know Swift?", content: "No. Native Line is designed for non-technical creators. Describe your app conversationally and Native Line handles the complexity. You never need to write Swift if you don't want to. Developers who do know Swift can always review and modify the generated code." }, { - id: "3", title: "Can I own and modify the code?", content: "Yes. You own 100% of the code. No vendor lock-in. Modify, extend, and maintain however you want. Hire developers to continue working if needed." + id: "3", title: "Do I own the code?", content: "Yes, 100%. You own all generated code with no vendor lock-in. Modify, extend, and maintain your apps however you want. You can hire developers to continue working on your code if needed. It's truly yours." }, { - id: "4", title: "What's the pricing model?", content: "Native Line is a macOS app with flexible licensing. Currently in early access. You own all apps you generate regardless of subscription status." + id: "4", title: "What's the pricing model?", content: "Native Line is a desktop macOS application with flexible licensing. We're currently in early access with fair pricing for indie creators. You own all apps you generate regardless of subscription status." }, { - id: "5", title: "Will there be backend services?", content: "Native Line Cloud coming soon. Optional backend infrastructure (authentication, database, APIs) for your generated apps. Completely optional—use any backend you prefer." + id: "5", title: "Is there a backend service?", content: "Native Line Cloud is coming soon with optional backend infrastructure (authentication, database, APIs). It's completely optional—use any backend you prefer or build your own." }, { - id: "6", title: "Can I generate for multiple platforms?", content: "Yes. iOS, iPad, and macOS. Each is true native code for its platform. Generate separate apps for each or unified apps across all three." + id: "6", title: "Can I build for all Apple platforms?", content: "Yes. Generate true native apps for iOS, iPad, and macOS. Each app is genuinely native for its platform, so you get the best experience on each device. Generate separate apps or unified apps that work across all three." }, { - id: "7", title: "How long does generation take?", content: "Simple apps: minutes. Complex apps with multiple features: 15-45 minutes. Real-time previews as your app is generated. Iterate as needed." + id: "7", title: "How fast is generation?", content: "Simple apps generate in minutes. Complex apps with multiple features typically take 15-45 minutes. You can watch real-time previews as your app builds and iterate if needed." }, { - id: "8", title: "Can agencies use it?", content: "Yes. Perfect for agencies and studios. Generate apps for clients, deliver source code, or maintain yourself. Commercial use supported. Whitelabel options available." + id: "8", title: "Can I use this for client work?", content: "Yes. Perfect for agencies and studios. Generate apps for clients, deliver source code to them, or maintain the apps yourself. Our licensing supports professional and commercial use. Whitelabel options available." }, { - id: "9", title: "How do I monetize my apps?", content: "Your apps are fully yours. Submit to App Store, set pricing, use in-app purchases, or offer free. We don't take revenue share." + id: "9", title: "How do I monetize?", content: "Your apps are fully yours to monetize however you want. Submit to the Apple App Store, set pricing, use in-app purchases, or offer for free. Native Line takes no revenue share and provides App Store submission guidance." }, { - id: "10", title: "What if I need help later?", content: "You own the source code. Modify it yourself, hire developers, or share with your team. Standard Swift code—any developer can work with it. Documentation and community support included." + id: "10", title: "What if I need developer help?", content: "You own the source code, so modify it yourself, hire developers, or share with your team. The code is standard Swift using familiar iOS patterns, so any Swift developer can work with it. We provide documentation and community support." } ]} /> @@ -267,26 +287,26 @@ export default function LandingPage() {
@@ -297,15 +317,15 @@ export default function LandingPage() { columns={[ { title: "Product", items: [ - { label: "Download", href: "https://example.com/download" }, + { label: "Download for macOS", href: "https://example.com/download" }, { label: "Features", href: "#features" }, { label: "How It Works", href: "#process" }, - { label: "Cloud", href: "#" } + { label: "Native Line Cloud", href: "#" } ] }, { title: "Resources", items: [ - { label: "Docs", href: "https://docs.example.com" }, + { label: "Documentation", href: "https://docs.example.com" }, { label: "Community", href: "https://discord.example.com" }, { label: "Blog", href: "https://blog.example.com" }, { label: "Roadmap", href: "#" } @@ -313,10 +333,10 @@ export default function LandingPage() { }, { title: "Company", items: [ - { label: "About", href: "#about" }, + { label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }, - { label: "Privacy", href: "#" }, - { label: "Terms", href: "#" } + { label: "Privacy Policy", href: "#" }, + { label: "Terms of Service", href: "#" } ] } ]}