Page Not Found

[V0_FILE]typescriptreact:file="components/gradient-text.tsx" isMerged="true" import type React from "react" import { cn } from "@/lib/utils" interface GradientTextProps { children: React.ReactNode className?: string } export default function GradientText({ children, className }: GradientTextProps) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/growth-metric-card.tsx" isMerged="true" import type React from "react" import { Card, CardContent } from "@/components/ui/card" import AnimatedCounter from "./animated-counter" interface GrowthMetricCardProps { title: string percentage: number description: string icon: React.ReactNode } export default function GrowthMetricCard({ title, percentage, description, icon }: GrowthMetricCardProps) { return (

{icon}

{title}

{description}

{/* Progress Bar */}

) } [V0_FILE]typescriptreact:file="components/animated-counter.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" interface AnimatedCounterProps { value: number duration?: number } export default function AnimatedCounter({ value, duration = 2000 }: AnimatedCounterProps) { const [count, setCount] = useState(0) useEffect(() => { let startTime: number | null = null let animationFrameId: number const updateCount = (timestamp: number) => { if (!startTime) startTime = timestamp const progress = timestamp - startTime const percentage = Math.min(progress / duration, 1) setCount(Math.floor(percentage * value)) if (progress < duration) { animationFrameId = requestAnimationFrame(updateCount) } else { setCount(value) } } animationFrameId = requestAnimationFrame(updateCount) return () => cancelAnimationFrame(animationFrameId) }, [value, duration]) return <>{count} } [V0_FILE]typescriptreact:file="components/growth-chart.tsx" isMerged="true" "use client" import { useEffect, useRef } from "react" import { LineChart, BarChart3, TrendingUp } from "lucide-react" export function GrowthChart() { const canvasRef = useRef(null) useEffect(() => { const canvas = canvasRef.current if (!canvas) return const ctx = canvas.getContext("2d") if (!ctx) return // Set canvas dimensions with device pixel ratio for sharp rendering const dpr = window.devicePixelRatio || 1 const rect = canvas.getBoundingClientRect() canvas.width = rect.width * dpr canvas.height = rect.height * dpr ctx.scale(dpr, dpr) canvas.style.width = `${rect.width}px` canvas.style.height = `${rect.height}px` // Chart configuration const padding = 30 const width = rect.width - padding * 2 const height = rect.height - padding * 2 // Draw grid ctx.strokeStyle = "#333" ctx.lineWidth = 0.5 // Horizontal grid lines for (let i = 0; i <= 5; i++) { const y = padding + (height / 5) * i ctx.beginPath() ctx.moveTo(padding, y) ctx.lineTo(padding + width, y) ctx.stroke() } // Vertical grid lines for (let i = 0; i <= 6; i++) { const x = padding + (width / 6) * i ctx.beginPath() ctx.moveTo(x, padding) ctx.lineTo(x, padding + height) ctx.stroke() } // Draw axes labels ctx.fillStyle = "#999" ctx.font = "10px sans-serif" ctx.textAlign = "right" // Y-axis labels for (let i = 0; i <= 5; i++) { const y = padding + (height / 5) * i ctx.fillText(`${100 - i * 20}%`, padding - 5, y + 3) } // X-axis labels (months) const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"] ctx.textAlign = "center" for (let i = 0; i <= 6; i++) { const x = padding + (width / 6) * i ctx.fillText(months[i], x, padding + height + 15) } // Draw acquisition line const acquisitionData = [20, 35, 45, 40, 60, 75, 90] ctx.strokeStyle = "#10b981" // green-500 ctx.lineWidth = 3 ctx.beginPath() acquisitionData.forEach((value, index) => { const x = padding + (width / 6) * index const y = padding + height - (height * value) / 100 if (index === 0) { ctx.moveTo(x, y) } else { ctx.lineTo(x, y) } }) ctx.stroke() // Add gradient under the acquisition line const gradient = ctx.createLinearGradient(0, padding, 0, padding + height) gradient.addColorStop(0, "rgba(16, 185, 129, 0.2)") gradient.addColorStop(1, "rgba(16, 185, 129, 0)") ctx.fillStyle = gradient ctx.beginPath() ctx.moveTo(padding, padding + height) acquisitionData.forEach((value, index) => { const x = padding + (width / 6) * index const y = padding + height - (height * value) / 100 ctx.lineTo(x, y) }) ctx.lineTo(padding + width, padding + height) ctx.closePath() ctx.fill() // Draw retention line const retentionData = [30, 28, 40, 55, 70, 65, 80] ctx.strokeStyle = "#34d399" // green-400 ctx.lineWidth = 3 ctx.beginPath() retentionData.forEach((value, index) => { const x = padding + (width / 6) * index const y = padding + height - (height * value) / 100 if (index === 0) { ctx.moveTo(x, y) } else { ctx.lineTo(x, y) } }) ctx.stroke() // Draw data points for acquisition ctx.fillStyle = "#10b981" acquisitionData.forEach((value, index) => { const x = padding + (width / 6) * index const y = padding + height - (height * value) / 100 ctx.beginPath() ctx.arc(x, y, 5, 0, Math.PI * 2) ctx.fill() ctx.beginPath() ctx.arc(x, y, 7, 0, Math.PI * 2) ctx.strokeStyle = "rgba(16, 185, 129, 0.3)" ctx.lineWidth = 2 ctx.stroke() }) // Draw data points for retention ctx.fillStyle = "#34d399" retentionData.forEach((value, index) => { const x = padding + (width / 6) * index const y = padding + height - (height * value) / 100 ctx.beginPath() ctx.arc(x, y, 5, 0, Math.PI * 2) ctx.fill() ctx.beginPath() ctx.arc(x, y, 7, 0, Math.PI * 2) ctx.strokeStyle = "rgba(52, 211, 153, 0.3)" ctx.lineWidth = 2 ctx.stroke() }) // Add legend const legendX = padding const legendY = padding + 20 // Acquisition legend ctx.fillStyle = "#10b981" ctx.beginPath() ctx.arc(legendX, legendY, 5, 0, Math.PI * 2) ctx.fill() ctx.fillStyle = "#fff" ctx.textAlign = "left" ctx.fillText("Acquisition", legendX + 10, legendY + 3) // Retention legend ctx.fillStyle = "#34d399" ctx.beginPath() ctx.arc(legendX + 100, legendY, 5, 0, Math.PI * 2) ctx.fill() ctx.fillStyle = "#fff" ctx.fillText("Retention", legendX + 110, legendY + 3) }, []) return (

Growth Metrics

) } [V0_FILE]typescriptreact:file="components/testimonial-card.tsx" isEdit="true" isMerged="true" import { Card, CardContent } from "@/components/ui/card" import { Star } from "lucide-react" import Image from "next/image" interface TestimonialCardProps { quote: string author: string role: string rating: number logoSrc?: string } export default function TestimonialCard({ quote, author, role, rating, logoSrc }: TestimonialCardProps) { return (

{Array.from({ length: 5 }).map((_, i) => ( ))}

"{quote}"

{logoSrc && (

)}

{author}

{role &&

{role}

}

) } [V0_FILE]plaintext:file="public/logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/FortuneForce_Logo-removebg-preview-6F7t1Z5D4js6Db6itdBXv9Trdgjqs3.png" isMerged="true" [V0_FILE]plaintext:file="public/savvy-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Savvy-28LBjSAlzCqFD4Kw2pNWKlUYg5Otqn.png" isMerged="true" [V0_FILE]plaintext:file="public/optivised-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/optivised-UrzBhiukTPEMh6Ohth4V9bo9Ofrv5D.jpeg" isMerged="true" [V0_FILE]plaintext:file="public/pap-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/pap%20logo-vdvpFHUyxyY1PAx769C1PnNI0bpCxi.jpeg" isMerged="true" [V0_FILE]typescriptreact:file="components/scroll-timeline.tsx" isEdit="true" isMerged="true" "use client" import { useEffect, useRef, useState } from "react" import { Card, CardContent } from "@/components/ui/card" import { LineChart, Target, Zap } from "lucide-react" export function ScrollTimeline() { const timelineRef = useRef(null) const [activeStep, setActiveStep] = useState(0) const [scrollProgress, setScrollProgress] = useState(0) useEffect(() => { const handleScroll = () => { if (!timelineRef.current) return const timeline = timelineRef.current const rect = timeline.getBoundingClientRect() // Calculate how much of the timeline is visible in the viewport const windowHeight = window.innerHeight const timelineTop = rect.top const timelineHeight = rect.height // If timeline is not visible yet, progress is 0 if (timelineTop > windowHeight) { setScrollProgress(0) setActiveStep(0) return } // Calculate progress based on how much of the timeline has been scrolled const visibleProgress = Math.min(1, Math.max(0, (windowHeight - timelineTop) / (windowHeight + timelineHeight))) setScrollProgress(visibleProgress) // Determine active step based on progress if (visibleProgress < 0.3) setActiveStep(0) else if (visibleProgress < 0.6) setActiveStep(1) else setActiveStep(2) } window.addEventListener("scroll", handleScroll) handleScroll() // Initial calculation return () => window.removeEventListener("scroll", handleScroll) }, []) return (

{/* Process Timeline */}

{/* Animated progress overlay */}

0 ? 1 : 0, }} >

= 0 ? "opacity-100 translate-x-0" : "opacity-50 -translate-x-10"}`} >

Step 01

Data-Driven Discovery

We analyze your current metrics, market position, and growth bottlenecks to identify the highest-impact opportunities.

= 0 ? "opacity-100 translate-x-0" : "opacity-50 translate-x-10"} ${activeStep === 0 ? "border-green-500/50 shadow-[0_0_15px_rgba(74,222,128,0.3)]" : ""}`} >

= 1 ? "opacity-100 translate-x-0" : "opacity-50 -translate-x-10"} ${activeStep === 1 ? "border-green-500/50 shadow-[0_0_15px_rgba(74,222,128,0.3)]" : ""}`} >

= 1 ? "opacity-100 translate-x-0" : "opacity-50 translate-x-10"}`} >

