chore: home page refactoering some errors

Signed-off-by: Daniel Ntege <danientege785@gmail.com>

Author: danielmarv

nextjs/app/page.tsx

@@ -1,17 +1,21 @@
-const heroData = {
-  heading: "Hiero",
-  text: "Open Source Distributed Ledger Technology",
+type HeroData = {
+  heading: string;
+  text: string;
 };
 
-export default function HeroSection() {
+type HeroSectionProps = {
+  data: HeroData;
+};
+
+export default function HeroSection({ data }: HeroSectionProps) {
   return (
     <div id="hero" className="bg-linear-to-br from-red-dark via-red to-red relative">
       <div className="container py-20 sm:py-36 text-white text-center">
         <h1 className="text-4xl sm:text-5xl leading-none relative mb-2.5">
-          {heroData.heading}
+          {data.heading}
         </h1>
         <p className="text-[24px] tracking-[-0.081rem] sm:text-xl relative">
-          {heroData.text}
+          {data.text}
         </p>
       </div>
     </div>

nextjs/components/HeroSection.tsx

@@ -1,122 +1,36 @@
-const meetData = {
-  heading: "Join our Hiero Community Calls",
-  text: '<p>Join our open TSC, Community and Project meetings. We welcome your opinion and invite you to collaborate with the team!</p><p>Register to any of our current meeting series <a href="https://github.com/hiero-ledger#open-community-meetings-and-tsc-schedules" target="_blank" rel="noreferrer noopener">HERE</a></p><p>View all meeting schedules and access recordings via our <a href="https://zoom-lfx.platform.linuxfoundation.org/meetings/hiero?view=week" target="_blank" rel="noreferrer noopener">LFX Calendar</a>.</p>',
-  calls: [
-    {
-      name: "TSC",
-      description:
-        "The Technical Steering Committee (TSC) meeting for project governance, roadmap planning, and key technical decisions.",
-      schedule: "Fortnightly",
-      registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/95775743341?password=c07443bf-b0e6-4a68-93f1-5c7ce9bb49ab&invite=true",
-    },
-    {
-      name: "Community Call",
-      description:
-        "Open community meeting for general discussions, updates, and Q&A sessions with the Hiero community and TSC members.",
-      schedule: "Monthly",
-      registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/97122675754?password=7eaa865a-2f17-4a7c-97b0-aff51933991c&invite=true",
-    },
-    {
-      name: "Python SDK",
-      description:
-        "Focused discussions on the Hiero Python SDK development, including new features, issues, and contributions.",
-      schedule: "Monthly",
-      registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/92041330205?password=2f345bee-0c14-4dd5-9883-06fbc9c60581&invite=true",
-    },
-    {
-      name: "Docs",
-      description:
-        "Documentation working group meetings to improve and maintain Hiero project documentation.",
-      schedule: "Monthly",
-      registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/96247351493?password=54a04164-8618-458d-8176-4ca21b346291&invite=true",
-    },
-    {
-      name: "Solo",
-      description:
-        "Discussions and updates about Solo, an opinionated CLI tool to deploy and manage standalone test networks.",
-      schedule: "Fortnightly",
-      registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/94695703550?password=e8819002-3f6e-4905-9916-b049f501e866&invite=true",
-    },
-    {
-      name: "Solo Action",
-      description:
-        "Working sessions focused on Solo Action project development, issues, and contributions.",
-      schedule: "Fortnightly",
-      registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/92576669768?password=8dab94bb-7315-4d37-a944-b1fa0e924741&invite=true",
-    },
-    {
-      name: "SDK",
-      description:
-        "General SDK working group for cross-SDK discussions, standards, and coordination across all Hiero SDK implementations.",
-      schedule: "Monthly",
-      registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/94709702244?password=bcba4892-928c-47e0-9a21-e1abca95f7d3&invite=true",
-    },
-    {
-      name: "Hiero Website",
-      description:
-        "Planning and development meetings for the Hiero website, content strategy, and user experience improvements.",
-      schedule: "Monthly",
-      registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/94831465670?password=50e11cd2-6450-4a97-b9ae-7a7585c4409b&invite=true",
-    },
-    {
-      name: "Hiero Marketing",
-      description:
-        "Marketing and community outreach discussions, including events, communications, and ecosystem growth strategies.",
-      schedule: "Monthly",
-      registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/91725705912?password=57115f71-9576-46dc-90f7-98be38aade2d&invite=true",
-    },
-    {
-      name: "Monthly Maintainers",
-      description:
-        "Regular meeting for maintainers across all Hiero projects to coordinate, share updates, and discuss best practices.",
-      schedule: "Monthly",
-      registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/99574473075?password=deff3fc9-0e80-4877-80de-91499b5480e9&invite=true",
-    },
-    {
-      name: "Hiero/Hedera Identity",
-      description:
-        "Working group focused on identity-related projects, DID SDK development, and identity standards implementation.",
-      schedule: "Monthly",
-      registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/99097542854?password=3ee2d9c9-32de-4758-8a23-417c751bd7ab&invite=true",
-    },
-    {
-      name: "Hiero Mirror Node",
-      description:
-        "Development and maintenance discussions for the Hiero Mirror Node, which archives data from consensus nodes and serves it via an API.",
-      schedule: "Monthly",
-      registerLink:
-        "https://zoom-lfx.platform.linuxfoundation.org/meeting/94618152832?password=3b037576-2aab-4f7e-ab24-acf9ca2c3734&invite=true",
-    },
-  ],
+type MeetCall = {
+  name: string;
+  description: string;
+  schedule: string;
+  registerLink: string;
 };
 
-export default function MeetSection() {
+type MeetData = {
+  heading: string;
+  text: string;
+  calls: MeetCall[];
+};
+
+type MeetSectionProps = {
+  data: MeetData;
+};
+
+export default function MeetSection({ data }: MeetSectionProps) {
   return (
     <div id="meet" className="anchor">
       <div className="bg-white">
         <div className="container pt-[40px] pb-[40px] sm:pt-[60px] sm:pb-[120px]">
           <div className="mb-10 sm:mb-16">
             <h2 className="text-2xl mb-2.5 sm:text-4xl sm:mb-5">
-              {meetData.heading}
+              {data.heading}
             </h2>
             <div
               className="text-lg max-w-full md:max-w-[800px] space-y-4"
-              dangerouslySetInnerHTML={{ __html: meetData.text }}
+              dangerouslySetInnerHTML={{ __html: data.text }}
             />
           </div>
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8">
-            {meetData.calls.map((call, i) => (
+            {data.calls.map((call, i) => (
               <div
                 key={i}
                 className="border-2 border-white-dark rounded-2xl p-8 hover:border-red transition-colors duration-200 bg-white"

nextjs/components/MeetSection.tsx

@@ -1,15 +1,17 @@
 import Image from "next/image";
 
-const openSourceData = {
-  whyHeading: "Why is Hiero Open Source?",
-  whyText:
-    "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.",
-  whatHeading: "What parts of Hiero are Open Source?",
-  whatText:
-    'Hiero is 100% open-source. While the transition of the project to Linux Foundation Decentralized Trust is still ongoing, a view into some additional contributions can be found in <a href="https://github.com/hashgraph" target="_blank" rel="noreferrer noopener">Hedera\'s GitHub organization</a>. As a first step, the technical steering committee (TSC) of Hiero will provide oversight to include  projects that are needed to run an enterprise-ready decentralized network to a new Hiero GitHub organization. More information about the transition process can be found in the roadmap.',
+type OpenSourceData = {
+  whyHeading: string;
+  whyText: string;
+  whatHeading: string;
+  whatText: string;
 };
 
-export default function OpenSourceSection() {
+type OpenSourceSectionProps = {
+  data: OpenSourceData;
+};
+
+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">
@@ -30,8 +32,8 @@ export default function OpenSourceSection() {
               loading="lazy"
             />
           </div>
-          <h2 className="text-2xl font-medium mb-5">{openSourceData.whyHeading}</h2>
-          <p className="text-base max-w-[565px]">{openSourceData.whyText}</p>
+          <h2 className="text-2xl font-medium mb-5">{data.whyHeading}</h2>
+          <p className="text-base max-w-[565px]">{data.whyText}</p>
         </div>
         <div className="relative">
           <div className="h-14 w-14 mb-5">
@@ -43,10 +45,10 @@ export default function OpenSourceSection() {
               loading="lazy"
             />
           </div>
-          <h2 className="text-2xl font-medium mb-5">{openSourceData.whatHeading}</h2>
+          <h2 className="text-2xl font-medium mb-5">{data.whatHeading}</h2>
           <p
             className="text-base max-w-[565px]"
-            dangerouslySetInnerHTML={{ __html: openSourceData.whatText }}
+            dangerouslySetInnerHTML={{ __html: data.whatText }}
           />
         </div>
       </div>

nextjs/components/OpenSourceSection.tsx

@@ -7,73 +7,17 @@ import { Autoplay } from "swiper/modules";
 import type { SwiperRef } from "swiper/react";
 import "swiper/css";
 
-const quotesData = [
-  {
-    quote:
-      '\u201cHedera\'s participation in Linux Foundation\'s Decentralized Trust will undoubtedly accelerate development, enhance security, and foster unprecedented collaboration within the Hedera ecosystem, positioning it at the forefront of blockchain innovation. As the leading wallet on the network, HashPack is committed to playing an active role in this new open source structure, and we look forward to <a href="https://www.hashpack.app/post/hashpack-on-hedera" target="_blank" rel="noreferrer noopener">contributing our expertise</a> to help shape the future of Hedera and the broader decentralized technology landscape.\u201d',
-    author:
-      'May Chan, CEO, <a href="https://www.hashpack.app/" target="_blank" rel="noreferrer noopener">HashPack</a>',
-    logo: "/images/Hiero-Logo-HashPack.png",
-  },
-  {
-    quote:
-      '\u201cBy contributing its codebase to the Linux Foundation\'s Decentralized Trust, Hedera is demonstrating the ultimate commitment to open development. As a leading <a href="https://www.hgraph.com/blog/hedera-mirror-node" target="_blank" rel="noreferrer noopener">data infrastructure provider</a> in the ecosystem, Hgraph is actively dedicated to supporting the Hiero project as it transforms the open source DLT space and empowers the Hedera developer community.\u201d',
-    author:
-      'Tyler McDonald, CEO, <a href="https://hgraph.com/" target="_blank" rel="noreferrer noopener">Hgraph</a>',
-    logo: "/images/Hiero-Logo-Hgraph.png",
-  },
-  {
-    quote:
-      "\u201cThe HBAR Foundry community is excited to see the contribution of the Hedera software to the Linux Foundation Decentralized Trust project. We're delighted to see Hedera's commitment to growing an independently governed and transparent community with more resources and opportunities to engage and grow the ecosystem.\u201d",
-    author:
-      '<a href="https://hbarfoundry.com/" target="_blank" rel="noreferrer noopener">The HBAR Foundry</a>, A Community Of Expert Hedera Builders',
-    logo: "/images/Hiero-Logo-HbarFoundry.png",
-  },
-  {
-    quote:
-      "\u201cHedera's contribution of its codebase to the Linux Foundation's Decentralized Trust initiative is great news for SentX.io. By open-sourcing the Hashgraph technology, Hedera is reinforcing its commitment to innovation and decentralization. We expect this move to boost developer engagement, speed up the adoption of decentralized applications, and attract more retail users, driving growth across the ecosystem.\u201d",
-    author:
-      'Sam Jimenez &amp; Patr\u00edcia Carapinha, Founders, <a href="http://sentx.io/" target="_blank" rel="noreferrer noopener">SentX.io</a>',
-    logo: "/images/Hiero-Logo-Sentx.png",
-  },
-  {
-    quote:
-      "\u201cTransferring ownership of Hedera's codebase to the Linux Foundation Decentralized Trust project is a testament to the power of open collaboration and meritocracy. This landmark initiative will empower developers, entrepreneurs, and enterprises to actively participate in shaping the future of Hedera. We are thrilled to be part of this vibrant ecosystem and look forward to contributing to its growth and success.\u201d",
-    author:
-      'Ivan Saiz, CTO, <a href="https://io.builders/" target="_blank" rel="noreferrer noopener">ioBuilders</a>',
-    logo: "/images/Hiero-Logo-ioBuilders.png",
-  },
-  {
-    quote:
-      "\u201cHedera's contribution of its codebase to the Linux Foundation's Decentralized Trust entirely reshapes decentralized governance. At Calaxy, we view this as more than an infrastructure change - it's a move that drives real-world innovation. Developers now have greater autonomy and access to tools to build more inclusive, user-driven applications. We're excited to see how this enables devs to push the boundaries of creator-focused economies and further integrate blockchain into our everyday social experiences and relationships.\u201d",
-    author:
-      'Solo Ceesay, CEO &amp; Co-founder, <a href="https://calaxy.com/" target="_blank" rel="noreferrer noopener">Calaxy</a>',
-    logo: "/images/Hiero-Logo-Calaxy.png",
-  },
-  {
-    quote:
-      "\u201cHedera's decision to open-source its codebase under the Linux Foundation Decentralized Trust is a monumental leap forward for the entire blockchain industry. This bold move not only underscores Hedera's commitment to decentralization and transparency but also paves the way for unprecedented community-driven innovation. We are excited to collaborate with the growing ecosystem to build a future where the possibilities are limitless.\u201d",
-    author:
-      'Rajiv Sohal, CTO, <a href="https://www.diamondstandard.co/" target="_blank" rel="noreferrer noopener">Diamond Standard</a>',
-    logo: "/images/Hiero-Logo-DiamondStandard.svg",
-  },
-  {
-    quote:
-      "\u201cThis contribution represents a historic moment in the evolution of decentralized networks and is setting a precedent for transparency and collaboration in the blockchain industry. By contributing our codebase to LF Decentralized Trust, as project Hiero, we are reaffirming our commitment to open governance and collaboration. LF Decentralized Trust's mission to advance decentralized systems aligns perfectly with our own goals. We look forward to providing developers with unmatched access to tools and resources, creating an environment where decentralized applications can truly thrive.\u201d",
-    author:
-      'Charles Adkins, President, <a href="https://hedera.com/" target="_blank" rel="noreferrer noopener">Hedera</a>',
-    logo: "/images/Hiero-Logo-Hedera.png",
-  },
-  {
-    quote:
-      "\u201cBy contributing Hiero to the Linux Foundation, an organization with a long history of supporting open source and open innovation, Hedera demonstrates to Council Members, ecosystem partners, grantees, and the builder community that it is committed to growing the capabilities of its network through transparency and meritocracy.\u201d",
-    author:
-      'Dr. Leemon Baird, Inventor, Co-founder, &amp; Chief Scientist, <a href="https://hashgraph.com/" target="_blank" rel="noreferrer noopener">Hashgraph</a>',
-    logo: "/images/Hiero-Logo-Hashgraph.png",
-  },
-];
+type QuoteItem = {
+  quote: string;
+  author: string;
+  logo: string;
+};
 
-export default function QuotesCarousel() {
+type QuotesCarouselProps = {
+  data: QuoteItem[];
+};
+
+export default function QuotesCarousel({ data }: QuotesCarouselProps) {
   const swiperRef = useRef<SwiperRef>(null);
 
   return (
@@ -99,7 +43,7 @@ export default function QuotesCarousel() {
                 autoplay={{ delay: 30000 }}
                 className="mySwiper"
               >
-                {quotesData.map((quote, i) => (
+                {data.map((quote, i) => (
                   <SwiperSlide key={i}>
                     <div className="mb-5 flex justify-center h-[38px]">
                       <Image