Model Guide link update

Author: hipsterusername

invokeai/frontend/web/public/locales/en.json

@@ -2450,6 +2450,8 @@
             "upscalingTitle": "Upscale and add detail.",
             "canvasTitle": "Edit and refine on Canvas.",
             "generateTitle": "Generate images from text prompts.",
+            "modelGuideText": "Want to learn what prompts work best for each model?",
+            "modelGuideLink": "Check out our Model Guide.",
             "workflows": {
                 "description": "Workflows are reusable templates that automate image generation tasks, allowing you to quickly perform complex operations and get consistent results.",
                 "learnMoreLink": "Learn more about creating workflows",

invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/CanvasLaunchpadPanel.tsx

@@ -25,9 +25,14 @@ export const CanvasLaunchpadPanel = memo(() => {
             <InitialStateMainModelPicker />
             <Flex flexDir="column" gap={2} justifyContent="center">
               <Text>
-                Want to learn what prompts work best for each model?{' '}
-                <Button as="a" variant="link" href="#" size="sm">
-                  Check our our Model Guide.
+                {t('ui.launchpad.modelGuideText')}{' '}
+                <Button
+                  as="a"
+                  variant="link"
+                  href="https://support.invoke.ai/support/solutions/articles/151000216086-model-guide"
+                  size="sm"
+                >
+                  {t('ui.launchpad.modelGuideLink')}
                 </Button>
               </Text>
             </Flex>

invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/GenerateLaunchpadPanel.tsx

@@ -4,12 +4,10 @@ import { InitialStateMainModelPicker } from 'features/controlLayers/components/S
 import { LaunchpadAddStyleReference } from 'features/controlLayers/components/SimpleSession/LaunchpadAddStyleReference';
 import { setActiveTab } from 'features/ui/store/uiSlice';
 import { memo, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
 
 import { LaunchpadGenerateFromTextButton } from './LaunchpadGenerateFromTextButton';
 
 export const GenerateLaunchpadPanel = memo(() => {
-  const { t } = useTranslation();
   const dispatch = useAppDispatch();
   const newCanvasSession = useCallback(() => {
     dispatch(setActiveTab('canvas'));
@@ -18,15 +16,20 @@ export const GenerateLaunchpadPanel = memo(() => {
   return (
     <Flex flexDir="column" h="full" w="full" alignItems="center" gap={2}>
       <Flex flexDir="column" w="full" gap={4} px={14} maxW={768} pt="20vh">
-        <Heading mb={4}>{t('ui.launchpad.generateTitle')}</Heading>
+        <Heading mb={4}>Generate images from text prompts.</Heading>
         <Flex flexDir="column" gap={8}>
           <Grid gridTemplateColumns="1fr 1fr" gap={8}>
             <InitialStateMainModelPicker />
             <Flex flexDir="column" gap={2} justifyContent="center">
               <Text>
                 Want to learn what prompts work best for each model?{' '}
-                <Button as="a" variant="link" href="#" size="sm">
-                  Check our our Model Guide.
+                <Button
+                  as="a"
+                  variant="link"
+                  href="https://support.invoke.ai/support/solutions/articles/151000216086-model-guide"
+                  size="sm"
+                >
+                  Check out our Model Guide.
                 </Button>
               </Text>
             </Flex>