From 2bceabe6f7e69e34acbef8bc444f72ffa6302e7e Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 18:41:45 +0000 Subject: [PATCH 1/4] Update src/app/layout.tsx --- src/app/layout.tsx | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 24108f0..bfa8a7c 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,6 +1,6 @@ import type { Metadata } from "next"; import { Inter } from "next/font/google"; -import { Open_Sans } from "next/font/google"; +import { Poppins } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; @@ -9,8 +9,9 @@ const inter = Inter({ variable: "--font-inter", subsets: ["latin"], }); -const openSans = Open_Sans({ - variable: "--font-open-sans", subsets: ["latin"], +const poppins = Poppins({ + variable: "--font-poppins", subsets: ["latin"], + weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"], }); export const metadata: Metadata = { @@ -43,7 +44,7 @@ export default function RootLayout({ {children} -- 2.49.1 From 83b6477b369ccbd191789ba5d328f9e69035f625 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 18:41:47 +0000 Subject: [PATCH 2/4] Update src/app/page.tsx --- src/app/page.tsx | 145 ++++++++++++++++++++++------------------------- 1 file changed, 68 insertions(+), 77 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 5251a87..cf0b1e0 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'; @@ -11,19 +12,9 @@ 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, useCallback } from 'react'; export default function LandingPage() { const [isDarkMode, setIsDarkMode] = useState(false); - const [mounted, setMounted] = useState(true); - - const toggleDarkMode = useCallback(() => { - setIsDarkMode((prevMode) => { - const newMode = !prevMode; - localStorage.setItem('native-line-dark-mode', JSON.stringify(newMode)); - return newMode; - }); - }, []); return (
@@ -144,8 +135,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 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." + description="Native Line enables indie developers, entrepreneurs, and creators to ship production-quality native apps." + subdescription="We believe anyone with an idea deserves the ability to create 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" @@ -156,8 +147,8 @@ export default function LandingPage() {
@@ -182,8 +173,8 @@ export default function LandingPage() {
@@ -239,34 +230,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 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: "1", title: "What does Native Line generate?", content: "Complete, production-ready Swift source code for iOS, iPad, and macOS. Genuine native code—not wrappers. You get full control and can modify, extend, or maintain it yourself. Ready for App Store submission." }, { - 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: "2", title: "Do I need to know Swift?", content: "No. Describe your app conversationally and Native Line handles the complexity. You never need to write Swift if you don't want to. However, developers can always review and modify the generated code." }, { - 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: "3", title: "Do I own the code?", content: "Yes, 100%. No vendor lock-in. You can modify, extend, and maintain your apps however you want. Hire developers to continue working on it if needed. It's completely yours." }, { - 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: "4", title: "What's the pricing model?", content: "Native Line is a desktop macOS application with flexible licensing. We're in early access with fair pricing for indie creators. You own the apps you generate regardless of subscription status." }, { - 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: "5", title: "Is Native Line Cloud available?", content: "Coming soon. Optional backend infrastructure services (auth, database, APIs) for your generated apps. Completely optional—use any backend you prefer or build your own." }, { - 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: "6", title: "Can I build for multiple platforms?", content: "Yes. Native Line generates for iOS, iPad, and macOS. Each app is true native code for its platform. Build separate apps for each or unified apps working across all three." }, { - 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: "7", title: "How long does generation take?", content: "Simple apps generate in minutes. Complex apps with multiple features take longer (typically 15-45 minutes). Watch real-time previews and iterate until perfect." }, { - 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: "8", title: "Can I use it for client projects?", content: "Yes. Perfect for agencies and studios. Generate apps for clients, deliver source code, or maintain yourself. Licensing supports commercial use. Whitelabel options available." }, { - 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: "9", title: "Can I monetize my apps?", content: "Your apps are fully yours to monetize. Submit to the App Store, set pricing, use in-app purchases, or offer free. We don't take any revenue share." }, { - 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." + id: "10", title: "What if I need developer support later?", content: "You own the source code, so modify it yourself or hire developers. The code is standard Swift using familiar iOS patterns. We provide documentation and community support." } ]} /> @@ -275,25 +266,25 @@ export default function LandingPage() {
@@ -304,7 +295,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: "#" } @@ -322,8 +313,8 @@ export default function LandingPage() { title: "Company", items: [ { label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }, - { label: "Privacy Policy", href: "#" }, - { label: "Terms of Service", href: "#" } + { label: "Privacy", href: "#" }, + { label: "Terms", href: "#" } ] } ]} -- 2.49.1 From 782a1094788a054afe7f41378b9a469a1eba75ea Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 18:41:49 +0000 Subject: [PATCH 3/4] Update src/app/styles/base.css --- src/app/styles/base.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/styles/base.css b/src/app/styles/base.css index a25430f..34aea07 100644 --- a/src/app/styles/base.css +++ b/src/app/styles/base.css @@ -11,7 +11,7 @@ html { body { background-color: var(--background); color: var(--foreground); - font-family: var(--font-inter-tight), sans-serif; + font-family: var(--font-inter), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-inter-tight), sans-serif; + font-family: var(--font-inter), sans-serif; } -- 2.49.1 From bff7bdf9d1fa01d80883942627af2c65aa48b8f3 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 18:41:51 +0000 Subject: [PATCH 4/4] Update src/app/styles/variables.css --- src/app/styles/variables.css | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index a6505af..f211b46 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -3,21 +3,21 @@ /* --vw is set by ThemeProvider */ /* --background: #f5f3f0;;; - --card: #fffbf8;;; - --foreground: #2a2520;;; - --primary-cta: #c97d5c;;; - --secondary-cta: #f5f3f0;;; - --accent: #e8ddd3;;; + --card: #fdfcfb;;; + --foreground: #2a2520e6;;; + --primary-cta: #c69c7b;;; + --secondary-cta: #fdfcfb;;; + --accent: #e8dfd5;;; --background-accent: #d4c4b0;;; */ --background: #f5f3f0;;; - --card: #fffbf8;;; - --foreground: #2a2520;;; - --primary-cta: #c97d5c;;; + --card: #fdfcfb;;; + --foreground: #2a2520e6;;; + --primary-cta: #c69c7b;;; --primary-cta-text: #ffffff;;; - --secondary-cta: #f5f3f0;;; - --secondary-cta-text: #2a2520;;; - --accent: #e8ddd3;;; + --secondary-cta: #fdfcfb;;; + --secondary-cta-text: #120a00e6;;; + --accent: #e8dfd5;;; --background-accent: #d4c4b0;;; /* text sizing - set by ThemeProvider */ -- 2.49.1