Corporate Planning Blueprint

[V0_FILE]css:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); /* Added premium brand color variables from the brief */ --quiz-navy: #0b1b2b; --quiz-ink: #101828; --quiz-accent: #516c91; --quiz-light: #e6eef7; --quiz-bg: #fafbfc; } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); /* Added premium font variables */ --font-sans: var(--font-inter); --font-serif: var(--font-playfair); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } /* Added premium animations for fund allocation charts and enhanced interactions */ @keyframes slideIn { from { width: 0%; opacity: 0; } to { opacity: 1; } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes scaleIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } .animate-in { animation: fadeInUp 0.6s ease-out forwards; } .fade-in { animation: fadeInUp 0.6s ease-out forwards; } .slide-in-from-bottom-4 { animation: fadeInUp 0.6s ease-out forwards; } .slide-in-from-right { animation: slideInRight 0.4s ease-out forwards; } .zoom-in { animation: scaleIn 0.3s ease-out forwards; } @keyframes slideInRight { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } } /* CTA Button Animations */ @keyframes ctaPulse { 0%, 100% { box-shadow: 0 8px 25px rgba(201, 162, 39, 0.3), inset 0 0 0 2px rgba(201, 162, 39, 0.2); } 50% { box-shadow: 0 8px 35px rgba(201, 162, 39, 0.6), inset 0 0 0 2px rgba(201, 162, 39, 0.4); } } @keyframes ctaLift { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } } @keyframes ctaBounce { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); } } @keyframes borderGlow { 0%, 100% { border-color: rgba(201, 162, 39, 0.3); box-shadow: 0 0 0 0 rgba(201, 162, 39, 0.1); } 50% { border-color: rgba(201, 162, 39, 0.6); box-shadow: 0 0 10px 0 rgba(201, 162, 39, 0.3); } } .cta-button { animation: ctaPulse 1.5s ease-in-out infinite, ctaLift 2.5s ease-in-out infinite, ctaBounce 1.8s ease-in-out infinite; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); position: relative; transition: all 0.3s ease; } .cta-button:hover { transform: translateY(-8px) scale(1.03); box-shadow: 0 12px 40px rgba(201, 162, 39, 0.5); } .cta-button:active { transform: scale(0.98); animation: none; } [V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true" 'use client' import * as React from 'react' import { ThemeProvider as NextThemesProvider, type ThemeProviderProps, } from 'next-themes' export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]typescriptreact:file="components/ui/accordion.tsx" isMerged="true" 'use client' import * as React from 'react' import * as AccordionPrimitive from '@radix-ui/react-accordion' import { ChevronDownIcon } from 'lucide-react' import { cn } from '@/lib/utils' function Accordion({ ...props }: React.ComponentProps) { return } function AccordionItem({ className, ...props }: React.ComponentProps) { return ( ) } function AccordionTrigger({ className, children, ...props }: React.ComponentProps) { return ( svg]:rotate-180', className, )} {...props} > {children} ) } function AccordionContent({ className, children, ...props }: React.ComponentProps) { return (

