Results Page + Contacts

src/Components/Pages/Results/Card.tsx

@@ -0,0 +1,24 @@
+interface IProps {
+  title: string;
+  description: string;
+}
+
+const Card = ({ title, description }: IProps) => {
+  return (
+    <div className="mt-5 xl:mt-0 flex bg-gradient-to-b from-gold-light to-gold-dark p-0.5 shadow-lg">
+      <div className="w-full font-medium md:px-4 py-1 bg-gradient-to-br from-custom-bglight to-custom-bgdark">
+        <h1 className="mt-2 lg:mt-6 text-3xl xl:text-5xl">{title}</h1>
+        <h2 className="mb-2 mt-3 italic text-xl xl:text-3xl font-medium text-gray-300">
+          {description.split("\n").map((line, i) => (
+            <span key={i}>
+              {line}
+              <br />
+            </span>
+          ))}
+        </h2>
+      </div>
+    </div>
+  );
+};
+
+export default Card;

src/Components/Pages/Results/CardContainer.tsx

@@ -0,0 +1,26 @@
+import Card from "./Card";
+
+const CardContainer = () => {
+  return (
+    <div className="mt-10 flex-col h-full lg:grid lg:grid-cols-2 lg:gap-10 px-10 lg:px-40 2xl:px-96 1920:margin-calc">
+      <Card
+        title="GUARANTED"
+        description={`We only win if you win!\nThat’s the basis for a good\npartnership.\nYou won’t carry all the risk,\nwe’ll share it.`}
+      />
+      <Card
+        title="RESULTS"
+        description={`Our first priority is to get\nyou results.\n\nLess talk, more walk.`}
+      />
+      <Card
+        title="LOCAL"
+        description={`We’re not a anonymous call\ncenter. We’re a local\ncompany, so you’ll be able to\nreach us when you need us`}
+      />
+      <Card
+        title="SPECIALIZED"
+        description={`Jack of all trades... master\nof none Specialization\nworks. We work with\nindustries we know, so we\ncan guarantee results.`}
+      />
+    </div>
+  );
+};
+
+export default CardContainer;

src/Components/Pages/Results/ResultsPage.tsx

@@ -0,0 +1,21 @@
+import CardContainer from "./CardContainer";
+
+const ResultsPage = () => {
+  return (
+    <div className="header-text">
+      <h1>
+        <span className="bg-clip-text text-transparent bg-gradient-to-br from-gold-light to-gold-dark">
+          "
+        </span>
+        Ok... So what makes <br />
+        us different?
+        <span className="bg-clip-text text-transparent bg-gradient-to-br from-gold-light to-gold-dark">
+          "
+        </span>
+      </h1>
+      <CardContainer />
+    </div>
+  );
+};
+
+export default ResultsPage;