Update src/app/page.tsx
This commit is contained in:
225
src/app/page.tsx
225
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Box, Database, Eye, Lock, Shield, ShieldCheck, Star, Users, Zap } from "lucide-react";
|
||||
import { Box, Brain, Database, Eye, Lock, Shield, ShieldCheck, Star, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Product",
|
||||
id: "features",
|
||||
},
|
||||
name: "Product", id: "features"},
|
||||
{
|
||||
name: "Agents",
|
||||
id: "agents",
|
||||
},
|
||||
name: "Agents", id: "agents"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Nano"
|
||||
/>
|
||||
@@ -54,67 +46,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Your Virtual Agent Office"
|
||||
description="Nano brings professional AI agency to your desktop. No terminal, no complexity—just results."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167348.jpg",
|
||||
alt: "software engineer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167348.jpg", alt: "software engineer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-woman-holding-digital-tablet_329181-12076.jpg",
|
||||
alt: "product designer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-woman-holding-digital-tablet_329181-12076.jpg", alt: "product designer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
||||
alt: "product manager portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", alt: "product manager portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-digital-tablet_1170-1876.jpg",
|
||||
alt: "Man using digital tablet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-digital-tablet_1170-1876.jpg", alt: "Man using digital tablet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-business-executive-holding-digital-tablet_1170-1123.jpg",
|
||||
alt: "Portrait of female business executive holding digital tablet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-business-executive-holding-digital-tablet_1170-1123.jpg", alt: "Portrait of female business executive holding digital tablet"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local LLM Execution",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "Local LLM Execution", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Privacy First",
|
||||
icon: Lock,
|
||||
type: "text-icon", text: "Privacy First", icon: Lock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Agent Collaboration",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Agent Collaboration", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Auto-tuning",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Auto-tuning", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hardware Agnostic",
|
||||
icon: Box,
|
||||
type: "text-icon", text: "Hardware Agnostic", icon: Box,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -127,46 +94,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Automated Intelligence",
|
||||
description: "Let Nano configure agents, manage memory, and recommend models without you touching a config file.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-progress-close-up_23-2149151161.jpg",
|
||||
imageAlt: "tech collaboration interface",
|
||||
},
|
||||
title: "Automated Intelligence", description: "Let Nano configure agents, manage memory, and recommend models without you touching a config file.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-progress-close-up_23-2149151161.jpg", imageAlt: "tech collaboration interface"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Instant Setup",
|
||||
},
|
||||
text: "Instant Setup"},
|
||||
{
|
||||
icon: Brain,
|
||||
text: "Smart Auto-tuning",
|
||||
},
|
||||
text: "Smart Auto-tuning"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg?_wi=1",
|
||||
imageAlt: "tech collaboration interface",
|
||||
},
|
||||
{
|
||||
title: "Local Control",
|
||||
description: "Run models locally. Detects hardware and installs models with zero terminal involvement.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762841.jpg",
|
||||
imageAlt: "local model installation UI",
|
||||
},
|
||||
title: "Local Control", description: "Run models locally. Detects hardware and installs models with zero terminal involvement.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762841.jpg", imageAlt: "local model installation UI"},
|
||||
items: [
|
||||
{
|
||||
icon: Database,
|
||||
text: "Run Locally",
|
||||
},
|
||||
text: "Run Locally"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Private Processing",
|
||||
},
|
||||
text: "Private Processing"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/game-icons-resources-loot_107791-18552.jpg?_wi=1",
|
||||
imageAlt: "tech collaboration interface",
|
||||
},
|
||||
]}
|
||||
title="Designed for Everyone"
|
||||
@@ -176,29 +127,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="agents" data-section="agents">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Guardian Approvals",
|
||||
description: "Every sensitive action triggers a simple, clear approval request. Total safety, total transparency.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/game-icons-resources-loot_107791-18552.jpg?_wi=2",
|
||||
imageAlt: "cybersecurity UI card",
|
||||
},
|
||||
title: "Guardian Approvals", description: "Every sensitive action triggers a simple, clear approval request. Total safety, total transparency.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/game-icons-resources-loot_107791-18552.jpg", imageAlt: "cybersecurity UI card"},
|
||||
items: [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Explicit Trust",
|
||||
},
|
||||
text: "Explicit Trust"},
|
||||
{
|
||||
icon: Eye,
|
||||
text: "Human-in-the-loop",
|
||||
},
|
||||
text: "Human-in-the-loop"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg?_wi=2",
|
||||
imageAlt: "cybersecurity UI card",
|
||||
},
|
||||
]}
|
||||
title="Secure Guardians"
|
||||
@@ -213,35 +157,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "local",
|
||||
name: "Local Pro",
|
||||
price: "Free",
|
||||
features: [
|
||||
"Unlimited Local Models",
|
||||
"Guardian System",
|
||||
"Virtual Office Base",
|
||||
],
|
||||
id: "local", name: "Local Pro", price: "Free", features: [
|
||||
"Unlimited Local Models", "Guardian System", "Virtual Office Base"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Download Nano",
|
||||
href: "#",
|
||||
},
|
||||
text: "Download Nano", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "cloud",
|
||||
name: "Cloud Subscription",
|
||||
price: "$19/mo",
|
||||
features: [
|
||||
"All Local Features",
|
||||
"High-speed Cloud Models",
|
||||
"Team Sync",
|
||||
],
|
||||
id: "cloud", name: "Cloud Subscription", price: "$19/mo", features: [
|
||||
"All Local Features", "High-speed Cloud Models", "Team Sync"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
text: "Upgrade", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -257,40 +185,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
handle: "@sarahdev",
|
||||
testimonial: "The best AI agent experience I've used. Finally a product that doesn't feel like a hack.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-developer-standing-hallway-working-tablet_74855-2780.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah", handle: "@sarahdev", testimonial: "The best AI agent experience I've used. Finally a product that doesn't feel like a hack.", imageSrc: "http://img.b2bpic.net/free-photo/focused-developer-standing-hallway-working-tablet_74855-2780.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike",
|
||||
handle: "@mikeprod",
|
||||
testimonial: "I love how the agents just collaborate. It's like having an infinite team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-working-her-workshop_23-2148877342.jpg",
|
||||
},
|
||||
id: "2", name: "Mike", handle: "@mikeprod", testimonial: "I love how the agents just collaborate. It's like having an infinite team.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-working-her-workshop_23-2148877342.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena",
|
||||
handle: "@elena_ux",
|
||||
testimonial: "Nano has completely redefined how I organize my workflow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",
|
||||
},
|
||||
id: "3", name: "Elena", handle: "@elena_ux", testimonial: "Nano has completely redefined how I organize my workflow.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John",
|
||||
handle: "@jdoe",
|
||||
testimonial: "Local model support is absolutely incredible. Zero setup hassle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
|
||||
},
|
||||
id: "4", name: "John", handle: "@jdoe", testimonial: "Local model support is absolutely incredible. Zero setup hassle.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe",
|
||||
handle: "@cloe_tech",
|
||||
testimonial: "Guardian approvals make me feel safe letting AI agents work independently.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-with-pink-hair-hoodie_23-2148629699.jpg",
|
||||
},
|
||||
id: "5", name: "Chloe", handle: "@cloe_tech", testimonial: "Guardian approvals make me feel safe letting AI agents work independently.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-with-pink-hair-hoodie_23-2148629699.jpg"},
|
||||
]}
|
||||
title="Empowered by Nano"
|
||||
description="See why developers and creative leaders are switching to Nano."
|
||||
@@ -302,20 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need coding skills?",
|
||||
content: "Absolutely not. Nano is designed for everyone, with an advanced mode for developers.",
|
||||
},
|
||||
id: "1", title: "Do I need coding skills?", content: "Absolutely not. Nano is designed for everyone, with an advanced mode for developers."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is my data private?",
|
||||
content: "Yes, our Local model approach keeps your data on your device, and our Cloud plans offer enterprise security.",
|
||||
},
|
||||
id: "2", title: "Is my data private?", content: "Yes, our Local model approach keeps your data on your device, and our Cloud plans offer enterprise security."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I import existing agents?",
|
||||
content: "Importing from OpenClaw is coming shortly after our public MVP launch.",
|
||||
},
|
||||
id: "3", title: "Can I import existing agents?", content: "Importing from OpenClaw is coming shortly after our public MVP launch."},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -326,14 +220,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to redefine your productivity?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Early Access",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Early Access", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -342,29 +233,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user