bender/01c62ceb-d1a8-4c8e-951a-c69e6ae18ff0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-11 16:43:34 +00:00
parent 93e60fd233
commit dfdf6200bf
1 changed files with 42 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

242
src/app/page.tsx
View File

@@ -41,9 +41,7 @@ export default function HomePage() {
brandName="FIOVA"
navItems={navItems}
button={{
text: "Get Early Access",
href: "#cta",
}}
text: "Get Early Access", href: "#cta"}}
animateOnLoad={true}
/>
</div>
@@ -54,46 +52,28 @@ export default function HomePage() {
title="The AI Operating System for Creators Who Build Empires"
description="Strategy, content, sales, and operations — one platform, one AI that knows your entire business."
tag="AI-Powered"
imageSrc="http://img.b2bpic.net/free-vector/smart-home-management_23-2148629240.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-vector/smart-home-management_23-2148629240.jpg"
imageAlt="FIOVA Dashboard Interface"
imagePosition="right"
mediaAnimation="blur-reveal"
background={{ variant: "plain" }}
buttons={[
{
text: "Get Early Access",
href: "#cta",
},
text: "Get Early Access", href: "#cta"},
{
text: "See How It Works",
href: "#how-it-works",
},
text: "See How It Works", href: "#how-it-works"},
]}
buttonAnimation="slide-up"
testimonials={[
{
name: "Sarah Johnson",
handle: "Course Creator",
testimonial: "FIOVA transformed how I launch courses. Everything is connected, on-brand, and ready to deploy.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-adult-woman-posing_23-2148461438.jpg?_wi=1",
imageAlt: "Sarah Johnson",
},
name: "Sarah Johnson", handle: "Course Creator", testimonial: "FIOVA transformed how I launch courses. Everything is connected, on-brand, and ready to deploy.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-adult-woman-posing_23-2148461438.jpg", imageAlt: "Sarah Johnson"},
{
name: "Michael Chen",
handle: "Agency Owner",
testimonial: "Managing multiple client brands is now effortless. One system handles it all.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg?_wi=1",
imageAlt: "Michael Chen",
},
name: "Michael Chen", handle: "Agency Owner", testimonial: "Managing multiple client brands is now effortless. One system handles it all.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageAlt: "Michael Chen"},
{
name: "Emily Rodriguez",
handle: "Consultant",
testimonial: "No more juggling 12 tools. FIOVA does the heavy lifting.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg?_wi=1",
imageAlt: "Emily Rodriguez",
},
name: "Emily Rodriguez", handle: "Consultant", testimonial: "No more juggling 12 tools. FIOVA does the heavy lifting.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", imageAlt: "Emily Rodriguez"},
]}
useInvertedBackground={false}
/>
@@ -104,9 +84,7 @@ export default function HomePage() {
<TextSplitAbout
title="The Creator's Dilemma"
description={[
"You're juggling 12 tools, 5 freelancers, and a content calendar held together by sticky notes. Every new campaign starts from scratch. Your brand voice changes depending on who wrote the copy. You know you need systems — but building them takes longer than just doing it yourself.",
"Meanwhile, you're not building. You're managing. You're not creating. You're coordinating. The work that matters — the actual business — gets squeezed into the cracks.",
]}
"You're juggling 12 tools, 5 freelancers, and a content calendar held together by sticky notes. Every new campaign starts from scratch. Your brand voice changes depending on who wrote the copy. You know you need systems — but building them takes longer than just doing it yourself.", "Meanwhile, you're not building. You're managing. You're not creating. You're coordinating. The work that matters — the actual business — gets squeezed into the cracks."]}
useInvertedBackground={true}
showBorder={true}
/>
@@ -119,26 +97,11 @@ export default function HomePage() {
description="From context to deployment, every piece works together."
features={[
{
id: "01",
title: "Knows Your Business",
description: "FIOVA interviews you about your ICP, offer, positioning, voice, competitors. This context powers every output. No more re-explaining yourself.",
imageSrc: "http://img.b2bpic.net/free-vector/app-template-voice-translating_23-2148636703.jpg?_wi=1",
imageAlt: "interview conversation dialogue illustration",
},
id: "01", title: "Knows Your Business", description: "FIOVA interviews you about your ICP, offer, positioning, voice, competitors. This context powers every output. No more re-explaining yourself.", imageSrc: "http://img.b2bpic.net/free-vector/app-template-voice-translating_23-2148636703.jpg", imageAlt: "interview conversation dialogue illustration"},
{
id: "02",
title: "Builds Everything You Need",
description: "5 AI agents handle strategy, marketing, nurture, sales, and operations. ~100 asset types, all framework-driven. Not generic—specific to your business.",
imageSrc: "http://img.b2bpic.net/free-photo/african-businesswoman-reading-documents-signing-its-while-business-partners-sharing-paperwork-sitting-conference-table-broadroom-executive-director-meeting-shareholders-start-up-office_482257-13876.jpg?_wi=1",
imageAlt: "asset library content collection",
},
id: "02", title: "Builds Everything You Need", description: "5 AI agents handle strategy, marketing, nurture, sales, and operations. ~100 asset types, all framework-driven. Not generic—specific to your business.", imageSrc: "http://img.b2bpic.net/free-photo/african-businesswoman-reading-documents-signing-its-while-business-partners-sharing-paperwork-sitting-conference-table-broadroom-executive-director-meeting-shareholders-start-up-office_482257-13876.jpg", imageAlt: "asset library content collection"},
{
id: "03",
title: "Deploys & Tracks",
description: "Organize assets into campaigns, push them live, track performance. Intelligence flows back into the system so outputs improve over time.",
imageSrc: "http://img.b2bpic.net/free-photo/team-server-farm-engineers-using-isolated-screen-mockup-laptop_482257-117904.jpg?_wi=1",
imageAlt: "analytics dashboard metrics tracking",
},
id: "03", title: "Deploys & Tracks", description: "Organize assets into campaigns, push them live, track performance. Intelligence flows back into the system so outputs improve over time.", imageSrc: "http://img.b2bpic.net/free-photo/team-server-farm-engineers-using-isolated-screen-mockup-laptop_482257-117904.jpg", imageAlt: "analytics dashboard metrics tracking"},
]}
textboxLayout="default"
animationType="blur-reveal"
@@ -157,40 +120,15 @@ export default function HomePage() {
useInvertedBackground={true}
metrics={[
{
id: "1",
title: "Foundations",
subtitle: "PLAN Phase",
category: "Strategy & Context",
value: "2 sub-agents",
},
id: "1", title: "Foundations", subtitle: "PLAN Phase", category: "Strategy & Context", value: "2 sub-agents"},
{
id: "2",
title: "Marketing",
subtitle: "ATTRACT Phase",
category: "Content & Visibility",
value: "7 sub-agents",
},
id: "2", title: "Marketing", subtitle: "ATTRACT Phase", category: "Content & Visibility", value: "7 sub-agents"},
{
id: "3",
title: "Nurture",
subtitle: "EDUCATE Phase",
category: "Sequences & Trust",
value: "4 sub-agents",
},
id: "3", title: "Nurture", subtitle: "EDUCATE Phase", category: "Sequences & Trust", value: "4 sub-agents"},
{
id: "4",
title: "Sales",
subtitle: "CONVERT Phase",
category: "Closing & Revenue",
value: "4 sub-agents",
},
id: "4", title: "Sales", subtitle: "CONVERT Phase", category: "Closing & Revenue", value: "4 sub-agents"},
{
id: "5",
title: "Scale",
subtitle: "SYSTEMIZE Phase",
category: "Operations & Growth",
value: "4 sub-agents",
},
id: "5", title: "Scale", subtitle: "SYSTEMIZE Phase", category: "Operations & Growth", value: "4 sub-agents"},
]}
/>
</div>
@@ -202,26 +140,11 @@ export default function HomePage() {
description="Three simple steps to your complete operating system."
features={[
{
id: "01",
title: "Build Your Context",
description: "FIOVA interviews you (voice or text) about your business. ICP, offer, positioning, brand voice, competitors. Takes 20 minutes. Powers everything.",
imageSrc: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-132294.jpg?_wi=1",
imageAlt: "setup onboarding form interview",
},
id: "01", title: "Build Your Context", description: "FIOVA interviews you (voice or text) about your business. ICP, offer, positioning, brand voice, competitors. Takes 20 minutes. Powers everything.", imageSrc: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-132294.jpg", imageAlt: "setup onboarding form interview"},
{
id: "02",
title: "Choose Your Agent",
description: "Pick which area to work on. Select an asset type from the grid. Walk through a step-by-step framework. Watch FIOVA build it.",
imageSrc: "http://img.b2bpic.net/free-vector/registration-form-template-with-flat-design_23-2147978340.jpg?_wi=1",
imageAlt: "selection grid menu choosing",
},
id: "02", title: "Choose Your Agent", description: "Pick which area to work on. Select an asset type from the grid. Walk through a step-by-step framework. Watch FIOVA build it.", imageSrc: "http://img.b2bpic.net/free-vector/registration-form-template-with-flat-design_23-2147978340.jpg", imageAlt: "selection grid menu choosing"},
{
id: "03",
title: "Deploy & Track",
description: "Organize finished assets into campaigns. Push live. Track performance. FIOVA's intelligence layer feeds results back into the system.",
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-template-user-panel_52683-31486.jpg?_wi=1",
imageAlt: "launch deployment management system",
},
id: "03", title: "Deploy & Track", description: "Organize finished assets into campaigns. Push live. Track performance. FIOVA's intelligence layer feeds results back into the system.", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-template-user-panel_52683-31486.jpg", imageAlt: "launch deployment management system"},
]}
textboxLayout="default"
animationType="blur-reveal"
@@ -241,40 +164,15 @@ export default function HomePage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "FIOVA Chat",
price: "Home Interface",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-task-management-app-set_23-2148667058.jpg?_wi=1",
imageAlt: "chat conversation interface dialogue",
},
id: "1", name: "FIOVA Chat", price: "Home Interface", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-task-management-app-set_23-2148667058.jpg", imageAlt: "chat conversation interface dialogue"},
{
id: "2",
name: "Type Selector",
price: "Asset Grid",
imageSrc: "http://img.b2bpic.net/free-photo/friends-library-reading_23-2147678898.jpg",
imageAlt: "grid layout selection interface",
},
id: "2", name: "Type Selector", price: "Asset Grid", imageSrc: "http://img.b2bpic.net/free-photo/friends-library-reading_23-2147678898.jpg", imageAlt: "grid layout selection interface"},
{
id: "3",
name: "Agent Generation",
price: "Framework Builder",
imageSrc: "http://img.b2bpic.net/free-photo/startup-business-people-looking-strategy-board-information-thoughtful_53876-13984.jpg",
imageAlt: "content generation interface workflow",
},
id: "3", name: "Agent Generation", price: "Framework Builder", imageSrc: "http://img.b2bpic.net/free-photo/startup-business-people-looking-strategy-board-information-thoughtful_53876-13984.jpg", imageAlt: "content generation interface workflow"},
{
id: "4",
name: "Launch & Campaigns",
price: "Deployment Hub",
imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148220502.jpg?_wi=1",
imageAlt: "campaign management dashboard",
},
id: "4", name: "Launch & Campaigns", price: "Deployment Hub", imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148220502.jpg", imageAlt: "campaign management dashboard"},
{
id: "5",
name: "Signals Intelligence",
price: "Performance Tracking",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003750.jpg",
imageAlt: "intelligence dashboard analytics",
},
id: "5", name: "Signals Intelligence", price: "Performance Tracking", imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003750.jpg", imageAlt: "intelligence dashboard analytics"},
]}
/>
</div>
@@ -289,53 +187,17 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "Course Creator, @sarahjohn",
testimonial: "FIOVA cut my launch prep time by 70%. Everything is on-brand, on-strategy, and ready to deploy.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-adult-woman-posing_23-2148461438.jpg?_wi=2",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", handle: "Course Creator, @sarahjohn", testimonial: "FIOVA cut my launch prep time by 70%. Everything is on-brand, on-strategy, and ready to deploy.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-adult-woman-posing_23-2148461438.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
handle: "Agency Owner, @mchen",
testimonial: "Managing multiple client brands used to be chaos. Now one system handles strategy, content, and operations for all of them.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg?_wi=2",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", handle: "Agency Owner, @mchen", testimonial: "Managing multiple client brands used to be chaos. Now one system handles strategy, content, and operations for all of them.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
handle: "Consultant, @emilyrodz",
testimonial: "I'm not hiring freelancers anymore. FIOVA generates better copy faster and I control the entire brand voice.",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg?_wi=2",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", handle: "Consultant, @emilyrodz", testimonial: "I'm not hiring freelancers anymore. FIOVA generates better copy faster and I control the entire brand voice.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
handle: "Community Builder, @davidkim",
testimonial: "The intelligence feedback loop is genius. Each campaign teaches FIOVA more about what works for my audience.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg?_wi=1",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", handle: "Community Builder, @davidkim", testimonial: "The intelligence feedback loop is genius. Each campaign teaches FIOVA more about what works for my audience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Lee",
handle: "Coach, @jessicalee",
testimonial: "I finally have the operating system I've always wanted. This is the future of creator business tools.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office_23-2150167727.jpg?_wi=1",
imageAlt: "Jessica Lee",
},
id: "5", name: "Jessica Lee", handle: "Coach, @jessicalee", testimonial: "I finally have the operating system I've always wanted. This is the future of creator business tools.", imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office_23-2150167727.jpg", imageAlt: "Jessica Lee"},
{
id: "6",
name: "Marcus Thompson",
handle: "Founder, @marcusthompson",
testimonial: "FIOVA understands my business better than any tool I've used. It's like having an experienced COO in your platform.",
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5361.jpg?_wi=1",
imageAlt: "Marcus Thompson",
},
id: "6", name: "Marcus Thompson", handle: "Founder, @marcusthompson", testimonial: "FIOVA understands my business better than any tool I've used. It's like having an experienced COO in your platform.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5361.jpg", imageAlt: "Marcus Thompson"},
]}
/>
</div>
@@ -346,33 +208,19 @@ export default function HomePage() {
ctaTitle="Ready to Build Your Operating System?"
ctaDescription="Join the beta. Free during early access. No credit card required."
ctaButton={{
text: "Get Early Access",
href: "#",
}}
text: "Get Early Access", href: "#"}}
ctaIcon={Sparkles}
useInvertedBackground={true}
animationType="blur-reveal"
faqs={[
{
id: "1",
title: "What's included in the beta?",
content: "Full access to all 5 agents, ~100 asset types, the complete context system, and deployment tools. We're building this with you.",
},
id: "1", title: "What's included in the beta?", content: "Full access to all 5 agents, ~100 asset types, the complete context system, and deployment tools. We're building this with you."},
{
id: "2",
title: "Do I need technical skills?",
content: "No. FIOVA is designed for non-technical creators, coaches, and agency owners. Everything is voice or text input.",
},
id: "2", title: "Do I need technical skills?", content: "No. FIOVA is designed for non-technical creators, coaches, and agency owners. Everything is voice or text input."},
{
id: "3",
title: "Can I use this for multiple brands?",
content: "Yes. Upgrade to the Agency plan to manage multiple workspaces and invite team members.",
},
id: "3", title: "Can I use this for multiple brands?", content: "Yes. Upgrade to the Agency plan to manage multiple workspaces and invite team members."},
{
id: "4",
title: "How is FIOVA different from ChatGPT?",
content: "FIOVA combines structured workflows, your business context, connected asset libraries, and deployment tools. ChatGPT is a chat interface. FIOVA is an operating system.",
},
id: "4", title: "How is FIOVA different from ChatGPT?", content: "FIOVA combines structured workflows, your business context, connected asset libraries, and deployment tools. ChatGPT is a chat interface. FIOVA is an operating system."},
]}
/>
</div>
@@ -385,19 +233,13 @@ export default function HomePage() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com/fiova",
ariaLabel: "Twitter",
},
href: "https://twitter.com/fiova", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "https://linkedin.com/company/fiova",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/fiova", ariaLabel: "LinkedIn"},
{
icon: Youtube,
href: "https://youtube.com/@fiova",
ariaLabel: "YouTube",
},
href: "https://youtube.com/@fiova", ariaLabel: "YouTube"},
]}
/>
</div>