Merge version_1 into main #2
183
src/app/page.tsx
183
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Chat",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Chat", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Kuru AI"
|
||||
/>
|
||||
@@ -50,63 +44,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Build Apps at the Speed of Thought"
|
||||
description="Kuru AI builds fully functional websites in seconds. Type your idea, edit in real-time, and deploy instantly."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/manager-walking-high-tech-data-center-facility-with-rows-server-racks_482257-129675.jpg",
|
||||
alt: "young developer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/manager-walking-high-tech-data-center-facility-with-rows-server-racks_482257-129675.jpg", alt: "young developer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-tablet_23-2148415933.jpg",
|
||||
alt: "female software architect",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-tablet_23-2148415933.jpg", alt: "female software architect"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/executive-assistant-multinational-company-work-big-business-project_482257-113916.jpg",
|
||||
alt: "tech entrepreneur portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/executive-assistant-multinational-company-work-big-business-project_482257-113916.jpg", alt: "tech entrepreneur portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-focused-creative-curly-woman-makes-drawings-digital-tablet-uses-stylus-pen-wears-casual-sweatshirt-poses-againt-blurred-port-background-daytime-has-inspiration-draws-sketch_273609-59164.jpg",
|
||||
alt: "UI designer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-focused-creative-curly-woman-makes-drawings-digital-tablet-uses-stylus-pen-wears-casual-sweatshirt-poses-againt-blurred-port-background-daytime-has-inspiration-draws-sketch_273609-59164.jpg", alt: "UI designer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/manager-woman-holding-laptop-typing-looking-satisfied-camera-standing-start-up-company-late-night-focused-employee-using-technology-network-wireless-doing-overtime-job-reading_482257-13425.jpg",
|
||||
alt: "Manager woman holding laptop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/manager-woman-holding-laptop-typing-looking-satisfied-camera-standing-start-up-company-late-night-focused-employee-using-technology-network-wireless-doing-overtime-job-reading_482257-13425.jpg", alt: "Manager woman holding laptop"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "See Demo",
|
||||
href: "#",
|
||||
},
|
||||
text: "See Demo", href: "#"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Powered",
|
||||
},
|
||||
type: "text", text: "AI-Powered"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Editing",
|
||||
},
|
||||
type: "text", text: "Real-time Editing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "One-Click Deploy",
|
||||
},
|
||||
type: "text", text: "One-Click Deploy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobile-Optimized",
|
||||
},
|
||||
type: "text", text: "Mobile-Optimized"},
|
||||
{
|
||||
type: "text",
|
||||
text: "PWA Ready",
|
||||
},
|
||||
type: "text", text: "PWA Ready"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,67 +87,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "AI Chat Builder",
|
||||
description: "Conversational interface to build apps.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg",
|
||||
imageAlt: "code editor mobile app UI",
|
||||
},
|
||||
title: "AI Chat Builder", description: "Conversational interface to build apps.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg", imageAlt: "code editor mobile app UI"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Instant generation",
|
||||
},
|
||||
text: "Instant generation"},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
text: "Smart feedback",
|
||||
},
|
||||
text: "Smart feedback"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-hands-holding-phone-with-dads-incoming-call-display_169016-43119.jpg?_wi=1",
|
||||
imageAlt: "code editor mobile app UI",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Deploy Instantly",
|
||||
description: "Push live to Vercel/Netlify in one click.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
|
||||
imageAlt: "mobile deployment cloud icon",
|
||||
},
|
||||
title: "Deploy Instantly", description: "Push live to Vercel/Netlify in one click.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg", imageAlt: "mobile deployment cloud icon"},
|
||||
items: [
|
||||
{
|
||||
icon: Rocket,
|
||||
text: "1-click deploy",
|
||||
},
|
||||
text: "1-click deploy"},
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Public URLs",
|
||||
},
|
||||
text: "Public URLs"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-design_23-2147858928.jpg",
|
||||
imageAlt: "code editor mobile app UI",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "PWA Ready",
|
||||
description: "Install as a native app on any device.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-mobile-phone-laptop-table_1232-4886.jpg",
|
||||
imageAlt: "PWA installable app mobile",
|
||||
},
|
||||
title: "PWA Ready", description: "Install as a native app on any device.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-mobile-phone-laptop-table_1232-4886.jpg", imageAlt: "PWA installable app mobile"},
|
||||
items: [
|
||||
{
|
||||
icon: Smartphone,
|
||||
text: "Installable",
|
||||
},
|
||||
text: "Installable"},
|
||||
{
|
||||
icon: Download,
|
||||
text: "Offline ready",
|
||||
},
|
||||
text: "Offline ready"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-walking-high-tech-data-center-facility-with-rows-server-racks_482257-129675.jpg",
|
||||
imageAlt: "code editor mobile app UI",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Everything You Need to Scale"
|
||||
@@ -194,25 +139,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "2s",
|
||||
title: "Build Time",
|
||||
description: "Average site generation",
|
||||
icon: Zap,
|
||||
id: "1", value: "2s", title: "Build Time", description: "Average site generation", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1M+",
|
||||
title: "Apps Built",
|
||||
description: "Total generated apps",
|
||||
icon: Globe,
|
||||
id: "2", value: "1M+", title: "Apps Built", description: "Total generated apps", icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "For all deployed sites",
|
||||
icon: Shield,
|
||||
id: "3", value: "99.9%", title: "Uptime", description: "For all deployed sites", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
@@ -228,25 +161,15 @@ export default function LandingPage() {
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/public-speaker-reading-from-clipboard-files-studio-background_482257-82734.jpg",
|
||||
alt: "young developer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/public-speaker-reading-from-clipboard-files-studio-background_482257-82734.jpg", alt: "young developer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-woman-with-tablet_23-2148415935.jpg",
|
||||
alt: "female software architect",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-woman-with-tablet_23-2148415935.jpg", alt: "female software architect"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-enjoys-city-skyscrapers-night_482257-91205.jpg",
|
||||
alt: "tech entrepreneur portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-enjoys-city-skyscrapers-night_482257-91205.jpg", alt: "tech entrepreneur portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-lady-holding-digital-tablet_197531-16750.jpg",
|
||||
alt: "UI designer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-lady-holding-digital-tablet_197531-16750.jpg", alt: "UI designer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg",
|
||||
alt: "software designer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg", alt: "software designer portrait"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -259,22 +182,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does it work?",
|
||||
content: "You provide a prompt, our AI engine writes the code, and you preview it.",
|
||||
},
|
||||
id: "q1", title: "How does it work?", content: "You provide a prompt, our AI engine writes the code, and you preview it."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is deployment real?",
|
||||
content: "Yes, we connect directly to major hosting providers.",
|
||||
},
|
||||
id: "q2", title: "Is deployment real?", content: "Yes, we connect directly to major hosting providers."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I edit the code?",
|
||||
content: "Absolutely, via our mobile code editor.",
|
||||
},
|
||||
id: "q3", title: "Can I edit the code?", content: "Absolutely, via our mobile code editor."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-child-hands-holding-phone-with-dads-incoming-call-display_169016-43119.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-child-hands-holding-phone-with-dads-incoming-call-display_169016-43119.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know."
|
||||
@@ -287,8 +201,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
text="Ready to start your next project?"
|
||||
/>
|
||||
</div>
|
||||
@@ -300,14 +213,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
href: "#", ariaLabel: "GitHub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user