Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5c1631fdad |
148
src/app/page.tsx
148
src/app/page.tsx
@@ -31,21 +31,11 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Studio",
|
name: "Studio", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Pricing",
|
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Kuru AI"
|
brandName="Kuru AI"
|
||||||
/>
|
/>
|
||||||
@@ -54,41 +44,26 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardCarousel
|
<HeroBillboardCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Build Apps at the Speed of Thought"
|
title="Build Apps at the Speed of Thought"
|
||||||
description="Kuru AI is the ultimate mobile-first development environment. Generate, edit, and deploy production-ready applications directly from your phone."
|
description="Kuru AI is the ultimate mobile-first development environment. Generate, edit, and deploy production-ready applications directly from your phone."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Launch Studio",
|
text: "Launch Studio", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg", imageAlt: "mobile app design studio ui"},
|
||||||
imageAlt: "mobile app design studio ui",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-paper_23-2149930977.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-paper_23-2149930977.jpg", imageAlt: "mobile app design studio ui"},
|
||||||
imageAlt: "mobile app design studio ui",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645669.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645669.jpg", imageAlt: "mobile app design studio ui"},
|
||||||
imageAlt: "mobile app design studio ui",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038910.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038910.jpg", imageAlt: "mobile app design studio ui"},
|
||||||
imageAlt: "mobile app design studio ui",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645646.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645646.jpg", imageAlt: "mobile app design studio ui"},
|
||||||
imageAlt: "mobile app design studio ui",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104479.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104479.jpg", imageAlt: "mobile app design studio ui"},
|
||||||
imageAlt: "mobile app design studio ui",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -101,17 +76,11 @@ export default function LandingPage() {
|
|||||||
description="Why be tethered to a desk? Kuru AI brings the full power of modern development to your pocket with a native-feeling experience designed for creators, hackers, and visionaries."
|
description="Why be tethered to a desk? Kuru AI brings the full power of modern development to your pocket with a native-feeling experience designed for creators, hackers, and visionaries."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Zero Setup",
|
title: "Zero Setup", description: "Start coding instantly in a sandboxed, production-ready environment."},
|
||||||
description: "Start coding instantly in a sandboxed, production-ready environment.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Live Preview",
|
title: "Live Preview", description: "Watch your app come to life in real-time as you type your prompt."},
|
||||||
description: "Watch your app come to life in real-time as you type your prompt.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Direct Deploy",
|
title: "Direct Deploy", description: "Push to a live URL or install as a PWA instantly."},
|
||||||
description: "Push to a live URL or install as a PWA instantly.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code-green_146671-18905.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code-green_146671-18905.jpg"
|
||||||
imageAlt="mobile app design studio ui"
|
imageAlt="mobile app design studio ui"
|
||||||
@@ -127,23 +96,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "AI Generation",
|
title: "AI Generation", description: "Prompt-based app and website generation.", imageSrc: "http://img.b2bpic.net/free-photo/ai-cloud-concept-with-robot-hand_23-2149739751.jpg", imageAlt: "code generation abstract icon"},
|
||||||
description: "Prompt-based app and website generation.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-cloud-concept-with-robot-hand_23-2149739751.jpg",
|
|
||||||
imageAlt: "code generation abstract icon",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Instant Build",
|
title: "Instant Build", description: "Blazing fast compilation and hot reloading.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendewring-cryptocurency-distribution-concept_23-2149901294.jpg", imageAlt: "fast app deployment concept"},
|
||||||
description: "Blazing fast compilation and hot reloading.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendewring-cryptocurency-distribution-concept_23-2149901294.jpg",
|
|
||||||
imageAlt: "fast app deployment concept",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Global Hosting",
|
title: "Global Hosting", description: "One-click deployment to our global CDN.", imageSrc: "http://img.b2bpic.net/free-photo/global-logistics-international-shipping-network_23-2152021790.jpg", imageAlt: "digital networking global map"},
|
||||||
description: "One-click deployment to our global CDN.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/global-logistics-international-shipping-network_23-2152021790.jpg",
|
|
||||||
imageAlt: "digital networking global map",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Built for Maximum Velocity"
|
title="Built for Maximum Velocity"
|
||||||
description="Experience a developer experience like no other."
|
description="Experience a developer experience like no other."
|
||||||
@@ -155,14 +112,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Google",
|
"Google", "Vercel", "Replit", "AWS", "GitHub", "Stripe", "Supabase"]}
|
||||||
"Vercel",
|
|
||||||
"Replit",
|
|
||||||
"AWS",
|
|
||||||
"GitHub",
|
|
||||||
"Stripe",
|
|
||||||
"Supabase",
|
|
||||||
]}
|
|
||||||
title="Used by Innovators Everywhere"
|
title="Used by Innovators Everywhere"
|
||||||
description="Built on the same foundational technologies powering the modern web."
|
description="Built on the same foundational technologies powering the modern web."
|
||||||
/>
|
/>
|
||||||
@@ -176,25 +126,15 @@ export default function LandingPage() {
|
|||||||
author="Alex Rivera, Founder"
|
author="Alex Rivera, Founder"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
|
src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg", alt: "young developer holding phone"},
|
||||||
alt: "young developer holding phone",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-standing-table-talking-phone-holding-notebook_176420-6481.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-standing-table-talking-phone-holding-notebook_176420-6481.jpg", alt: "professional app designer"},
|
||||||
alt: "professional app designer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12850.jpg",
|
src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12850.jpg", alt: "young entrepreneur portrait"},
|
||||||
alt: "young entrepreneur portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/attractive-woman-holding-digital-tablet_329181-12076.jpg",
|
src: "http://img.b2bpic.net/free-photo/attractive-woman-holding-digital-tablet_329181-12076.jpg", alt: "product manager office"},
|
||||||
alt: "product manager office",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg",
|
src: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg", alt: "No minute without my laptop. Handsome young man working on laptop while enjoying coffee in cafe."},
|
||||||
alt: "No minute without my laptop. Handsome young man working on laptop while enjoying coffee in cafe.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="blur-reveal"
|
ratingAnimation="blur-reveal"
|
||||||
avatarsAnimation="blur-reveal"
|
avatarsAnimation="blur-reveal"
|
||||||
@@ -207,20 +147,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Is it really free?", content: "Yes, Kuru AI is designed for creators with no hidden subscription fees."},
|
||||||
title: "Is it really free?",
|
|
||||||
content: "Yes, Kuru AI is designed for creators with no hidden subscription fees.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Can I export to APK?", content: "Yes, we support direct PWA and APK generation for your Android projects."},
|
||||||
title: "Can I export to APK?",
|
|
||||||
content: "Yes, we support direct PWA and APK generation for your Android projects.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Does it work on iOS?", content: "Yes, PWA installation allows you to use it natively on your home screen."},
|
||||||
title: "Does it work on iOS?",
|
|
||||||
content: "Yes, PWA installation allows you to use it natively on your home screen.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Got questions? We've got answers."
|
description="Got questions? We've got answers."
|
||||||
@@ -232,8 +163,7 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Stay Updated with Kuru AI"
|
title="Stay Updated with Kuru AI"
|
||||||
description="Join the waitlist for the Pro Mobile SDK and early access to features."
|
description="Join the waitlist for the Pro Mobile SDK and early access to features."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30674.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30674.jpg"
|
||||||
@@ -248,29 +178,19 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Product",
|
title: "Product", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Studio",
|
label: "Studio", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Community",
|
label: "Community", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Resources",
|
title: "Resources", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Docs",
|
label: "Docs", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Support",
|
label: "Support", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -280,4 +200,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user