@luxfi/core 5.2.7 → 5.2.9

package/site-def/main-nav.tsx

@@ -1,16 +1,53 @@
 import type { LinkDef } from '@hanzo/ui/types'
-import { bag as Bag } from '../components/icons'
-import SocialIcon from '../components/icons/social-icon'
-import Warpcast from '../components/icons/warpcast'
+import Anodized from '../components/icons/anodized-titanium'
+import GunMetal from '../components/icons/gun-metal'
+import  Chrome from '../components/icons/chrome'
+import Irradescent from '../components/icons/irradescent'
+import CompareCards from '../components/icons/compare-cards'
+import ViewAllCards from '../components/icons/view-all-card'
+import MoreBenefits from '../components/icons/more-benefits'
+import GoldCard from '../components/icons/24k-gold-card'
+import Sterling from '../components/icons/sterling-silver-card'
+import MirroredTitanium from '../components/icons/mirrored-titanium'
+import AIChat from '../components/icons/ai-chat'
+import Exchange from '../components/icons/exchange'
+import Market from '../components/icons/market'
+import Shop from '../components/icons/shop'
+import Credit from '../components/icons/credit'
+import LuxFinance from '../components/icons/lux-finance'
+import LuxQuests from '../components/icons/lux-quests'
+import DeveloperDocs from '../components/icons/developer-docs'
+import Integration from '../components/icons/integrations'
+import Templates from '../components/icons/templates'
+import Guides from '../components/icons/guides'
+import Customers from '../components/icons/customers'
+import Blog from '../components/icons/blog'
+import ChangeLog from '../components/icons/changelog'
+import type { CLIENT_STATIC_FILES_PATH } from 'next/dist/shared/lib/constants'
+import CustomerSupport from '../components/icons/customer-support'
+import FAQs from '../components/icons/faqs'
+import Bridge from '../components/icons/bridge'
+import Explorer from '../components/icons/explorer'
+import LaunchSubnet from '../components/icons/launch-subnet'
+import Coins from '../components/icons/coins'
+import Safe from '../components/icons/Safe'
+import Wallet from '../components/icons/wallet'
+import Validators from '../components/icons/validators'
+import OpenSource from '../components/icons/open-source'
+import LuxPass from '../components/icons/lux-pass'
 
 export interface LinkDefExtended extends LinkDef {
   isAIMenu?: boolean
   icon?: any,
   details?: string,
-  childMenu?: LinkDef[]
+  childMenu?: ChildMenu[]
 
 }
 
