|
|
|
|
@@ -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,46 +11,64 @@ 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';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
const [isDarkMode, setIsDarkMode] = useState(false);
|
|
|
|
|
|
|
|
|
|
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
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
contentWidth="small"
|
|
|
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
|
|
|
background="noise"
|
|
|
|
|
cardStyle="soft-shadow"
|
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
|
secondaryButtonStyle="layered"
|
|
|
|
|
headingFontWeight="extrabold"
|
|
|
|
|
>
|
|
|
|
|
<ThemeProvider {...themeProps}>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<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" }
|
|
|
|
|
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>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitDoubleCarousel
|
|
|
|
|
title="Build Native Apps. Just Talk."
|
|
|
|
|
description="Turn your ideas into production-ready iOS, iPad, and Mac apps instantly. Pure native Swift, beautifully designed, entirely yours."
|
|
|
|
|
title="Build Native Apps in Minutes"
|
|
|
|
|
description="Turn ideas into production iOS, iPad, and Mac apps instantly. Pure native Swift, beautifully designed, fully yours."
|
|
|
|
|
tag="macOS App"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -84,7 +103,7 @@ export default function LandingPage() {
|
|
|
|
|
]}
|
|
|
|
|
carouselPosition="right"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Get Started", href: "https://example.com/download" },
|
|
|
|
|
{ text: "Download", href: "https://example.com/download" },
|
|
|
|
|
{ text: "Watch Demo", href: "https://example.com/demo" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
@@ -93,8 +112,8 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardNineteen
|
|
|
|
|
title="Why Developers Choose Native Line"
|
|
|
|
|
description="Experience the future of app development—where conversational AI meets native power."
|
|
|
|
|
title="Why Choose Native Line"
|
|
|
|
|
description="The fastest way to ship native apps."
|
|
|
|
|
tag="Key Benefits"
|
|
|
|
|
tagIcon={Zap}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -103,19 +122,19 @@ export default function LandingPage() {
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
|
tag: "Speed", title: "Idea to App in Minutes", subtitle: "Ship faster than ever", description: "Describe your app conversationally. Native Line generates production-ready Swift code instantly. Minutes, not weeks.", 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 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"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 2,
|
|
|
|
|
tag: "Quality", title: "Pure Native. Zero Compromise.", subtitle: "Production-ready from day one", description: "Genuine native iOS, iPad, and Mac code. No web wrappers. No JavaScript. No performance penalties. Premium 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"
|
|
|
|
|
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"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 3,
|
|
|
|
|
tag: "Control", title: "Full Source Code Ownership", subtitle: "Your code, your rules", description: "Get complete Swift source code. No vendor lock-in. Modify, extend, and maintain with full 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: "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"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 4,
|
|
|
|
|
tag: "Accessibility", title: "Conversational Interface", subtitle: "No technical knowledge required", description: "You don't need Swift, Xcode, or iOS experience. Just talk to Native Line. 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: "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"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -127,8 +146,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 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"
|
|
|
|
|
@@ -138,51 +157,41 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="process" data-section="process">
|
|
|
|
|
<TimelineHorizontalCardStack
|
|
|
|
|
title="How Native Line Works"
|
|
|
|
|
description="Three simple steps from conversation to production app."
|
|
|
|
|
<FeatureCardNineteen
|
|
|
|
|
title="Three Simple Steps"
|
|
|
|
|
description="From conversation to deployment."
|
|
|
|
|
tag="Process"
|
|
|
|
|
tagIcon={Users}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
mediaItems={[
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
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: "Step 1: Conversational input"
|
|
|
|
|
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"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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: "Step 2: AI processing"
|
|
|
|
|
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"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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: "Step 3: Ready-to-deploy app"
|
|
|
|
|
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"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
>
|
|
|
|
|
<div>
|
|
|
|
|
<h3 className="font-semibold text-lg">Describe Your Idea</h3>
|
|
|
|
|
<p className="text-sm mt-1">Tell Native Line what you want to build. Chat to refine your vision.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h3 className="font-semibold text-lg">AI Generates Your App</h3>
|
|
|
|
|
<p className="text-sm mt-1">Complete Swift code generated instantly. Real-time previews. Iterate and refine.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h3 className="font-semibold text-lg">Deploy to App Store</h3>
|
|
|
|
|
<p className="text-sm mt-1">Export signed app code ready for submission. Fully yours to maintain.</p>
|
|
|
|
|
</div>
|
|
|
|
|
</TimelineHorizontalCardStack>
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
|
|
|
<SocialProofOne
|
|
|
|
|
title="Trusted by the Developer Community"
|
|
|
|
|
description="Used by thousands of indie developers and studios building production apps."
|
|
|
|
|
title="Trusted by Indie Developers"
|
|
|
|
|
description="Thousands of creators are already shipping with Native Line."
|
|
|
|
|
tag="Partners"
|
|
|
|
|
tagIcon={Users}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
names={["AppFlow", "DesignLab", "Venture Studio", "Indie Makers", "App Hub", "CloudInfra", "Developers", "Design Pro"]}
|
|
|
|
|
names={["AppFlow", "DesignLab", "Venture Studio", "Indie Makers", "App Distribution Hub", "CloudInfra", "Developer Collective", "Design Agency Pro"]}
|
|
|
|
|
speed={40}
|
|
|
|
|
showCard={true}
|
|
|
|
|
/>
|
|
|
|
|
@@ -190,8 +199,8 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardFive
|
|
|
|
|
title="What Developers Say"
|
|
|
|
|
description="Hear from creators who've shipped with Native Line."
|
|
|
|
|
title="What Creators Say"
|
|
|
|
|
description="Real stories from developers shipping with Native Line."
|
|
|
|
|
tag="Testimonials"
|
|
|
|
|
tagIcon={Star}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -199,22 +208,22 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Sarah Chen, Developer", date: "January 15, 2025", title: "First app in 48 hours", quote: "I wanted to build an app but was intimidated by Swift. Native Line made it effortless. Production-ready in two days. 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: "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: "2", name: "Marcus Johnson, Agency Founder", date: "January 12, 2025", title: "Game-changer for prototyping", quote: "We now deliver native app prototypes to clients immediately. No more explaining timelines. We control the process and maintain 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: "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: "3", name: "Elena Rodriguez, Designer", date: "January 8, 2025", title: "Build without developers", quote: "I've always collaborated with engineers to bring ideas to life. Native Line changes everything. I prototype real native apps now. 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: "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: "4", name: "David Park, Solopreneur", date: "January 5, 2025", title: "Shipping apps quickly", quote: "Five ideas sat in my notes because I didn't want to hire developers. No more excuses. Fast validation. 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: "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: "5", name: "Lisa Wong, Consultant", date: "January 2, 2025", title: "Future of app development", quote: "I recommend Native Line to all startup founders. It's enabling creators. 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: "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: "6", name: "James Mitchell, Entrepreneur", date: "December 30, 2024", title: "80% faster to market", quote: "My SaaS app usually takes months. With Native Line, native companion app shipped in weeks. 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"
|
|
|
|
|
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"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -223,7 +232,7 @@ export default function LandingPage() {
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqDouble
|
|
|
|
|
title="Common Questions"
|
|
|
|
|
description="Everything you need to know."
|
|
|
|
|
description="What you need to know about Native Line."
|
|
|
|
|
tag="FAQ"
|
|
|
|
|
tagIcon={HelpCircle}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -232,34 +241,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—not web wrappers. You get full code ownership and can modify 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 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 we handle the complexity. No need to write or understand Swift unless you want to. Developers can always review and modify the 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%. 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: "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: "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: "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: "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: "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: "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: "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 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: "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. Generate apps for clients, deliver source code, or maintain them yourself. Our licensing supports professional 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. Submit to App Store, set pricing, use in-app purchases, or offer free. We provide App Store guidance but take no revenue share."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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: "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."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -267,26 +276,26 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactFaq
|
|
|
|
|
ctaTitle="Ready to Ship Your App?"
|
|
|
|
|
ctaDescription="Download Native Line for macOS and build your first app in hours."
|
|
|
|
|
ctaTitle="Ready to Ship?"
|
|
|
|
|
ctaDescription="Download Native Line today and build your first app in hours."
|
|
|
|
|
ctaButton={{
|
|
|
|
|
text: "Get Started", href: "https://example.com/download"
|
|
|
|
|
text: "Download", href: "https://example.com/download"
|
|
|
|
|
}}
|
|
|
|
|
ctaIcon={Download}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Available for Windows or Linux?", content: "Currently macOS only. We focus on the best native Apple experience. Exploring other platforms for future releases."
|
|
|
|
|
id: "1", title: "macOS only?", content: "Currently macOS only. Our focus is Apple's ecosystem. Exploring other platforms for future releases."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Early access available?", content: "Yes. Download today for immediate early access. Beta testers get special pricing and direct team access."
|
|
|
|
|
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: "3", title: "Free trial?", content: "Yes. 7-day free trial. Generate a complete app and see the power of Native Line. No credit card required."
|
|
|
|
|
id: "3", title: "Free trial?", content: "Yes, 7 days free. Generate a complete app and see for yourself. No credit card required."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "Need help?", content: "Community Discord, email support, and comprehensive documentation. Enterprise customers get direct support and consultation."
|
|
|
|
|
id: "4", title: "Need help?", content: "We have a community Discord, email support, and comprehensive documentation. Enterprise customers get direct support and consultation."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -300,12 +309,12 @@ export default function LandingPage() {
|
|
|
|
|
{ label: "Download", 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: "#" }
|
|
|
|
|
|
