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

Merge version_1 into main #3

Merged
bender merged 1 commits from version_1 into main 2026-03-11 16:44:42 +00:00
Conversation 0 Commits 1 Files Changed 1 +84 -47
1 changed files with 84 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
src/app/page.tsx
View File

@@ -2,15 +2,15 @@
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterCard from "@/components/sections/footer/FooterCard";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Twitter, Linkedin, Youtube, Sparkles } from "lucide-react";
export default function HomePage() {
@@ -41,7 +41,8 @@ export default function HomePage() {
brandName="FIOVA"
navItems={navItems}
button={{
text: "Get Early Access", href: "#cta"}}
text: "Get Early Access", href: "#cta"
}}
animateOnLoad={true}
/>
</div>
@@ -59,21 +60,26 @@ export default function HomePage() {
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", imageAlt: "Sarah Johnson"},
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", imageAlt: "Michael Chen"},
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", imageAlt: "Emily Rodriguez"},
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", imageAlt: "Emily Rodriguez"
},
]}
useInvertedBackground={false}
/>
@@ -84,7 +90,8 @@ 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}
/>
@@ -97,11 +104,14 @@ 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", 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", 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", 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"
@@ -115,20 +125,25 @@ export default function HomePage() {
<MetricCardTen
title="The Five Agents"
description="Specialized AI agents that handle every part of your business."
textboxLayout="centered"
textboxLayout="default"
animationType="slide-up"
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>
@@ -140,11 +155,14 @@ 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", 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", 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", 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"
@@ -164,15 +182,20 @@ 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", 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", 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>
@@ -187,17 +210,23 @@ 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", 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", 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", 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", 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", 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", 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>
@@ -208,19 +237,24 @@ 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>
@@ -233,13 +267,16 @@ 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>