+export interface ChildMenu extends LinkDef{
+  groupName?:string
+}
+
 export default [
   {
     title: "AI",
@@ -20,158 +57,92 @@ export default [
     isAIMenu: true,
   },
   {
-    title: "Community",
+    title: "Cards",
     icon: "",
-    details: "Be a part of the Lux Community and contribute to the growth and success of the Lux Ecosystem.",
-    href: "https://warpcast.com/~/channel/lux",
+    details: "Lux Credit is a part of the Lux Network ecosystem that offers a crypto credit card solution. This service allows users to easily conduct transactions using their cryptocurrency holdings. The Lux Credit card aims to bridge the gap between traditional financial systems and the growing world of digital assets, providing a seamless way to spend cryptocurrencies in everyday transactions.",
+    href: "https://lux.credit",
     newTab: false,
     childMenu: [
       {
-        title: "Lux Channel",
-        icon: <Warpcast />,
-        href: "https://warpcast.com/~/channel/lux?utm_medium=social&utm_source=linktree&utm_campaign=warpcast",
-        newTab: false,
-        contents:"" //insert string to here
-      }, {
-        title: "Lux Discussions",
-        icon: <SocialIcon network='github' className=' w-[100%]' size={34}/>,
-        href: "https://github.com/luxfi/web/discussions",
-        newTab: false,
-        contents:"" //insert string to here
-      }, {
-        title: "@luxdefi",
-        icon: <SocialIcon network='facebook' className=' w-[100%]' size={34}/>,
-        href: "https://facebook.com/luxdefi",
-        newTab: false,
-        contents: "Be a part of the Lux Community and contribute to the growth and success of the Lux Ecosystem. Whether you are a developer, investor, or blockchain enthusiast, there is a place for you in our community. Join us today and start enjoying the numerous benefits and opportunities that come with being a member of the Lux Community.",
-      }, {
-        title: "@luxdefi",
-        icon: <SocialIcon network='instagram' className=' w-[100%]' size={34}/>,
-        href: "https://www.instagram.com/luxdefi",
-        newTab: false,
-        contents:"" //insert string to here
-      }, {
-        title: "@luxdefi",
-        icon: <SocialIcon network='linkedin' className=' w-[100%]' size={34}/>,
-        href: "https://linkedin.com/company/luxdefi",
-        newTab: false,
-        contents:"" //insert string to here
-      }, {
-        title: "@luxdefi",
-        icon: <SocialIcon network='x' className=' w-[100%]' size={34}/>,
-        href: "https://twitter.com/luxdefi",
-        newTab: false,
-        contents:"" //insert string to here
-      },{
-        title: "@luxdefi",
-        icon: <SocialIcon network='youtube' className=' w-[100%]' size={34}/>,
-        href: "https://www.youtube.com/@luxdefi",
+        groupName:'Black Card',
+        title: "Anodized Black Titanium",
+        icon: <Anodized />,
+        href: "https://lux.credit/cards/black?sku=LXM-CR-B-ABT",
         newTab: false,
         contents:"" //insert string to here
       },
-    ]
-  },
-  {
-    title: "Company",
-    icon: "",
-    details: "At Lux Network, our mission is to revolutionize the blockchain industry by providing a scalable, quantum-safe blockchain ecosystem that integrates traditional finance (TradFi) with decentralized finance (DeFi). We aim to create a secure, efficient, and user-friendly platform that empowers individuals and businesses to leverage the full potential of blockchain technology.",
-    href: "https://lux.partners",
-    newTab: false,
-    childMenu: [
       {
-        title: "About",
-        icon: "",
-        href: "https://lux.partners",
+        groupName:'Black Card',
+        title: "Black Gunmetal",
+        icon: <GunMetal />,
+        href: "https://lux.credit/cards/black?sku=LXM-CR-B-GM",
         newTab: false,
         contents:"" //insert string to here
       },
       {
-        title: "Brand",
-        icon: "",
-        href: "https://lux.partners",
+        groupName:'Founder Card',
+        title: "Cool Chrome",
+        icon: <Chrome />,
+        href: "https://lux.credit/cards/founder?sku=LXM-CR-F-CC",
         newTab: false,
         contents:"" //insert string to here
       },
       {
-        title: "Careers",
-        icon: "",
-        href: "https://lux.partners",
+        groupName:'Founder Card',
+        title: "Iridescent Chrome",
+        icon: <Irradescent />,
+        href: "https://lux.credit/cards/founder?sku=LXM-CR-F-IC",
         newTab: false,
         contents:"" //insert string to here
-      },
+      },      
       {
-        title: "Open Source",
-        icon: "",
-        href: "https://github.com/luxfi",
+        groupName:'Explore',
+        title: "Compare cards",
+        icon: <CompareCards width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "https://lux.credit/compare",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Evaluate Lux cards"
       },
-      
       {
-        title: "Partnership",
-        icon: "",
-        href: "https://lux.partners",
+        groupName:'Explore',
+        title: "View all cards",
+        icon: <ViewAllCards width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "https://lux.credit/cards",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"General overview"
       },
       {
-        title: "Press",
-        icon: "",
-        href: "https://lux.partners",
+        groupName:'Explore',
+        title: "More benefits",
+        icon: <MoreBenefits  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "#",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"See what's truly unique"
       },
       {
-        title: "Help",
-        icon: "",
-        href: "https://lux.partners",
-        newTab: false,
-        contents:"" //insert string to here
-      }
-    ]
-  },
-  {
-    title: "Credit",
-    icon: "",
-    details: "Lux Credit is a part of the Lux Network ecosystem that offers a crypto credit card solution. This service allows users to easily conduct transactions using their cryptocurrency holdings. The Lux Credit card aims to bridge the gap between traditional financial systems and the growing world of digital assets, providing a seamless way to spend cryptocurrencies in everyday transactions.",
-    href: "https://lux.credit",
-    newTab: false,
-    childMenu: [
-      {
-        title: "Coins",
-        icon: "",
-        href: "https://lux.credit",
+        groupName:'Elite Card',
+        title: "24k Gold",
+        icon: <GoldCard />,
+        href: "https://lux.credit/cards/elite?sku=LXM-CR-E-24G",
         newTab: false,
         contents:"" //insert string to here
       },
       {
-        title: "Compare Cards",
-        icon: "",
-        href: "https://lux.credit/compare",
+        groupName:'Elite Card',
+        title: "Sterling Silver",
+        icon: <Sterling />,
+        href: "https://lux.credit/cards/elite?sku=LXM-CR-E-SS",
         newTab: false,
         contents:"" //insert string to here
       },
       {
-        title: "Pass",
-        icon: "",
-        href: "https://lux.credit",
+        groupName:'Sovereign Card',
+        title: "Reflective Titanium",
+        icon: <MirroredTitanium/>,
+        href: "https://lux.credit/cards/sovereign?sku=LXM-CR-S-RT",
         newTab: false,
         contents:"" //insert string to here
       },
-      {
-        title: "Validators",
-        icon: "",
-        href: "https://lux.market/validator",
-        newTab: false,
-        contents:"" //insert string to here
-      },      
-      {
-        title: "View All Cards",
-        icon: "",
-        href: "https://lux.credit/cards",
-        newTab: false,
-        contents:"" //insert string to here
-      } 
     ]
   },
   {
@@ -182,53 +153,60 @@ export default [
     newTab: false,
     childMenu: [
       {
+        groupName:'Blockchain',
         title: "AI Chat",
-        icon: "",
+        icon: <AIChat  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
         href: "https://lux.chat",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Ask anything, literally"
       },
       {
-        title: "Credit",
-        icon: "",
-        href: "https://lux.credit",
+        groupName:'Blockchain',
+        title: "Exchange",
+        icon: <Exchange  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "https://lux.exchange",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Buy, sell, trade, swap..."
       },
       {
-        title: "Exchange",
-        icon: "",
-        href: "https://lux.finance/?utm_medium=social&utm_source=linktree&utm_campaign=app",
+        groupName:'Blockchain',
+        title: "Market",
+        icon: <Market  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "https://lux.market",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Digital collectibles & more" 
       },
       {
-        title: "Finance",
-        icon: "",
-        href: "https://lux.finance/?utm_medium=social&utm_source=linktree&utm_campaign=app",
+        groupName:'Blockchain',
+        title: "Shop",
+        icon: <Shop  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "https://lux.market",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Find any Lux product for sale"
       },
       {
-        title: "Market",
-        icon: "",
-        href: "https://lux.market/?utm_medium=social&utm_source=linktree&utm_campaign=market",
+        groupName:'Real World',
+        title: "Credit",
+        icon: <Credit  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "https://lux.credit",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Risk free loans" 
       },
       {
-        title: "Shop",
-        icon: "",
-        href: "https://lux.market",
+        groupName:'Real World',
+        title: "Lux Finance",
+        icon: <LuxFinance  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "https://lux.finance",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Financial arbitrage"
       },
       {
-        title: "Quest",
-        icon: "",
-        href: "https://lux.quest/?utm_medium=social&utm_source=linktree&utm_campaign=quest",
+        groupName:'More',
+        title: "Lux Quest",
+        icon: <LuxQuests  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "https://lux.quest",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Go above and beyond"
       }
     ]
   },
@@ -236,101 +214,177 @@ export default [
     title: "Network",
     icon: "",
     details: "Lux Network is a scalable, quantum-safe blockchain designed to offer high throughput and low latency. It is part of a broader ecosystem that includes various platforms and services aimed at integrating traditional finance (TradFi) with decentralized finance (DeFi), providing secure and efficient solutions for asset management, trading, and more.",
-    href: "https://lux.network/?utm_medium=social&utm_source=linktree&utm_campaign=network",
+    href: "https://lux.network/",
     newTab: false,
     childMenu: [
       {
+        groupName:'Defi Tools',
         title: "Bridge",
-        icon: "",
+        icon: <Bridge width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
         href: "https://bridge.lux.network/",
         newTab: false,
-        contents:"" //insert string to here
-      },
-      {
-        title: "Coin",
-        icon: "",
-        href: "https://lux.network/coin?utm_medium=social&utm_source=linktree&utm_campaign=coins",
-        newTab: false,
-        contents:"" //insert string to here
+        contents:"Teleport assets"
       },
       {
+        groupName:'Defi Tools',
         title: "Explorer",
-        icon: "",
-        href: "https://explorer.lux.network/?utm_medium=social&utm_source=linktree&utm_campaign=explorer",
+        icon: <Explorer width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "https://explorer.lux.network/",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"All transactions"
       },
       {
+        groupName:'Defi Tools',
         title: "Launch Subnet",
-        icon: "",
-        href: "https://lux.launchsubnet",
+        icon: <LaunchSubnet width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "https://docs.lux.network/build/subnet/hello-subnet",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Easy, free, and superior"
       },
       {
-        title: "Open Source",
-        icon: "",
-        href: "https://github.com/luxfi?utm_medium=social&utm_source=linktree&utm_campaign=code",
+        groupName:'Earn',
+        title: "Coins",
+        icon: <Coins width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "https://lux.network/coin",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Be part of the ecosystem"
       },
       {
+        groupName:'Earn',
         title: "Safe",
-        icon: "",
-        href: "https://lux.network",
+        icon: <Safe width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "https://safe.lux.network",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Multi-signature wallet"
       },
       {
-        title: "Validator",
-        icon: "",
-        href: "https://lux.market/validator?utm_medium=social&utm_source=linktree&utm_campaign=validator",
+        groupName:'Earn',
+        title: "Lux Wallet",
+        icon: <Wallet width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "https://wallet.lux.network",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Safe and quantum secure"
       },
       {
-        title: "Wallet",
-        icon: "",
-        href: "https://wallet.lux.network/?utm_medium=social&utm_source=linktree&utm_campaign=wallet",
+        groupName:'Earn',
+        title: "Validators",
+        icon: <Validators width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "https://lux.market/validator",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Own a part of the network"
+      },
+      {
+        groupName:'Get Access',
+        title: "Developer docs",
+        icon: <DeveloperDocs width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "#",
+        newTab: false,
+        contents:"Software explained"
+      },
+      {
+        groupName:'Get Access',
+        title: "Open Source",
+        icon: <OpenSource width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "#",
+        newTab: false,
+        contents:"Accessible for everyone"
+      },
+      {
+        groupName:'Get Access',
+        title: "Lux Pass",
+        icon: <LuxPass width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "#",
+        newTab: false,
+        contents:"All access pass to network"
       },
     ]
   },
   {
-    title: "Shop",
-    icon: <Bag />,
-    href: "https://lux.shop",
+    title: "Resources",
+    icon: '',
+    href: "",
     newTab: false,
-    details: "Lux Shop is a part of the broader ecosystem, potentially related to Lux Market, which deals with NFT and metaverse asset management.",
+    details: "",
     childMenu: [
       {
-        title: "Coins",
-        icon: <Bag />,
-        href: "https://lux.market/coin",
+        groupName:'Tools',
+        title: "Resource Center",
+        icon: <AIChat  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "#",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Dynamic solutions"
       },
       {
-        title: "Silver",
-        icon: <Bag />,
-        href: "https://lux.shop/silver",
+        groupName:'Tools',
+        title: "Integrations",
+        icon: <Integration  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "#",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Simplified onboarding"
       },
       {
-        title: "Key",
-        icon: <Bag />,
-        href: "https://lux.shop/key",
+        groupName:'Tools',
+        title: "Templates",
+        icon: <Templates  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "#",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Speedy app development"
       },
       {
-        title: "Validators",
-        icon: <Bag />,
-        href: "https://lux.shop/validator",
+        groupName:'Tools',
+        title: "Guides",
+        icon: <Guides  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "#",
         newTab: false,
-        contents:"" //insert string to here
+        contents:"Find help quickly"
+      },
+      {
+        groupName:'Company',
+        title: "Customers",
+        icon: <Customers  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "#",
+        newTab: false,
+        contents:"Trusted by the best teams"
+      },
+      {
+        groupName:'Company',
+        title: "Blog",
+        icon: <Blog  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "#",
+        newTab: false,
+        contents:"Latest posts and changes"
+      },
+      {
+        groupName:'Company',
+        title: "Changelog",
+        icon: <ChangeLog  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "#",
+        newTab: false,
+        contents:"Manage deployments"
+      },
+      {
+        groupName:'More',
+        title: "Developer docs",
+        icon: <DeveloperDocs  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "#",
+        newTab: false,
+        contents:"Software explained"
+      },
+      {
+        groupName:'More',
+        title: "Customer Support",
+        icon: <CustomerSupport  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "#",
+        newTab: false,
+        contents:"Dedicated help, 24/7"
+      },
+      {
+        groupName:'More',
+        title: "FAQs",
+        icon: <FAQs  width={25} height={25} className='outline outline-1 outline-muted-2 outline-offset-4 rounded-sm'/>,
+        href: "#",
+        newTab: false,
+        contents:"Common queries"
       }
     ]
   },

package/components/commerce/checkout-panel/close-button.tsx

@@ -1,26 +0,0 @@
-'use client'
-import React from 'react'
-
-import { cn } from '@hanzo/ui/util'
-
-import Logo from '../../logo'
-import type { TShirtSize } from '@hanzo/ui/types'
-
-const CloseButton: React.FC<{
-  close: () => void
-  size?: TShirtSize 
-  className?: string
-}> = ({
-  close,
-  size,
-  className=''
-}) => (
-  <div
-    onClick={close}
-    className={cn('md:self-start', className)}
-  >
-    <Logo layout='text-only' href='/' size={size}/>
-  </div>    
-)
-
-export default CloseButton