ourworld_web/www_projectmycelium_com
23
0
Fork 0
forked from emre/www_projectmycelium_com
Code Issues 3 Pull Requests Projects Releases Activity

Compare commits

base: ourworld_web:04d08a42659c6c782e675a8e5e77c19664c30d94
Branches Tags
ourworld_web:main ourworld_web:development ourworld_web:development_sasha ourworld_web:development_v3 ourworld_web:development_backup ourworld_web:main_backup ourworld_web:main_sasha_dark emre:development_sasha emre:development emre:development_backup emre:main emre:main_backup emre:main_sasha_dark
..
compare: ourworld_web:development
Branches Tags
ourworld_web:development ourworld_web:development_sasha ourworld_web:development_v3 ourworld_web:development_backup ourworld_web:main ourworld_web:main_backup ourworld_web:main_sasha_dark emre:development_sasha emre:development emre:development_backup emre:main emre:main_backup emre:main_sasha_dark

127 Commits
04d08a4265 ... developmen

Author SHA1 Message Date
sasha-astiadi
d16d4e02e0 refactor: standardize Tailwind class syntax and component usage 
- Replaced arbitrary CSS values with standard Tailwind utilities (e.g., `bottom-[-18rem]` → `-bottom-72`, `mt-[-2rem]` → `-mt-8`)
- Fixed invalid gradient syntax by removing `bg-` prefix from gradient utilities
- Consolidated text styling by replacing inline elements with CT/CP text components
- Adjusted CT component typography from semibold to medium for better visual hierarchy
 2025-11-10 15:28:17 +01:00
sasha-astiadi
2865b1e1fd refactor: replace wrapper div with React fragment in ComputePage 2025-11-08 01:11:43 +01:00
sasha-astiadi
b723f889cb fix: remove duplicate lg:bg-transparent class in mobile menu 2025-11-08 01:07:13 +01:00
sasha-astiadi
2752c690d6 chore: remove archived image assets 2025-11-08 01:03:09 +01:00
sasha-astiadi
a7dd803da2 refactor: standardize background color to #121212 
- Replaced inconsistent gray-900 and #171717 background colors with unified #121212 across all pages
- Removed unused imports from multiple component files
- Cleaned up trailing spaces in className attributes
 2025-11-08 01:02:42 +01:00
sasha-astiadi
22e2e4b80c feat: replace static icons with animated SVG components in GPU capabilities 
- Replaced Heroicons with custom animated SVG components for each GPU capability card
- Added four new animation components: InterferenceAnimation, KubernetesAcceleration, RenderingSimulation, and RAGPipeline
- Updated card layout to accommodate full-width animations above text content
 2025-11-08 00:56:07 +01:00
sasha-astiadi
5ab909bd12 feat: add breadcrumb navigation and redesign GPU page sections 
- Implemented breadcrumb-style navigation in header dropdown showing "Cloud > [Section]" for compute, storage, and GPU pages
- Redesigned GPU page components with dark theme, horizontal card sliders, and improved visual hierarchy
- Updated CallToAction components across multiple pages with consistent background colors and border styling
 2025-11-08 00:40:33 +01:00
sasha-astiadi
61cbaae7e0 refactor: simplify infinite-moving-cards and redesign agents page layout 
- Removed getDirection callback in favor of inline style calculation for cleaner animation control
- Replaced BentoSection and AgentComponents with unified AgentBento component featuring video backgrounds and updated card structure
- Standardized border styling across CallToAction components (gray-700 → gray-800) for consistent visual hierarchy
 2025-11-07 23:56:54 +01:00
