refactor: remove "Why is Hiero Open Source?" section from UI and tests (#347)

Signed-off-by: vidhhya1 <vidya2005varshini@gmail.com>

Author: vidhhya1

content/_index.md

@@ -10,8 +10,7 @@ section_what_is_hiero_heading = "What is Hiero?"
 section_what_is_hiero_text = '''
 Hiero, a <a href="http://www.lfdecentralizedtrust.org/" target="_blank" rel="noreferrer noopener">Linux Foundation Decentralized Trust</a> project, is an open-source, vendor-neutral distributed ledger technology. Hiero is used to build the <a href="https://hedera.com/" target="_blank" rel="noreferrer noopener">Hedera</a> public ledger.'''
 
-section_why_open_source_heading = "Why is Hiero Open Source?"
-section_why_open_source_text = "The main goal of Hiero is to create a diverse community of developers, dreamers, and builders working to make the world more fair, fast, and secure. To achieve that goal it is critical that everyone can access the source of Hiero and move the project forward. A decentralized network that is used by enterprises and critical infrastructure around the world must be vendor-neutral and fully auditable."
+
 
 section_what_parts_open_source_heading = "What parts of Hiero are Open Source?"
 section_what_parts_open_source_text = '''

src/app/page.tsx

@@ -4,7 +4,6 @@ import Divider from "@/components/Divider";
 import MeetSection from "@/components/MeetSection";
 import ReposGrid from "@/components/ReposGrid";
 import IssueJumpSection from "@/components/IssueJumpSection";
-import OpenSourceSection from "@/components/OpenSourceSection";
 import QuotesCarousel from "@/components/QuotesCarousel";
 
 const heroData = {
@@ -305,15 +304,6 @@ const issueJumpData = {
   ],
 };
 
-const openSourceData = {
-  whyHeading: "Why is Hiero Open Source?",
-  whyText:
-    "The goal of Hiero is to build a diverse community of developers and innovators making the world fairer, faster, and more secure. Hiero's source is accessible so anyone can advance the project. As a decentralized network used by enterprises and critical infrastructure, it must remain vendor-neutral and fully auditable.",
-  whatHeading: "What parts of Hiero are Open Source?",
-  whatText:
-    "Hiero is fully open source. While its transition to Linux Foundation Decentralized Trust continues, additional contributions are available in [Hedera’s GitHub organization](https://github.com/hashgraph). The technical steering committee (TSC) of Hiero will initially oversee adding projects needed for an enterprise-ready decentralized network to a new Hiero GitHub organization. See the roadmap for more details.",
-};
-
 const quotesData = [
   {
     quote:
@@ -388,8 +378,6 @@ export default function Home() {
       <ReposGrid data={reposData} />
       <Divider />
 
-      <OpenSourceSection data={openSourceData} />
-      <Divider />
       <QuotesCarousel data={quotesData} />
     </>
   );

src/components/OpenSourceSection/__tests__/OpenSourceSection.test.tsx

@@ -7,20 +7,16 @@ describe("OpenSourceSection", () => {
     render(
       <OpenSourceSection
         data={{
-          whyHeading: "Why open source",
-          whyText: "It keeps governance transparent.",
           whatHeading: "What contributors do",
           whatText: "Read the [guide](/guide) and start contributing.",
         }}
       />,
     );
 
-    expect(
-      screen.getByRole("heading", { name: "Why open source" }),
-    ).toBeInTheDocument();
     expect(
       screen.getByRole("heading", { name: "What contributors do" }),
     ).toBeInTheDocument();
+
     expect(screen.getByRole("link", { name: "guide" })).toHaveAttribute(
       "href",
       "/guide",

src/components/OpenSourceSection/index.tsx

@@ -2,8 +2,6 @@ import Image from "next/image";
 import RichText from "@/components/RichText";
 
 interface OpenSourceData {
-  whyHeading: string;
-  whyText: string;
   whatHeading: string;
   whatText: string;
 }
@@ -15,27 +13,7 @@ interface OpenSourceSectionProps {
 export default function OpenSourceSection({ data }: OpenSourceSectionProps) {
   return (
     <div className="bg-white">
-      <div className="container pt-[40px] pb-[40px] sm:pt-[92px] sm:pb-[154px] grid grid-cols-1 sm:grid-cols-2 gap-[80px] sm:gap-10 relative">
-        {/* eslint-disable-next-line @next/next/no-img-element */}
-        <img
-          src="/images/Hiero-Logo-Outline.svg"
-          alt=""
-          className="sm:absolute w-full h-full sm:top-[50%] sm:left-[50%] sm:-translate-x-[50%] sm:-translate-y-[50%] pointer-events-none"
-          loading="lazy"
-        />
-        <div id="open-source" className="anchor anchor--open-source relative">
-          <div className="h-14 w-14 mb-5">
-            <Image
-              src="/images/Hiero-Icon-Heart.svg"
-              alt=""
-              width={56}
-              height={56}
-              loading="lazy"
-            />
-          </div>
-          <h2 className="text-2xl font-medium mb-5">{data.whyHeading}</h2>
-          <p className="text-base max-w-[565px]">{data.whyText}</p>
-        </div>
+      <div className="container mx-auto pt-[40px] pb-[40px] sm:pt-[92px] sm:pb-[154px] grid grid-cols-1 gap-[40px]">
         <div className="relative">
           <div className="h-14 w-14 mb-5">
             <Image
@@ -46,7 +24,9 @@ export default function OpenSourceSection({ data }: OpenSourceSectionProps) {
               loading="lazy"
             />
           </div>
+
           <h2 className="text-2xl font-medium mb-5">{data.whatHeading}</h2>
+
           <RichText
             inline
             markdown={data.whatText}

src/data/repository_stats.json

@@ -1,5 +1,5 @@
 {
-  "hiero-consensus-node": { "stars": 384 },
+  "hiero-consensus-node": { "stars": 385 },
   "hiero-local-node": { "stars": 266 },
   "hiero-mirror-node": { "stars": 180 },
   "hiero-improvement-proposals": { "stars": 176 },