|
|
|
|
@@ -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,9 +11,11 @@ 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);
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
|
@@ -37,7 +40,7 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
button={{
|
|
|
|
|
text: "Download for macOS", href: "https://example.com/download"
|
|
|
|
|
text: "Download", href: "https://example.com/download"
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -45,7 +48,7 @@ export default function LandingPage() {
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitDoubleCarousel
|
|
|
|
|
title="Build Native Apps Just Talk"
|
|
|
|
|
description="Native Line turns your ideas into production-ready iOS, iPad, and Mac apps instantly. No code, no compromise—pure native Swift, beautifully designed, fully yours."
|
|
|
|
|
description="Turn your ideas into production-ready iOS, iPad, and Mac apps instantly. Pure native Swift, beautifully designed, completely yours."
|
|
|
|
|
tag="macOS App"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -80,7 +83,7 @@ export default function LandingPage() {
|
|
|
|
|
]}
|
|
|
|
|
carouselPosition="right"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Download for macOS", href: "https://example.com/download" },
|
|
|
|
|
{ text: "Download", href: "https://example.com/download" },
|
|
|
|
|
{ text: "Watch Demo", href: "https://example.com/demo" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
@@ -89,7 +92,7 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardNineteen
|
|
|
|
|
title="Why Developers Choose Native Line"
|
|
|
|
|
title="Why Choose Native Line"
|
|
|
|
|
description="Experience the future of app development—where conversational AI meets native power."
|
|
|
|
|
tag="Key Benefits"
|
|
|
|
|
tagIcon={Zap}
|
|
|
|
|
@@ -99,19 +102,19 @@ export default function LandingPage() {
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
|
tag: "Speed", title: "From Idea to App in Minutes", subtitle: "Ship faster than ever before", description: "Describe your app idea conversationally. Native Line generates production-ready Swift code instantly. No weeks of development—just minutes from concept to deployment.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-screenshot-showing-the-first-step-of-n-1772522998713-3d093734.png?_wi=2", imageAlt: "Fast app generation"
|
|
|
|
|
tag: "Speed", title: "From Idea to App in Minutes", subtitle: "Ship faster than ever", description: "Describe your app idea and get production-ready Swift code instantly. Minutes from concept to deployment.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-screenshot-showing-the-first-step-of-n-1772522998713-3d093734.png?_wi=2", imageAlt: "Fast app generation"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 2,
|
|
|
|
|
tag: "Quality", title: "Pure Native. Zero Compromise.", subtitle: "Production-ready from day one", description: "Every app is genuine native iOS, iPad, and Mac code. No web wrappers, no JavaScript, no performance penalties. Your users get the premium experience Apple envisioned.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-finished-ios-app-screenshot-showing-a--1772522998285-77be74a6.png?_wi=2", imageAlt: "Native iOS quality"
|
|
|
|
|
tag: "Quality", title: "Pure Native Swift Code", subtitle: "Production-ready quality", description: "Genuine native iOS, iPad, and Mac code. No wrappers, no JavaScript. Premium experience from day one.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-finished-ios-app-screenshot-showing-a--1772522998285-77be74a6.png?_wi=2", imageAlt: "Native iOS quality"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 3,
|
|
|
|
|
tag: "Control", title: "Full Source Code Ownership", subtitle: "Your code, your rules, forever", description: "You get the complete Swift source. No vendor lock-in, no subscription dependency. Modify, extend, and maintain your apps with complete freedom and control.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-mac-app-screenshot-displaying-a-native-1772523000039-25334e88.png?_wi=2", imageAlt: "Source code control"
|
|
|
|
|
tag: "Control", title: "Full Source Code Ownership", subtitle: "Your code, your rules", description: "Get complete Swift source code. No vendor lock-in, no subscription dependency. Modify and maintain freely.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-mac-app-screenshot-displaying-a-native-1772523000039-25334e88.png?_wi=2", imageAlt: "Source code control"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 4,
|
|
|
|
|
tag: "Accessibility", title: "No Swift Required", subtitle: "Built for non-technical creators", description: "You don't need to know Swift, Xcode, or iOS development. Just talk to Native Line like you'd talk to a developer. Conversational AI handles the complexity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-sleek-macos-application-window-showing-1772522998510-05a82eb5.png?_wi=2", imageAlt: "Conversational interface"
|
|
|
|
|
tag: "Accessible", title: "Conversational Interface", subtitle: "No coding experience needed", description: "Just describe what you want. No Swift, no Xcode knowledge required. Conversational AI handles the complexity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-sleek-macos-application-window-showing-1772522998510-05a82eb5.png?_wi=2", imageAlt: "Conversational interface"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -123,8 +126,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 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"
|
|
|
|
|
@@ -135,8 +138,8 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="process" data-section="process">
|
|
|
|
|
<FeatureCardNineteen
|
|
|
|
|
title="How Native Line Works"
|
|
|
|
|
description="Three simple steps from conversation to production-ready app."
|
|
|
|
|
title="How It Works"
|
|
|
|
|
description="Three simple steps from idea to production."
|
|
|
|
|
tag="Process"
|
|
|
|
|
tagIcon={Users}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -145,15 +148,15 @@ export default function LandingPage() {
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
|
tag: "Step 1", title: "Describe Your Idea", subtitle: "Tell Native Line what you want to build", description: "Open the Native Line macOS app and describe your app idea conversationally. Share features, design preferences, and user flows. You can chat back and forth to refine your vision.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-screenshot-showing-the-first-step-of-n-1772522998713-3d093734.png?_wi=3", imageAlt: "Conversational input step"
|
|
|
|
|
tag: "Step 1", title: "Describe Your Idea", subtitle: "Tell Native Line what to build", description: "Open the app and describe your idea conversationally. Share features, design preferences, and user flows. Refine your vision through chat.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-screenshot-showing-the-first-step-of-n-1772522998713-3d093734.png?_wi=3", imageAlt: "Conversational input step"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 2,
|
|
|
|
|
tag: "Step 2", title: "AI Generates Your App", subtitle: "Native Line creates production-ready Swift code", description: "Our AI understands your requirements and generates complete, optimized Swift code for iOS, iPad, and Mac. See real-time previews as your app takes shape. Iterate and refine until it's perfect.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-screenshot-showing-native-line-process-1772522998677-8404a04b.png?_wi=2", imageAlt: "AI processing and generation"
|
|
|
|
|
tag: "Step 2", title: "AI Generates Your App", subtitle: "See it come to life", description: "Our AI generates complete Swift code with real-time previews. Iterate and refine until it's perfect. See exactly what you're building.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-screenshot-showing-native-line-process-1772522998677-8404a04b.png?_wi=2", imageAlt: "AI processing and generation"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 3,
|
|
|
|
|
tag: "Step 3", title: "Deploy to the App Store", subtitle: "Ship your native app in minutes", description: "Export your complete, signed app code ready for App Store submission. Native Line handles all the native complexity—you just deploy. Your app is fully yours to maintain and monetize.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-screenshot-showing-the-final-output-a--1772522999316-ac7823d9.png?_wi=2", imageAlt: "Ready-to-deploy app"
|
|
|
|
|
tag: "Step 3", title: "Deploy to App Store", subtitle: "Ship in minutes", description: "Export complete, signed app code ready for submission. Native Line handles all the complexity. Your app is ready to monetize.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-screenshot-showing-the-final-output-a--1772522999316-ac7823d9.png?_wi=2", imageAlt: "Ready-to-deploy app"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -161,8 +164,8 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
|
|
|
<SocialProofOne
|
|
|
|
|
title="Trusted by the Indie Dev Community"
|
|
|
|
|
description="Native Line is used by thousands of indie developers, entrepreneurs, and agencies building production apps."
|
|
|
|
|
title="Trusted by Indie Creators"
|
|
|
|
|
description="Used by thousands of developers and agencies building production apps."
|
|
|
|
|
tag="Partners"
|
|
|
|
|
tagIcon={Users}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -177,7 +180,7 @@ export default function LandingPage() {
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardFive
|
|
|
|
|
title="What Developers Say"
|
|
|
|
|
description="Hear from indie creators who've shipped apps with Native Line."
|
|
|
|
|
description="Hear from creators shipping with Native Line."
|
|
|
|
|
tag="Testimonials"
|
|
|
|
|
tagIcon={Star}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -185,22 +188,22 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Sarah Chen, Indie Developer", date: "Date: 15 January 2025", title: "Shipped my first app in 48 hours", quote: "I've been wanting to build an app for years but was intimidated by Swift. Native Line made it effortless. I described my idea and had a production-ready app within two days. The quality is indistinguishable from apps I'd hire developers to build.", tag: "Early Access", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-confi-1772522998773-448b63b6.png", avatarAlt: "Sarah Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-confi-1772522998773-448b63b6.png?_wi=1", imageAlt: "Sarah Chen testimonial"
|
|
|
|
|
id: "1", name: "Sarah Chen, Indie Developer", date: "15 January 2025", title: "Shipped my first app in 48 hours", quote: "I wanted to build an app but was intimidated by Swift. Native Line made it effortless. I described my idea and had a production-ready app within two days.", tag: "Early Access", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-confi-1772522998773-448b63b6.png", avatarAlt: "Sarah Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-confi-1772522998773-448b63b6.png?_wi=1", imageAlt: "Sarah Chen testimonial"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Marcus Johnson, Founder of StartupLabs", date: "Date: 12 January 2025", title: "Complete game-changer for our prototyping", quote: "As a design agency, Native Line lets us deliver functional native app prototypes to clients immediately. No more explaining timelines or hiring external dev teams. We control the entire process and maintain full code ownership. This is our new competitive advantage.", tag: "Agency", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-diffe-1772522999720-62e43383.png", avatarAlt: "Marcus Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-diffe-1772522999720-62e43383.png?_wi=1", imageAlt: "Marcus Johnson testimonial"
|
|
|
|
|
id: "2", name: "Marcus Johnson, Founder", date: "12 January 2025", title: "Game-changer for prototyping", quote: "As a design agency, Native Line lets us deliver functional native prototypes to clients immediately. No more timelines or external dev teams. We control the process and maintain full code ownership.", tag: "Agency", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-diffe-1772522999720-62e43383.png", avatarAlt: "Marcus Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-diffe-1772522999720-62e43383.png?_wi=1", imageAlt: "Marcus Johnson testimonial"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Elena Rodriguez, Product Designer", date: "Date: 8 January 2025", title: "Finally, I can build without developers", quote: "I've always had to collaborate with engineers to bring my ideas to life. Native Line changes everything. I can prototype real native apps now. The conversational interface feels so natural—I'm not fighting a tool, I'm just describing my vision.", tag: "Design", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-of-a-designer-or-1772522998331-d9e779d1.png", avatarAlt: "Elena Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-of-a-designer-or-1772522998331-d9e779d1.png", imageAlt: "Elena Rodriguez testimonial"
|
|
|
|
|
id: "3", name: "Elena Rodriguez, Designer", date: "8 January 2025", title: "I can build without developers", quote: "I always needed engineers to bring ideas to life. Native Line changes everything. I can prototype real native apps now. The conversational interface feels natural.", tag: "Design", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-of-a-designer-or-1772522998331-d9e779d1.png", avatarAlt: "Elena Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-of-a-designer-or-1772522998331-d9e779d1.png", imageAlt: "Elena Rodriguez testimonial"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "David Park, Solopreneur", date: "Date: 5 January 2025", title: "No more excuses—I'm shipping apps", quote: "I've had five ideas sitting in my notes for months because I didn't want to hire a developer or learn Swift. With Native Line, there's no excuse anymore. The time to market is so fast that I can validate ideas instead of overthinking them. I've shipped three apps in three weeks.", tag: "Solopreneur", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-of-another-start-1772522998549-425ed9d6.png", avatarAlt: "David Park", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-of-another-start-1772522998549-425ed9d6.png", imageAlt: "David Park testimonial"
|
|
|
|
|
id: "4", name: "David Park, Solopreneur", date: "5 January 2025", title: "No more excuses—shipping apps", quote: "I had ideas sitting in my notes for months. With Native Line, there's no excuse anymore. I can validate ideas fast instead of overthinking them. I've shipped three apps in three weeks.", tag: "Solopreneur", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-of-another-start-1772522998549-425ed9d6.png", avatarAlt: "David Park", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-of-another-start-1772522998549-425ed9d6.png", imageAlt: "David Park testimonial"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5", name: "Lisa Wong, Mobile App Consultant", date: "Date: 2 January 2025", title: "The future of app development is here", quote: "I consult with startups on their app strategies. Native Line is instantly becoming the tool I recommend first. It's not replacing developers—it's enabling creators. The native quality is exceptional and the code is production-ready from day one.", tag: "Consultant", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-confi-1772522998773-448b63b6.png", avatarAlt: "Lisa Wong", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-confi-1772522998773-448b63b6.png?_wi=2", imageAlt: "Lisa Wong testimonial"
|
|
|
|
|
id: "5", name: "Lisa Wong, Consultant", date: "2 January 2025", title: "The future of app development", quote: "I consult with startups on app strategy. Native Line is instantly becoming my first recommendation. It's not replacing developers—it's enabling creators. The native quality is exceptional.", tag: "Consultant", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-confi-1772522998773-448b63b6.png", avatarAlt: "Lisa Wong", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-confi-1772522998773-448b63b6.png?_wi=2", imageAlt: "Lisa Wong testimonial"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6", name: "James Mitchell, Tech Entrepreneur", date: "Date: 30 December 2024", title: "Reduced my time to market by 80%", quote: "Building my SaaS app used to take months. With Native Line, I have a native companion app shipped in weeks. The speed advantage let us get customer feedback months earlier than competitors. That feedback shaped the product in ways we wouldn't have discovered otherwise.", tag: "Founder", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-diffe-1772522999720-62e43383.png", avatarAlt: "James Mitchell", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-diffe-1772522999720-62e43383.png?_wi=2", imageAlt: "James Mitchell testimonial"
|
|
|
|
|
id: "6", name: "James Mitchell, Founder", date: "30 December 2024", title: "80% faster time to market", quote: "Building my SaaS app used to take months. With Native Line, I have a native companion app shipped in weeks. The speed advantage let us get feedback months earlier than competitors.", tag: "Founder", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-diffe-1772522999720-62e43383.png", avatarAlt: "James Mitchell", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQRMtx5ZUGLrwvjDcVIYHeaKiH/a-professional-headshot-photo-of-a-diffe-1772522999720-62e43383.png?_wi=2", imageAlt: "James Mitchell testimonial"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -209,7 +212,7 @@ export default function LandingPage() {
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqDouble
|
|
|
|
|
title="Common Questions"
|
|
|
|
|
description="Everything you need to know about Native Line."
|
|
|
|
|
description="Everything you need to know."
|
|
|
|
|
tag="FAQ"
|
|
|
|
|
tagIcon={HelpCircle}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -218,34 +221,34 @@ export default function LandingPage() {
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "What exactly does Native Line generate?", content: "Native Line generates complete, production-ready Swift source code for iOS, iPad, and macOS. The code is genuine native—not web wrappers or hybrid apps. You get full control over the code and can modify, extend, or maintain it yourself. The generated apps are 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. 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 or iOS development?", content: "No. Native Line is designed for non-technical users and creators. You describe your app idea conversationally, and Native Line handles all the technical complexity. You never need to write or understand Swift code if you don't want to. However, 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: "Can I own and modify the generated code?", content: "Yes, absolutely. You own 100% of the generated code. There's no vendor lock-in. You can modify, extend, and maintain your apps however you want. You can even 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: "Is Native Line a subscription or one-time purchase?", content: "Native Line is a desktop macOS application with flexible licensing. While we're currently in early access, our pricing model is designed to be fair to indie creators. You'll own the apps you generate regardless of your 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: "What about Native Line Cloud backend services?", content: "Native Line Cloud is coming soon. It will provide optional backend infrastructure services (authentication, database, APIs) that you can use with your generated apps. It's completely optional—you can 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 generate apps for different platforms?", content: "Yes. Native Line generates apps for iOS, iPad, and macOS. Each app is true native code for its platform, so you get the best experience on each device. You can generate separate apps for each platform 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 long does it take to generate an app?", content: "Simple apps can be generated in minutes. More complex apps with multiple features and integrations might take longer (typically 15-45 minutes). You can watch real-time previews as your app is generated 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 Native Line for client projects or agencies?", content: "Yes. Native Line is perfect for agencies and studios. You can generate apps for clients, deliver source code to them, or maintain the apps yourself. Our licensing supports professional and commercial use. Whitelabel options are also available for agencies interested in offering Native Line services."
|
|
|
|
|
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: "What about monetization and app store submission?", content: "Your generated apps are fully yours to monetize however you want. You can submit them to the Apple App Store, set pricing, use in-app purchases, or offer them for free. Native Line provides guidance on App Store requirements but doesn't take any revenue share."
|
|
|
|
|
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 happens if I need developer support later?", content: "You own the source code, so you can modify it yourself, hire developers to help, or share it with a team. The code is standard Swift using familiar iOS development patterns, so any Swift developer can work with it. We also 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."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -253,26 +256,26 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactFaq
|
|
|
|
|
ctaTitle="Ready to Build Your App?"
|
|
|
|
|
ctaDescription="Download Native Line for macOS today and ship your first app in hours, not months."
|
|
|
|
|
ctaTitle="Ready to Build?"
|
|
|
|
|
ctaDescription="Download Native Line for macOS today and ship your first app in hours."
|
|
|
|
|
ctaButton={{
|
|
|
|
|
text: "Download for macOS", href: "https://example.com/download"
|
|
|
|
|
text: "Download", href: "https://example.com/download"
|
|
|
|
|
}}
|
|
|
|
|
ctaIcon={Download}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Is Native Line available for Windows or Linux?", content: "Native Line is currently available for macOS. Our focus is on providing the best native experience on Apple's ecosystem. We're exploring other platforms for future releases."
|
|
|
|
|
id: "1", title: "Available on Windows or Linux?", content: "Native Line is currently macOS only. We're focused on providing the best native experience on Apple's ecosystem. Other platforms coming soon."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Can I get early access or join the beta?", content: "Yes! We have an active early access program. Download Native Line today to get started immediately. Beta testers get special pricing and direct access to our team for feedback."
|
|
|
|
|
id: "2", title: "Early access or beta?", content: "Yes. Download Native Line today for immediate access. Beta testers get special pricing and direct team access for feedback."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Is there a free trial available?", content: "Yes. Download Native Line and try it free for 7 days. Generate a complete app and see for yourself how powerful Native Line is. No credit card required to start."
|
|
|
|
|
id: "3", title: "Free trial available?", content: "Yes. Try free for 7 days. Generate a complete app and see the power firsthand. No credit card required."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "How do I get help if I run into issues?", content: "We have a dedicated community Discord, email support, and comprehensive documentation. For enterprise customers, we offer direct support and consultation services."
|
|
|
|
|
id: "4", title: "Need help?", content: "We have community Discord, email support, and comprehensive docs. Enterprise customers get direct support and consultation."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -283,7 +286,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: "#" }
|
|
|
|
|
@@ -301,8 +304,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: "#" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
|
