update home page

components/aiero/about/AboutIntroSection.tsx

@@ -0,0 +1,55 @@
+
+import { PageContainer } from "@/components/shared/PageContainer";
+import { SectionContainer } from "@/components/shared/SectionContainer";
+
+export function AboutIntroSection() {
+  return (
+    <SectionContainer paddingY="lg">
+      <PageContainer className="grid grid-cols-1 gap-12 lg:grid-cols-[1fr_1fr] lg:gap-[60px] xl:gap-[100px]">
+        {/* Left: Text Content */}
+        <div className="flex flex-col items-start justify-center pt-5">
+          <span
+            className="aiero-subheading mb-4 text-aiero-teal"
+            style={{ fontFamily: "var(--font-sora)" }}
+          >
+            about
+          </span>
+          <h2
+            className="mb-6 tracking-[-0.03em] text-white"
+            style={{
+              fontFamily: "var(--font-dm-sans)",
+              fontSize: "clamp(32px, 4vw, 56px)",
+              fontWeight: 500,
+              lineHeight: 1.1,
+            }}
+          >
+            Awesome things in working with Aiero WordPress theme
+          </h2>
+          <p className="mb-8 text-base leading-relaxed text-aiero-text-muted">
+            At XXLando, we are a leading AI services provider dedicated to
+            delivering innovative solutions that leverage artificial
+            intelligence to transform businesses.
+          </p>
+          <p className="text-base leading-relaxed text-aiero-text-muted">
+            Our team of experts specializes in developing cutting-edge AI
+            technologies, such as machine learning, natural language
+            processing, and computer vision, to help our clients streamline
+            operations, enhance decision-making.
+          </p>
+        </div>
+
+        {/* Right: Images */}
+        <div className="relative">
+          <div className="relative aspect-[4/5] w-full overflow-hidden rounded-[25px] bg-aiero-card-dark">
+            <div
+              className="absolute inset-0 bg-cover bg-center"
+              style={{
+                backgroundImage: "url(/images/aiero/home-9-img.png)",
+              }}
+            />
+          </div>
+        </div>
+      </PageContainer>
+    </SectionContainer>
+  );
+}