aggiunta ask ai a home

Author: apat0

src/components/sections/hero.astro

@@ -11,9 +11,13 @@ import { siteConfig } from "@/config/site";
         aria-hidden="true"
         class="absolute inset-0 -z-10 grid grid-cols-2 -space-x-52 opacity-40"
     >
-        <div class="blur-[60px] h-36 bg-gradient-to-br from-[#006fb1] to-[#2f8a81]">
+        <div
+            class="blur-[60px] h-36 bg-gradient-to-br from-[#006fb1] to-[#2f8a81]"
+        >
         </div>
-        <div class="blur-[60px] h-24 bg-gradient-to-r from-[#3d4f96] to-[#006fb1]">
+        <div
+            class="blur-[60px] h-24 bg-gradient-to-r from-[#3d4f96] to-[#006fb1]"
+        >
         </div>
     </div>
 
@@ -24,7 +28,11 @@ import { siteConfig } from "@/config/site";
                 <a
                     href="/releases"
                     class={cn(
-                        buttonVariants({ variant: "outline", size: "sm", rounded: "full" }),
+                        buttonVariants({
+                            variant: "outline",
+                            size: "sm",
+                            rounded: "full",
+                        }),
                         "px-3",
                     )}
                     target="_blank"
@@ -44,11 +52,29 @@ import { siteConfig } from "@/config/site";
                 </h1>
 
                 <div class="space-y-3 max-w-md">
-                    <p class="text-balance leading-normal text-muted-foreground sm:text-base sm:leading-7">
-                        Accedi a risorse, documentazione, guide e strumenti utili.
+                    <p
+                        class="text-balance leading-normal text-muted-foreground sm:text-base sm:leading-7"
+                    >
+                        Accedi a risorse, documentazione, guide e strumenti
+                        utili.
                     </p>
-                    <p class="text-balance font-semibold text-lg pt-2">
-                        Tutto in un unico posto.
+                    <p
+                        class="text-balance font-semibold text-2xl pt-2 flex items-center gap-2"
+                    >
+                        Tutto in un unico posto
+                        <a
+                            href="/ai"
+                            class="inline-flex items-center gap-1 text-lg font-semibold text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-green-500 transition-all duration-300 ease-in-out transform hover:from-green-500 hover:to-blue-600 hover:scale-105"
+                            style={{
+                                marginLeft: "20px", // Maggiore distanza a sinistra
+                            }}
+                        >
+                            ASK AI
+                            <Icon 
+                                name="lucide:brain" 
+                                class="size-5 text-green-500 font-bold transition-colors duration-300 ease-in-out hover:text-blue-500" 
+                            />
+                        </a>
                     </p>
                 </div>
 
@@ -76,14 +102,19 @@ import { siteConfig } from "@/config/site";
                             "px-4",
                         )}
                     >
-                        <span class="hidden sm:inline-block text-black dark:text-white">Vai Alla Knowledge Base</span>
+                        <span
+                            class="hidden sm:inline-block text-black dark:text-white"
+                            >Vai Alla Knowledge Base</span
+                        >
                         <Icon name="lucide:arrow-right" class="ml-2 size-4" />
                     </a>
                 </div>
             </div>
 
             <!-- Image Column -->
-            <div class="relative h-[300px] w-full perspective sm:h-[350px] lg:h-[400px]">
+            <div
+                class="relative h-[300px] w-full perspective sm:h-[350px] lg:h-[400px]"
+            >
                 <div class="image-container">
                     <img
                         src="/images/banner-hero.svg"

src/pages/docs/index.astro

@@ -98,6 +98,18 @@ const extraSections = [
       <h2 class="mt-2 mb-8 text-lg text-gray-700">
         Esplora risorse aggiuntive per trovare tutto ciò di cui hai bisogno.
       </h2>
+      <div class="w-full bg-gradient-to-r from-teal-400 via-blue-400 to-teal-400 text-white py-6 px-10 mb-8 rounded-lg shadow-lg transition-transform transform hover:scale-105">
+        <a href="/docs/getting-started" class="flex items-center justify-center">
+          <div class="flex items-center">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-8 mr-4">
+              <path stroke-linecap="round" stroke-linejoin="round" d="M12 2a10 10 0 100 20 10 10 0 000-20z" />
+              <path stroke-linecap="round" stroke-linejoin="round" d="M8 12a4 4 0 118 0 4 4 0 01-8 0z" />
+              <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v4m4 0H12m0 0H8m0 0v4m8-4v4" />
+            </svg>
+        <h2 class="text-xl font-bold">Chiedi al tuo assistente virtuale</h2>
+          </div>
+        </a>
+      </div>
       <div class="grid gap-6 sm:grid-cols-1 md:grid-cols-2">
         {extraSections.map((section) => (
           <DocCard