Step 02

Strategic Planning

We develop a customized growth roadmap with clear KPIs, timelines, and resource requirements aligned with your business goals.

= 2 ? "opacity-100 translate-x-0" : "opacity-50 -translate-x-10"}`} >

Step 03

Implementation & Optimization

Our team works alongside yours to execute strategies, continuously test, and refine approaches based on real-time data.

= 2 ? "opacity-100 translate-x-0" : "opacity-50 translate-x-10"} ${activeStep === 2 ? "border-green-500/50 shadow-[0_0_15px_rgba(74,222,128,0.3)]" : ""}`} >

) } [V0_FILE]typescriptreact:file="components/section-divider.tsx" isMerged="true" "use client" import { useEffect, useRef } from "react" interface SectionDividerProps { variant?: "default" | "glow" | "circuit" | "wave" } export default function SectionDivider({ variant = "default" }: SectionDividerProps) { const canvasRef = useRef(null) useEffect(() => { if (variant !== "circuit") return const canvas = canvasRef.current if (!canvas) return const ctx = canvas.getContext("2d") if (!ctx) return // Set canvas dimensions with device pixel ratio for sharp rendering const dpr = window.devicePixelRatio || 1 canvas.width = canvas.offsetWidth * dpr canvas.height = canvas.offsetHeight * dpr ctx.scale(dpr, dpr) // Circuit board pattern const drawCircuit = () => { ctx.clearRect(0, 0, canvas.width, canvas.height) const width = canvas.offsetWidth const height = canvas.offsetHeight // Background ctx.fillStyle = "#000" ctx.fillRect(0, 0, width, height) // Draw circuit lines ctx.strokeStyle = "#10b981" ctx.lineWidth = 1 // Horizontal line ctx.beginPath() ctx.moveTo(0, height / 2) ctx.lineTo(width, height / 2) ctx.stroke() // Circuit nodes const nodeCount = 7 const nodeSpacing = width / (nodeCount - 1) for (let i = 0; i < nodeCount; i++) { const x = i * nodeSpacing const y = height / 2 // Draw node ctx.beginPath() ctx.arc(x, y, 3, 0, Math.PI * 2) ctx.fillStyle = "#10b981" ctx.fill() // Draw vertical connections (randomly up or down) if (i > 0 && i < nodeCount - 1 && Math.random() > 0.5) { const direction = Math.random() > 0.5 ? -1 : 1 const lineHeight = 10 + Math.random() * 15 ctx.beginPath() ctx.moveTo(x, y) ctx.lineTo(x, y + lineHeight * direction) ctx.stroke() // Add horizontal segment const segmentWidth = 15 + Math.random() * 30 const segmentDirection = Math.random() > 0.5 ? -1 : 1 ctx.beginPath() ctx.moveTo(x, y + lineHeight * direction) ctx.lineTo(x + segmentWidth * segmentDirection, y + lineHeight * direction) ctx.stroke() // Add small node at the end ctx.beginPath() ctx.arc(x + segmentWidth * segmentDirection, y + lineHeight * direction, 2, 0, Math.PI * 2) ctx.fill() } } // Add glow effect ctx.shadowBlur = 10 ctx.shadowColor = "#10b981" ctx.beginPath() ctx.moveTo(0, height / 2) ctx.lineTo(width, height / 2) ctx.stroke() ctx.shadowBlur = 0 } drawCircuit() // Redraw on resize const handleResize = () => { canvas.width = canvas.offsetWidth * dpr canvas.height = canvas.offsetHeight * dpr ctx.scale(dpr, dpr) drawCircuit() } window.addEventListener("resize", handleResize) return () => window.removeEventListener("resize", handleResize) }, [variant]) if (variant === "default") { return (

) } if (variant === "glow") { return (

) } if (variant === "circuit") { return (

) } if (variant === "wave") { return (

) } return null } [V0_FILE]typescriptreact:file="components/logo-placeholder.tsx" isMerged="true" "use client" import { useEffect, useRef } from "react" interface LogoPlaceholderProps { className?: string height?: number } export default function LogoPlaceholder({ className = "", height = 40 }: LogoPlaceholderProps) { const canvasRef = useRef(null) useEffect(() => { const canvas = canvasRef.current if (!canvas) return const ctx = canvas.getContext("2d") if (!ctx) return // Set canvas dimensions with device pixel ratio for sharp rendering const dpr = window.devicePixelRatio || 1 canvas.width = canvas.offsetWidth * dpr canvas.height = canvas.offsetHeight * dpr ctx.scale(dpr, dpr) // Draw a gradient background const gradient = ctx.createLinearGradient(0, 0, canvas.offsetWidth, 0) gradient.addColorStop(0, "#10b981") // green-500 gradient.addColorStop(1, "#34d399") // green-400 ctx.fillStyle = gradient ctx.fillRect(0, 0, canvas.offsetWidth, canvas.offsetHeight) // Draw text ctx.fillStyle = "#000" ctx.font = "bold 20px sans-serif" ctx.textAlign = "center" ctx.textBaseline = "middle" ctx.fillText("FORTUNEFORCE", canvas.offsetWidth / 2, canvas.offsetHeight / 2) // Add a subtle border ctx.strokeStyle = "rgba(255, 255, 255, 0.3)" ctx.lineWidth = 1 ctx.strokeRect(0, 0, canvas.offsetWidth, canvas.offsetHeight) }, []) return (

{title}

Growth Metrics

Data-Driven Discovery

Strategic Planning

Implementation & Optimization

Page Not Found

Your partnership channel is leaving{" "} $500K+ {" "} on the table.

Most SaaS companies leave half their partnership revenue untapped.

Abandoned Affiliate Pages

Rising CAC

Creators Promote Competitors

Real numbers from real companies.

WinningHunter

Pap

From audit to revenue in weeks.

The Audit

The System

The Execution

Is this right for you?

This is for you if:

This is not for you if:

Two ways to work together.

Partnership Audit

Partnership Accelerator

Moe Alashkar

I build partnership systems that generate revenue.

Common questions.

Ready to build a partnership channel that generates revenue?