diff --git a/components/HeroSectionV2.tsx b/components/HeroSectionV2.tsx index b81f451..cf2e77b 100644 --- a/components/HeroSectionV2.tsx +++ b/components/HeroSectionV2.tsx @@ -2,6 +2,7 @@ import React from "react"; import Image from "next/image"; import testImage from "../public/images/product/blog.png"; +import BcardImage from "../public/images/NewImages/BcardExample.png"; const HeroSectionV2 = () => { return ( @@ -216,6 +217,116 @@ const HeroSectionV2 = () => { + +
+
+
+
+ + + + + +

Your bridge to web3

+
+
+ + + + +

Support while spending

+
+
+ + + + + +

Card for the digital nomad

+
+
+ + + + +

Safety in web3 payments

+
+
+
+
+ Image +
+
+
+
); }; diff --git a/public/images/NewImages/BcardExample.png b/public/images/NewImages/BcardExample.png new file mode 100644 index 0000000..9a70968 Binary files /dev/null and b/public/images/NewImages/BcardExample.png differ diff --git a/public/svg/CreditCardIcon.svg b/public/svg/CreditCardIcon.svg new file mode 100644 index 0000000..0c03051 --- /dev/null +++ b/public/svg/CreditCardIcon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/svg/HatGlassesIcon.svg b/public/svg/HatGlassesIcon.svg new file mode 100644 index 0000000..15b6ea3 --- /dev/null +++ b/public/svg/HatGlassesIcon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/svg/MoneyBagIcon.svg b/public/svg/MoneyBagIcon.svg new file mode 100644 index 0000000..808d3a3 --- /dev/null +++ b/public/svg/MoneyBagIcon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/svg/W3Icon.svg b/public/svg/W3Icon.svg new file mode 100644 index 0000000..5cb0a1f --- /dev/null +++ b/public/svg/W3Icon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/tailwind.config.js b/tailwind.config.js index cf9b177..b610b79 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -4,12 +4,20 @@ module.exports = { "./app/**/*.{js,ts,jsx,tsx}", "./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}", - + // Or if using `src` directory: "./src/**/*.{js,ts,jsx,tsx}", ], theme: { - extend: {}, + extend: { + linearGradientColors: { + "custom-gradient": + "linear-gradient(to right, #000000 7%, #8B3E9D 46%, #D9D9D9 77%)", + }, + opacity: { + 91: "0.91", + }, + }, }, plugins: [], -} +};