import React, { useState } from 'react'; import { motion, AnimatePresence } from 'framer-motion'; import { Button } from '@/components/ui/button'; import { ArrowLeft, RotateCcw } from 'lucide-react'; // Decision tree structure based on Ozzy Segmentation const decisionTree = { id: 'start', question: 'Do you consider yourself an early adopter of new technologies?', yes: { id: 'q1-yes', question: 'Do you prioritize innovation over practicality?', yes: { id: 'q2-yes-yes', question: 'Are you willing to pay premium prices for cutting-edge features?', yes: { id: 'segment-1', segment: 1, description: 'You are a Tech Pioneer - Always first to embrace innovation', isEnd: true }, no: { id: 'segment-2', segment: 2, description: 'You are a Smart Innovator - Innovation meets value', isEnd: true } }, no: { id: 'q2-yes-no', question: 'Do you prefer proven solutions over experimental ones?', yes: { id: 'segment-3', segment: 3, description: 'You are a Balanced Adopter - Early but cautious', isEnd: true }, no: { id: 'segment-4', segment: 4, description: 'You are a Practical Innovator - New tech with purpose', isEnd: true } } }, no: { id: 'q1-no', question: 'Do you wait for others to test new products before trying them?', yes: { id: 'segment-5', segment: 5, description: 'You are a Cautious Observer - Safety in numbers', isEnd: true }, no: { id: 'segment-6', segment: 6, description: 'You are a Traditionalist - If it works, don\'t fix it', isEnd: true } } }; export default function OzzyGame() { const [currentNode, setCurrentNode] = useState(decisionTree); const [history, setHistory] = useState([]); const handleAnswer = (answer) => { setHistory([...history, currentNode]); setCurrentNode(answer === 'yes' ? currentNode.yes : currentNode.no); }; const handleBack = () => { if (history.length > 0) { const newHistory = [...history]; const previousNode = newHistory.pop(); setHistory(newHistory); setCurrentNode(previousNode); } }; const handleRestart = () => { setCurrentNode(decisionTree); setHistory([]); }; return (
{!currentNode.isEnd ? ( {/* Progress indicator */}
Question {history.length + 1} {history.length > 0 && ( )}
{/* Question */}

{currentNode.question}

{/* Answer buttons */}
) : ( {currentNode.segment}

Segment {currentNode.segment}

{currentNode.description}

  • Key characteristic of this segment profile
  • Another important trait to consider
  • What makes this group unique
)}
); }
top of page
0MMCRx6w.jpeg
We’re a bunch of silverbacked marketers dedicated to the baby boomer generation where much of Britain’s economic and cultural power resides.

 

Affluent, opinionated and independently minded, baby boomers lack the appreciation and attention they demand, crassly stereotyped by a youth-obsessed creative industry. 

​

As both baby boomers and marketing folk, we’re here to help a few decent companies in a few key markets make better connections with a whole generation of very valuable customers. 

​

With their own money and marbles, baby boomers are a rewarding bunch, if you understand and play by their rules. 

​

Which we do. 

​

​Humbug to those who don’t.

Old news! Click below

  • LinkedIn
Fancy a natter?


Call Quentin 07970 458436 or Tim 07919 556408 

© 2023 HUMBUG 

bottom of page