diff --git a/src/app/page.tsx b/src/app/page.tsx index 57bab0f..0fbde18 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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} /> @@ -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() { @@ -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() { @@ -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" + }, ]} /> @@ -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" + }, ]} /> @@ -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." + }, ]} /> @@ -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" + }, ]} />