first commit

2025-02-12 23:25:43 -05:00
commit d8c7ec4866
1400 changed files with 90826 additions and 0 deletions
@@ -0,0 +1,73 @@
+'use client'
+
+import React from "react";
+import Tilt from "react-parallax-tilt";
+import Link from "next/link";
+import Image from "next/image";
+const PricingContent = [
+  {
+    icon: "85",
+    packName: "Dimond Plan",
+    features: ["Unlimited Email", "5gb Hosting & Domain", "Email & Live chat."],
+    price: "59.99",
+    trialText: "up to 10 user + 1.99 per user",
+    activeClass: "active",
+  },
+  {
+    icon: "86",
+    icon2: "159",
+    packName: "Dimond Plan",
+    features: [
+      "Unlimited Email",
+      "5gb Hosting & Domain",
+      "Email & Live chat.",
+      "3 Domain",
+    ],
+    price: "29.99",
+    trialText: "up to 7 user + 1.99 per user",
+    activeClass: "most-popular",
+  },
+];
+
+const PricingFive = () => {
+  return (
+    <div className="row align-items-center">
+      {PricingContent.map((val, i) => (
+        <div className="col-md-6" key={i}>
+          <Tilt>
+            <div className={`pr-table-wrapper ${val.activeClass}`}>
+              <Image width={27} height={27} style={{objectFit:'contain'}}    
+                src={`/images/icon/${val.icon}.svg`}
+                alt="icon"
+                className="icon"
+              />
+              <Image width={111} height={115} style={{objectFit:'contain'}}    
+                src={`/images/shape/${val.icon2}.svg`}
+                className="popular-badge"
+                alt="shape"
+              />
+              <div className="pack-name">{val.packName}</div>
+              <ul className="pr-feature">
+                {val.features.map((list, i) => (
+                  <li key={i}>{list}</li>
+                ))}
+              </ul>
+              <div className="price">$ {val.price}</div>
+              <div className="trial-text">{val.trialText}</div>
+              <Link
+                    href="/signup"
+                className="trial-button hover-reverse-gr-bg-one gr-bg-one"
+              >
+                {" "}
+                Sign up
+              </Link>
+            </div>
+            {/* /.pr-table-wrapper */}
+          </Tilt>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default PricingFive;