build ui header, footer, home page, about page

app/components/about/AboutIntro.tsx

@@ -0,0 +1,32 @@
+import { AboutData } from '../../about/types';
+
+interface AboutIntroProps {
+    data: AboutData['intro'];
+}
+
+const AboutIntro = ({ data }: AboutIntroProps) => {
+    return (
+        <section className="intro-section section-padding fix pb-0">
+            <div className="container">
+                <div className="section-title-area">
+                    <div className="section-title">
+                        <span className="sub-title-2 wow fadeInUp">Company Intro</span>
+                        <h2 className="split-text-right split-text-in-right">
+                            {data.heading}
+                        </h2>
+                    </div>
+                    <p>
+                        {data.description}
+                    </p>
+                </div>
+                <div className="row">
+                    <div className="intro-image tp-clip-anim p-relative">
+                        <img src={data.image} alt="img" className="tp-anim-img" data-animate="true" />
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+};
+
+export default AboutIntro;