feat: update homepage title and description; adjust InfiniteMovingCards animation speed and styles; remove unused quote from personas data

Author: gitcoder89431

src/app/page.tsx

@@ -40,10 +40,10 @@ export default function Home() {
           <div className="relative z-20 flex flex-col items-center justify-center h-full">
             <div className="text-center mb-16">
               <h1 className="text-4xl md:text-6xl font-bold text-neutral-900 dark:text-neutral-100 mb-6">
-                Atlas
+                RUIXEN
               </h1>
               <p className="text-xl md:text-2xl text-neutral-600 dark:text-neutral-400 max-w-3xl mx-auto">
-                Where history's greatest minds meet tomorrow's intelligence
+                The bridge between past wisdom and future intelligence
               </p>
             </div>
 
@@ -53,12 +53,6 @@ export default function Home() {
                 items={quotes}
                 direction="right"
                 speed="slow"
-                className="mb-8"
-              />
-              <InfiniteMovingCards
-                items={quotes.slice().reverse()}
-                direction="left"
-                speed="normal"
               />
             </div>
           </div>

src/components/ui/infinite-moving-cards.tsx

@@ -65,11 +65,11 @@ export const InfiniteMovingCards = ({
   const getSpeed = () => {
     if (containerRef.current) {
       if (speed === "fast") {
-        containerRef.current.style.setProperty("--animation-duration", "20s");
+        containerRef.current.style.setProperty("--animation-duration", "300s");
       } else if (speed === "normal") {
-        containerRef.current.style.setProperty("--animation-duration", "40s");
+        containerRef.current.style.setProperty("--animation-duration", "450s");
       } else {
-        containerRef.current.style.setProperty("--animation-duration", "80s");
+        containerRef.current.style.setProperty("--animation-duration", "600s");
       }
     }
   };
@@ -92,27 +92,23 @@ export const InfiniteMovingCards = ({
       >
         {items.map((item, idx) => (
           <li
-            className="w-[350px] max-w-full relative rounded-2xl border border-b-0 flex-shrink-0 border-slate-700 px-8 py-6 md:w-[450px]"
-            style={{
-              background:
-                "linear-gradient(180deg, var(--slate-800), var(--slate-900))",
-            }}
+            className="w-[350px] max-w-full relative rounded-2xl border border-b-0 flex-shrink-0 border-neutral-300 dark:border-slate-700 px-8 py-6 md:w-[450px] bg-neutral-800 dark:bg-slate-800"
             key={idx}
           >
             <blockquote>
               <div
                 aria-hidden="true"
                 className="user-select-none -z-1 pointer-events-none absolute -left-0.5 -top-0.5 h-[calc(100%_+_4px)] w-[calc(100%_+_4px)]"
               ></div>
-              <span className="relative z-20 text-sm leading-[1.6] text-gray-100 font-normal">
+              <span className="relative z-20 text-sm leading-[1.6] text-white dark:text-gray-100 font-normal">
                 "{item.quote}"
               </span>
               <div className="relative z-20 mt-6 flex flex-row items-center">
                 <span className="flex flex-col gap-1">
-                  <span className="text-sm leading-[1.6] text-gray-400 font-normal">
+                  <span className="text-sm leading-[1.6] text-neutral-300 dark:text-gray-400 font-normal">
                     {item.name}
                   </span>
-                  <span className="text-sm leading-[1.6] text-gray-400 font-normal">
+                  <span className="text-sm leading-[1.6] text-neutral-300 dark:text-gray-400 font-normal">
                     {item.title}
                   </span>
                 </span>

src/data/personas.ts

@@ -726,7 +726,6 @@ export const personas: Persona[] = [
       "Computational philosophy exploration"
     ],
     famousQuotes: [
-      "Better to be safe than sorry.",
       "The bridge between past wisdom and future intelligence."
     ],
     expertise: ["Software Development", "AI Systems", "Digital Philosophy", "Content Curation"],