ok

src/components/ClickableGallery.tsx

@@ -52,12 +52,12 @@ export function ClickableGallery() {
 
   return (
     <>
-      <div className="relative isolate pt-24 pb-12 text-center">
+      <div className="relative isolate pt-24 pb-0 text-center w-full h-screen">
         <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} transition={{ duration: 1, delay: 1 }} className="mx-auto max-w-5xl">
           <H2 className="text-center">One Agent, Endless Possibilities.</H2>
         </motion.div>
-        <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} transition={{ duration: 1, delay: 1.5 }} className="mx-auto max-w-3xl mt-8">
-          <P className="text-center">
+        <motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} transition={{ duration: 1, delay: 1.5 }} className="mx-auto max-w-4xl mt-6">
+          <P className="text-center" color="custom">
             The future isn’t about more tools. It’s about one intelligent partner that can do it all. This is your gateway to creativity, automation, and discovery.
           </P>
         </motion.div>
@@ -75,7 +75,7 @@ export function ClickableGallery() {
         </div>
       </div>
       <section
-        className="relative w-full h-[900px] flex items-center justify-center overflow-hidden bg-background -mt-48"
+        className="relative w-full h-[900px] flex items-center justify-center overflow-hidden bg-background -mt-32"
         onMouseEnter={() => setHovering(true)}
         onMouseLeave={() => setHovering(false)}
       >
@@ -165,7 +165,7 @@ export function ClickableGallery() {
         {/* Foreground pill */}
         <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-[60]">
           <div className="flex items-center justify-between w-[1040px] gap-6 rounded-3xl bg-white/95 shadow-[0_8px_40px_rgba(0,0,0,0.15)] px-12 py-6 backdrop-blur">
-            <H4 as="div" className="max-w-[820px] h-[72px]">
+            <H4 as="h4" className="max-w-[820px] h-[72px]">
               <TypeAnimation
                 key={active}
                 sequence={[galleryItems[active].text]}