|
|
|
|
@@ -1,7 +1,6 @@
|
|
|
|
|
"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';
|
|
|
|
|
@@ -12,63 +11,62 @@ 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 themeProps = isDarkMode ? {
|
|
|
|
|
defaultButtonVariant: "hover-magnetic" as const,
|
|
|
|
|
defaultTextAnimation: "reveal-blur" as const,
|
|
|
|
|
borderRadius: "soft" as const,
|
|
|
|
|
contentWidth: "small" as const,
|
|
|
|
|
sizing: "mediumLargeSizeLargeTitles" as const,
|
|
|
|
|
background: "noise" as const,
|
|
|
|
|
cardStyle: "soft-shadow" as const,
|
|
|
|
|
primaryButtonStyle: "gradient" as const,
|
|
|
|
|
secondaryButtonStyle: "layered" as const,
|
|
|
|
|
headingFontWeight: "semibold" as const
|
|
|
|
|
} : {
|
|
|
|
|
defaultButtonVariant: "hover-magnetic" as const,
|
|
|
|
|
defaultTextAnimation: "reveal-blur" as const,
|
|
|
|
|
borderRadius: "soft" as const,
|
|
|
|
|
contentWidth: "small" as const,
|
|
|
|
|
sizing: "mediumLargeSizeLargeTitles" as const,
|
|
|
|
|
background: "noise" as const,
|
|
|
|
|
cardStyle: "soft-shadow" as const,
|
|
|
|
|
primaryButtonStyle: "gradient" as const,
|
|
|
|
|
secondaryButtonStyle: "layered" as const,
|
|
|
|
|
headingFontWeight: "semibold" as const
|
|
|
|
|
};
|
|
|
|
|
const toggleDarkMode = useCallback(() => {
|
|
|
|
|
setIsDarkMode((prevMode) => {
|
|
|
|
|
const newMode = !prevMode;
|
|
|
|
|
localStorage.setItem('native-line-dark-mode', JSON.stringify(newMode));
|
|
|
|
|
return newMode;
|
|
|
|
|
});
|
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider {...themeProps}>
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
contentWidth="small"
|
|
|
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
|
|
|
background="noise"
|
|
|
|
|
cardStyle="soft-shadow"
|
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
|
secondaryButtonStyle="layered"
|
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleCentered
|
|
|
|
|
brandName="Native Line"
|
|
|
|
|
links={[
|
|
|
|
|
{ label: "Features", href: "features" },
|
|
|
|
|
{ label: "How It Works", href: "process" },
|
|
|
|
|
{ label: "Testimonials", href: "testimonials" },
|
|
|
|
|
{ label: "FAQ", href: "faq" },
|
|
|
|
|
{ label: "Contact", href: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
button={{
|
|
|
|
|
text: "Download", href: "https://example.com/download"
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
<button
|
|
|
|
|
onClick={() => setIsDarkMode(!isDarkMode)}
|
|
|
|
|
className="fixed top-6 right-6 z-50 p-2 rounded-lg bg-accent/10 hover:bg-accent/20 transition-colors"
|
|
|
|
|
aria-label="Toggle dark mode"
|
|
|
|
|
>
|
|
|
|
|
{isDarkMode ? <Sun size={20} /> : <Moon size={20} />}
|
|
|
|
|
</button>
|
|
|
|
|
<div className="relative">
|
|
|
|
|
<NavbarStyleCentered
|
|
|
|
|
brandName="Native Line"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Features", id: "features" },
|
|
|
|
|
{ name: "How It Works", id: "process" },
|
|
|
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
|
|
|
{ name: "FAQ", id: "faq" },
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
button={{
|
|
|
|
|
text: "Download for macOS", href: "https://example.com/download"
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
<button
|
|
|
|
|
onClick={toggleDarkMode}
|
|
|
|
|
className="fixed top-6 right-6 z-50 p-2 rounded-full bg-secondary-cta text-foreground hover:opacity-80 transition-opacity"
|
|
|
|
|
aria-label="Toggle dark mode"
|
|
|
|
|
>
|
|
|
|
|
{isDarkMode ? <Sun size={20} /> : <Moon size={20} />}
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitDoubleCarousel
|
|
|
|
|
title="Build Native Apps in Minutes"
|
|
|
|
|
description="Turn ideas into production iOS, iPad, and Mac apps instantly. Pure native Swift, beautifully designed, fully yours."
|
|
|
|
|
title="Build Native Apps. Just Talk."
|
|
|
|
|
description="Turn ideas into production-ready iOS, iPad, and Mac apps. Native Swift code, zero friction."
|
|
|
|
|
tag="macOS App"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -103,7 +101,7 @@ export default function LandingPage() {
|
|
|
|
|
]}
|
|
|
|
|
carouselPosition="right"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Download", href: "https://example.com/download" },
|
|
|
|
|
{ text: "Download for macOS", href: "https://example.com/download" },
|
|
|
|
|
{ text: "Watch Demo", href: "https://example.com/demo" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
@@ -112,8 +110,8 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardNineteen
|
|
|
|
|
title="Why Choose Native Line"
|
|
|
|
|
description="The fastest way to ship native apps."
|
|
|
|
|
title="Why Developers Choose Native Line"
|
|
|
|
|
description="The power of native development, without the complexity."
|
|
|
|
|
tag="Key Benefits"
|
|
|
|
|
tagIcon={Zap}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -122,19 +120,19 @@ export default function LandingPage() {
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
|
tag: "Speed", title: "Minutes, Not Weeks", subtitle: "Ship faster", description: "Describe your app idea. Native Line generates production-ready Swift instantly. From concept to deployment in minutes.", 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: "Minutes, Not Months", subtitle: "Ship faster than ever before", description: "Describe your app idea. Native Line generates production-ready Swift code instantly. Deploy your first app today.", 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 Code", subtitle: "No compromises", description: "Genuine iOS, iPad, and Mac code. No wrappers, no JavaScript, no performance penalties. 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"
|
|
|
|
|
tag: "Quality", title: "100% Native Swift", subtitle: "Production-ready from day one", description: "Genuine iOS, iPad, and Mac code. No wrappers, no compromises. Your users get the premium Apple experience.", 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: "Complete Ownership", subtitle: "Your code, forever", description: "You own the full Swift source. No lock-in, no dependency. Modify, extend, and maintain with complete freedom.", 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: "You Own Everything", subtitle: "Your code, your rules, forever", description: "Get complete Swift source code. Modify, extend, maintain it however you want. No lock-in, no surprises.", 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: "Easy", title: "Conversational", subtitle: "Talk, don't code", description: "No Swift or Xcode knowledge needed. Just describe your vision like you'd tell a developer. 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: "Simple", title: "No Technical Skills Needed", subtitle: "Built for creators, not coders", description: "Just describe what you want to build. Native Line handles all the complexity. Anyone can build native apps now.", 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"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -146,8 +144,8 @@ export default function LandingPage() {
|
|
|
|
|
tagIcon={Lightbulb}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
title="Democratizing App Development"
|
|
|
|
|
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."
|
|
|
|
|
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"
|
|
|
|
|
@@ -158,8 +156,8 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="process" data-section="process">
|
|
|
|
|
<FeatureCardNineteen
|
|
|
|
|
title="Three Simple Steps"
|
|
|
|
|
description="From conversation to deployment."
|
|
|
|
|
title="Three Steps to Shipped"
|
|
|
|
|
description="From idea to App Store in minutes."
|
|
|
|
|
tag="Process"
|
|
|
|
|
tagIcon={Users}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -168,15 +166,15 @@ export default function LandingPage() {
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
|
tag: "Step 1", title: "Describe Your Idea", subtitle: "Tell us what you want", description: "Open Native Line and describe your app. Share features, design, and flows. Refine through conversation.", 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", subtitle: "Tell us what you want", description: "Open Native Line and describe your app idea conversationally. Share features, design preferences, user flows. Iterate until your vision is clear.", 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: "See it come to life", description: "Native Line creates complete, optimized Swift code. Watch real-time previews. Iterate until 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: "Generate", subtitle: "AI creates your code", description: "Native Line generates complete Swift code for iOS, iPad, and Mac. Watch real-time previews as your app takes shape. Refine until 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"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 3,
|
|
|
|
|
tag: "Step 3", title: "Deploy to App Store", subtitle: "Ship immediately", description: "Export your complete, signed app code ready for App Store. We handle the native complexity—you deploy.", 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", subtitle: "Ship to the App Store", description: "Export complete, signed code ready for App Store. Deploy immediately. 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"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -184,8 +182,8 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
|
|
|
<SocialProofOne
|
|
|
|
|
title="Trusted by Indie Developers"
|
|
|
|
|
description="Thousands of creators are already shipping with Native Line."
|
|
|
|
|
title="Trusted by the Indie Dev Community"
|
|
|
|
|
description="Thousands of indie developers, entrepreneurs, and agencies are already building production apps with Native Line."
|
|
|
|
|
tag="Partners"
|
|
|
|
|
tagIcon={Users}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -199,8 +197,8 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardFive
|
|
|
|
|
title="What Creators Say"
|
|
|
|
|
description="Real stories from developers shipping with Native Line."
|
|
|
|
|
title="What Developers Say"
|
|
|
|
|
description="Real results from creators shipping with Native Line."
|
|
|
|
|
tag="Testimonials"
|
|
|
|
|
tagIcon={Star}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -208,22 +206,22 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Sarah Chen, Indie Developer", date: "January 2025", title: "Shipped in 48 hours", quote: "I'd wanted to build an app for years but was intimidated by Swift. Native Line made it simple. Production-ready app in two days. Quality rivals apps I'd pay 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: "Date: 15 January 2025", title: "Shipped my first app in 48 hours", quote: "I always wanted to build an app but Swift intimidated me. Native Line made it effortless. I described my idea and had a production-ready app within two days. The quality rivals anything I'd hire developers for.", 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, StartupLabs", date: "January 2025", title: "Game-changer for prototyping", quote: "As a design agency, Native Line lets us deliver functional native prototypes to clients immediately. We control the entire process and keep full code ownership. This is our new competitive edge.", 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 of StartupLabs", date: "Date: 12 January 2025", title: "Game-changer for prototyping", quote: "As a design agency, Native Line lets us deliver functional native prototypes immediately. No more timelines or external dev teams. We control the process and maintain full code ownership. This is our 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: "3", name: "Elena Rodriguez, Designer", date: "January 2025", title: "I can build without developers", quote: "I've always needed engineers to bring my ideas to life. Native Line changes that. I can prototype real native apps now. It feels natural—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, Product Designer", date: "Date: 8 January 2025", title: "Finally, I can build without developers", quote: "I've always needed engineers to bring my ideas to life. Native Line changes everything. I can prototype real native apps now. The conversational interface feels natural—I'm describing my vision, not fighting a tool.", 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: "January 2025", title: "No more excuses", quote: "Five app ideas were sitting in my notes. With Native Line, there's no excuse. Time to market is so fast that I validate ideas instead of overthinking. 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: "Date: 5 January 2025", title: "No more excuses—I'm shipping", quote: "I had five ideas sitting in my notes because I didn't want to hire a developer or learn Swift. With Native Line, there's no excuse. Time to market is so fast 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: "5", name: "Lisa Wong, Consultant", date: "January 2025", title: "The future is here", quote: "I advise startups on app strategy. Native Line is instantly my first recommendation. It's not replacing developers—it enables 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: "5", name: "Lisa Wong, Mobile App Consultant", date: "Date: 2 January 2025", title: "The future of app development", quote: "I consult with startups on app strategies. Native Line is instantly my top recommendation. It's not replacing developers—it's enabling creators. The native quality is exceptional and 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: "6", name: "James Mitchell, Entrepreneur", date: "December 2024", title: "80% faster to market", quote: "Building my SaaS app took months. With Native Line, a native companion app shipped in weeks. The speed advantage got customer feedback months earlier. That 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, Tech Entrepreneur", date: "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 customer feedback months earlier than competitors. That feedback shaped our 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"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -232,7 +230,7 @@ export default function LandingPage() {
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqDouble
|
|
|
|
|
title="Common Questions"
|
|
|
|
|
description="What you need to know about Native Line."
|
|
|
|
|
description="Everything you need to know."
|
|
|
|
|
tag="FAQ"
|
|
|
|
|
tagIcon={HelpCircle}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -241,34 +239,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—not web wrappers. You get full code ownership and can modify or maintain it yourself. 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 creators. Describe your app conversationally and we handle the complexity. No need to write or understand Swift unless you want to. Developers can always review and modify the code."
|
|
|
|
|
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: "Do I own the code?", content: "Yes, 100%. No vendor lock-in. You own, modify, extend, and maintain your apps however you want. Hire developers to continue working on it if needed. It's truly yours."
|
|
|
|
|
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: "Is it subscription or one-time?", content: "Native Line is a macOS app with flexible licensing. We're currently in early access with fair indie pricing. You own the 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: "What about backends?", content: "Native Line Cloud is coming soon with optional backend services (auth, database, APIs). Completely optional—use any backend you prefer or build your own."
|
|
|
|
|
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: "What platforms are supported?", content: "Native Line generates apps for iOS, iPad, and macOS. Each is true native code optimized for its platform. Generate separate apps or unified apps that work 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 in minutes. Complex apps with multiple features typically 15-45 minutes. Watch real-time previews and iterate until perfect."
|
|
|
|
|
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 I use this for client work?", content: "Yes. Perfect for agencies. Generate apps for clients, deliver source code, or maintain them yourself. Our licensing supports professional use. 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?", content: "Your apps are fully yours to monetize. Submit to App Store, set pricing, use in-app purchases, or offer free. We provide App Store guidance but take no 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: "Can developers help later?", content: "Yes. You own the source code, so hire developers or share with a team. It's 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 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."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -276,26 +274,26 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactFaq
|
|
|
|
|
ctaTitle="Ready to Ship?"
|
|
|
|
|
ctaDescription="Download Native Line today and build your first app in hours."
|
|
|
|
|
ctaTitle="Ready to Build?"
|
|
|
|
|
ctaDescription="Download Native Line for macOS and ship your first app in hours."
|
|
|
|
|
ctaButton={{
|
|
|
|
|
text: "Download", href: "https://example.com/download"
|
|
|
|
|
text: "Download for macOS", href: "https://example.com/download"
|
|
|
|
|
}}
|
|
|
|
|
ctaIcon={Download}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "macOS only?", content: "Currently macOS only. Our focus is Apple's ecosystem. Exploring other platforms for future releases."
|
|
|
|
|
id: "1", title: "macOS only?", content: "Native Line is currently macOS only. Our focus is providing the best native experience on Apple's ecosystem. We're exploring other platforms for future releases."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Early access available?", content: "Yes. Download today for immediate access. Beta testers get special pricing and direct team access for feedback."
|
|
|
|
|
id: "2", title: "How do I get early access?", content: "Download Native Line today to get started immediately. Our early access program gives you special pricing and direct access to our team for feedback."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Free trial?", content: "Yes, 7 days free. Generate a complete app and see for yourself. No credit card required."
|
|
|
|
|
id: "3", title: "Is there a free trial?", content: "Yes. Download and try free for 7 days. Generate a complete app and see the power for yourself. No credit card required."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "Need help?", content: "We have a community Discord, email support, and comprehensive documentation. Enterprise customers get direct support and consultation."
|
|
|
|
|
id: "4", title: "How do I get support?", content: "We have a community Discord, email support, and comprehensive documentation. Enterprise customers get direct support and consultation services."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -306,7 +304,7 @@ 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: "Native Line Cloud", href: "#" }
|
|
|
|
|
@@ -322,10 +320,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: "#" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
|