{children}

) } export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } [V0_FILE]typescriptreact:file="components/ui/alert-dialog.tsx" isMerged="true" 'use client' import * as React from 'react' import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog' import { cn } from '@/lib/utils' import { buttonVariants } from '@/components/ui/button' function AlertDialog({ ...props }: React.ComponentProps) { return } function AlertDialogTrigger({ ...props }: React.ComponentProps) { return ( ) } function AlertDialogPortal({ ...props }: React.ComponentProps) { return ( ) } function AlertDialogOverlay({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogContent({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>) { return (

) } function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>) { return (

) } function AlertDialogTitle({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogDescription({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogAction({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogCancel({ className, ...props }: React.ComponentProps) { return ( ) } export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } [V0_FILE]typescriptreact:file="components/ui/alert.tsx" isMerged="true" import * as React from 'react' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const alertVariants = cva( 'relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current', { variants: { variant: { default: 'bg-card text-card-foreground', destructive: 'text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90', }, }, defaultVariants: { variant: 'default', }, }, ) function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps) { return (

) } function AlertTitle({ className, ...props }: React.ComponentProps<'div'>) { return (

) } function AlertDescription({ className, ...props }: React.ComponentProps<'div'>) { return (

) } export { Alert, AlertTitle, AlertDescription } [V0_FILE]typescriptreact:file="components/ui/aspect-ratio.tsx" isMerged="true" 'use client' import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio' function AspectRatio({ ...props }: React.ComponentProps) { return } export { AspectRatio } [V0_FILE]typescriptreact:file="components/ui/avatar.tsx" isMerged="true" 'use client' import * as React from 'react' import * as AvatarPrimitive from '@radix-ui/react-avatar' import { cn } from '@/lib/utils' function Avatar({ className, ...props }: React.ComponentProps) { return ( ) } function AvatarImage({ className, ...props }: React.ComponentProps) { return ( ) } function AvatarFallback({ className, ...props }: React.ComponentProps) { return ( ) } export { Avatar, AvatarImage, AvatarFallback } [V0_FILE]typescriptreact:file="components/ui/badge.tsx" isMerged="true" import * as React from 'react' import { Slot } from '@radix-ui/react-slot' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const badgeVariants = cva( 'inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden', { variants: { variant: { default: 'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90', secondary: 'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90', destructive: 'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60', outline: 'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground', }, }, defaultVariants: { variant: 'default', }, }, ) function Badge({ className, variant, asChild = false, ...props }: React.ComponentProps<'span'> & VariantProps & { asChild?: boolean }) { const Comp = asChild ? Slot : 'span' return ( ) } export { Badge, badgeVariants } [V0_FILE]typescriptreact:file="components/ui/breadcrumb.tsx" isMerged="true" import * as React from 'react' import { Slot } from '@radix-ui/react-slot' import { ChevronRight, MoreHorizontal } from 'lucide-react' import { cn } from '@/lib/utils' function Breadcrumb({ ...props }: React.ComponentProps<'nav'>) { return

} function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) { return (

) } function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & { asChild?: boolean }) { const Comp = asChild ? Slot : 'a' return ( ) } function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) { return ( ) } function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) { return (
svg]:size-3.5', className)} {...props} > {children ?? }

& { asChild?: boolean }) { const Comp = asChild ? Slot : 'button' return ( ) } export { Button, buttonVariants } [V0_FILE]typescriptreact:file="components/ui/calendar.tsx" isMerged="true" 'use client' import * as React from 'react' import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, } from 'lucide-react' import { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker' import { cn } from '@/lib/utils' import { Button, buttonVariants } from '@/components/ui/button' function Calendar({ className, classNames, showOutsideDays = true, captionLayout = 'label', buttonVariant = 'ghost', formatters, components, ...props }: React.ComponentProps & { buttonVariant?: React.ComponentProps['variant'] }) { const defaultClassNames = getDefaultClassNames() return ( svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className, )} captionLayout={captionLayout} formatters={{ formatMonthDropdown: (date) => date.toLocaleString('default', { month: 'short' }), ...formatters, }} classNames={{ root: cn('w-fit', defaultClassNames.root), months: cn( 'flex gap-4 flex-col md:flex-row relative', defaultClassNames.months, ), month: cn('flex flex-col w-full gap-4', defaultClassNames.month), nav: cn( 'flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', defaultClassNames.nav, ), button_previous: cn( buttonVariants({ variant: buttonVariant }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_previous, ), button_next: cn( buttonVariants({ variant: buttonVariant }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_next, ), month_caption: cn( 'flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption, ), dropdowns: cn( 'w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns, ), dropdown_root: cn( 'relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md', defaultClassNames.dropdown_root, ), dropdown: cn( 'absolute bg-popover inset-0 opacity-0', defaultClassNames.dropdown, ), caption_label: cn( 'select-none font-medium', captionLayout === 'label' ? 'text-sm' : 'rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5', defaultClassNames.caption_label, ), table: 'w-full border-collapse', weekdays: cn('flex', defaultClassNames.weekdays), weekday: cn( 'text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none', defaultClassNames.weekday, ), week: cn('flex w-full mt-2', defaultClassNames.week), week_number_header: cn( 'select-none w-(--cell-size)', defaultClassNames.week_number_header, ), week_number: cn( 'text-[0.8rem] select-none text-muted-foreground', defaultClassNames.week_number, ), day: cn( 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none', defaultClassNames.day, ), range_start: cn( 'rounded-l-md bg-accent', defaultClassNames.range_start, ), range_middle: cn('rounded-none', defaultClassNames.range_middle), range_end: cn('rounded-r-md bg-accent', defaultClassNames.range_end), today: cn( 'bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none', defaultClassNames.today, ), outside: cn( 'text-muted-foreground aria-selected:text-muted-foreground', defaultClassNames.outside, ), disabled: cn( 'text-muted-foreground opacity-50', defaultClassNames.disabled, ), hidden: cn('invisible', defaultClassNames.hidden), ...classNames, }} components={{ Root: ({ className, rootRef, ...props }) => { return (

) }, Chevron: ({ className, orientation, ...props }) => { if (orientation === 'left') { return ( ) } if (orientation === 'right') { return ( ) } return ( ) }, DayButton: CalendarDayButton, WeekNumber: ({ children, ...props }) => { return (

{children}

) }, ...components, }} {...props} /> ) } function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps) { const defaultClassNames = getDefaultClassNames() const ref = React.useRef(null) React.useEffect(() => { if (modifiers.focused) ref.current?.focus() }, [modifiers.focused]) return ( ) } function CarouselNext({ className, variant = 'outline', size = 'icon', ...props }: React.ComponentProps) { const { orientation, scrollNext, canScrollNext } = useCarousel() return ( ) } export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } [V0_FILE]typescriptreact:file="components/ui/chart.tsx" isMerged="true" 'use client' import * as React from 'react' import * as RechartsPrimitive from 'recharts' import { cn } from '@/lib/utils' // Format: { THEME_NAME: CSS_SELECTOR } const THEMES = { light: '', dark: '.dark' } as const export type ChartConfig = { [k in string]: { label?: React.ReactNode icon?: React.ComponentType } & ( | { color?: string; theme?: never } | { color?: never; theme: Record } ) } type ChartContextProps = { config: ChartConfig } const ChartContext = React.createContext(null) function useChart() { const context = React.useContext(ChartContext) if (!context) { throw new Error('useChart must be used within a ') } return context } function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<'div'> & { config: ChartConfig children: React.ComponentProps< typeof RechartsPrimitive.ResponsiveContainer >['children'] }) { const uniqueId = React.useId() const chartId = `chart-${id || uniqueId.replace(/:/g, '')}` return (

