From da5cf2d4a2101e196e2559b7eac91c41c1c9b8ea Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Tue, 18 Nov 2025 14:36:58 +0100
Subject: [PATCH] refactor: remove unused props and imports, standardize
 Eyebrow styling in SecondaryFeatures and StorageFeatures

- Removed unused onGetStartedClick prop from CloudHeroNew component
- Removed unused H3 and P imports from NetworkDownload
- Added H3, P, and Eyebrow imports to SecondaryFeatures
- Replaced generic elements with typography components (Eyebrow, H3, P) in SecondaryFeatures
- Changed Eyebrow styling to text-cyan-500 uppercase tracking-[0.16em] in SecondaryFeatures
- Updated description text
---
 src/pages/cloud/CloudHeroNew.tsx              |  2 +-
 src/pages/network/NetworkDownload.tsx         |  2 +-
 src/pages/network/SecondaryFeatures.tsx       | 14 +++++++-------
 src/pages/storage/archive/StorageFeatures.tsx |  2 +-
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/pages/cloud/CloudHeroNew.tsx b/src/pages/cloud/CloudHeroNew.tsx
index 49fd1c7..dae6bb1 100644
--- a/src/pages/cloud/CloudHeroNew.tsx
+++ b/src/pages/cloud/CloudHeroNew.tsx
@@ -1,7 +1,7 @@
 import { H3, Eyebrow, P } from "@/components/Texts"
 import { Button } from "@/components/Button"
 
-export function CloudHeroNew({ onGetStartedClick = () => {} }: { onGetStartedClick?: () => void }) {
+export function CloudHeroNew() {
   return (
     <div className="">
       {/* Boxed container */}
diff --git a/src/pages/network/NetworkDownload.tsx b/src/pages/network/NetworkDownload.tsx
index 587f084..576dc77 100644
--- a/src/pages/network/NetworkDownload.tsx
+++ b/src/pages/network/NetworkDownload.tsx
@@ -7,7 +7,7 @@ import windowsIcon from '@/images/windows.svg'
 import androidIcon from '@/images/android.svg'
 import linuxIcon from '@/images/linux.svg'
 
-import { CT, CP, H3, P } from '@/components/Texts'
+import { CT, CP } from '@/components/Texts'
 
 const features = [
   {
diff --git a/src/pages/network/SecondaryFeatures.tsx b/src/pages/network/SecondaryFeatures.tsx
index c0cff04..9d233e1 100644
--- a/src/pages/network/SecondaryFeatures.tsx
+++ b/src/pages/network/SecondaryFeatures.tsx
@@ -1,6 +1,6 @@
 import { useId } from 'react'
 import { Container } from '@/components/Container'
-import { CP } from '@/components/Texts'
+import { CP, H3, P, Eyebrow } from '@/components/Texts'
 
 const features = [
   {
@@ -197,13 +197,13 @@ export function SecondaryFeatures() {
       
       <Container className="py-12 border border-t-0 border-b-0 border-gray-100">
         <div className="mx-auto max-w-4xl sm:text-center">
-          <h2 className="text-base/7 font-semibold text-cyan-500">FEATURES</h2>
-          <p className="text-3xl lg:text-4xl font-medium tracking-tight text-gray-900">
-          Core Features
-          </p>
-          <p className="mt-6 text-lg text-gray-600">
+          <Eyebrow className="text-cyan-500 uppercase tracking-[0.16em]">FEATURES</Eyebrow>
+          <H3 className="mt-6 text-black">
+            Core Features
+          </H3>
+          <P className="mt-6 text-gray-700 text-base leading-relaxed">
            The Mycelium Network is evolving with new features to support richer data movement, identity, and application connectivity across the mesh. 
-          </p>
+          </P>
         </div>
         <ul
           role="list"
diff --git a/src/pages/storage/archive/StorageFeatures.tsx b/src/pages/storage/archive/StorageFeatures.tsx
index 01835eb..9bf3233 100644
--- a/src/pages/storage/archive/StorageFeatures.tsx
+++ b/src/pages/storage/archive/StorageFeatures.tsx
@@ -64,7 +64,7 @@ export function StorageFeatures() {
     <section id="storage-features" className="bg-white py-24 sm:py-32">
       <Container>
         <div className="mx-auto max-w-3xl text-center">
-          <Eyebrow>
+          <Eyebrow className="text-cyan-500 uppercase tracking-[0.16em]">
             Core Features
           </Eyebrow>
           <SectionHeader as="h2" className="mt-6 text-gray-900">