update home page

components/aiero/PossibilitiesSection.tsx

@@ -11,14 +11,14 @@ export function PossibilitiesSection() {
         {/* Left Column */}
         <div className="flex flex-col items-start pr-[10%] pt-[20px]">
           <span
-            className="aiero-subheading mb-[16px] text-white"
+            className="aiero-subheading mb-[16px] text-aiero-dark uppercase tracking-[0.1em]"
             style={{ fontFamily: "var(--font-sora)" }}
           >
-            Possibilities
+            [ possibilities ]
           </span>
           
           <h2
-            className="mb-[24px] max-w-[500px] tracking-[-0.03em] text-white"
+            className="mb-[24px] max-w-[500px] tracking-[-0.03em] text-aiero-dark"
             style={{
               fontFamily: "var(--font-dm-sans)",
               fontSize: "clamp(32px, 4vw, 56px)",
@@ -26,17 +26,17 @@ export function PossibilitiesSection() {
               lineHeight: 1.1,
             }}
           >
-            Explore limitless possibilities with Aiero AI
+            Explore limitless possibilities with our intelligent solutions
           </h2>
           
-          <p className="mb-[40px] max-w-[480px] text-[16px] text-[#87899B]">
-            Guppy siamese fighting fish, round stingray roach, sand tiger yellow weaver fish. Longnose lancetfish mooneye opah ghost fish.
+          <p className="mb-[40px] max-w-[480px] text-[16px] leading-[1.8] text-aiero-text-muted">
+            AIERO is a leading AI agency committed to transforming businesses through cutting-edge artificial intelligence solutions. We specialize in delivering tailored AI strategies that drive innovation, optimize processes, and unlock new opportunities for growth.
           </p>
           
           <AieroButton
-            variant="gradient-fill"
+            variant="gradient-border"
             className="rounded-[25px] px-[35px] py-[15px] text-[15px] font-medium"
-            showArrow={false}
+            showArrow={true}
           >
             Explore more
           </AieroButton>
@@ -45,9 +45,15 @@ export function PossibilitiesSection() {
             <Counter
               target={270}
               suffix="k"
-              numberClassName="text-[60px] md:text-[80px] font-bold leading-none font-[var(--font-manrope)] gradient-text-purple"
-              title="Global satisfied customers"
-              titleClassName="font-[var(--font-manrope)] text-[16px] font-medium leading-[1.4] text-[#87899B] max-w-[120px]"
+              numberClassName="text-[60px] md:text-[100px] font-extrabold leading-none font-[var(--font-manrope)] text-transparent"
+              style={{
+                WebkitTextStroke: "1px #E2D7F8",
+                backgroundImage: "linear-gradient(180deg, rgba(226, 215, 248, 0.44) 0%, rgba(226, 215, 248, 0.06) 90%)",
+                backgroundClip: "text",
+                WebkitBackgroundClip: "text",
+              }}
+              title="AI Solutions for our clients"
+              titleClassName="font-[var(--font-manrope)] text-[16px] font-bold leading-[1.4] text-aiero-dark max-w-[120px]"
               layout="row-reverse"
               gap="30px"
             />
@@ -59,26 +65,30 @@ export function PossibilitiesSection() {
           <IconBox
             icon={<OrbitIcon className="h-full w-full" />}
             title="Cutting-edge technology"
-            description="Integration of state-of-the-art AI algorithms, including deep learning, natural language processing."
+            description="Integrating neural network models into existing systems or software applications, enabling businesses to leverage AI capabilities seamlessly."
             hasBorder={true}
+            theme="light"
           />
           <IconBox
             icon={<FanIcon className="h-full w-full" />}
             title="Tailored solutions"
-            description="Custom design and development of neural network architectures tailored to specific business needs."
+            description="Integrating neural network models into existing systems or software applications, enabling businesses to leverage AI capabilities seamlessly."
             hasBorder={true}
+            theme="light"
           />
           <IconBox
             icon={<CirclesIcon className="h-full w-full" />}
             title="Training and workshops"
             description="Custom design and development of neural network architectures tailored to specific business needs and objectives."
             hasBorder={true}
+            theme="light"
           />
           <IconBox
             icon={<ExpandIcon className="h-full w-full" />}
-            title="AI-powered design"
-            description="Integration of state-of-the-art AI algorithms, including deep learning, natural language processing."
-            hasBorder={false}
+            title="Modern development"
+            description="Building and training deep neural networks for tasks such as image recognition, natural language processing, speech recognition, and anomaly detection."
+            hasBorder={true}
+            theme="light"
           />
         </div>