{children}

) } const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => { const colorConfig = Object.entries(config).filter( ([, config]) => config.theme || config.color, ) if (!colorConfig.length) { return null } return (

Click the button above, then select "Save as PDF" as the destination

${score}

/ 100

${scoreLabel}

Your Corporate Planning Readiness Score

Your Assessment Answers

Incorporated

${answers.incorporated || "N/A"}

Revenue

${answers.revenue || "N/A"}

Retain Profits

${answers.retainProfits || "N/A"}

Primary Concern

${answers.concern || "N/A"}

Retirement Strategy

${answers.retirement || "N/A"}

Corporate Planning

${answers.planning || "N/A"}

Timeline

${answers.timeline || "N/A"}

${gaps.length > 0 ? `

Critical Gaps Identified (${gaps.length})

${gaps.map((gap: { area: string; description: string; severity: string; recommendation: string }) => `

${gap.area}

${gap.description}

Severity: ${gap.severity}

${gap.recommendation}

`).join("")}

` : ""} ${actionPlan.length > 0 ? `

Your Action Plan

${actionPlan.map((item: { action: string; reason: string; timeline: string }, i: number) => `

${i + 1}

${item.action}

${item.reason}

${item.timeline}

`).join("")}

` : ""} ${insights.length > 0 ? `

Personalized Insights

${insights.map((insight: string) => `

${insight}

`).join("")}

` : ""}

` return new NextResponse(html, { headers: { "Content-Type": "text/html; charset=utf-8", }, }) } catch (error) { console.error("Error generating report:", error) return new NextResponse("Failed to generate report. Please contact support.", { status: 500 }) } } [V0_FILE]typescript:file="app/api/report/store/route.ts" isMerged="true" import { NextRequest, NextResponse } from "next/server" import { put } from "@vercel/blob" export async function POST(request: NextRequest) { console.log("[v0-server] Report store API called") try { const body = await request.json() const { name, email, score, answers, gaps, actionPlan, insights } = body console.log("[v0-server] Generating report for:", name, "Score:", score) console.log("[v0-server] Gaps count:", gaps?.length || 0, "Action items:", actionPlan?.length || 0) // Generate a unique filename const id = crypto.randomUUID().split("-")[0] const filename = `reports/${id}-${name.replace(/\s+/g, "-").toLowerCase()}.html` console.log("[v0-server] Report ID:", id, "Filename:", filename) const scoreLabel = score >= 80 ? "Excellent" : score >= 60 ? "Good" : score >= 40 ? "Needs Improvement" : "Critical Attention Needed" const scoreColor = score >= 80 ? "#22c55e" : score >= 60 ? "#3b82f6" : score >= 40 ? "#f59e0b" : "#ef4444" const reportDate = new Date().toLocaleDateString("en-CA", { year: "numeric", month: "long", day: "numeric" }) // Ensure arrays have default content if empty const safeGaps = gaps && gaps.length > 0 ? gaps : [{ area: "General Corporate Planning", severity: "Medium", description: "A comprehensive review of your corporate structure may reveal optimization opportunities.", recommendation: "Schedule a consultation to identify specific areas for improvement in your corporate strategy." }] const safeActionPlan = actionPlan && actionPlan.length > 0 ? actionPlan : [{ action: "Schedule initial consultation", reason: "Begin with a comprehensive review of your current corporate structure", timeline: "Within 2 weeks" }] const safeInsights = insights && insights.length > 0 ? insights : [ "You're already ahead by completing this assessment. Taking action on your results will set you apart from most business owners." ] // Build the 30-Day Action Plan with weekly breakdown const thirtyDayPlan = `

Week 1 Foundation & Assessment

✓ Complete your corporate planning assessment (Done!)
○ Schedule your free strategy session with Dotun Afouda
○ Gather your most recent corporate financial statements
○ Review your current corporate structure documentation

Week 2 Strategy Session & Planning

○ Attend your complimentary strategy session
○ Discuss identified gaps and priority areas
○ Review personalized recommendations
○ Receive your customized implementation roadmap

Week 3 Implementation Begins

○ Begin addressing highest-priority gap identified
○ Coordinate with your accountant/legal team as needed
○ Set up any required accounts or structures
○ Review progress and adjust timeline if needed

Week 4 Optimization & Next Steps

○ Complete initial implementation phase
○ Review early results and metrics
○ Plan for medium-term strategies (60-90 days)
○ Schedule follow-up consultation to track progress

` // Generate the HTML report with all sections const html = ` Corporate Planning Blueprint - ${name}

Click the button above, then select "Save as PDF" as the destination

${score}

/ 100

Corporate Readiness Score

Your current planning optimization level

${scoreLabel}

Executive Summary

Based on your assessment responses, we've identified ${safeGaps.length} key area${safeGaps.length !== 1 ? 's' : ''} where strategic optimization could significantly benefit your corporate structure and personal wealth building.

Your current score of ${score}/100 indicates ${score >= 70 ? 'you have a solid foundation with room for optimization' : score >= 50 ? 'several opportunities exist to improve your corporate efficiency' : 'immediate attention is recommended to protect and grow your wealth'}.

Gaps Identified: ${safeGaps.length} area${safeGaps.length !== 1 ? 's' : ''} requiring attention
Action Items: ${safeActionPlan.length} recommended step${safeActionPlan.length !== 1 ? 's' : ''}
Priority Level: ${score < 50 ? 'High - Immediate action recommended' : score < 70 ? 'Medium - Action within 30 days recommended' : 'Standard - Optimize at your convenience'}

📋 Your Assessment Responses

Business Incorporated

${answers.incorporated || "N/A"}

Annual Revenue

${answers.revenue || "N/A"}

Profit Retention

${answers.retainProfits || "N/A"}

Primary Concern

${answers.concern || "N/A"}

Retirement Strategy

${answers.retirement || "N/A"}

Corporate Planning

${answers.planning || "N/A"}

Timeline to Act

${answers.timeline || "N/A"}

⚠️ Critical Gaps Identified

${safeGaps.map((gap: { area: string; description: string; severity: string; recommendation: string }) => { const severityClass = gap.severity === 'Critical' ? 'critical' : gap.severity === 'High' ? 'high' : 'medium' return `

${gap.severity} Priority

${gap.area}

${gap.description}

Recommendation: ${gap.recommendation}

` }).join("")}

🎯 Your Personalized Action Plan

${safeActionPlan.map((item: { action: string; reason: string; timeline: string }, i: number) => `

${i + 1}

${item.action}

${item.reason}

${item.timeline}

`).join("")}

📅 Your 30-Day Implementation Plan

${thirtyDayPlan}

💡 Personalized Insights

${safeInsights.map((insight: string) => `

${insight}

`).join("")}

Your Next Steps

Review this report — Understand your current gaps and opportunities
Book your free consultation — Discuss your results with Dotun Afouda
Receive your custom roadmap — Get a detailed implementation plan tailored to your situation
Take action — Start optimizing your corporate structure for protection and growth

` // Upload HTML to Vercel Blob (public storage - direct URL) console.log("[v0-server] Uploading report to Vercel Blob...") const blob = await put(filename, html, { access: "public", contentType: "text/html; charset=utf-8", }) console.log("[v0-server] Report uploaded successfully") console.log("[v0-server] Direct Blob URL:", blob.url) return NextResponse.json({ success: true, url: blob.url, id, pathname: blob.pathname }) } catch (error) { console.error("[v0-server] Error storing report:", error) const errorMessage = error instanceof Error ? error.message : "Unknown error" console.error("[v0-server] Error details:", errorMessage) return NextResponse.json({ error: "Failed to store report", details: errorMessage }, { status: 500 }) } } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter, Playfair_Display } from 'next/font/google' import "./globals.css" const inter = Inter({ subsets: ["latin"], display: "swap", variable: "--font-inter", }) const playfair = Playfair_Display({ subsets: ["latin"], display: "swap", variable: "--font-playfair", }) export const metadata: Metadata = { title: "Corporate Planning Assessment | Dotun Afouda", description: "Get your personalized Corporate Planning Blueprint in 60 seconds. Identify gaps in your corporate structure and optimize your business for tax efficiency and retirement.", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (

Corporate Planning Blueprint

${scoreLabel}

${gap.area}

${item.action}

Ready to Optimize Your Corporate Strategy?

Your Corporate Planning Blueprint

Corporate Readiness Score

Executive Summary

${gap.area}

${item.action}

Your Next Steps

Ready to Optimize Your Corporate Strategy?