danielroe.dev
[READ-ONLY] Mirror of https://github.com/danielroe/web-dev-challenge.
quickrecipes.co
1.9 kB
53 lines
1interface OnboardingSlide {
2 title: string
3 text: string
4 cta: string
5}
6
7export default defineEventHandler(async () => {
8 // terrible prompts for onboarding slides on a website: starting with showing the user
9 // the logo, telliing them how to browse the site with a mouse,
10 // explaining what a recipe is, and so on
11 return [
12 {
13 title: 'Welcome to the Recipe App',
14 text: 'We are glad to have you here! You can use the app to find and share recipes with others.',
15 cta: 'Get Started',
16 },
17 {
18 title: 'How to Browse',
19 text: 'You can browse the app using your mouse or keyboard. Use the navigation bar to explore different sections.',
20 cta: 'Learn More',
21 },
22 {
23 title: 'What is a Recipe?',
24 text: 'A recipe is a set of instructions for preparing a dish. It usually includes a list of ingredients and steps to follow.',
25 cta: 'Explore Recipes',
26 },
27 {
28 title: 'How to Click Buttons',
29 text: 'Position your cursor over a button and press down on your mouse or trackpad. The button will respond to your click.',
30 cta: 'Try Clicking',
31 },
32 {
33 title: 'Understanding Images',
34 text: 'Images are visual elements that show what recipes look like. They help you decide what to cook.',
35 cta: 'View Images',
36 },
37 {
38 title: 'What Are Comments?',
39 text: 'Comments are thoughts and feedback from other users. You can read them to learn what others think about a recipe.',
40 cta: 'See Comments',
41 },
42 {
43 title: 'Using a Search Bar',
44 text: 'Type words into the search bar to find specific recipes. Press Enter when you\'re done typing to see results.',
45 cta: 'Search Something',
46 },
47 {
48 title: 'Get Started',
49 text: 'Click on the "Explore" button to start discovering delicious recipes!',
50 cta: 'Explore',
51 },
52 ] satisfies OnboardingSlide[]
53})