sasha-astiadi
f46482e0f4 feat: redesign CallToAction section with bordered card layout 
- Replaced animated circle background with bordered container design using gray-700 borders
- Updated background colors to darker theme (#121212 and #090909) for improved contrast
- Changed button styling from white to cyan for primary action
 2025-11-07 23:37:44 +01:00
sasha-astiadi
ee6b5458de feat: convert network use cases to horizontal carousel with icons 
- Replaced static grid layout with scrollable carousel supporting touch/mouse navigation
- Added hero icons to each use case card for visual hierarchy
- Introduced intro card with navigation controls and updated styling for better mobile experience
 2025-11-07 23:34:27 +01:00
sasha-astiadi
100cae988c refactor: adjust network page styling and typography 
- Changed heading levels from H3 to H4 in NetworkCapabilities for better hierarchy
- Updated PrimaryFeatures section with darker background and consistent border styling
- Removed text-lg class from paragraph for standard sizing
 2025-11-07 23:21:55 +01:00
sasha-astiadi
716915b19e refactor: update background colors in ComputeUseCases component 2025-11-07 23:21:45 +01:00
sasha-astiadi
f04a7eb3cf feat: redesign network page with improved layout and typography 
- Replaced hardcoded text elements with reusable typography components (H2, H3, P, Eyebrow, CT, CP)
- Updated NetworkCapabilities section with dark theme, two-column layout, and visual separators
- Added consistent border styling and spacing across Features and Hero sections
 2025-11-07 23:13:40 +01:00
sasha-astiadi
de89539de1 feat: redesign storage use cases section with tabbed layout 
- Replaced StorageUseCases with StorageUseCasesNew component featuring interactive tabs
- Implemented two-column layout with tab content on left and image on right
- Added three use case categories: distributed storage, data sovereignty, and content distribution
 2025-11-07 23:13:27 +01:00
sasha-astiadi
1851c2d6fb refactor: adjust spacing and styling in compute pages 
- Reduced vertical spacing between header and content sections for tighter layout
- Changed border radius from rounded-3xl to rounded-md for consistent styling
- Added hover effect with gradient background to architecture cards
 2025-11-07 23:13:18 +01:00
sasha-astiadi
451c1f5c56 feat: redesign storage page with interactive components and dark theme 
- Added interactive architecture section with tabbed navigation and smooth transitions
- Implemented horizontal scrolling capabilities carousel with image backgrounds
- Updated call-to-action section with bordered container layout and improved button styling
- Replaced core value section with animated self-healing storage features
- Applied consistent dark theme (#111111, #121212) with cyan accents across all storage components
 2025-11-07 22:28:03 +01:00
sasha-astiadi
0b6bcfedd0 chore: archive unused images and add storage feature components 
- Moved 35 legacy image assets to archive directory for cleanup
- Created StorageCoreValue component showcasing Digital Me blueprint with logo grid
- Added Encrypted animation component visualizing secure storage with data movement
 2025-11-07 20:53:56 +01:00
sasha-astiadi
9bccc89309 feat: make mobile menu background transparent on large screens 2025-11-07 20:49:31 +01:00
sasha-astiadi
73abd593e3 fix: update spacing and border radius for consistent styling 
- Changed CloudBluePrint container from pb-12 to py-12 for balanced vertical padding
- Reduced ComputeOverview card border radius from rounded-3xl to rounded-md for uniformity
 2025-11-07 20:30:49 +01:00
sasha-astiadi
1f267b057d fix: update navigation links to use clean URLs and close mobile menu on click 
- Removed hash-based routing (/#/) in favor of clean URL paths across all navigation links
- Added onClick handlers to close mobile menu when navigation items are clicked
 2025-11-07 17:49:20 +01:00
sasha-astiadi
2b5f20f1e9 fix: update navigation links to use hash-based routing 2025-11-07 17:46:07 +01:00
sasha-astiadi
aca13e275b style: lighten border colors from gray-200 to gray-100 2025-11-07 17:28:33 +01:00
sasha-astiadi
e8c424539e fix: correct GitHub icon path to use public directory 2025-11-07 17:17:28 +01:00
sasha-astiadi
912ea4436a feat: update deployment button text to "Deploy Now" 2025-11-07 17:15:54 +01:00
sasha-astiadi
53fd05e6b7 fix: correct logomark image path in footer 2025-11-07 17:13:55 +01:00
sasha-astiadi
5a023651b5 fix: switch from BrowserRouter to HashRouter for static hosting compatibility 2025-11-07 17:10:52 +01:00
sasha-astiadi
b9ba2bab06 refactor: remove unused imports and standardize color prop values 
- Removed unused Container, SectionHeader, Small, CT, and CP imports from component files
- Changed color prop from "darkSecondary" to "secondary" for consistency with design system
 2025-11-07 17:01:17 +01:00
sasha-astiadi
852d9bfc3e feat: convert ComputeOverview section to light mode theme 
- Updated background colors from dark (gray-950) to white with subtle accents
- Modified text colors from light/white to dark gray for improved readability
- Added horizontal border lines and adjusted card styling with light shadows and hover effects
 2025-11-07 16:58:50 +01:00
sasha-astiadi
cd3ce54a40 feat: update compute code tabs color scheme from indigo to cyan 2025-11-07 16:54:47 +01:00
sasha-astiadi
6f4f451144 feat: redesign compute page sections with interactive code examples 
- Replaced static use cases section with tabbed interface showing AI/ML, application hosting, and edge compute capabilities
- Added ComputeCodeTabs component with interactive code examples (train.py, deploy.yaml, edge.ts)
- Updated CallToAction section with new bordered layout and restructured CTA buttons for hosting and deploying
 2025-11-07 16:54:04 +01:00
sasha-astiadi
4b6c8d8327 refactor: simplify benefits section layout and styling 
- Replaced complex grid layout with centered 4-column design
- Switched from images to Heroicons for consistent iconography
- Removed unused animation components and dependencies (cobe, motion)
 2025-11-07 16:25:43 +01:00
sasha-astiadi
a61267944d refactor: redesign compute architecture section with animated mesh topology 
- Replaced simple icon-based architecture cards with interactive animated grid layout
- Added three new SVG animations (MeshNetworking, Deterministic, SovereignCompute) to visualize system concepts
- Updated border colors from gray-600 to gray-800 for consistent dark theme across cloud hosting page
 2025-11-07 15:58:11 +01:00
sasha-astiadi
46d02fca47 feat: improve carousel scroll behavior to align fourth card with viewport edge 2025-11-07 13:55:44 +01:00
sasha-astiadi
6779218da6 refactor: redesign ComputeDesign component layout 
- Converted feature list to stats-style cards with centered content and icon-first layout
- Replaced vertical Container layout with full-width bordered grid design
- Simplified text content to value/name pairs and updated icons
 2025-11-07 13:49:18 +01:00
sasha-astiadi
04b94367a9 feat: improve cloud hosting page layout and spacing 
- Restructured grid from 2-column to 5-column layout for better content distribution
- Adjusted spacing and margins throughout for improved visual hierarchy
- Updated heading component from h3 to H4 for consistent typography
 2025-11-07 13:28:05 +01:00
sasha-astiadi
cdd6e3104b feat: add horizontal scrolling capabilities section for compute page 
- Created new ComputeCapabilitiesNew component with card-based slider showcasing containers, VMs, and native Linux workloads
- Implemented smooth horizontal scroll navigation with arrow controls and snap-to-card behavior
- Added intro card with overview text and navigation controls, followed by capability cards with icons and descriptions
 2025-11-07 13:19:13 +01:00
sasha-astiadi
8d1e2f4c7d feat: add mobile navigation menu to header 
- Implemented responsive mobile menu using Headless UI Dialog component with hamburger toggle
- Refactored hero sections to use consistent boxed layout with background images and improved spacing
- Standardized button styling across hero components with arrow indicators for secondary actions
 2025-11-06 23:43:28 +01:00
sasha-astiadi
0f2f6df299 feat: redesign compute capabilities section with dark theme 
- Updated ComputeCapabilities component with dark background, bordered container layout, and improved visual hierarchy
- Replaced icon components with technology-specific images (Kubernetes, VM, Linux)
- Standardized button color scheme across components (gray to white outline variant)
 2025-11-06 23:03:36 +01:00
sasha-astiadi
c56f67ae2e refactor: redesign ComputeHero component layout and styling 
- Restructured hero section with boxed container and background image positioning
- Added onGetStartedClick callback prop for interactive button handling
- Updated button variants and added tagline about network compatibility
 2025-11-06 23:03:25 +01:00
sasha-astiadi
39b748cdac feat: update Explore Docs button color to white 2025-11-06 22:46:49 +01:00
sasha-astiadi
6d186c2304 refactor: remove redundant height constraint from phone frame image 2025-11-06 22:45:10 +01:00
sasha-astiadi
681a7606d5 feat: update outline button styles for cleaner appearance 
- Changed background from white/90 to transparent for better visual consistency
- Removed hover state from cyan outline variant to simplify interaction design
 2025-11-06 22:45:04 +01:00
sasha-astiadi
0e8de7e7fe refactor: remove unused imports across cloud page components 
- Cleaned up unused component imports (CircleBackground, Button, Texts components)
- Removed unused utility function classNames
- Changed button color prop from "dark" to "white" in CallToAction component
 2025-11-06 22:42:24 +01:00
sasha-astiadi
3919b72b0c feat: redesign cloud page sections with improved layout and branding 
- Added logo assets for featured applications (CryptPad, Gitea, Matrix, Nextcloud, Stalwart, LifeKit)
- Restructured CallToAction, CloudBluePrint, and CloudUseCases components with consistent boxed layouts and border styling
- Enhanced hover effects on architecture layers and use case cards with scale transforms
- Updated button styling and improved responsive grid layouts for better visual hierarchy
 2025-11-06 22:39:22 +01:00
sasha-astiadi
f796ec1218 feat: redesign CloudArchitecture section with dark theme and animated icons 
- Added animated icon components (MeshNetworkIcon, SovereignComputer, DeterministicOrchestration) to architecture cards
- Updated styling to match dark theme with bordered container layout consistent with HomeHosting section
- Improved card layout with better spacing, hover effects, and visual hierarchy
 2025-11-06 22:08:00 +01:00
sasha-astiadi
5af349ad4a refactor: adjust CloudFeaturesLight layout and remove duplicate CloudFeatures section 
- Changed vertical alignment from items-start to items-center in desktop grid
- Reduced top margins for better spacing consistency (mt-20→mt-12, mt-16→mt-12)
- Removed redundant CloudFeatures section from CloudPage
 2025-11-06 21:49:42 +01:00
sasha-astiadi
6485e1e3ce refactor: remove unused icon components and simplify feature layout 
- Removed DeviceUserIcon, DeviceNotificationIcon, and DeviceTouchIcon components that were no longer being used
- Cleaned up unused useId import
- Adjusted spacing in feature titles and tab list padding
 2025-11-06 21:48:20 +01:00
sasha-astiadi
e7b33b75c9 feat: add animated transitions to cloud features tabs 
- Implemented slide and fade animations when switching between feature tabs using Framer Motion
- Added animated background indicator that follows the selected tab
- Enhanced hover states with scale transitions and outline effects for better interactivity
 2025-11-06 21:40:26 +01:00
sasha-astiadi
2e22ed9683 feat: add light-themed cloud features section with boxed layout 
- Created CloudFeaturesLight component with desktop/mobile responsive views
- Implemented tabbed interface for feature showcase with hover effects
- Added bordered container layout matching CloudHeroNew design system
 2025-11-06 21:39:14 +01:00
sasha-astiadi
15e81cb5cd refactor: adjust CloudHostingNew layout spacing and styling 
- Changed image width from full-width to fixed 600px
- Replaced H3 component with native h3 element with responsive text sizing
- Reduced top margin on details section from mt-12 to mt-8
 2025-11-06 21:30:17 +01:00
sasha-astiadi
0e6ecedf85 refactor: remove duplicate CloudHosting component from CloudPage 2025-11-06 21:28:42 +01:00
sasha-astiadi
75dd7dfbc5 feat: redesign cloud hero section with new layout and capabilities component 
- Updated CloudHeroNew with boxed container layout and improved visual hierarchy
- Added new CloudHostingNew component featuring accordion-style capabilities section with dark theme
- Included new cloud hosting images in webp and png formats
 2025-11-06 21:26:48 +01:00
sasha-astiadi
d8ce04252a fix: adjust spacing in bento card grid layout 
- Increased gap between cards from 4 to 6 for better visual separation
- Added bottom padding to card content area for improved spacing
 2025-11-06 20:50:44 +01:00
sasha-astiadi
c14c0e92d4 chore: remove saved HTML file from images directory 2025-11-06 20:48:43 +01:00
sasha-astiadi
9730129506 feat: add Project Mycelium landing page HTML 2025-11-06 20:39:31 +01:00
sasha-astiadi
8b4e0defb9 refactor: extract bento cards into data-driven component 
- Replaced hardcoded card markup with array-based configuration for maintainability
- Added Link components to enable navigation to individual product pages
- Implemented hover animation for improved user interaction
 2025-11-06 20:28:13 +01:00
sasha-astiadi
15cc1f70e3 feat: update home page bento grid with custom images 
- Replaced placeholder images with custom bento grid assets
- Adjusted image styling and object positioning for better visual presentation
 2025-11-06 20:23:35 +01:00
sasha-astiadi
ae3e78f75a refactor: standardize vertical spacing across feature sections 
- Reduced py-10 to py-8 for consistent spacing in feature grids and carousels
- Restructured HomeHosting and HomeTab sections with full-width border layout pattern
- Replaced HomeTab card grid with bento-style component showcase layout
 2025-11-06 19:46:09 +01:00
sasha-astiadi
7ee6da68fe feat: update homepage layout and color scheme 
- Changed background colors from transparent/white to off-white (#fdfdfd) for softer appearance
- Removed HomeBenefits section from homepage to streamline content
- Updated header and hero section backgrounds to use consistent white color
 2025-11-06 17:51:49 +01:00
sasha-astiadi
6e2ea7c87c feat: update Explore Docs button color to gray 2025-11-06 15:50:29 +01:00
sasha-astiadi
5f0c749f94 feat: add consistent border styling and improve layout spacing 
- Applied border-gray-200 borders to main sections for visual consistency
- Restructured HomeTab component with full-width card grid layout
- Refined spacing and padding across hero, benefits, and hosting sections
 2025-11-06 15:45:15 +01:00
sasha-astiadi
b3836062a3 refactor: consolidate cloud and agents page components 
- Removed duplicate hero component variations (AgentsHero/AgentsHeroAlt, CloudHero/CloudHeroAlt)
- Deleted unused CloudCTA, CloudGettingStarted, and CloudDesign components
- Cleaned up empty files and legacy page structure
 2025-11-06 15:00:37 +01:00
sasha-astiadi
b1c59a9b5a feat: redesign home page with new hero and layout 
- Replaced abstract aurora background with hero section featuring image background and call-to-action
- Reorganized page sections with new components (HomeHostingDark, HomeBenefits, StackSectionLight)
- Changed layout background from #FAFAFA to white and removed conditional aurora rendering
 2025-11-06 14:06:44 +01:00
sasha-astiadi
db92f1271e refactor: remove unused imports from HomePage component 2025-11-06 03:53:03 +01:00
sasha-astiadi
6dc318704a fix: add semi-transparent white background to buttons for better visibility 2025-11-06 03:48:06 +01:00
sasha-astiadi
6304f8fc1d feat: adjust outline button background opacity 2025-11-06 03:47:57 +01:00
sasha-astiadi
d7769a5ecd feat: redesign homepage with new sections and layout 
- Added new component sections including globe visualization, statistics dashboard, interactive stack explorer, and product showcase
- Replaced existing homepage sections with updated components featuring improved visual hierarchy and user engagement
- Removed footer border and adjusted hero section spacing for cleaner visual flow
 2025-11-06 03:41:26 +01:00
sasha-astiadi
005d8c35d4 feat: redesign hero section with card-based layout 
- Updated hero to use bordered card container with subtle shadow for visual hierarchy
- Reduced font sizes and adjusted spacing for better readability and modern aesthetic
- Enhanced button styling with larger padding and improved outline variant hover state
 2025-11-06 01:32:55 +01:00
sasha-astiadi
a73608ce6c refactor: extract hero content from aurora background component 
- Separated HomeAurora into pure background component and new HomeHero for content
- Converted aurora to absolute positioned background layer in Layout for homepage
- Removed z-index conflicts and cleaned up background color declarations
 2025-11-06 01:13:36 +01:00
sasha-astiadi
ef7dc12bc2 feat: update UI styling and add new overview sections 
- Changed DarkCard border radius from rounded-3xl to rounded-xl for more subtle styling
- Added ComputeOverview section to compute page
- Replaced StackSectionLight with new StackSectionDark component featuring enhanced aurora effects and improved visual hierarchy
 2025-11-06 00:33:57 +01:00
sasha-astiadi
2d856a5858 feat: redesign hero section with cloud background and decorative blobs 
- Replaced hero background image with cloud.png and added cyan gradient blobs for visual depth
- Centered hero content with larger typography and improved spacing
- Removed onGetStartedClick callback in favor of direct href navigation
 2025-11-05 16:29:20 +01:00
sasha-astiadi
8fac6f8edd refactor: clean up unused imports and fix component naming 
- Removed unused component imports across multiple page files
- Fixed component name casing inconsistencies (CalltoAction → CallToAction, NetworkUseCases → NetworkUsecases)
- Changed AgentComponents from default to named export
- Removed stray character in NetworkPage.tsx
 2025-11-05 13:10:45 +01:00
sasha-astiadi
560ec7dcd0 feat: add agent components section and update agents page content 
- Created AgentComponents table showcasing building blocks of sovereign agents
- Added CallToAction section with deployment and documentation links
- Updated hero and deployment sections to clarify agent layer timeline and current capabilities
 2025-11-05 13:02:43 +01:00
sasha-astiadi
aaf02d0a7c feat: update network page messaging and structure 
- Revised call-to-action copy to emphasize dual paths: using the network vs hosting nodes
- Reorganized page sections to introduce new NetworkCapabilities and NetworkUsecases components
- Updated roadmap section to reflect active evolution rather than future-focused messaging
 2025-11-05 12:52:40 +01:00
sasha-astiadi
b767bdbcb4 refactor: simplify product section content and layout 
- Condensed GPU Architecture section from detailed bullet points to concise three-pillar overview
- Removed redundant descriptive paragraphs from Capabilities and Design sections
- Streamlined Network Hero messaging and added standalone/integrated positioning
- Created new NetworkCapabilities component with four-column grid layout
 2025-11-05 12:47:18 +01:00
sasha-astiadi
c25f6aaba6 refactor: reorder compute page sections and simplify use cases heading 
- Moved ComputeArchitecture and ComputeUseCases sections earlier in the page flow
- Updated use cases section heading to be more concise
- Removed descriptive paragraph from use cases section
 2025-11-05 12:20:49 +01:00
sasha-astiadi
2bd3026bac feat: simplify cloud and compute architecture sections 
- Condensed architecture explanations to focus on core capabilities rather than implementation details
- Replaced detailed bullet lists with concise descriptions for better readability
- Added new CallToAction component with dual-path user journey (host vs deploy)
 2025-11-05 12:17:22 +01:00
sasha-astiadi
88d6a90f60 refactor: streamline home page content and reorder ecosystem components 
- Removed comparison table section from home page
- Removed descriptive paragraph from benefits section
- Reordered ecosystem slider to show Cloud, Network, and Agent before Compute resources
 2025-11-05 12:08:16 +01:00
sasha-astiadi
8d9f02a846 refactor: clean up unused imports and component exports 
- Removed unused component imports across multiple pages (AgentHeroAlt, ComputeHero, CloudPage, GpuPage, StoragePage)
- Changed ComputeDesign export from default to named export for consistency
- Removed CloudDesign section from CloudPage layout
 2025-11-04 17:15:07 +01:00
sasha-astiadi
e16456bb94 feat: update GPU CTA section copy and button labels 
- Changed heading from "Bring sovereign GPU acceleration to production" to "Choose How You Want to Start"
- Updated description to emphasize dual options: using Mycelium Cloud or contributing GPU nodes
- Renamed buttons to "Deploy GPU Workloads" and "Host A GPU Node" for clearer action paths
 2025-11-04 17:03:50 +01:00
sasha-astiadi
388654fcbd refactor: remove unused GPU page sections 2025-11-04 16:50:20 +01:00
sasha-astiadi
865252274c feat: restructure GPU page layout and simplify content presentation 
- Reordered sections to improve information flow (Capabilities → Design → Architecture → Overview)
- Simplified use cases and overview sections by removing redundant bullet points
- Added new GpuCapabilities and GpuDesign components with cleaner, more focused messaging
 2025-11-04 16:50:15 +01:00
sasha-astiadi
8b892c9432 feat: simplify GPU hero section messaging 
- Replaced technical jargon with clearer value proposition focused on accessibility and control
- Streamlined copy to emphasize practical benefits (no waitlists, transparent pricing, flexible deployment)
- Updated CTA button labels for better clarity ("How it works" and "Explore Docs")
 2025-11-04 16:43:37 +01:00
sasha-astiadi
7f9023c631 feat: simplify storage page messaging and structure 
- Streamlined call-to-action to focus on cloud vs. self-hosted options
- Condensed architecture and use cases sections to remove excessive detail
- Reorganized page component order and added new capability/design sections
 2025-11-04 16:23:57 +01:00
sasha-astiadi
f3456eb470 feat: update storage hero section messaging and CTAs 
- Simplified headline to emphasize sovereignty, self-healing, and multi-protocol access
- Streamlined description to focus on core value proposition of encrypted, quantum-safe storage
- Updated button labels for clearer user navigation (Features → How It Works, Developer Flow → Explore Docs)
 2025-11-04 16:12:07 +01:00
sasha-astiadi
46272e939d feat: simplify compute and cloud page content 
- Streamlined ComputeFeatures and ComputeUseCases to focus on high-level benefits rather than detailed bullet points
- Updated ComputeHero messaging to emphasize deterministic control and self-verification
- Revised CallToAction to clarify deployment vs hosting options
- Added CloudDesign and ComputeCapabilities/ComputeDesign sections to page layouts
 2025-11-04 16:06:13 +01:00
sasha-astiadi
0daabe56f5 feat: replace SecurityPillars with CloudBluePrint component and reorder sections 
- Removed CloudGettingStarted section from the page
- Replaced SecurityPillars with new CloudBluePrint component
- Adjusted section ordering to improve page flow
 2025-11-04 15:16:50 +01:00
sasha-astiadi
85afc05c35 feat: update cloud use cases with enterprise and edge focus 
- Reframed use cases to emphasize sovereignty, workload ownership, and distributed deployment
- Replaced AI/ML training and DigitalMe Blueprint sections with enterprise Kubernetes and AI/agent workloads
- Updated descriptions and feature bullets to highlight compliance, mesh networking, and autonomous capabilities
 2025-11-04 15:16:43 +01:00
sasha-astiadi
866e1df042 feat: add Cloud Blueprint landing section with logo showcase 2025-11-04 15:16:32 +01:00
sasha-astiadi
28ea2ab49d feat: clarify cloud infrastructure independence in features section 2025-11-04 14:06:29 +01:00
sasha-astiadi
1f11ca5319 feat: update cloud hosting capabilities section with audience-focused messaging 
- Reorganized features to target specific user personas (DevOps, Security, Data, AI/ML teams)
- Updated feature descriptions to emphasize technical benefits and security posture
- Changed section eyebrow from "DEPLOY" to "CAPABILITIES" for clearer positioning
 2025-11-04 14:05:27 +01:00
sasha-astiadi
3e99e85e48 feat: enhance CloudHero messaging and formatting 
- Added tagline "Works Alone. Works Together." with explanation of Mycelium Cloud's flexibility
- Simplified "Explore Docs" button text to "Documentation"
- Fixed indentation for improved code readability
 2025-11-04 14:01:17 +01:00
sasha-astiadi
b39694ea24 feat: update CTA button text from "Start Deployment" to "Get Started" 2025-11-04 13:35:53 +01:00
sasha-astiadi
363b822d8b feat: refine benefits section messaging and ordering 
- Reordered features to lead with "Unbreakable by Design" for stronger impact
- Simplified benefit descriptions for clarity and conciseness
- Updated section heading from "Why It Changes Everything" to "Why It Matters"
 2025-11-04 13:35:22 +01:00
sasha-astiadi
00802c7064 feat: reorder slider items and update ecosystem messaging 
- Moved Compute/Storage/GPU to first position in slider
- Updated heading from "Mycelium Products" to "Mycelium Components"
- Changed description to emphasize Agents instead of "intelligent automation"
 2025-11-04 13:33:53 +01:00
sasha-astiadi
e45ca7c86f feat: reorder HomeSlider section before HomeBenefits 2025-11-04 13:33:47 +01:00
sasha-astiadi
664897ee19 refactor: simplify StackSection description text 2025-11-04 13:31:29 +01:00
sasha-astiadi
91d249f097 feat: update homepage content and section ordering 
- Revised hosting section description to emphasize decentralized grid and user control
- Swapped order of StackSectionLight and HomeHostingDark sections
- Enhanced Kubernetes feature description with additional context
 2025-11-04 13:29:37 +01:00
sasha-astiadi
4ba88257eb feat: update hero section copy and CTAs 
- Changed announcement banner to focus on enterprise scaling with "Book a call" CTA
- Simplified tagline to emphasize infrastructure ownership
- Updated primary CTA from "Get started" to "Start Hosting" and secondary to "Deploy in Cloud"
 2025-11-04 13:26:26 +01:00
sasha-astiadi
4c4a0c5dd1 feat: add hero video to public assets 
- Added mhero.mp4 video file to public/videos directory for hero section display
- Video will be used as background media content in the landing page hero area
 2025-11-04 12:54:59 +01:00
sasha-astiadi
8817272932 refactor: improve hero components and naming consistency 
- Renamed AgentsHeroAlt component to AgentHeroAlt for consistent singular naming
- Updated hero section padding and spacing for consistent layout across GPU and Storage pages
- Changed Storage hero image object-fit from cover to contain to match GPU hero styling
- Removed redundant padding classes (sm:py-32, xl:pr-32) from hero components
- Fixed indentation in AgentsPage component
 2025-11-02 01:03:52 +01:00
sasha-astiadi
6a882371f0 feat: update cloud and product page content and visuals 
- Simplified cloud messaging to focus on sovereignty and self-healing capabilities
- Updated hero section copy across Cloud, Compute, GPU and Storage pages for clearer value proposition
- Added new CloudHosting component to Cloud page layout
- Changed hero images for GPU and Storage pages to improve visual consistency
- Adjusted layout spacing and typography in Compute hero section
- Streamlined cloud features description to be more concise an
 2025-11-02 00:45:24 +01:00
sasha-astiadi
4e8e714f37 feat: update homepage benefits messaging and value props 
- Revised benefit titles and descriptions to better communicate core product values
- Changed "Sovereign" to "Sovereign by Default" to emphasize out-of-the-box functionality
- Replaced "Autonomous" with "Hackable & Open" to highlight developer-friendly nature
- Updated "Energy Efficient" to "Unbreakable by Design" focusing on resilience
- Combined cost and energy benefits into single value proposition for clearer messaging
 2025-11-01 22:32:06 +01:00
sasha-astiadi
01c3c226a9 feat: update product descriptions and streamline component list 
- Updated main heading from "Components" to "Products" to better reflect offering
- Rewrote hero description to emphasize standalone and integrated usage of products
- Consolidated Compute, Storage, and GPU into a single "Resources" category
- Updated Network description to focus on mesh networking capabilities
- Modified Agents description to emphasize privacy and hardware ownership
- Removed individual entries for GPU, Compute, and Storage components
 2025-11-01 22:26:26 +01:00
sasha-astiadi
c7371ec21b feat: update homepage layout and visual styling 
- Reorganized homepage sections by adding HomeHostingDark and HomeComparisonTable components
- Changed background color of slider section from #0b0b0b to #111111 for better contrast
- Updated card styling in CloudArchitecture to use semi-transparent gray background (bg-gray-50/25)
- Modified paragraph text styling to use leading-tight instead of leading-relaxed for better readability
- Reordered HomeBenefits section placement in the page flow
 2025-11-01 22:19:07 +01:00
sasha-astiadi
c15b110afe feat: adjust hero section width on homepage 
- Reduced max-width of hero content container from max-w-3xl to max-w-2xl for better content alignment and readability
- Content width now matches design specifications for desktop breakpoints
 2025-11-01 21:08:51 +01:00
sasha-astiadi
3564b5cb0f feat: enhance homepage with smooth scroll navigation 
- Added scroll-to-slider functionality when clicking "Get Started" button
- Modified AnimatedSection to support ref forwarding for scroll targeting
- Updated HomeAurora component to accept click handler prop
- Refined homepage hero text and description for clearer value proposition
- Changed button from link to click handler for better user interaction
 2025-11-01 21:08:42 +01:00
sasha-astiadi
51ef8dffb5 feat: enhance UI components and layout styling 
- Updated FeatureDescription text size to be larger on desktop (lg:text-base)
- Added rounded corners (rounded-3xl) to DarkCard component
- Modified CloudArchitecture section with wider container (max-w-5xl) and updated heading styles
- Adjusted mobile feature navigation indicators with darker colors (bg-gray-600/700)
- Improved hero section typography using H2 and H5 components for better hierarchy
- Refined padding and background styling in CloudFeatures mobile
 2025-11-01 21:02:35 +01:00
sasha-astiadi
9d8f1a6919 refactor: replace MagicCard with DarkCard component 
- Replaced MagicCard with new DarkCard component across apple-cards-carousel and HomeGlobe
- Updated card styling and layout in apple-cards-carousel to work with DarkCard
- Removed gradient and border styling from globe stats cards
- Adjusted padding and margin values to maintain consistent appearance
- Fixed spacing and alignment of chevron icon in cards
 2025-10-31 15:35:45 +01:00
sasha-astiadi
0f93199aa4 feat: redesign card carousel with modern layout and improved visuals 
- Updated card component design from image background to structured layout with separate content and image sections
- Added dedicated image container with proper scaling and positioning for product images
- Refined typography with new styling for category, title and description text
- Increased gap between carousel cards from 4 to 6 units for better spacing
- Adjusted card dimensions and padding for better responsive behavior
- Update
 2025-10-31 14:35:45 +01:00
sasha-astiadi
57fa97cc70 feat: update home slider images to PNG format 
- Added new PNG format images for network, agent, cloud, GPU, compute and storage sections
- Updated image source paths in HomeSlider component to reference new PNG files
- Replaced legacy .webp gallery images with dedicated page-specific images for better quality and consistency
 2025-10-31 14:11:52 +01:00
sasha-astiadi
fa7c524b18 feat: remove cloud overview section from landing page 
- Removed CloudOverview component from CloudPage to streamline the user experience
- Simplified page layout to focus on hero section and features content
- Maintained AnimatedSection wrapper structure for remaining components
 2025-10-31 05:02:26 +01:00
sasha-astiadi
f1c388cbab refactor: reorganize cloud page component structure 
- Moved CloudOverview component into its own AnimatedSection for consistent layout
- Reordered imports to match component rendering sequence
- Fixed spacing and removed empty line in component structure
 2025-10-31 05:02:02 +01:00
sasha-astiadi
ea3ee4d455 feat: add dynamic header navigation with current page tracking 
- Added useLocation hook to detect and display current page in header dropdown
- Extracted cloud navigation items into separate constant for reusability
- Implemented getCurrentPageName function to determine active page based on URL path
- Updated dropdown button to dynamically show current section instead of static "Cloud" text
 2025-10-31 04:58:58 +01:00
sasha-astiadi
24f6da37ed feat: enhance cloud features UI with improved image styling 
- Removed CircleBackground component and its instances from desktop and mobile views for cleaner design
- Updated image shadows from shadow-xl to shadow-2xl for stronger depth effect
- Modified image positioning with -ml-32 margin for better layout alignment in tablet and desktop views
- Removed unnecessary background animations to improve visual focus on feature screenshots
 2025-10-31 04:55:30 +01:00
sasha-astiadi
c861f15492 feat: update hero images and adjust cloud features layout 
- Changed cloud hero background image from cloudhero3.webp to cloudhero4.webp for improved visual appeal
- Updated compute hero image path from hero.webp to cloudhero.webp for consistency
- Increased max width of cloud features container from max-w-none to max-w-3xl on large screens for better content readability
 2025-10-31 04:50:11 +01:00
sasha-astiadi
bfe3c1e4bd feat: redesign cloud features section with new UI and content 
- Replaced mobile phone mockups with full-width desktop screenshots for cloud platform features
- Updated feature descriptions to focus on cloud/Kubernetes capabilities instead of network features
- Changed section layout to improve desktop view with left-aligned feature tabs
- Removed unused phone frame component and related mobile UI elements
- Updated image assets from jpg to png format and reorganized image paths
- Reordered page
 2025-10-31 04:40:14 +01:00
sasha-astiadi
26ae2f156a feat: add mobile app UI screenshots and enhance text components 
- Added new app UI screenshots for cloud features (connector, billing, kubeconfig, reserve)
- Added new hero image (cloudhero3.webp) for cloud section
- Enhanced Texts component with new cyan color variant and default props support
- Updated Eyebrow component to use consistent styling with accent color and tracking
- Simplified CloudArchitecture component by removing redundant style props
- Completely rebuilt CloudFeatures component with
 2025-10-31 04:04:44 +01:00
sasha-astiadi
33c940c604 feat: update cloud page hero and home slider components 
- Replaced CloudHero with new CloudHeroNew component on cloud page
- Added new cloud-related images (cloudhero.webp, cloudhero2.webp, k82.png) to public assets
- Enhanced HomeSlider section with Eyebrow component for "Ecosystem" label
- Updated HomeSlider heading text from "Discover the Mycelium Ecosystem" to "Discover the Mycelium Components"
 2025-10-31 03:36:19 +01:00
sasha-astiadi
0837a8313c refactor: remove unused text component imports 
- Removed unused H2 import from HomeAurora.tsx
- Removed unused SectionHeader import from StackSection.tsx
- Cleaned up import statements to only include components being used
 2025-10-31 03:10:39 +01:00
sasha-astiadi
b311cb22a4 feat: improve text styling and layout in home sections 
- Replaced custom paragraph tags with CP component for consistent text styling
- Updated leading value from [1.525] to relaxed for better readability
- Simplified feature descriptions while maintaining key messaging
- Streamlined header styling in Stack section and removed redundant text classes
- Standardized text color and spacing across sections for visual consistency
 2025-10-31 03:09:47 +01:00
sasha-astiadi
b987f1a072 feat: enhance card component styling and responsiveness 
- Added subtle border to cards with 30% opacity gray color for improved visual definition
- Increased description text size from sm to base on mobile and lg on desktop for better readability
- Maintained hover and transition effects while improving visual hierarchy
- Ensured consistent spacing and alignment across card elements
 2025-10-31 03:09:07 +01:00
sasha-astiadi
dd4eba2215 feat: update UI styling and add new page images 
- Added new WebP images for different pages (agent, cloud, compute, gpu, network, storage)
- Updated benefits section images with optimized WebP versions
- Enhanced text styling:
  - Increased paragraph font size to text-xl on large screens
  - Adjusted H5 line height for better readability
  - Updated card paragraph text size to text-base
- Refined visual design elements:
  - Changed cube stroke color to gray-600 for subtler appearance
  - Adjusted glow effects and gradients to
 2025-10-31 03:01:17 +01:00
sasha-astiadi
ea1ef853f1 feat: add hero image for landing page 
- Added hero11.webp image file to public/images directory for use in website landing page
 2025-10-31 01:38:26 +01:00
sasha-astiadi
5b05dababb style: adjust eyebrow text tracking for better readability 
- Changed tracking property from 'tracking-wide' to 'tracking-wider' to increase letter spacing in eyebrow text component
- Improves visual hierarchy and text legibility for uppercase headings
 2025-10-31 01:36:16 +01:00
sasha-astiadi
ab5ac43793 feat: update website design and assets 
- Replaced multiple hero and background images with new optimized versions
- Removed unused image assets from public/images directory
- Updated typography styles:
  - Removed italic styling from various text components
  - Made eyebrow text uppercase
  - Adjusted H1 font size from 6xl to 5xl on mobile
- Redesigned HomeAurora component with new layout and background
- Added Mulish as primary font family in Tailwind config
- Updated text formatting and spacing
 2025-10-31 01:36:08 +01:00
sasha-astiadi
fb9250c365 feat: add Mulish font family to website 
- Added Google Fonts stylesheet link to load Mulish font with weights 400, 500, and 700
- Included preconnect links for optimal font loading performance
 2025-10-31 01:35:03 +01:00
240 changed files with 7901 additions and 1980 deletions
Expand all files Collapse all files

1
index.html
View File

@@ -8,6 +8,7 @@
<meta name="description" content="Project Mycelium's technology enables anyone to deploy their own Internet infrastructure, anywhere." /> <meta name="description" content="Project Mycelium's technology enables anyone to deploy their own Internet infrastructure, anywhere." />
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;700&display=swap" rel="stylesheet" />
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

BIN
public/images/8c0e4489-1721-49e0-a475-509daf745c1c.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 MiB

BIN
public/images/ChatGPT Image Oct 24, 2025, 05_03_52 PM.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/images/Screenshot 2025-09-13 at 15.58.46.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 303 KiB

BIN
public/images/a718fb45-791b-429f-9927-668e6fa8c73b.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 992 KiB

BIN
public/images/agent_icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 802 KiB

BIN
public/images/agents.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
public/images/agentshero.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/images/agentshero2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/images/benefits.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 MiB

BIN
public/images/benefits/autonomous.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 51 KiB

BIN
public/images/benefits/cost.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 50 KiB

BIN
public/images/benefits/energy.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 30 KiB

BIN
public/images/benefits/sovereign.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 68 KiB

BIN
public/images/bento-agent.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

BIN
public/images/bento-cloud.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 KiB

BIN
public/images/bento-compute.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 895 KiB

BIN
public/images/bento-gpu.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 179 KiB

BIN
public/images/bento-network.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 151 KiB

BIN
public/images/bento-storage.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
public/images/branding.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 223 KiB

BIN
public/images/calendar.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 65 KiB

BIN
public/images/calk.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 111 KiB

BIN
public/images/candy.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.8 MiB

BIN
public/images/cloud.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 723 KiB

BIN
public/images/cloud/billing.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 778 KiB

BIN
public/images/cloud/kubeconfig.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
public/images/cloud/reserve.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

BIN
public/images/cloud1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 MiB

BIN
public/images/cloud_icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 757 KiB

BIN
public/images/cloudhero4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
public/images/cloudhosting.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
public/images/cloudimg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/images/code.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 316 KiB

BIN
public/images/computehero.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 116 KiB

BIN
public/images/computehero.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/images/computehero.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
public/images/computehero11.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
public/images/computehero2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/images/computehero3.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 110 KiB

BIN
public/images/computehero3.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 MiB

BIN
public/images/computehero4.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 MiB

BIN
public/images/cube.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 190 KiB

BIN
public/images/data.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 327 KiB

BIN
public/images/datasets.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 140 KiB

BIN
public/images/deployment.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 26 KiB

BIN
public/images/encrypted.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 888 KiB

BIN
public/images/filesystem.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 910 KiB

4
public/images/github.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="GitHub" viewBox="0 0 512 512" id="github">
<rect width="512" height="512" fill="#1B1817" rx="15%"></rect>
<path fill="#fff" d="M335 499c14 0 12 17 12 17H165s-2-17 12-17c13 0 16-6 16-12l-1-50c-71 16-86-28-86-28-12-30-28-37-28-37-24-16 1-16 1-16 26 2 40 26 40 26 22 39 59 28 74 22 2-17 9-28 16-35-57-6-116-28-116-126 0-28 10-51 26-69-3-6-11-32 3-67 0 0 21-7 70 26 42-12 86-12 128 0 49-33 70-26 70-26 14 35 6 61 3 67 16 18 26 41 26 69 0 98-60 120-117 126 10 8 18 24 18 48l-1 70c0 6 3 12 16 12z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 563 B

BIN
public/images/gpuhero.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.7 KiB

BIN
public/images/gpuhero2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
public/images/hero11.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
public/images/homehero1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 MiB

BIN
public/images/iot-gdb6f0c390_1280-1024x706.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 KiB

BIN
public/images/ipfs.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 834 KiB

BIN
public/images/k82.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 910 KiB

BIN
public/images/kubernetes.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 KiB

BIN
public/images/linux.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 150 KiB

BIN
public/images/logo/1_eVqphQ2aNKxqHPMPxjRzAA (1).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 286 KiB

BIN
public/images/logo/1_eVqphQ2aNKxqHPMPxjRzAA.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 286 KiB

BIN
public/images/logo/cryptpad.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
public/images/logo/gitea.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
public/images/logo/images.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
public/images/logo/lifekit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
public/images/logo/matrix.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
public/images/logo/nextcloud.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
public/images/logo/stalwart.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
public/images/mchip.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
public/images/mchip2.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 126 KiB

BIN
public/images/network_icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 835 KiB

BIN
public/images/pages/agent.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 107 KiB

BIN
public/images/pages/agent.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 239 KiB

BIN
public/images/pages/cloud.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 KiB

BIN
public/images/pages/cloud.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 232 KiB

BIN
public/images/pages/compute.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 114 KiB

BIN
public/images/pages/compute.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 216 KiB

BIN
public/images/pages/gpu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 121 KiB

BIN
public/images/pages/gpu.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 268 KiB

BIN
public/images/pages/gpuhero2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
public/images/pages/network.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

BIN
public/images/pages/network.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 KiB

BIN
public/images/pages/screencapture-localhost-5175-2025-11-01-21_45_20.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 MiB

BIN
public/images/pages/storage.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 135 KiB

BIN
public/images/pages/storage.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 271 KiB

BIN
public/images/pages/storage1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 230 KiB

BIN
public/images/pods.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
public/images/s3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1007 KiB

BIN
public/images/storage.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
public/images/storage2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
public/images/testpic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 KiB

BIN
public/images/vm.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

BIN
public/videos/mhero.mp4 Normal file
View File

Binary file not shown.

6
src/App.tsx
View File

@@ -1,4 +1,4 @@
import { BrowserRouter, Routes, Route } from 'react-router-dom'; import { HashRouter, Routes, Route } from 'react-router-dom';
import { Layout } from './components/Layout'; import { Layout } from './components/Layout';
import { lazy, Suspense } from 'react'; import { lazy, Suspense } from 'react';
@@ -13,7 +13,7 @@ const GpuPage = lazy(() => import('./pages/gpu/GpuPage'));
function App() { function App() {
return ( return (
<BrowserRouter> <HashRouter>
<Suspense fallback={<div>Loading...</div>}> <Suspense fallback={<div>Loading...</div>}>
<Routes> <Routes>
<Route path="/" element={<Layout />}> <Route path="/" element={<Layout />}>
@@ -28,7 +28,7 @@ function App() {
</Route> </Route>
</Routes> </Routes>
</Suspense> </Suspense>
</BrowserRouter> </HashRouter>
) )
} }

8
src/components/AnimatedSection.tsx
View File

@@ -1,4 +1,5 @@
import { motion } from 'framer-motion' import { motion } from 'framer-motion'
import { forwardRef } from 'react'
type AnimatedSectionProps = { type AnimatedSectionProps = {
children: React.ReactNode children: React.ReactNode
@@ -6,9 +7,11 @@ type AnimatedSectionProps = {
className?: string className?: string
} }
export function AnimatedSection({ children, id, className }: AnimatedSectionProps) { export const AnimatedSection = forwardRef<HTMLElement, AnimatedSectionProps>(
({ children, id, className }, ref) => {
return ( return (
<motion.section <motion.section
ref={ref}
id={id} id={id}
className={className} className={className}
initial={{ opacity: 0, y: 40 }} initial={{ opacity: 0, y: 40 }}
@@ -19,4 +22,5 @@ export function AnimatedSection({ children, id, className }: AnimatedSectionProp
{children} {children}
</motion.section> </motion.section>
) )
} },
)

6
src/components/Button.tsx
View File

@@ -3,9 +3,9 @@ import clsx from 'clsx'
const baseStyles = { const baseStyles = {
solid: solid:
'inline-flex justify-center rounded-full py-2 px-4 text-sm font-semibold transition-colors', 'inline-flex justify-center rounded-full py-2 px-5 text-base font-semibold transition-colors',
outline: outline:
'inline-flex justify-center rounded-full border py-[calc(--spacing(2)-1px)] px-[calc(--spacing(4)-1px)] text-sm transition-colors', 'inline-flex justify-center bg-transparent rounded-full border py-[calc(--spacing(2)-1px)] px-[calc(--spacing(5)-1px)] text-base transition-colors',
} }
const variantStyles = { const variantStyles = {
@@ -17,7 +17,7 @@ const variantStyles = {
green: 'bg-green-500 text-white hover:bg-green-600', green: 'bg-green-500 text-white hover:bg-green-600',
}, },
outline: { outline: {
cyan: 'border-cyan-500 text-cyan-500 hover:bg-cyan-50', cyan: 'border-cyan-500 text-cyan-500',
gray: 'border-gray-300 text-gray-700 hover:border-cyan-500 active:border-cyan-500', gray: 'border-gray-300 text-gray-700 hover:border-cyan-500 active:border-cyan-500',
white: 'border-gray-300 text-white hover:border-cyan-500 active:border-cyan-500', white: 'border-gray-300 text-white hover:border-cyan-500 active:border-cyan-500',
}, },

8
src/components/Footer.tsx
View File

@@ -3,12 +3,12 @@ import { Container } from './Container'
export function Footer() { export function Footer() {
return ( return (
<footer className="border-t border-gray-200"> <footer className="">
<Container> <Container>
<div className="flex flex-col items-start justify-between gap-y-12 pt-16 pb-6 lg:flex-row lg:items-center lg:py-8"> <div className="flex flex-col items-start justify-between gap-y-12 pt-16 pb-6 lg:flex-row lg:items-center lg:py-8">
<div> <div>
<div className="flex items-center text-gray-900"> <div className="flex items-center text-gray-900">
<img src="/src/images/logomark.svg" alt="Mycelium Logomark" className="h-15 w-15 flex-none" /> <img src="/images/logomark.svg" alt="Mycelium Logomark" className="h-15 w-15 flex-none" />
<div className="ml-4"> <div className="ml-4">
<p className="text-base font-semibold">Project Mycelium</p> <p className="text-base font-semibold">Project Mycelium</p>
<p className="mt-1 text-sm">Unleash the Power of Decentralization</p> <p className="mt-1 text-sm">Unleash the Power of Decentralization</p>
@@ -31,7 +31,7 @@ export function Footer() {
</div> </div>
<div className="group relative -mx-4 flex items-center self-stretch p-4 transition-colors hover:bg-gray-100 sm:self-auto sm:rounded-2xl lg:mx-0 lg:self-auto lg:p-6"> <div className="group relative -mx-4 flex items-center self-stretch p-4 transition-colors hover:bg-gray-100 sm:self-auto sm:rounded-2xl lg:mx-0 lg:self-auto lg:p-6">
<div className="relative flex h-16 w-16 flex-none items-center justify-center"> <div className="relative flex h-16 w-16 flex-none items-center justify-center">
<img src="/src/images/github.svg" alt="GitHub" className="h-16 w-16" /> <img src="/images/github.svg" alt="GitHub" className="h-16 w-16" />
</div> </div>
<div className="ml-4 lg:w-72"> <div className="ml-4 lg:w-72">
<p className="text-base font-semibold text-gray-900"> <p className="text-base font-semibold text-gray-900">
@@ -46,7 +46,7 @@ export function Footer() {
</div> </div>
</div> </div>
</div> </div>
<div className="flex flex-col items-center border-t border-gray-200 pt-8 pb-12 md:flex-row-reverse md:justify-between md:pt-6"> <div className="flex flex-col items-center border-t border-gray-100 pt-8 pb-12 md:flex-row-reverse md:justify-between md:pt-6">
<p className="mt-6 text-sm text-gray-500 md:mt-0"> <p className="mt-6 text-sm text-gray-500 md:mt-0">
&copy; Copyright{' '} &copy; Copyright{' '}
<a href="https://www.threefold.io" target="_blank" rel="noopener noreferrer" className="hover:text-cyan-500 transition-colors"> <a href="https://www.threefold.io" target="_blank" rel="noopener noreferrer" className="hover:text-cyan-500 transition-colors">

126
src/components/Header.tsx
View File

@@ -1,15 +1,36 @@
import { Link } from 'react-router-dom' import { useState } from 'react'
import { Link, useLocation } from 'react-router-dom'
import { Dropdown } from './ui/Dropdown' import { Dropdown } from './ui/Dropdown'
import { ChevronDownIcon } from '@heroicons/react/20/solid' import { ChevronDownIcon } from '@heroicons/react/20/solid'
import { Container } from './Container' import { Container } from './Container'
import { Button } from './Button' import { Button } from './Button'
import pmyceliumLogo from '../images/logos/logo_1.png' import pmyceliumLogo from '../images/logos/logo_1.png'
import { Dialog } from '@headlessui/react'
import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline'
const cloudNavItems = [
{ name: 'Cloud', href: '/cloud' },
{ name: 'Compute', href: '/compute' },
{ name: 'Storage', href: '/storage' },
{ name: 'GPU', href: '/gpu' },
]
export function Header() { export function Header() {
const location = useLocation()
const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
const getCurrentPageName = () => {
const currentPath = location.pathname;
if (currentPath.startsWith('/compute')) return 'Compute';
if (currentPath.startsWith('/storage')) return 'Storage';
if (currentPath.startsWith('/gpu')) return 'GPU';
return 'Cloud';
};
return ( return (
<header> <header className="bg-white">
<nav> <nav className="border-b border-gray-100">
<Container className="relative z-50 flex justify-between py-4"> <Container className="flex bg-transparent justify-between py-4">
<div className="relative z-10 flex items-center gap-16"> <div className="relative z-10 flex items-center gap-16">
<Link to="/" aria-label="Home"> <Link to="/" aria-label="Home">
<img src={pmyceliumLogo} alt="Mycelium" className="h-8 w-auto" /> <img src={pmyceliumLogo} alt="Mycelium" className="h-8 w-auto" />
@@ -18,16 +39,18 @@ export function Header() {
<Dropdown <Dropdown
buttonContent={ buttonContent={
<> <>
Cloud {['Compute', 'Storage', 'GPU'].includes(getCurrentPageName()) ? (
<>
<span className="text-gray-500">Cloud {' >'} </span>
<span>{getCurrentPageName()}</span>
</>
) : (
'Cloud'
)}
<ChevronDownIcon className="h-5 w-5" aria-hidden="true" /> <ChevronDownIcon className="h-5 w-5" aria-hidden="true" />
</> </>
} }
items={[ items={cloudNavItems}
{ name: 'Cloud', href: '/cloud' },
{ name: 'Compute', href: '/compute' },
{ name: 'Storage', href: '/storage' },
{ name: 'GPU', href: '/gpu' },
]}
/> />
<Link <Link
to="/network" to="/network"
@@ -52,15 +75,94 @@ export function Header() {
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
Start Deployment Deploy Now
</Button> </Button>
<Button to="/download" variant="solid" color="cyan"> <Button to="/download" variant="solid" color="cyan">
Get Mycelium Connector Get Mycelium Connector
</Button> </Button>
</div> </div>
<div className="lg:hidden">
<button
type="button"
className="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700 hover:text-cyan-500 transition-colors"
onClick={() => setMobileMenuOpen(true)}
>
<span className="sr-only">Open main menu</span>
<Bars3Icon className="h-6 w-6" aria-hidden="true" />
</button>
</div>
</div> </div>
</Container> </Container>
</nav> </nav>
<Dialog as="div" className="lg:hidden" open={mobileMenuOpen} onClose={setMobileMenuOpen}>
<div className="fixed inset-0 z-10" />
<Dialog.Panel className="fixed inset-y-0 right-0 z-10 w-full overflow-y-auto lg:bg-transparent lg:bg-transparent bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
<div className="flex items-center justify-between">
<Link to="#" className="-m-1.5 p-1.5">
<span className="sr-only">Mycelium</span>
<img
className="h-8 w-auto"
src={pmyceliumLogo}
alt=""
/>
</Link>
<button
type="button"
className="-m-2.5 rounded-md p-2.5 text-gray-700 hover:text-cyan-500 transition-colors"
onClick={() => setMobileMenuOpen(false)}
>
<span className="sr-only">Close menu</span>
<XMarkIcon className="h-6 w-6" aria-hidden="true" />
</button>
</div>
<div className="mt-6 flow-root">
<div className="-my-6 divide-y divide-gray-500/10">
<div className="space-y-2 py-6">
{cloudNavItems.map((item) => (
<Link
key={item.name}
to={item.href}
className="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
onClick={() => setMobileMenuOpen(false)}
>
{item.name}
</Link>
))}
<Link
to="/network"
className="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
onClick={() => setMobileMenuOpen(false)}
>
Network
</Link>
<Link
to="/agents"
className="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
onClick={() => setMobileMenuOpen(false)}
>
Agents
</Link>
</div>
<div className="py-6">
<Button
to="https://myceliumcloud.tf"
variant="outline"
as="a"
target="_blank"
rel="noopener noreferrer"
className="w-full"
onClick={() => setMobileMenuOpen(false)}
>
Start Deployment
</Button>
<Button to="/download" variant="solid" color="cyan" className="mt-4 w-full" onClick={() => setMobileMenuOpen(false)}>
Get Mycelium Connector
</Button>
</div>
</div>
</div>
</Dialog.Panel>
</Dialog>
</header> </header>
) )
} }

6
src/components/Layout.tsx
View File

@@ -5,12 +5,14 @@ import { Header } from './Header'
export function Layout() { export function Layout() {
return ( return (
<div className="bg-white antialiased" style={{ fontFamily: 'var(--font-inter)' }}> <div className="bg-[#fdfdfd] antialiased relative" style={{ fontFamily: 'var(--font-inter)' }}>
<div className="relative z-10">
<Header /> <Header />
<main className=""> <main>
<Outlet /> <Outlet />
</main> </main>
<Footer /> <Footer />
</div> </div>
</div>
) )
} }

23
src/components/Texts.tsx
View File

@@ -13,6 +13,7 @@ const colorVariants = {
secondary: 'text-gray-600', secondary: 'text-gray-600',
light: 'text-gray-50', light: 'text-gray-50',
accent: 'text-cyan-500', accent: 'text-cyan-500',
cyan: 'text-cyan-50',
white: 'text-white', white: 'text-white',
dark: 'text-gray-950', dark: 'text-gray-950',
tertiary: 'text-gray-700', tertiary: 'text-gray-700',
@@ -33,7 +34,8 @@ type PolymorphicProps<E extends React.ElementType, P> = P & {
const createTextComponent = <DefaultElement extends React.ElementType>( const createTextComponent = <DefaultElement extends React.ElementType>(
defaultElement: DefaultElement, defaultElement: DefaultElement,
defaultClassName: string defaultClassName: string,
defaultProps: Omit<TextOwnProps, 'className' | 'children'> = {}
) => { ) => {
type Props<E extends React.ElementType = DefaultElement> = PolymorphicProps< type Props<E extends React.ElementType = DefaultElement> = PolymorphicProps<
E, E,
@@ -41,9 +43,9 @@ const createTextComponent = <DefaultElement extends React.ElementType>(
> >
function Text<E extends React.ElementType = DefaultElement>({ function Text<E extends React.ElementType = DefaultElement>({
font = 'sans', font = defaultProps.font || 'sans',
as, as,
color = 'primary', color = defaultProps.color || 'primary',
className, className,
children, children,
...props ...props
@@ -72,7 +74,7 @@ const createTextComponent = <DefaultElement extends React.ElementType>(
// Exports based on your tailwind.css and the example // Exports based on your tailwind.css and the example
export const H1 = createTextComponent( export const H1 = createTextComponent(
'h1', 'h1',
'text-6xl lg:text-7xl font-medium leading-tight tracking-tight' 'text-5xl lg:text-7xl font-medium leading-tight tracking-tight'
) )
export const H2 = createTextComponent( export const H2 = createTextComponent(
'h2', 'h2',
@@ -88,7 +90,7 @@ export const H4 = createTextComponent(
) )
export const P = createTextComponent( export const P = createTextComponent(
'p', 'p',
'text-base lg:text-lg leading-relaxed' 'text-base lg:text-xl leading-relaxed'
) )
export const Small = createTextComponent( export const Small = createTextComponent(
'small', 'small',
@@ -100,11 +102,12 @@ export const Subtle = createTextComponent(
) )
export const H5 = createTextComponent( export const H5 = createTextComponent(
'h5', 'h5',
'text-xl lg:text-2xl font-light leading-snug tracking-normal' 'text-xl lg:text-2xl font-light lg:leading-snug leading-[0.85] tracking-normal'
) )
export const Eyebrow = createTextComponent( export const Eyebrow = createTextComponent(
'h2', 'h2',
'text-base/7 font-semibold tracking-wide' 'text-base/7 font-semibold uppercase tracking-[0.16em]',
{ color: 'accent' }
) )
export const SectionHeader = createTextComponent( export const SectionHeader = createTextComponent(
'p', 'p',
@@ -128,7 +131,7 @@ export const FeatureTitle = createTextComponent(
) )
export const FeatureDescription = createTextComponent( export const FeatureDescription = createTextComponent(
'p', 'p',
'text-sm leading-normal tracking-normal' 'lg:text-base text-sm leading-normal tracking-normal'
) )
export const MobileFeatureTitle = createTextComponent( export const MobileFeatureTitle = createTextComponent(
'h3', 'h3',
@@ -159,5 +162,5 @@ export const DownloadCardDescription = createTextComponent(
'text-base/7 leading-normal tracking-normal' 'text-base/7 leading-normal tracking-normal'
) )
export const CT = createTextComponent('span', 'text-lg lg:text-xl font-semibold') export const CT = createTextComponent('span', 'text-base lg:text-lg font-medium')
export const CP = createTextComponent('p', 'text-sm lg:text-sm tracking-wide leading-[1.525] font-light') export const CP = createTextComponent('p', 'text-sm lg:text-base tracking-wide leading-tight font-light')

4
src/components/features-section-demo-2.tsx
View File

@@ -59,7 +59,7 @@ export default function FeaturesSectionDemo() {
}, },
]; ];
return ( return (
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 relative z-10 py-10 max-w-7xl mx-auto"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 relative z-10 py-8 max-w-7xl mx-auto">
{features.map((feature, index) => ( {features.map((feature, index) => (
<Feature key={feature.title} {...feature} index={index} /> <Feature key={feature.title} {...feature} index={index} />
))} ))}
@@ -81,7 +81,7 @@ const Feature = ({
return ( return (
<div <div
className={cn( className={cn(
"flex flex-col lg:border-r py-10 relative group/feature dark:border-neutral-800", "flex flex-col lg:border-r py-8 relative group/feature dark:border-neutral-800",
(index === 0 || index === 4) && "lg:border-l dark:border-neutral-800", (index === 0 || index === 4) && "lg:border-l dark:border-neutral-800",
index < 4 && "lg:border-b dark:border-neutral-800" index < 4 && "lg:border-b dark:border-neutral-800"
)} )}

Some files were not shown because too many files have changed in this diff Show More