Building distributed applications
diff --git a/src/apps/devdoc/web/utils/config.tsx b/src/apps/devdoc/web/utils/config.tsx
index a9df52b2f..1658d6dc7 100644
--- a/src/apps/devdoc/web/utils/config.tsx
+++ b/src/apps/devdoc/web/utils/config.tsx
@@ -1,17 +1,17 @@
-import Link from 'next/link';
+import { DiscordLogo, YoutubeLogoFill } from '@jengaicons/react';
import { BrandLogo } from 'kl-design-system/branding/brand-logo';
+import Link from 'next/link';
import {
GithubLogoFill,
LinkedinLogoFill,
TwitterNewLogoFill,
} from '~/app/icons/icons';
-import OssIcon from '~/images/homeNew/oss.svg';
import OssIconDark from '~/images/homeNew/oss-dark.svg';
+import OssIcon from '~/images/homeNew/oss.svg';
+import ThemeSwitcher from '../components/theme-switcher';
import { cn } from './commons';
import { IConfig } from './use-config';
-import ThemeSwitcher from '../components/theme-switcher';
import { useTheme } from './useTheme';
-import { YoutubeLogoFill } from '@jengaicons/react';
export const siteDesc =
'Kloudlite is a remote-local development environment platform designed to streamline the workflow for developers working on distributed applications. By integrating both local and remote environments through Kubernetes, Kloudlite ensures a seamless, productive, and more connected development experience.';
@@ -25,6 +25,7 @@ export const communityUrl =
export const changeLogUrl = 'https://github.com/kloudlite/kloudlite/releases';
const linkedinUrl = 'https://linkedin.com/company/kloudlite-io';
const youtubeUrl = 'https://youtube.com/@kloudliteofficial';
+const discordUrl = 'https://discord.gg/4Y7VHccg';
const xUrl = 'https://x.com/kloudlite';
export const supportEmail = 'launch@kloudlite.io';
const socialIconSize = 18;
@@ -38,6 +39,9 @@ const SocialMenu = () => {
+
+
+
@@ -57,7 +61,7 @@ const BrandMenu = ({ className }: { className?: string }) => {
diff --git a/src/apps/devdoc/web/utils/const.tsx b/src/apps/devdoc/web/utils/const.tsx
index a7be23f7c..903f03509 100644
--- a/src/apps/devdoc/web/utils/const.tsx
+++ b/src/apps/devdoc/web/utils/const.tsx
@@ -13,17 +13,17 @@ import {
import Link from 'next/link';
import BlogCover from '~/public/blog/blog-cover.jpeg';
-import profileKarthik from '~/images/about-us/karthik-thirumalasetti.png';
+import profileAbdhesh from '~/images/about-us/abdhesh.jpeg';
import profileAditya from '~/images/about-us/aditya-sharma.png';
+import profileAnshuman from '~/images/about-us/ansuman.jpg';
+import profileBikash from '~/images/about-us/bikash.jpg';
+import profileHarsh from '~/images/about-us/harsh.png';
+import profileKarthik from '~/images/about-us/karthik-thirumalasetti.png';
+import profileMohit from '~/images/about-us/mohit.jpg';
import profilePavani from '~/images/about-us/pavani.png';
+import profilePiyush from '~/images/about-us/piyush.jpg';
import profileSrikanta from '~/images/about-us/s-srikanta.png';
-import profileHarsh from '~/images/about-us/harsh.png';
import profileShweta from '~/images/about-us/shewta.png';
-import profilePiyush from '~/images/about-us/piyush.jpg';
-import profileAbdhesh from '~/images/about-us/abdhesh.jpeg';
-import profileAnshuman from '~/images/about-us/ansuman.jpg';
-import profileMohit from '~/images/about-us/mohit.jpg';
-import profileBikash from '~/images/about-us/bikash.jpg';
import collaborate1440 from '~/images/homeNew/collaborate1440.svg';
import connect1440 from '~/images/homeNew/connect1440.svg';
@@ -57,9 +57,6 @@ import nocommitMobile from '~/images/homeNew/nocommitMobile.svg';
import explore from '~/images/explore.jpeg';
-import Collarative from '~/images/homeNew/exploring/collaborative.jpeg';
-import RemoteLocal from '~/images/homeNew/exploring/remote-local.jpeg';
-import Workflow from '~/images/homeNew/exploring/workflow.jpeg';
import {
Agritech,
AnscerRoboticsLogo,
@@ -74,9 +71,15 @@ import {
LockSimple,
PlaxonicLogo,
Robot,
+ RocketLaunch,
SelectionForeground,
Users,
} from '~/app/icons/icons';
+import Collarative from '~/images/homeNew/exploring/collaborative.jpeg';
+import RemoteLocal from '~/images/homeNew/exploring/remote-local.jpeg';
+import Workflow from '~/images/homeNew/exploring/workflow.jpeg';
+import Button from '../components/button';
+import JoinProvidersDialog from '../components/join-provider-dialog';
import AnserSvg from '../icons/AnserRobotics';
import BoltzmanSvg from '../icons/Boltzman';
import CrewScaleSvg from '../icons/CrewScale';
@@ -84,8 +87,6 @@ import FibrSvg from '../icons/Fibr';
import PlaxonicSvg from '../icons/Plaxonic';
import RedPlutoSvg from '../icons/RedPluto';
import TalescaleSvg from '../icons/Talescale';
-import Button from '../components/button';
-import JoinProvidersDialog from '../components/join-provider-dialog';
import { authUrl } from './config';
export const linkedInPrefix = 'https://www.linkedin.com/in/';
@@ -237,18 +238,18 @@ const consts = {
},
kloudliteDevelopmentData: [
{
- label: 'Open source under Apache 2.0 Licences',
+ label: 'Open source',
desc: 'No vendor lock-in, what so ever',
icon: OpenSource,
},
{
- label: 'Instant Setup, Infinite Scale',
- desc: 'Jump right into development with environments that scale as you grow',
+ label: 'Integrated workspaces',
+ desc: 'Develop in workspaces that are already connected to your application environments',
icon: InfinityIcon,
},
{
label: 'No Build No Deploy, Just Code',
- desc: 'Pre-built environments mean less setup and more coding',
+ desc: 'Intercept the service to swap remote application with your workspace',
icon: Code,
},
{
@@ -258,13 +259,13 @@ const consts = {
},
{
- label: 'Seamless Collaboration Anywhere',
- desc: 'Team up in real-time, in any environment, with zero hassle',
+ label: 'Seamless Collaboration',
+ desc: 'Switch into common environment to start collaboration',
icon: Users,
},
{
label: 'Cut the Config Clutter',
- desc: 'Manage configs and secrets centrally - keep your code clean and lean',
+ desc: 'No more configs in your code',
icon: SelectionForeground,
},
{
@@ -273,7 +274,7 @@ const consts = {
icon: LockSimple,
},
{
- label: 'Empower Innovation',
+ label: 'More time to code',
desc: 'Free your focus for creativity with streamlined workflows',
icon: Lightbulb,
},
@@ -650,7 +651,7 @@ const consts = {
environment. you can follow these instructions
+ ),
+ // desc: 'You can host kloudlite on your own infrastructure, giving you full control over the platform. Follow the setup instructions from this repo to get started.',
},
],
},
@@ -840,7 +868,7 @@ const consts = {
date: 'Sep 14, 2024',
enabled: false,
linkContent: 'Register today',
- link: authUrl + '/signup',
+ link: `${authUrl}/signup`,
},
contactUs: {
cookies: {
diff --git a/src/apps/webinar/src/app/orgs/webinar-ui.tsx b/src/apps/webinar/src/app/orgs/webinar-ui.tsx
index cddbdf55a..a3261cc27 100644
--- a/src/apps/webinar/src/app/orgs/webinar-ui.tsx
+++ b/src/apps/webinar/src/app/orgs/webinar-ui.tsx
@@ -2,22 +2,34 @@
//@ts-ignore
import { Button } from 'kl-design-system/atoms/button';
//@ts-ignore
+import { TextInput } from 'kl-design-system/atoms/input';
+//@ts-ignore
+import Popup from 'kl-design-system/molecule/popup';
+//@ts-ignore
import { cn } from 'kl-design-system/utils';
-import useForm from '~/root/lib/client/hooks/use-form';
-import Yup from '~/root/lib/server/helpers/yup';
-import { handleError } from '~/root/lib/utils/common';
+// import Yup from '~/root/lib/server/helpers/yup';
+// import { handleError } from '~/root/lib/utils/common';
+import { useState } from 'react';
import Container from '../components/container';
import { JoinWebinar } from '../components/join-webinar';
+
+
export const WebinarUI = ({ userDetails, meetingStatus }: { userDetails: any, meetingStatus: string }) => {
+
+ const [visible, setVisible] = useState(false);
+
return (
{
+ setVisible(true);
+ }}
+ // linkComponent={Link}
+ // to="/login"
/>
}
>
@@ -35,6 +47,7 @@ export const WebinarUI = ({ userDetails, meetingStatus }: { userDetails: any, me