Merge pull request #17 from mctekk/feat/MR-19

Feat/mr 19

src/app/pricing/page.tsx

@@ -0,0 +1,21 @@
+"use client";
+import { Footer } from "@/components/organism/sections/footer";
+import { PricingComparison } from "@/components/organism/sections/princing/comparison";
+import { PricingHero } from "@/components/organism/sections/princing/princing-hero";
+import { PricingPlans } from "@/components/organism/sections/princing/princing-plan";
+import { PricingQuestions } from "@/components/organism/sections/princing/princing-questions";
+import React, { useState } from "react";
+
+export default function page() {
+  const [isFull, setIsFull] = useState<boolean>(false);
+  const handleIsFull = () => setIsFull(!isFull);
+  return (
+    <div>
+      <PricingHero/>
+      <PricingPlans isClicked={isFull} onClick={handleIsFull}></PricingPlans>
+      {isFull && <PricingComparison />}
+      <PricingQuestions id="Q&A"></PricingQuestions>
+      <Footer></Footer>
+    </div>
+  );
+}

src/components/atoms/counter/index.tsx

@@ -0,0 +1,23 @@
+
+import { translate } from "@/locales";
+import { MdAdd, MdRemove } from "react-icons/md";
+
+interface CounterProps {
+    enable?: {
+        add?: boolean,
+        remove?: boolean
+    },
+    add: () => void,
+    remove: () => void,
+}
+
+export function Counter  ({ enable = { remove: true, add: false }, add, remove }: CounterProps) {
+    return (
+        <div className="flex mt-3 gap-4 items-center h-[2rem]">
+       {translate('pricing.pricingData.users')}
+
+
+
+        </div>
+    )
+}