Bump astro from 6.4.4 to 6.4.7

README.md

@@ -1 +0,0 @@
-

astro.config.mjs

@@ -2,13 +2,20 @@ import { defineConfig } from 'astro/config';
 import tailwindcss from '@tailwindcss/vite';
 import sitemap from '@astrojs/sitemap';
 import starlight from '@astrojs/starlight';
+import vercel from '@astrojs/vercel';
 
 import mdx from '@astrojs/mdx';
 
 // https://astro.build/config
 export default defineConfig({
+  output: 'server',
+  adapter: vercel({
+    webAnalytics: {
+      enabled: true,
+    },
+  }),
   // https://docs.astro.build/en/guides/images/#authorizing-remote-images
-  site: 'https://screwfast.uk',
+  site: 'https://r3actr.work',
   image: {
     domains: ['images.unsplash.com'],
   },
@@ -34,7 +41,7 @@ export default defineConfig({
       },
     }),
     starlight({
-      title: 'ScrewFast Docs',
+      title: 'R3ACTR Docs',
       // https://github.com/withastro/starlight/blob/main/packages/starlight/CHANGELOG.md
       // If no Astro and Starlight i18n configurations are provided, the built-in default locale is used in Starlight and a matching Astro i18n configuration is generated/used.
       // If only a Starlight i18n configuration is provided, an equivalent Astro i18n configuration is generated/used.
@@ -104,14 +111,14 @@ export default defineConfig({
           tag: 'meta',
           attrs: {
             property: 'og:image',
-            content: 'https://screwfast.uk' + '/social.webp',
+            content: 'https://r3actr.work' + '/social.png',
           },
         },
         {
           tag: 'meta',
           attrs: {
             property: 'twitter:image',
-            content: 'https://screwfast.uk' + '/social.webp',
+            content: 'https://r3actr.work' + '/social.png',
           },
         },
       ],

package.json

@@ -16,8 +16,10 @@
     "@astrojs/mdx": "^5.0.6",
     "@astrojs/sitemap": "^3.7.3",
     "@astrojs/starlight": "^0.39.3",
+    "@astrojs/vercel": "^10.0.8",
     "@tailwindcss/vite": "^4.3.0",
-    "astro": "^6.4.4",
+    "@vercel/analytics": "^2.0.1",
+    "astro": "^6.4.7",
     "clipboard": "^2.0.11",
     "globby": "^16.2.0",
     "gsap": "^3.15.0",

src/assets/styles/global.css

@@ -48,7 +48,9 @@
 }
 
 @theme {
-  --font-sans: 'Chillax', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-sans:
+    'Chillax', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   /* https://tailwindcss.com/docs/colors#customizing-your-colors */
   --color-*: initial;
   --color-transparent: transparent;

src/components/BrandLogo.astro

@@ -2,4 +2,10 @@
 // R3ACTR Logo component
 const { class: className, ...rest } = Astro.props;
 ---
-<img src="/R3ACTRLOGOWHITE.svg" alt="R3ACTR Logo" class={`invert dark:invert-0 ${className || ''}`} {...rest} />
+
+<img
+  src="/R3ACTRLOGOWHITE.svg"
+  alt="R3ACTR Logo"
+  class={`invert dark:invert-0 ${className || ''}`}
+  {...rest}
+/>

src/components/Meta.astro

@@ -57,8 +57,6 @@ function createHref(lang: string, prefix: string, path: string): string {
 }
 
 const fullPath: string = Astro.url.pathname;
-
-
 ---
 
 {

src/components/sections/features/FeaturesNavs.astro

@@ -86,7 +86,7 @@ interface Props {
       </div>
     </div>
 
-    <div class="absolute inset-0 h-full w-full z-[-1]">
+    <div class="absolute inset-0 z-[-1] h-full w-full">
       {/* Decorative background and sizing */}
       <div
         class="h-full w-full rounded-[36px] bg-neutral-100 dark:bg-white/[.075]"

src/components/sections/features/FeaturesStatsAlt.astro

@@ -13,28 +13,32 @@ interface Props {
 const ListItemMarker: string = `<svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mt-0.5 h-6 w-6 text-orange-500 dark:text-orange-400 flex-none"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/></svg>`;
 ---
 
-<section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full">
-  <div class="max-w-4xl mx-auto text-center flex flex-col items-center">
-    <div class="space-y-6 sm:space-y-8 w-full">
-      <div class="space-y-4 md:space-y-6 mb-12">
-        <h2 class="text-4xl font-extrabold tracking-tight text-neutral-800 lg:text-5xl dark:text-neutral-200">
+<section
+  class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"
+>
+  <div class="mx-auto flex max-w-4xl flex-col items-center text-center">
+    <div class="w-full space-y-6 sm:space-y-8">
+      <div class="mb-12 space-y-4 md:space-y-6">
+        <h2
+          class="text-4xl font-extrabold tracking-tight text-neutral-800 lg:text-5xl dark:text-neutral-200"
+        >
           {title}
         </h2>
         {
           subTitle && (
-            <p class="text-lg text-pretty text-neutral-600 dark:text-neutral-400 max-w-2xl mx-auto">
+            <p class="mx-auto max-w-2xl text-lg text-pretty text-neutral-600 dark:text-neutral-400">
               {subTitle}
             </p>
           )
         }
       </div>
       {
         benefits && (
-          <ul class="space-y-4 sm:space-y-6 max-w-2xl mx-auto text-left inline-block">
-            {benefits.map((item) => (
+          <ul class="mx-auto inline-block max-w-2xl space-y-4 text-left sm:space-y-6">
+            {benefits.map(item => (
               <li class="flex items-start space-x-4">
                 <Fragment set:html={ListItemMarker} />
-                <span class="text-lg font-medium text-pretty text-neutral-700 dark:text-neutral-300 leading-relaxed">
+                <span class="text-lg leading-relaxed font-medium text-pretty text-neutral-700 dark:text-neutral-300">
                   {item}
                 </span>
               </li>

src/components/sections/landing/AboutSection.astro

@@ -18,26 +18,38 @@ interface Props {
       class="block text-3xl font-extrabold tracking-tight text-neutral-800 sm:text-4xl lg:text-5xl lg:leading-tight dark:text-neutral-200"
     >
       OTHERS CHASE TRENDS.<br />
-      <span class="text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-orange-600 dark:from-orange-300 dark:to-orange-500">WE ENGINEER MOMENTUM.</span>
+      <span
+        class="bg-gradient-to-r from-orange-400 to-orange-600 bg-clip-text text-transparent dark:from-orange-300 dark:to-orange-500"
+        >WE ENGINEER MOMENTUM.</span
+      >
     </h2>
-    
+
     <p class="mt-6 text-lg text-pretty text-neutral-600 dark:text-neutral-400">
-      At R3ACTR, we specialize in building innovative software solutions, research-driven projects, and cutting-edge web experiences. From AI and Web3 applications to SaaS platforms, our goal is to create products that make a real impact.
+      At R3ACTR, we specialize in building innovative software solutions,
+      research-driven projects, and cutting-edge web experiences. From AI and
+      Web3 applications to SaaS platforms, our goal is to create products that
+      make a real impact.
     </p>
-    
+
     <p class="mt-4 text-lg text-pretty text-neutral-600 dark:text-neutral-400">
-      We combine creativity, technology, and research to craft software that is not only functional but also intelligent, scalable, and user-friendly. Whether designing sleek interfaces, developing complex applications, or exploring emerging technologies, our team is always pushing the boundaries of what’s possible.
+      We combine creativity, technology, and research to craft software that is
+      not only functional but also intelligent, scalable, and user-friendly.
+      Whether designing sleek interfaces, developing complex applications, or
+      exploring emerging technologies, our team is always pushing the boundaries
+      of what’s possible.
     </p>
   </div>
 
   {/* Right Column: Image */}
-  <div class="flex w-full justify-center order-first md:order-last mb-8 md:mb-0">
+  <div
+    class="order-first mb-8 flex w-full justify-center md:order-last md:mb-0"
+  >
     {
       src && (
         <img
           src={src}
           alt="About R3ACTR"
-          class="w-3/4 md:w-full lg:w-4/5 h-auto object-contain drop-shadow-2xl"
+          class="h-auto w-3/4 object-contain drop-shadow-2xl md:w-full lg:w-4/5"
           draggable="false"
           loading="lazy"
         />

src/components/sections/landing/HeroSection.astro

@@ -45,7 +45,7 @@ interface Props {
   class="mx-auto grid max-w-[85rem] gap-4 px-4 pt-24 pb-14 sm:px-6 md:grid-cols-2 md:items-center md:gap-8 lg:px-8 2xl:max-w-full"
 >
   {/* Title and description */}
-  <div class="order-2 md:order-1 mt-8 md:mt-0">
+  <div class="order-2 mt-8 md:order-1 md:mt-0">
     {
       /* Each h1 and p tag renders a portion of the title and subTitle defined above */
     }
@@ -67,7 +67,9 @@ interface Props {
     {
       /* Action Button Section: This section includes two CTAs with their own styles and URL */
     }
-    <div class="mt-7 flex w-full flex-row justify-center gap-3 sm:justify-start sm:inline-flex">
+    <div
+      class="mt-7 flex w-full flex-row justify-center gap-3 sm:inline-flex sm:justify-start"
+    >
       {primaryBtn && <PrimaryCTA title={primaryBtn} url={primaryBtnURL} />}
       {
         secondaryBtn && (
@@ -93,15 +95,16 @@ interface Props {
     }
   </div>
   {/* Hero Image Section */}
-  <div class="flex w-full justify-center order-1 md:order-2">
+  <div class="order-1 flex w-full justify-center md:order-2">
     <div class="top-12 w-full">
       {
-        src && alt && (
-          typeof src === 'string' ? (
+        src &&
+          alt &&
+          (typeof src === 'string' ? (
             <img
               src={src}
               alt={alt}
-              class="w-full h-auto object-contain md:scale-110 lg:scale-115"
+              class="h-auto w-full object-contain md:scale-110 lg:scale-115"
               draggable="false"
               loading="eager"
             />
@@ -114,8 +117,7 @@ interface Props {
               loading={'eager'}
               format={'avif'}
             />
-          )
-        )
+          ))
       }
     </div>
   </div>

src/components/sections/landing/HeroSectionAlt.astro

@@ -29,7 +29,7 @@ interface Props {
         <img
           src={src}
           alt={title}
-          class="w-1/2 md:w-3/5 lg:w-1/2 h-auto object-contain rounded-2xl"
+          class="h-auto w-1/2 rounded-2xl object-contain md:w-3/5 lg:w-1/2"
           draggable="false"
           loading="lazy"
         />
@@ -45,7 +45,10 @@ interface Props {
     />
     {
       subTitle && (
-        <p class="mt-5 text-lg text-pretty text-neutral-600 dark:text-neutral-400" set:html={subTitle} />
+        <p
+          class="mt-5 text-lg text-pretty text-neutral-600 dark:text-neutral-400"
+          set:html={subTitle}
+        />
       )
     }
     {