replace style.css by components

src/components/card/card.tsx

@@ -1,15 +1,16 @@
 import React from "react";
 
 import { landing } from "../../assets/images";
+import { Header1 } from "../common";
 import { Link } from "../link";
 
 import {
-  Header,
-  Wrapper,
+  CardHeader,
+  CardWrapper,
   SubHeader,
   Content,
   CardImage,
-  Text,
+  CardText,
 } from "./card.style";
 
 export const Card = ({
@@ -20,24 +21,24 @@ export const Card = ({
   link,
   directionReverse,
 }) => (
-  <Wrapper>
-    <Header>
+  <CardWrapper>
+    <CardHeader>
       {title && (
-        <h1 className="h1">
+        <Header1>
           <Link inheritColor href={link}>
             {title}
           </Link>
-        </h1>
+        </Header1>
       )}
       {subTitle && <SubHeader>{subTitle}</SubHeader>}
-    </Header>
+    </CardHeader>
     <Content directionReverse={directionReverse}>
       {image && (
         <CardImage directionReverse={directionReverse} src={landing[image]} />
       )}
-      <Text>{children}</Text>
+      <CardText>{children}</CardText>
     </Content>
-  </Wrapper>
+  </CardWrapper>
 );
 
 Card.defaultProps = {