diff --git a/web/app/(core)/_comps/InfoView.tsx b/web/app/(core)/_comps/InfoView.tsx deleted file mode 100644 index a064289..0000000 --- a/web/app/(core)/_comps/InfoView.tsx +++ /dev/null @@ -1,34 +0,0 @@ -'use client'; -import { AppStores } from '@/lib'; -import { motion } from 'framer-motion'; -import React from 'react'; -import { TextH, TextP } from '@/comps'; - -export function InfoView() { - const store = AppStores.useSettings(); - - return ( -
-
{ - store.update({ infoTabOpen: false }); - }} - /> - -
- Heading... - Paragraph... - Paragraph... - Paragraph... -
- -
- ); -} diff --git a/web/app/(core)/_comps/Search.tsx b/web/app/(core)/_comps/Search.tsx deleted file mode 100644 index 491210d..0000000 --- a/web/app/(core)/_comps/Search.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import { AppStores, cn } from '@/lib'; -import { BsSearch } from 'react-icons/bs'; - -export function SearchInput(props: { className?: string; onClick?: (e: string) => void }) { - const store = AppStores.useSettings(); - - return ( -
- { - store.update({ searchValue: e.target.value }); - }} - /> - -
{ - if (props.onClick) { - props.onClick(store.searchValue); - } - }} - > - -
-
- ); -} diff --git a/web/app/(core)/_comps/Sidebar.tsx b/web/app/(core)/_comps/Sidebar.tsx deleted file mode 100644 index b278aac..0000000 --- a/web/app/(core)/_comps/Sidebar.tsx +++ /dev/null @@ -1,90 +0,0 @@ -'use client'; -import { TextH, TextP } from '@/comps'; -import { cn } from '@/lib'; -import Link from 'next/link'; -import { usePathname } from 'next/navigation'; -import React from 'react'; -import { IconType } from 'react-icons'; -import { BiHome, BiLink } from 'react-icons/bi'; -import { BsBank, BsTools } from 'react-icons/bs'; -import { FaFileInvoice } from 'react-icons/fa'; -import { GrGroup } from 'react-icons/gr'; - -export function AdminSidebar() { - const pathname = usePathname(); - - const checkActive = (val: string): boolean => { - if (pathname === '/admin') { - return true; - } - - return pathname === val; - }; - - return ( -
- {/*
- Gasonomy -
*/} - {data.map((val, i) => { - const { Icon } = val; - return ( - -
- - {val.title} -
- - ); - })} -
- ); -} - -const data: { - title: string; - link: string; - Icon: IconType; -}[] = [ - { - title: 'Home', - link: '/admin', - Icon: BiHome, - }, - { - title: 'All', - link: '/search/airtime', - Icon: GrGroup, - }, - { - title: 'Blockchains', - link: '/search/withdraw', - Icon: BiLink, - }, - { - title: 'RPC', - link: '/search/logs', - Icon: FaFileInvoice, - }, - { - title: 'Tooling', - link: '/search/support', - Icon: BsTools, - }, - { - title: 'Subsystems', - link: '/search/credit_bank', - Icon: BsBank, - }, - { - title: 'Packages', - link: '/search/credit_crypto', - Icon: BiHome, - }, -]; diff --git a/web/app/(core)/_comps/index.ts b/web/app/(core)/_comps/index.ts deleted file mode 100644 index d53bb5c..0000000 --- a/web/app/(core)/_comps/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -export * from "./Sidebar" -export * from "./InfoView" -export * from "./Search" \ No newline at end of file diff --git a/web/app/(core)/blogs/[slug]/page.tsx b/web/app/(core)/blogs/[slug]/page.tsx deleted file mode 100644 index ee147db..0000000 --- a/web/app/(core)/blogs/[slug]/page.tsx +++ /dev/null @@ -1,42 +0,0 @@ -'use client'; -import React from 'react'; -import { AppDocs } from '../md'; -import { Navbar, TextP } from '@/comps'; - -export default function DocsPage({ params }: { params: { slug: string } }) { - const doc = AppDocs.filter((v) => v.key === params.slug)[0]; - - if (!doc) { - return ( -
- -
- No document found -
-
- ); - } - return ( - <> - -
- {doc.MdDoc} -
- - ); -} diff --git a/web/app/(core)/blogs/md/about.mdx b/web/app/(core)/blogs/md/about.mdx deleted file mode 100644 index 1dcc1b8..0000000 --- a/web/app/(core)/blogs/md/about.mdx +++ /dev/null @@ -1,11 +0,0 @@ -# About Us - -There were three -camps that dominated the psychology of gender and that vocally opposed the -application of evolutionary theory: social constructionism, cognitive learning -theories, and social role theory. - -### Social constructionists - -This school of thought claim that gender -is perpetrated and main- diff --git a/web/app/(core)/blogs/md/faq.mdx b/web/app/(core)/blogs/md/faq.mdx deleted file mode 100644 index 0e028ea..0000000 --- a/web/app/(core)/blogs/md/faq.mdx +++ /dev/null @@ -1,11 +0,0 @@ -# Frequently Asked Questions - -There were three -camps that dominated the psychology of gender and that vocally opposed the -application of evolutionary theory: social constructionism, cognitive learning -theories, and social role theory. - -### Social constructionists - -This school of thought claim that gender -is perpetrated and main- diff --git a/web/app/(core)/blogs/md/help.mdx b/web/app/(core)/blogs/md/help.mdx deleted file mode 100644 index 7c6a64b..0000000 --- a/web/app/(core)/blogs/md/help.mdx +++ /dev/null @@ -1,11 +0,0 @@ -# Help - -There were three -camps that dominated the psychology of gender and that vocally opposed the -application of evolutionary theory: social constructionism, cognitive learning -theories, and social role theory. - -### Social constructionists - -This school of thought claim that gender -is perpetrated and main- diff --git a/web/app/(core)/blogs/md/index.tsx b/web/app/(core)/blogs/md/index.tsx deleted file mode 100644 index 193e282..0000000 --- a/web/app/(core)/blogs/md/index.tsx +++ /dev/null @@ -1,47 +0,0 @@ -'use client'; -import PrivacyPolicy from './pp.mdx'; -import TOS from './tos.mdx'; -import About from './about.mdx'; -import Help from './help.mdx'; -import Faq from './faq.mdx'; - -export type IDocs = 'TOS' | 'PP' | 'HELP' | 'ABOUT' | 'FAQ'; -export interface IProps { - title: string; - key: IDocs; - last_edit: string; - MdDoc: JSX.Element; -} - -export const AppDocs: Array = [ - { - title: 'Privacy Policy', - last_edit: '15th November, 2023', - MdDoc: , - key: 'PP', - }, - { - title: 'Terms of service', - last_edit: '15th November, 2023', - MdDoc: , - key: 'TOS', - }, - { - title: 'About Us', - last_edit: '15th November, 2023', - key: 'ABOUT', - MdDoc: , - }, - { - title: 'Help', - last_edit: '15th November, 2023', - key: 'HELP', - MdDoc: , - }, - { - title: 'FAQ', - last_edit: '15th November, 2023', - key: 'FAQ', - MdDoc: , - }, -]; diff --git a/web/app/(core)/blogs/md/pp.mdx b/web/app/(core)/blogs/md/pp.mdx deleted file mode 100644 index de50565..0000000 --- a/web/app/(core)/blogs/md/pp.mdx +++ /dev/null @@ -1,15 +0,0 @@ -# Privacy Policy - -Notification systems is the live of modern day a application. Proper implementation -of a notification service will go a long way to determine the success of a business. - ---- - -Fintech applications are - -### Structure - -- API request -- Load Balancer -- A rate limiter: Prevent unncessary request. -- API Gateway diff --git a/web/app/(core)/blogs/md/tos.mdx b/web/app/(core)/blogs/md/tos.mdx deleted file mode 100644 index b6bd767..0000000 --- a/web/app/(core)/blogs/md/tos.mdx +++ /dev/null @@ -1,31 +0,0 @@ -# Terms of service - -Why is more important that how. -Why every decision was made. - -Everything is software architecture is a tradeoff. -Look for a less worse alternative. - -Primary Goals for this software. - -## Feedback - -### Reasons for - -- Sustainability -- Maintainability -- Accountability -- Scalability -- Perfomance -- Rapid Change -- Identifying key priority - -There are no best practices - -- What do you want? -- - -Explain architecture in business terms that the customer would understand. - -- managing data -- challenging things - how to handle data esp. for microservices. The database diff --git a/web/app/(core)/blogs/page.tsx b/web/app/(core)/blogs/page.tsx deleted file mode 100644 index 2b5e843..0000000 --- a/web/app/(core)/blogs/page.tsx +++ /dev/null @@ -1,54 +0,0 @@ -'use client'; -import { Navbar, Row } from '@/comps'; -import { useRouter } from 'next/navigation'; -import React from 'react'; -import { BiGroup, BiLock, BiReceipt } from 'react-icons/bi'; -import { IoHelp } from 'react-icons/io5'; - -export default function HelpDocPage() { - const router = useRouter(); - return ( -
- -
- { - // router.push('/docs'); - router.push('/docs/FAQ'); - }} - /> - { - router.push('/docs/ABOUT'); - }} - /> - { - router.push('/docs/PP'); - }} - /> - { - router.push('/docs/TOS'); - }} - /> -
-
- ); -} diff --git a/web/app/(core)/layout.tsx b/web/app/(core)/layout.tsx deleted file mode 100644 index 12479a1..0000000 --- a/web/app/(core)/layout.tsx +++ /dev/null @@ -1,23 +0,0 @@ -'use client'; -import { ReactNode } from 'react'; -import { AdminSidebar } from './_comps'; -import { CoreLayoutWrapper, Drawer } from '@/comps'; -import { NavbarMarketing } from '@/(home)/_comps'; -import { AppStores } from '@/lib'; -import { InfoView } from './_comps/InfoView'; - -export default function AdminLayout(props: { children: ReactNode }) { - // return {props.children}; - const store = AppStores.useSettings(); - return ( - - - {store.drawerIsOpen && } -
- {store.sidebarOpen && } -
{props.children}
- {store.infoTabOpen && } -
- - ); -} diff --git a/web/app/(core)/search/data.ts b/web/app/(core)/search/data.ts deleted file mode 100644 index a006764..0000000 --- a/web/app/(core)/search/data.ts +++ /dev/null @@ -1,44 +0,0 @@ -export const invoices = [ - { - invoice: 'INV001', - paymentStatus: 'Paid', - totalAmount: '$250.00', - paymentMethod: 'Credit Card', - }, - { - invoice: 'INV002', - paymentStatus: 'Pending', - totalAmount: '$150.00', - paymentMethod: 'PayPal', - }, - { - invoice: 'INV003', - paymentStatus: 'Unpaid', - totalAmount: '$350.00', - paymentMethod: 'Bank Transfer', - }, - { - invoice: 'INV004', - paymentStatus: 'Paid', - totalAmount: '$450.00', - paymentMethod: 'Credit Card', - }, - { - invoice: 'INV005', - paymentStatus: 'Paid', - totalAmount: '$550.00', - paymentMethod: 'PayPal', - }, - { - invoice: 'INV006', - paymentStatus: 'Pending', - totalAmount: '$200.00', - paymentMethod: 'Bank Transfer', - }, - { - invoice: 'INV007', - paymentStatus: 'Unpaid', - totalAmount: '$300.00', - paymentMethod: 'Credit Card', - }, -]; diff --git a/web/app/(core)/search/page.tsx b/web/app/(core)/search/page.tsx deleted file mode 100644 index 88a4378..0000000 --- a/web/app/(core)/search/page.tsx +++ /dev/null @@ -1,56 +0,0 @@ -'use client'; - -import React from 'react'; -import { TextP } from '@/comps'; -import { AppStores } from '@/lib'; -import { SearchInput } from '../_comps'; -import { chainRegistry } from '@/data'; - -export default function Page() { - const store = AppStores.useSettings(); - - const getList = () => { - if (!store.searchValue.trim()) { - return chainRegistry; - } - - const arr = chainRegistry.filter((val) => - val.name.trim().toLowerCase().includes(store.searchValue.trim().toLowerCase()) - ); - - if (!arr.length) { - return chainRegistry; - } - return arr; - }; - - return ( - <> -
- {/*
*/} - - {/*
*/} -
- img - Name - Desc - Layers -
- {getList().map((val, i) => ( -
{ - store.update({ infoTabOpen: true, drawerIsOpen: false }); - }} - > - - {val.name} - {val.shortIntro} - {val.layers} -
- ))} -
- - ); -} diff --git a/web/app/(home)/_comps/content.tsx b/web/app/(home)/_comps/content.tsx index 0daf7d0..6321aec 100644 --- a/web/app/(home)/_comps/content.tsx +++ b/web/app/(home)/_comps/content.tsx @@ -1,15 +1,21 @@ import { TextH } from '@/comps'; +import { GRADIENT } from '../const'; export function ContentBlock() { return ( -
-
- -
+
+
+
-
+

A whole world of crypto, in one simple account.

Best selling diff --git a/web/app/(home)/_comps/hero.tsx b/web/app/(home)/_comps/hero.tsx index 5e81f45..28e93a3 100644 --- a/web/app/(home)/_comps/hero.tsx +++ b/web/app/(home)/_comps/hero.tsx @@ -1,14 +1,18 @@ 'use client'; import React from 'react'; +import { GRADIENT } from '../const'; +import { TextH } from '@/comps'; export function HeroSection(props: { title: string; subtitle: string; img: string; imgFirst?: boolean }) { return (
-

{props.title}

+ {props.title}
-

{props.subtitle}

+

{props.subtitle}

); } diff --git a/web/app/(home)/_comps/jumbutron.tsx b/web/app/(home)/_comps/jumbutron.tsx index cbc2629..81cb491 100644 --- a/web/app/(home)/_comps/jumbutron.tsx +++ b/web/app/(home)/_comps/jumbutron.tsx @@ -5,7 +5,7 @@ import { TextH, TextP } from '@/comps'; export function JumbutronSection(props: { title: string; subtitle: string }) { return ( -
+
-
-
- - -
- -
- -
-
- {tags.map((val, i) => ( -
- {val.title} -
- ))} -
-
-
- ); -} - -const tags: { - title: string; - bg: string; -}[] = [ - { - title: 'Blockchains', - bg: 'bg-orange-500', - }, - { - title: 'Subsystems', - bg: 'bg-purple-500', - }, - { - title: 'RPC Providers', - bg: 'bg-blue-500', - }, - { - title: 'Auth Providers', - bg: 'bg-blue-500', - }, - { - title: 'Toolings', - bg: 'bg-blue-500', - }, -]; diff --git a/web/app/(home)/page.tsx b/web/app/(home)/page.tsx index 9f9bbe5..74b937a 100644 --- a/web/app/(home)/page.tsx +++ b/web/app/(home)/page.tsx @@ -19,14 +19,14 @@ export default function Home() { img={'/phone.png'} /> - + {/*

The ultimate all-in-one self-custodial crypto + neobanking-inspired solution

- - {Hero()} - {Cards()} + */} {ContentBlock()} + {Features()} + {Cards()} {/* {ContentBlock()} */} {MobileBanner()} @@ -35,6 +35,29 @@ export default function Home() { ); } +function Features() { + return ( +
+
+
+

A whole world of crypto

+
+
+
+

Best selling

+

Accelerate your financial freedom today

+
+
+

The ultimate all-in-one self-custodial crypto + neobanking-inspired solution

+

The ultimate all-in-one self-custodial crypto + neobanking-inspired solution

+

The ultimate all-in-one self-custodial crypto + neobanking-inspired solution

+
+
+
+
+ ); +} + function Goals() { return (
@@ -81,7 +104,6 @@ function MobileBanner() { ); } - function Footer() { return (
@@ -113,18 +135,3 @@ function Cards() {
); } - -function Hero() { - return ( -
-
-
-

A whole world of crypto, in one simple account.

-
-
- Best selling -
-
-
- ); -} diff --git a/web/app/comps/forms/Button.tsx b/web/app/comps/Button.tsx similarity index 98% rename from web/app/comps/forms/Button.tsx rename to web/app/comps/Button.tsx index d0ca43e..6b44e81 100644 --- a/web/app/comps/forms/Button.tsx +++ b/web/app/comps/Button.tsx @@ -4,7 +4,7 @@ import * as React from 'react'; import { Slot } from '@radix-ui/react-slot'; import { cva, type VariantProps } from 'class-variance-authority'; import { cn } from '@/lib'; -import { Spinner } from '../spinner'; +import { Spinner } from './spinner'; const buttonVariants = cva( `inline-flex items-center diff --git a/web/app/comps/datePicker/Calender.tsx b/web/app/comps/datePicker/Calender.tsx deleted file mode 100644 index 3bcee21..0000000 --- a/web/app/comps/datePicker/Calender.tsx +++ /dev/null @@ -1,67 +0,0 @@ -'use client'; - -import * as React from 'react'; -import { DayPicker } from 'react-day-picker'; - -import { cn } from '@/lib'; -import { FaAngleLeft, FaAngleRight } from 'react-icons/fa'; - -export type CalendarProps = React.ComponentProps; - -function Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) { - function buttonVariants(arg0: { variant: string }): any { - throw new Error('Function not implemented.'); - } - - return ( - .day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md' - : '[&:has([aria-selected])]:rounded-md' - ), - day: cn(buttonVariants({ variant: 'ghost' }), 'h-8 w-8 p-0 font-normal aria-selected:opacity-100'), - day_range_start: 'day-range-start', - day_range_end: 'day-range-end', - day_selected: - 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground', - day_today: 'bg-accent text-accent-foreground', - day_outside: - 'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30', - day_disabled: 'text-muted-foreground opacity-50', - day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground', - day_hidden: 'invisible', - ...classNames, - }} - components={ - { - // IconLeft: ({ ...props }) => , - // IconRight: ({ ...props }) => , - } - } - {...props} - /> - ); -} -Calendar.displayName = 'Calendar'; - -export { Calendar }; diff --git a/web/app/comps/datePicker/DatePiker.tsx b/web/app/comps/datePicker/DatePiker.tsx deleted file mode 100644 index 5f0ab58..0000000 --- a/web/app/comps/datePicker/DatePiker.tsx +++ /dev/null @@ -1,32 +0,0 @@ -'use client'; - -import * as React from 'react'; -import { format } from 'date-fns'; -import { SlCalender } from 'react-icons/sl'; - -import { cn } from '@/lib'; -import { Calendar } from './Calender'; -import { Popover, PopoverContent, PopoverTrigger } from './PopOver'; -import { AppButton } from '../forms'; - -export function DatePickerDemo() { - const [date, setDate] = React.useState(); - - return ( - - - - - {date ? format(date, 'PPP') : Pick a date} - - - - - {/* */} - - - ); -} diff --git a/web/app/comps/datePicker/PopOver.tsx b/web/app/comps/datePicker/PopOver.tsx deleted file mode 100644 index 27c9d96..0000000 --- a/web/app/comps/datePicker/PopOver.tsx +++ /dev/null @@ -1,33 +0,0 @@ -'use client'; - -import * as React from 'react'; -import * as PopoverPrimitive from '@radix-ui/react-popover'; - -import { cn } from '@/lib'; - -const Popover = PopoverPrimitive.Root; - -const PopoverTrigger = PopoverPrimitive.Trigger; - -const PopoverAnchor = PopoverPrimitive.Anchor; - -const PopoverContent = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef ->(({ className, align = 'center', sideOffset = 4, ...props }, ref) => ( - - - -)); -PopoverContent.displayName = PopoverPrimitive.Content.displayName; - -export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }; diff --git a/web/app/comps/forms/Radial.tsx b/web/app/comps/forms/Radial.tsx deleted file mode 100644 index f45cae5..0000000 --- a/web/app/comps/forms/Radial.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import { cn } from '@/lib'; -import { GrRadial, GrRadialSelected } from 'react-icons/gr'; - -export const Radial = (props: { isChecked: boolean; className?: string }) => - props.isChecked ? ( - - ) : ( - - ); diff --git a/web/app/comps/forms/TextInput.tsx b/web/app/comps/forms/TextInput.tsx deleted file mode 100755 index bc7795c..0000000 --- a/web/app/comps/forms/TextInput.tsx +++ /dev/null @@ -1,80 +0,0 @@ -'use client'; - -import { TextP } from '@/comps'; -import { cn } from '@/lib'; -import { useState } from 'react'; -import { FieldValues, Path } from 'react-hook-form'; -import { CiLock } from 'react-icons/ci'; -import { IoEyeOffOutline, IoEyeOutline } from 'react-icons/io5'; - -export function AppTextInput(props: { - isPassword?: boolean; - control: any; - /** name to be used as label */ - name: Path; - /** placeholder */ - place?: string; - /** Description */ - desc?: string; - label?: string; - type?: 'text' | 'number' | 'date' | 'file'; - errorMessage?: string; - className?: string; -}) { - const [showPassword, setToggle] = useState(false); - - return ( -
-
- {props.label && ( -
- {props.label} -
- )} - -
- {props.isPassword && } - - - - {props.isPassword && - (showPassword ? ( - { - setToggle(false); - }} - /> - ) : ( - { - setToggle(true); - }} - /> - ))} -
- {props.errorMessage && {props.errorMessage}} - {props.desc && {props.desc}} -
-
- ); -} diff --git a/web/app/comps/forms/index.ts b/web/app/comps/forms/index.ts deleted file mode 100755 index 92436ac..0000000 --- a/web/app/comps/forms/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -export * from './select'; -export * from './Button'; -export * from './Radial'; diff --git a/web/app/comps/forms/select.tsx b/web/app/comps/forms/select.tsx deleted file mode 100644 index 41fa994..0000000 --- a/web/app/comps/forms/select.tsx +++ /dev/null @@ -1,100 +0,0 @@ -'use client'; -import { useTheme } from 'next-themes'; -import { TextP } from '../custom'; -import Select from 'react-select'; - -export const AppSelect = (props: { - label?: string; - errorMessage?: string; - desc?: string; - onChange: (newValue: string) => void; - data: { - label: string; - value: string; - }[]; -}) => { - const theme = useTheme(); - const isDark = theme.theme == 'dark'; - - return ( - <> -
- {props.label && ( - - )} -
-