Address google's feedback about website

astro.config.mjs

@@ -29,11 +29,6 @@ const redirects = {
 export default defineConfig({
   site: process.env.SITE_URL || 'https://promptless.ai',
   redirects,
-  image: {
-    service: {
-      entrypoint: 'astro/assets/services/noop',
-    },
-  },
   integrations: [
     react(),
     starlight({
@@ -65,6 +60,16 @@ export default defineConfig({
         baseUrl: 'https://github.com/Promptless/docs/tree/main',
       },
       head: [
+        {
+          tag: 'link',
+          attrs: {
+            rel: 'preload',
+            href: '/fonts/InterVariable.woff2',
+            as: 'font',
+            type: 'font/woff2',
+            crossorigin: '',
+          },
+        },
         {
           tag: 'meta',
           attrs: { property: 'og:image', content: 'https://promptless.ai/assets/social-card.png' },

migration/redirects.generated.json

@@ -60,6 +60,11 @@
       "destination": "/docs/configuring-promptless/doc-collections/git-hub-repos-docs-as-code",
       "permanent": true
     },
+    {
+      "source": "/docs/configuring-promptless/doc-collections/webflow-beta",
+      "destination": "/docs/configuring-promptless/doc-collections/git-hub-repos-docs-as-code",
+      "permanent": true
+    },
     {
       "source": "/docs/configuring-promptless/doc-collections/zendesk",
       "destination": "/docs/configuring-promptless/doc-collections/git-hub-repos-docs-as-code",
@@ -125,6 +130,16 @@
       "destination": "/docs/integrations/intercom-integration-beta",
       "permanent": true
     },
+    {
+      "source": "/docs/integrations/git-hub-integration",
+      "destination": "/docs/integrations/github-integration",
+      "permanent": true
+    },
+    {
+      "source": "/docs/integrations/jira-integration",
+      "destination": "/docs/integrations/atlassian-integration",
+      "permanent": true
+    },
     {
       "source": "/docs/integrations/microsoft-teams",
       "destination": "/docs/integrations/microsoft-teams-integration",

package.json

@@ -35,7 +35,7 @@
     "@types/js-yaml": "^4.0.9",
     "@types/node": "^22.13.10",
     "tsx": "^4.19.3",
-    "typescript": "^5.8.2"
+    "typescript": "^5.9.3"
   },
   "engines": {
     "node": ">=20.0"

src/components/site/Hero.astro

@@ -1,4 +1,7 @@
 ---
+import { Image } from 'astro:assets';
+import ycLogo from '../../assets/site/yc_logo.svg.png';
+
 interface Props {
   prefix?: string;
   words?: string[];
@@ -38,7 +41,7 @@ const {
 
   <div class="pl-site-trust-row">
     <div class="pl-site-trust-badge">
-      <img src="/site/yc_logo.svg.png" alt="Y Combinator" width="20" height="20" />
+      <Image src={ycLogo} alt="Y Combinator" width={40} height={40} />
       <span>Backed by Y Combinator</span>
     </div>
     <span>Trusted by fast-growing startups and Fortune 500 enterprises alike</span>

src/components/site/HowItWorks.astro

@@ -1,11 +1,20 @@
 ---
+import { Image } from 'astro:assets';
+import type { ImageMetadata } from 'astro';
+
+import listenImg from '../../assets/homepage/promptless_1_listen.png';
+import draftImg from '../../assets/homepage/Frame 29 (10).png';
+import draftSecondaryImg from '../../assets/homepage/promptless-2-2.png';
+import reviewImg from '../../assets/site/step_3.png';
+import publishImg from '../../assets/homepage/Frame 35.png';
+
 interface Step {
   id: string;
   label: string;
   description: string;
-  image?: string;
+  image?: ImageMetadata;
   imageAlt?: string;
-  imageSecondary?: string;
+  imageSecondary?: ImageMetadata;
   imageSecondaryAlt?: string;
 }
 
@@ -22,30 +31,30 @@ const defaultSteps: Step[] = [
     id: 'listen',
     label: 'Listen',
     description: 'When a PR opens, a slack thread about docs starts, or a DOC ticket gets created, Promptless automatically wakes up and decides whether it warrants a doc update',
-    image: '/assets/promptless_1_listen.png',
+    image: listenImg,
     imageAlt: 'Step 1: Listen - Connect to Github, Slack, and Linear',
   },
   {
     id: 'draft',
     label: 'Draft',
     description: 'Promptless does research across the context you connect it to, and proactively notifies you when there\'s a documentation suggestion.',
-    image: '/assets/Frame%2029%20(10).png',
+    image: draftImg,
     imageAlt: 'Step 2: Draft - Promptless notifies you proactively with suggestions',
-    imageSecondary: '/assets/promptless-2-2.png',
+    imageSecondary: draftSecondaryImg,
     imageSecondaryAlt: 'Step 2: additional Promptless draft screenshot',
   },
   {
     id: 'review',
     label: 'Review',
     description: 'Review citations, provide feedback, or edit suggestions inline.',
-    image: '/site/step_3.png',
+    image: reviewImg,
     imageAlt: 'Step 3: Review - review citations, feedback, and inline edits',
   },
   {
     id: 'publish',
     label: 'Publish',
     description: 'Open PRs or deploy directly to your docs provider.',
-    image: '/assets/Frame%2035.png',
+    image: publishImg,
     imageAlt: 'Step 4: Publish - open PRs or deploy directly to your docs provider',
   },
 ];
@@ -72,11 +81,11 @@ const {
           {step.image ? (
             <>
               <div class="pl-site-step-surface">
-                <img src={step.image} alt={step.imageAlt ?? step.label} loading="lazy" />
+                <Image src={step.image} alt={step.imageAlt ?? step.label} loading="lazy" width={616} />
               </div>
               {step.imageSecondary ? (
                 <div class="pl-site-step-surface pl-site-step-surface-secondary">
-                  <img src={step.imageSecondary} alt={step.imageSecondaryAlt ?? `${step.label} additional image`} loading="lazy" />
+                  <Image src={step.imageSecondary} alt={step.imageSecondaryAlt ?? `${step.label} additional image`} loading="lazy" width={616} />
                 </div>
               ) : null}
             </>