From cb9ef3d2936069169d0a146599a10ced22ecfbf8 Mon Sep 17 00:00:00 2001 From: rohit Date: Tue, 20 Feb 2024 16:13:52 +0530 Subject: [PATCH 01/43] business added --- src/components/About/UsingTemurin/index.tsx | 15 +- .../Business-Benefits/OurMamberButton.tsx | 63 +++ .../Business-Benefits/OurMamberFooter.tsx | 18 + .../Business-Benefits/OurTabContent.tsx | 37 ++ .../Business-Benefits/PageDivider.tsx | 13 + src/components/Common/CommonHeading.tsx | 14 + src/components/Common/Icon.tsx | 533 ++++++++++++++++++ src/components/Common/OurMamberWapper.tsx | 44 ++ src/components/ContactUs/index.tsx | 32 +- src/components/Footer/MobileFooter.tsx | 46 +- src/components/Footer/index.tsx | 9 +- src/components/ImageText/index.tsx | 37 +- src/components/PageHeader/index.tsx | 30 +- src/components/Testimonials/Testimonials.scss | 12 + src/components/Testimonials/index.tsx | 22 +- src/images/Linux.png | Bin 0 -> 1432 bytes src/img/About-Eclipse-bg-img.png | Bin 0 -> 679306 bytes src/img/About-Eclipse-img.png | Bin 0 -> 39735 bytes src/img/Page-Header-bg.png | Bin 0 -> 800954 bytes src/img/gradient-overlay-mobile.png | Bin 0 -> 5065115 bytes src/img/gredient-overlay-bg.png | Bin 0 -> 1458314 bytes src/img/page-divider.png | Bin 0 -> 5945 bytes src/pages/business-benefits.tsx | 29 +- src/pages/what-we-do.tsx | 9 +- src/styles/global.scss | 44 +- tailwind.config.js | 1 + 26 files changed, 939 insertions(+), 69 deletions(-) create mode 100644 src/components/Business-Benefits/OurMamberButton.tsx create mode 100644 src/components/Business-Benefits/OurMamberFooter.tsx create mode 100644 src/components/Business-Benefits/OurTabContent.tsx create mode 100644 src/components/Business-Benefits/PageDivider.tsx create mode 100644 src/components/Common/CommonHeading.tsx create mode 100644 src/components/Common/OurMamberWapper.tsx create mode 100644 src/images/Linux.png create mode 100644 src/img/About-Eclipse-bg-img.png create mode 100644 src/img/About-Eclipse-img.png create mode 100644 src/img/Page-Header-bg.png create mode 100644 src/img/gradient-overlay-mobile.png create mode 100644 src/img/gredient-overlay-bg.png create mode 100644 src/img/page-divider.png diff --git a/src/components/About/UsingTemurin/index.tsx b/src/components/About/UsingTemurin/index.tsx index 798497e8..376700eb 100644 --- a/src/components/About/UsingTemurin/index.tsx +++ b/src/components/About/UsingTemurin/index.tsx @@ -23,16 +23,15 @@ const UsingTemurin = () => { ] return ( <> -
+
-

+

How other companies are using Temurin

-

- How other companies are using Temurin Feugiat ullamcorper justo - dolor arcu ut porttitor ultrices rutrum. Eget molestie sit tellus - viverra. Bibendum at ut eu feugiat tellus diam turpis. Massa posuere - ornare dignissim orci consequat. +

+ Feugiat ullamcorper justo dolor arcu ut porttitor ultrices rutrum. + Eget molestie sit tellus viverra. Bibendum at ut eu feugiat tellus + diam turpis. Massa posuere ornare dignissim orci consequat.

@@ -45,7 +44,7 @@ const UsingTemurin = () => {
{LatestReleasesCard.map((card, more) => (
-

+

{card.content}

diff --git a/src/components/Business-Benefits/OurMamberButton.tsx b/src/components/Business-Benefits/OurMamberButton.tsx new file mode 100644 index 00000000..f0a27417 --- /dev/null +++ b/src/components/Business-Benefits/OurMamberButton.tsx @@ -0,0 +1,63 @@ +import React from "react" + +const OurMamberButton = ({ active, setActive }) => { + return ( +
+
+ +
+ + + + + + +
+
+
+ ) +} + +export default OurMamberButton diff --git a/src/components/Business-Benefits/OurMamberFooter.tsx b/src/components/Business-Benefits/OurMamberFooter.tsx new file mode 100644 index 00000000..ca1a7d61 --- /dev/null +++ b/src/components/Business-Benefits/OurMamberFooter.tsx @@ -0,0 +1,18 @@ +import React from "react" + +const OurMamberFooter = () => { + return ( + <> +
+

+ Are you interested in becoming a member? +

+ +
+ + ) +} + +export default OurMamberFooter diff --git a/src/components/Business-Benefits/OurTabContent.tsx b/src/components/Business-Benefits/OurTabContent.tsx new file mode 100644 index 00000000..5fd85149 --- /dev/null +++ b/src/components/Business-Benefits/OurTabContent.tsx @@ -0,0 +1,37 @@ +import React, { useState } from "react" +import OurMamberButton from "./OurMamberButton" +import OurMamberWapper from "../Common/OurMamberWapper" +import OurMamberFooter from "./OurMamberFooter" +import CommonHeading from "../Common/CommonHeading" + +const OurTabContent = () => { + const [active, setActive] = useState(1) + return ( + <> +
+
+ +
+ +
+ + {active === 1 && } + {active === 2 && } + {active === 3 && } + {active === 4 && } + {active === 5 && } + {active === 6 && } + +
+
+ + ) +} + +export default OurTabContent diff --git a/src/components/Business-Benefits/PageDivider.tsx b/src/components/Business-Benefits/PageDivider.tsx new file mode 100644 index 00000000..43675097 --- /dev/null +++ b/src/components/Business-Benefits/PageDivider.tsx @@ -0,0 +1,13 @@ +import React from "react" +import myImage from "../../img/page-divider.png" +const PageDivider = () => { + return ( + <> +
+ scroll-divider +
{" "} + + ) +} + +export default PageDivider diff --git a/src/components/Common/CommonHeading.tsx b/src/components/Common/CommonHeading.tsx new file mode 100644 index 00000000..4ea02b65 --- /dev/null +++ b/src/components/Common/CommonHeading.tsx @@ -0,0 +1,14 @@ +import React from "react" + +// ====================================== add text-alignment what you needed ============================================== + +const CommonHeading = ({ title, description, className }) => ( +
+

+ {title} +

+
{description}
+
+) + +export default CommonHeading diff --git a/src/components/Common/Icon.tsx b/src/components/Common/Icon.tsx index a92195d9..5692f0d3 100644 --- a/src/components/Common/Icon.tsx +++ b/src/components/Common/Icon.tsx @@ -89,6 +89,264 @@ export const GithubIcon2 = () => { ) } + +export const GithubIcon3 = () => { + return ( + <> + + + + + + ) +} +export const NeedSupportIcon = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +} export const AsansIcon = () => { return ( <> @@ -139,6 +397,281 @@ export const AsansIcon = () => { ) } +export const MobileFooter2Icon = () => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export const MobileFooterIcon = () => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + +) +export const MobileFooterFacebook = () => ( + + + + + + + + + + +) +export const MobileFooterSocial = () => ( + + + +) +export const MobileFooterCat = () => ( + + + + + + + + + + +) +export const MobileFooterYoutube = () => ( + + + +) +export const MobileFooterLinkedin = () => ( + + + + + + + + + + +) +export const MobileFooterSlack = () => ( + + + + + + + + + + + + + +) export const GoogleIcon = () => { return ( diff --git a/src/components/Common/OurMamberWapper.tsx b/src/components/Common/OurMamberWapper.tsx new file mode 100644 index 00000000..dfb6b594 --- /dev/null +++ b/src/components/Common/OurMamberWapper.tsx @@ -0,0 +1,44 @@ +import React from "react" +import { GithubIcon3 } from "./Icon" +import { Link } from "gatsby" + +const OurMamberWapper = () => { + const github = [ + { id: 1, svg: }, + { id: 2, svg: }, + { id: 3, svg: }, + { id: 4, svg: }, + { id: 5, svg: }, + { id: 6, svg: }, + { id: 7, svg: }, + { id: 8, svg: }, + { id: 9, svg: }, + { id: 10, svg: }, + { id: 11, svg: }, + { id: 12, svg: }, + { id: 13, svg: }, + { id: 14, svg: }, + { id: 15, svg: }, + { id: 16, svg: }, + ] + return ( +
+
+
+ {github.map(data => ( + +
+ {data.svg} +
+ + ))} +
+
+
+ ) +} + +export default OurMamberWapper diff --git a/src/components/ContactUs/index.tsx b/src/components/ContactUs/index.tsx index 04b8eebf..73dd3bc8 100644 --- a/src/components/ContactUs/index.tsx +++ b/src/components/ContactUs/index.tsx @@ -1,23 +1,39 @@ import React from "react" import "./style.scss" +import contactbg from "../../img/gredient-overlay-bg.png" +import contactbgmobile from "../../img/gradient-overlay-mobile.png" -const ContactUs = ({ title }) => { +const ContactUs = ({ title, className, buttontitle }) => { return ( <> -
-
- -

+

+ + +
+ +

{title}

- + Eclipse Temurin offers high-performance, cross-platform, open-source Java runtime binaries that are enterprise-ready and Java SE TCK-tested for general use in the Java ecosystem. -
diff --git a/src/components/Footer/MobileFooter.tsx b/src/components/Footer/MobileFooter.tsx index 7319a684..fe5629cc 100644 --- a/src/components/Footer/MobileFooter.tsx +++ b/src/components/Footer/MobileFooter.tsx @@ -3,6 +3,15 @@ import { Link, Trans } from "gatsby-plugin-react-i18next" import { Disclosure } from "@headlessui/react" import { CiCirclePlus, CiCircleMinus } from "react-icons/ci" +import { + MobileFooter2Icon, + MobileFooterCat, + MobileFooterFacebook, + MobileFooterLinkedin, + MobileFooterSlack, + MobileFooterSocial, + MobileFooterYoutube, +} from "../Common/Icon" // Custom Disclosure component const CustomDisclosure = ({ title, links }) => ( @@ -25,7 +34,12 @@ const CustomDisclosure = ({ title, links }) => ( const isInternalLink = !/^https?:\/\//.test(link.url) return isInternalLink ? ( - + ( {footerData.map((data, index) => ( ))} +
+
+
+ +
+

+ Copyright © Eclipse Foundation. All Rights Reserved. +

+
+ +
) diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx index bc393c1d..470b090d 100644 --- a/src/components/Footer/index.tsx +++ b/src/components/Footer/index.tsx @@ -190,6 +190,7 @@ const Footer = (props): JSX.Element => { {
))}
-
+
-

+

Copyright © Eclipse Foundation. All Rights Reserved.

-