updates

src/pages/home/components/CtaSection.tsx

@@ -7,15 +7,25 @@ export const CtaSection = () => {
   return (
     <section className="snap-start bg-black">
       <div className="mx-auto flex w-full max-w-5xl flex-col items-center gap-10 px-6 py-40 text-center sm:px-10">
-        <motion.span
+        <motion.div
           initial={{ opacity: 0, y: 20 }}
           whileInView={{ opacity: 1, y: 0 }}
           viewport={{ once: true, margin: '-20%' }}
           transition={{ duration: 0.6, ease: 'easeOut' }}
-          className="text-xs font-semibold uppercase tracking-[0.4em] text-white"
+          className="flex items-center justify-center gap-4"
         >
-          Ready when you are
-        </motion.span>
+          <span
+            aria-hidden="true"
+            className="hidden h-px w-16 bg-gradient-to-r from-transparent via-brand-500/40 to-brand-300/70 sm:block"
+          />
+          <span className="text-xs font-semibold uppercase tracking-[0.4em] text-white">
+            Ready when you are
+          </span>
+          <span
+            aria-hidden="true"
+            className="hidden h-px w-16 bg-gradient-to-l from-transparent via-brand-500/40 to-brand-300/70 sm:block"
+          />
+        </motion.div>
         <motion.h3
           initial={{ opacity: 0, y: 24 }}
           whileInView={{ opacity: 1, y: 0 }}