+
↗
@@ -34,3 +37,49 @@ export const ExpressiveArrow = () => {
);
};
+
+export const DownloadIcon = ({ color }: { color?: ColorVariant }) => {
+ const topPath = {
+ initial: {
+ y: "-100%",
+ },
+ hover: {
+ y: "0",
+ },
+ };
+ const bottomPath = {
+ initial: {
+ y: "0",
+ },
+ hover: {
+ y: "100%",
+ },
+ };
+ return (
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/src/components/iconography/ResearchIcons.tsx b/src/components/iconography/ResearchIcons.tsx
new file mode 100644
index 0000000..538724f
--- /dev/null
+++ b/src/components/iconography/ResearchIcons.tsx
@@ -0,0 +1,133 @@
+import { motion } from "motion/react";
+
+export const EVLAIcon = () => {
+ return (
+
+
+ );
+};
+
+export const KOSIcon = () => {
+ return (
+
+
+ );
+};
+
+export const KLANGIcon = () => {
+ return (
+
+
+ );
+};
+
+export const KRECIcon = () => {
+ return (
+
+
+ );
+};
+
+export const KSIMIcon = () => {
+ return (
+
+
+
+
+
+
+ );
+};
diff --git a/src/components/logos/footerLogotype.tsx b/src/components/logos/footerLogotype.tsx
index cdf26c4..49680be 100644
--- a/src/components/logos/footerLogotype.tsx
+++ b/src/components/logos/footerLogotype.tsx
@@ -1,6 +1,5 @@
import React from "react";
import Link from "next/link";
-import { transitionEaseLinearDuration300 } from "@/components/util/constants";
const FooterLogotype = () => {
return (
@@ -16,46 +15,46 @@ const FooterLogotype = () => {
>
-
+
-
+
-
+
diff --git a/src/components/logos/logotype.tsx b/src/components/logos/logotype.tsx
index fe89ff4..0cc6cbd 100644
--- a/src/components/logos/logotype.tsx
+++ b/src/components/logos/logotype.tsx
@@ -16,55 +16,55 @@ const Logotype = () => {
>
diff --git a/src/components/navbar/DarkModeToggle.tsx b/src/components/navbar/DarkModeToggle.tsx
deleted file mode 100644
index 85afe44..0000000
--- a/src/components/navbar/DarkModeToggle.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useDarkMode } from "../providers/DarkModeProvider";
-
-export default function DarkModeToggle() {
- const { isDark, toggle } = useDarkMode();
-
- return (
-
- {isDark ? "☀️" : "🌙"}
-
- );
-}
diff --git a/src/components/navbar/burgerButton.tsx b/src/components/navbar/burgerButton.tsx
deleted file mode 100644
index ceb3c8b..0000000
--- a/src/components/navbar/burgerButton.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { motion } from "motion/react";
-import { Text2Props } from "@/components/util/interfaces";
-import Link from "next/link";
-import { textBlackDarkWhite, transitionEaseLinearDuration300 } from "@/components/util/constants";
-
-const BurgerButton = (props: Text2Props) => {
- return (
-
-
- );
-};
-
-export default BurgerButton;
diff --git a/src/components/navbar/burgerMenu.tsx b/src/components/navbar/burgerMenu.tsx
index 59dbe21..f7e87e4 100644
--- a/src/components/navbar/burgerMenu.tsx
+++ b/src/components/navbar/burgerMenu.tsx
@@ -1,26 +1,40 @@
-import BurgerButton from "@/components/navbar/burgerButton";
+import {
+ navItemLinks,
+ navItems,
+ textBlackDarkWhite,
+ transitionEaseLinearDuration300,
+} from "@/components/util/constants";
+import { ExpressiveArrow } from "@/components/iconography/Iconography";
import { motion } from "motion/react";
+import Link from "next/link";
-interface BurgerMenuProps {
- isOpen: boolean;
- items: { name: string; link: string }[];
-}
-
-const BurgerMenu = ({ isOpen, items }: BurgerMenuProps) => {
+const BurgerMenu = (isOpen: boolean) => {
return isOpen ? (
-
- {items.map((item, index) => (
-
-
- ))}
-
- ) : null;
+
+ {navItems.map((navItem, index) => {
+ return (
+
+
+ );
+ })}
+
+ ) : (
+ <>
+ );
};
export default BurgerMenu;
diff --git a/src/components/navbar/navButton.tsx b/src/components/navbar/navButton.tsx
deleted file mode 100644
index 9c05971..0000000
--- a/src/components/navbar/navButton.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Text2Props } from "@/components/util/interfaces";
-import { motion } from "motion/react";
-import React from "react";
-import Link from "next/link";
-import {
- textBlackDarkWhite,
- navMotionTransition,
- transitionEaseLinearDuration300,
- scaleMotionNumber,
-} from "@/components/util/constants";
-
-const NavButton = (props: Text2Props) => {
- return (
-
-
- );
-};
-
-export default NavButton;
diff --git a/src/components/navbar/navButtons.tsx b/src/components/navbar/navButtons.tsx
new file mode 100644
index 0000000..9114a35
--- /dev/null
+++ b/src/components/navbar/navButtons.tsx
@@ -0,0 +1,40 @@
+import { motion } from "motion/react";
+import React from "react";
+import { ExpressiveArrow } from "@/components/iconography/Iconography";
+import { navItemLinks, navItems } from "@/components/util/constants";
+
+const arrowLinkVariants = {
+ hover: {
+ opacity: 0.5,
+ },
+};
+
+export const NavLogInButton = () => {
+ return (
+
+ {navItems[1]}
+
+ );
+};
+
+export const NavDocsButton = () => {
+ return (
+
+ {navItems[0]}
+ );
+};
diff --git a/src/components/navbar/navbar.tsx b/src/components/navbar/navbar.tsx
index e9d6d28..cae1957 100644
--- a/src/components/navbar/navbar.tsx
+++ b/src/components/navbar/navbar.tsx
@@ -1,21 +1,25 @@
-import CTAButton from "@/components/buttons/ctaButton";
+import { NavCTAButton } from "@/components/buttons/CTAButtons";
import Logotype from "@/components/logos/logotype";
-import BurgerMenu from "@/components/navbar/burgerMenu";
import BurgerOpenButton from "@/components/navbar/burgerOpenButton";
-import DarkModeToggle from "@/components/navbar/DarkModeToggle";
-import NavButton from "@/components/navbar/navButton";
+import { NavDocsButton, NavLogInButton } from "@/components/navbar/navButtons";
import { useWindowSize } from "@/components/util/functions";
-import clsx from "clsx";
import { motion, useMotionValueEvent, useScroll } from "motion/react";
-import { useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
import { ExpressiveArrow } from "@/components/iconography/Iconography";
-// import { useLenis } from "lenis/react";
+import BurgerMenu from "@/components/navbar/burgerMenu";
+import { FillMode } from "../color/Color";
+
+const navButtons: React.ReactNode[] = [
+ { component:
, key: "docs" },
+ { component:
, key: "login" },
+].map((item) => React.cloneElement(item.component, { key: item.key }));
+
const navVariants = {
visible: {
y: "0%",
},
hidden: {
- y: "-100%",
+ y: "-150%",
},
};
@@ -24,13 +28,7 @@ const navItemVariants = {
y: "0%",
},
hidden: {
- y: "-100%",
- },
-};
-
-const arrowLinkVariants = {
- hover: {
- opacity: 0.5,
+ y: "-150%",
},
};
@@ -55,119 +53,80 @@ export default function NavBar() {
const width = useWindowSize().width;
const navBasedOnWidth = (isDesktop: boolean) => {
- return mobileNavBar();
+ return isDesktop ? desktopNavBar() : mobileNavBar();
};
- // const lenis = useLenis();
-
const mobileNavBar = () => {
return (
-
- Docs
-
- Log in
-
-
- Buy GPR
-
- ) : (
-
- Buy GPR
-
- )}
-
- {/* {width < 640 && BurgerMenu({ isOpen: mobileShouldOpenBurger, items: navItems })} */}
+
+
+ {BurgerMenu(mobileShouldOpenBurger)}
);
};
- // const desktopNavBar = () => {
- // return (
- // <>
- //
- //
- //
- // {navItems.map((item, i) => (
- //
- //
- // ))}
- //
- //
- //
- //
- //
- // );
- // };
+ const desktopNavBar = () => {
+ return (
+
+
+
+
+ {navButtons.map((navItem, i) => (
+
+ {navItem}
+
+ ))}
+
+
+ {`Buy GPR`}
+
+
+
+
+
+ );
+ };
useEffect(() => {
if (mobileShouldOpenBurger) {
document.body.classList.add("scroll-lock");
- // lenis.stop();
} else {
document.body.classList.remove("scroll-lock");
- // lenis.start();
}
- // Cleanup on component unmount
return () => {
document.body.classList.remove("scroll-lock");
};
}, [mobileShouldOpenBurger]);
- return
{navBasedOnWidth(false)} ;
-}
-function useLenis() {
- throw new Error("Function not implemented.");
+ return
{navBasedOnWidth(width >= 768)} ;
}
diff --git a/src/components/providers/DarkModeProvider.tsx b/src/components/providers/DarkModeProvider.tsx
deleted file mode 100644
index f18532a..0000000
--- a/src/components/providers/DarkModeProvider.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-"use client";
-
-import { createContext, useContext, useEffect, useState } from "react";
-
-interface DarkModeContextType {
- isDark: boolean;
- toggle: () => void;
-}
-
-const DarkModeContext = createContext
({
- isDark: false,
- toggle: () => {},
-});
-
-export const useDarkMode = () => useContext(DarkModeContext);
-
-export function DarkModeProvider({ children }: { children: React.ReactNode }) {
- const [isDark, setIsDark] = useState(false);
-
- useEffect(() => {
- // Check system preference on mount
- const darkModePreference = window.matchMedia("(prefers-color-scheme: dark)");
- setIsDark(darkModePreference.matches);
-
- // Update class on document
- if (darkModePreference.matches) {
- document.documentElement.classList.add("dark");
- }
-
- // Listen for system preference changes
- const handleChange = (e: MediaQueryListEvent) => {
- setIsDark(e.matches);
- if (e.matches) {
- document.documentElement.classList.add("dark");
- } else {
- document.documentElement.classList.remove("dark");
- }
- };
-
- darkModePreference.addEventListener("change", handleChange);
- return () => darkModePreference.removeEventListener("change", handleChange);
- }, []);
-
- const toggle = () => {
- setIsDark(!isDark);
- document.documentElement.classList.toggle("dark");
- };
-
- return {children} ;
-}
diff --git a/src/components/util/constants.tsx b/src/components/util/constants.tsx
index 5e3dc71..4a5d5cc 100644
--- a/src/components/util/constants.tsx
+++ b/src/components/util/constants.tsx
@@ -1,7 +1,7 @@
export const transitionEaseLinearDuration300: string = " transition ease-linear duration-300 ";
-export const bgBlackDarkWhite: string = " bg-foreground dark:bg-foreground-dark ";
-export const textBlackDarkWhite: string = " text-foreground dark:text-foreground-dark ";
-export const fillBlackDarkWhite: string = " fill-foreground dark:fill-foreground-dark ";
+export const bgBlackDarkWhite: string = " bg-foreground";
+export const textBlackDarkWhite: string = " text-foreground";
+export const fillBlackDarkWhite: string = " fill-foreground";
export const navMotionTransition = {
duration: 0.7,
@@ -12,3 +12,10 @@ export const navMotionTransition = {
export const scaleMotionNumber = {
scale: 0.95,
};
+
+export const navItems: string[] = ["Docs", "Log In", "Buy GPR"];
+export const navItemLinks: string[] = [
+ "https://docs.kscale.dev/",
+ "https://dashboard.kscale.dev",
+ "https://shop.kscale.dev/",
+];
diff --git a/src/components/util/interfaces.tsx b/src/components/util/interfaces.tsx
index 0de519c..b745191 100644
--- a/src/components/util/interfaces.tsx
+++ b/src/components/util/interfaces.tsx
@@ -1,32 +1,12 @@
import { Dispatch, JSX, SetStateAction } from "react";
-export interface TextProps {
- text: string;
-}
-
-export interface Text2Props {
- text: string;
- text2: string;
-}
-
-export interface TextColourProps {
- text: string;
- color: string;
-}
-
-export interface FooterSectionListProps {
- title: string;
- itemTitles: string[];
- itemUrls: string[];
- extraStyling: string;
-}
export interface SocialMediaItemProps {
linkURL: string;
iconSvg: JSX.Element;
}
-export interface SizeColourProps {
- styling: string;
+export interface ExpressiveArrowProps {
+ size: string;
}
export interface BurgerOpenButtonProps {
diff --git a/src/components/util/isDarkMode.tsx b/src/components/util/isDarkMode.tsx
new file mode 100644
index 0000000..a1af094
--- /dev/null
+++ b/src/components/util/isDarkMode.tsx
@@ -0,0 +1,3 @@
+export function isDarkMode(): boolean {
+ return false;
+}
diff --git a/src/landing/CommunitySection.tsx b/src/landing/CommunitySection.tsx
new file mode 100644
index 0000000..0f9d261
--- /dev/null
+++ b/src/landing/CommunitySection.tsx
@@ -0,0 +1,48 @@
+import { ExpressiveArrow } from "@/components/iconography/Iconography";
+import { ColorVariant, FillMode } from "@/components/color/Color";
+import { Discord, IconMode } from "@/components/footer/socialMediaSvgs";
+import { InlineCTA, NavCTAButton, Size } from "@/components/buttons/CTAButtons";
+
+const CommunitySection = () => {
+ return (
+
+
+ Community
+ Take ownership of how we keep building.
+
+ With over 2000 people in our Discord, our community has collaboratively on 6 humanoid
+ robot projects, building off each other's work and publishing papers on the forefront
+ of embodied AI tools.
+
+
+
+
+ Join the Discord
+
+ Send feedback
+
+
+
+ About us
+
+ We're hackers, engineers, and researchers that believe in a world where robots are
+ made for everyone.
+
+
+ We're from Tesla AI, Google, Meta FAIR, Stanford, and Xiaomi building opportunities
+ for robots to be more than workers.
+
+
+
+ );
+};
+
+export default CommunitySection;
diff --git a/src/landing/DataSection.tsx b/src/landing/DataSection.tsx
new file mode 100644
index 0000000..ab34c3a
--- /dev/null
+++ b/src/landing/DataSection.tsx
@@ -0,0 +1,16 @@
+const DataSection = () => {
+ return (
+
+
+ Data buy-back
+ Get refunded each month that you send us data.
+
+ If you collect at least 100 hours of telemetry over the course of a month we'll pay
+ you back the month's payment.
+
+
+
+ );
+};
+
+export default DataSection;
diff --git a/src/landing/GallerySection.tsx b/src/landing/GallerySection.tsx
new file mode 100644
index 0000000..f59c10d
--- /dev/null
+++ b/src/landing/GallerySection.tsx
@@ -0,0 +1,40 @@
+import { motion, useTransform, useScroll } from "motion/react";
+import { useRef } from "react";
+
+const GallerySection = () => {
+ const scrollRef = useRef(null);
+ const { scrollYProgress } = useScroll({
+ target: scrollRef,
+ offset: ["start start", "end start"],
+ });
+
+ return (
+
+ );
+};
+
+export default GallerySection;
diff --git a/src/landing/HeaderSection.tsx b/src/landing/HeaderSection.tsx
new file mode 100644
index 0000000..cd5a95a
--- /dev/null
+++ b/src/landing/HeaderSection.tsx
@@ -0,0 +1,22 @@
+import { CTASubtitleButton } from "@/components/buttons/CTAButtons";
+import { FillMode } from "@/components/color/Color";
+
+const HeaderSection = () => {
+ return (
+
+ {/*
+ Made to be modified
+
+ GPR 1.0 is an open-source & auditable robot, for those who prefer transparency over
+ trust.
+
+
+ Order GPR 0.5
+
+
+
+ );
+};
+
+export default HeaderSection;
diff --git a/src/landing/PricingSection.tsx b/src/landing/PricingSection.tsx
new file mode 100644
index 0000000..37b6d8f
--- /dev/null
+++ b/src/landing/PricingSection.tsx
@@ -0,0 +1,51 @@
+import { CTASubtitleButton } from "@/components/buttons/CTAButtons";
+import { FillMode } from "@/components/color/Color";
+import { isDarkMode } from "@/components/util/isDarkMode";
+
+const PricingSection = () => {
+ const darkMode = isDarkMode();
+ return (
+
+
+
+ Limited edition — 20 units total
+
+ Get free yearly hardware upgrades as a founder
+
+
+
+ Priority delivery and yearly service on new parts and hardware, for the rest of your life.
+
+
+ Order GPR Founders' Edition
+
+
+
+
+
+ Available for all engineers
+
+ Our plug and play robotics solution, at an accessible price.
+
+
+
+ {`Invest in yourself and your engineering potential with GPR's embodied AI ecosystem.`}
+
+
+ Order GPR Developers' Edition
+
+
+
+ );
+};
+
+export default PricingSection;
diff --git a/src/landing/ResearchSection.tsx b/src/landing/ResearchSection.tsx
new file mode 100644
index 0000000..0d45597
--- /dev/null
+++ b/src/landing/ResearchSection.tsx
@@ -0,0 +1,269 @@
+import { NavCTAButton } from "@/components/buttons/CTAButtons";
+import { ColorVariant, FillMode } from "@/components/color/Color";
+import {
+ EVLAIcon,
+ KOSIcon,
+ KRECIcon,
+ KSIMIcon,
+ KLANGIcon,
+} from "@/components/iconography/ResearchIcons";
+import { useWindowSize } from "@/components/util/functions";
+import { cubicBezier, motion, useMotionValue } from "motion/react";
+import { useMemo } from "react";
+import { useEffect } from "react";
+import { useState } from "react";
+
+const RESEARCH_ITEMS = [
+ {
+ title: "Edge VLA",
+ description:
+ "Our general purpose foundation AI model, helping robots complete tasks autonomously. Through open-source data contributions, we're training a highly efficient model together.",
+ image: "/images/research/edge-vla.png",
+ link: "/",
+ icon:
+
+ {icon}
+
+
{title}
+
{description}
+
+ View project
+
+
+
+ );
+};
+
+const DRAG_BUFFER = 50;
+
+const SPRING_OPTIONS = {
+ type: "spring",
+ mass: 1,
+ stiffness: 100,
+ damping: 20,
+};
+
+export const SwipeCarousel = () => {
+ const [imgIndex, setImgIndex] = useState(0);
+ const width = useWindowSize().width;
+
+ const dimensions = useMemo(() => {
+ if (width < 640) {
+ return {
+ card: 66.25,
+ gap: 5,
+ max: RESEARCH_ITEMS.length - 1,
+ };
+ }
+ if (width < 768) {
+ return {
+ card: 170 / 3 + 2.5,
+ gap: 2.5,
+ max: RESEARCH_ITEMS.length - 1,
+ };
+ }
+ if (width < 1440) {
+ return {
+ card: 280 / 9 + 7.5,
+ gap: 2.5,
+ max: RESEARCH_ITEMS.length - 2,
+ };
+ }
+ if (width < 1920) {
+ return {
+ card: 87.5 / 3,
+ gap: 1.25,
+ max: RESEARCH_ITEMS.length - 3,
+ };
+ }
+ return {
+ card: 21.25,
+ gap: 1.25,
+ max: RESEARCH_ITEMS.length - 4,
+ };
+ }, [width]);
+
+ const dragX = useMotionValue(0);
+
+ const onDragEnd = () => {
+ const x = dragX.get();
+ if (x <= -DRAG_BUFFER && imgIndex < dimensions.max) {
+ setImgIndex((pv) => Math.min(pv + Math.round(x / -DRAG_BUFFER), dimensions.max));
+ } else if (x >= DRAG_BUFFER && imgIndex > 0) {
+ setImgIndex((pv) => Math.max(pv - Math.round(x / DRAG_BUFFER), 0));
+ }
+ };
+
+ const decrement = () => {
+ if (imgIndex > 0) {
+ setImgIndex((pv) => pv - 1);
+ }
+ };
+
+ const increment = () => {
+ if (imgIndex < dimensions.max) {
+ setImgIndex((pv) => pv + 1);
+ }
+ };
+
+ useEffect(() => {
+ setImgIndex(0);
+ }, [width]);
+
+ return (
+
+
+ 0 ? 1 : 0.5 }}
+ transition={{ duration: 0.2 }}
+ >
+ ←
+
+
+ →
+
+
+
+ {/*
+ {imgIndex} {dimensions.card} {dimensions.gap}
+
*/}
+
+
+
+
+// {imgs.map((_, idx) => {
+// return (
+// setImgIndex(idx)}
+// className={`h-3 w-3 rounded-full transition-colors ${
+// idx === imgIndex ? "bg-neutral-50" : "bg-neutral-500"
+// }`}
+// />
+// );
+// })}
+//
+// );
+// };
+
+const ResearchSection = () => {
+ return (
+
+
+ Research
+
+ The humanoid robot is as strong as its brain, not its body.
+
+
+ While we provide robust, accessible hardware, our end-to-end model is what makes GPR 1.0
+ perform. Here's some of the progress we've made:
+
+
+ {/*
+ );
+};
+
+export default ResearchSection;
diff --git a/src/landing/RobotSection.tsx b/src/landing/RobotSection.tsx
new file mode 100644
index 0000000..a9db8a9
--- /dev/null
+++ b/src/landing/RobotSection.tsx
@@ -0,0 +1,11 @@
+import RobotRenderer from "@/components/robot/robotRenderer";
+
+const RobotSection = () => {
+ return (
+
+ );
+};
+
+export default RobotSection;
diff --git a/src/landing/SpecSection.tsx b/src/landing/SpecSection.tsx
new file mode 100644
index 0000000..d8e80cf
--- /dev/null
+++ b/src/landing/SpecSection.tsx
@@ -0,0 +1,45 @@
+import { InlineCTA } from "@/components/buttons/CTAButtons";
+import { DownloadIcon } from "@/components/iconography/Iconography";
+import Link from "next/link";
+
+const SpecSection = () => {
+ return (
+
+
+
+ What is GPR?
+
+ A 4.5 foot humanoid robot, optimized for our approach to software for embodied AI.
+
+
+
+ Read tech specs
+
+
+
+ {`We've built GPR 0.5 with an aerospace-grade alumininum body, for under $20,000 USD. `}
+
+ Anodized with a matte black finish, because it looks cooler.
+
+
+
+
+
+
+ Equipped with 120 N m actuators at the hips, taking advantage of strong torque for dynamic
+ walking and manipulation.
+
+
+
+
+
+ Explore the potential of any idea with 32 TOPS of AI performance.
+
+
+
+
+ );
+};
+
+export default SpecSection;
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 45e9795..94e19f5 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,21 +1,41 @@
import "@/styles/globals.css";
import type { AppProps } from "next/app";
import Head from "next/head";
+import { ReactLenis } from "lenis/dist/lenis-react";
export default function App({ Component, pageProps }: AppProps) {
return (
- <>
+
K-Scale Labs
-
);
}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 8ad2663..38f61b6 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,280 +1,23 @@
-import { CTAButtonMode, CTASubtitleButton } from "@/components/buttons/ctaButton";
import Footer from "@/components/footer/footer";
import { Grid } from "@/components/grid/Grid";
-import { ExpressiveArrow } from "@/components/iconography/Iconography";
import NavBar from "@/components/navbar/navbar";
-import RobotRenderer from "@/components/robot/robotRenderer";
-import { motion } from "motion/react";
-import Link from "next/link";
-
-const HeaderSection = () => {
- return (
-
- {/*
- Made to be modified
-
- GPR 1.0 is an open-source & auditable robot, for those who prefer transparency over
- trust.
-
-
- Order GPR 0.5
-
-
-
- );
-};
-
-const ResearchSection = () => {
- return (
-
-
- Research
-
- The humanoid robot is as strong as its brain, not its body.
-
-
- While we provide robust, accessible hardware, our end-to-end model is what makes GPR 1.0
- perform. Here's some of the progress we've made:
-
-
-
-
- {[0, 1, 2, 3, 4].map((i) => (
-
-
-
-
-
-
Edge VLA
-
- Our general purpose foundation AI model, helping robots complete tasks
- autonomously. Through open-source data contributions, we're training a
- highly efficient model together.
-
-
-
- ))}
-
-
- );
-};
-
-const SpecSection = () => {
- return (
-
-
-
- What is GPR?
-
- A 4.5 foot humanoid robot, optimized for our approach to software for embodied AI.
-
-
-
-
-
-
-
-
- {`We've built GPR 0.5 with an aerospace-grade alumininum body, for under $20,000 USD.`}
-
- Anodized with a matte black finish, because it looks cooler.
-
-
-
-
-
-
- Equipped with 120 N m actuators at the hips, taking advantage of strong torque for dynamic
- walking and manipulation.
-
-
-
-
-
- Explore the potential of any idea with 32 TOPS of AI performance.
-
-
-
-
- );
-};
-
-const RobotSection = () => {
- return (
-
- );
-};
-
-const GallerySection = () => {
- return (
-
- );
-};
-
-const PricingSection = () => {
- return (
-
-
-
- Limited edition — 20 units total
-
- Get free yearly hardware upgrades as a founder
-
-
-
- Priority delivery and yearly service on new parts and hardware, for the rest of your life.
-
-
- Order GPR Founders' Edition
-
-
-
-
-
- Available for all engineers
-
- Our plug and play robotics solution, at an accessible price.
-
-
-
- {`Invest in yourself and your engineering potential with GPR's embodied AI ecosystem.`}
-
-
- Order GPR Developers' Edition
-
-
-
- );
-};
-
-const DataSection = () => {
- return (
-
-
- Data buy-back
- Get refunded each month that you send us data.
-
- If you collect at least 100 hours of telemetry over the course of a month we'll pay
- you back the month's payment.
-
-
-
- );
-};
-
-const CommunitySection = () => {
- return (
-
-
- Community
- Take ownership of how we keep building.
-
- With over 2000 people in our Discord, our community has collaboratively on 6 humanoid
- robot projects, building off each other's work and publishing papers on the forefront
- of embodied AI tools.
-
-
-
-
-
-
-
-
- Send feedback
-
-
-
- About us
-
- We're hackers, engineers, and researchers that believe in a world where robots are
- made for everyone
-
-
- We're from: Tesla AI, Google, Meta FAIR, Stanford, Xiaomi building opportunities for
- robots to be more than workers.
-
-
-
- );
-};
+import HeaderSection from "@/landing/HeaderSection";
+import ResearchSection from "@/landing/ResearchSection";
+import SpecSection from "@/landing/SpecSection";
+import RobotSection from "@/landing/RobotSection";
+import GallerySection from "@/landing/GallerySection";
+import PricingSection from "@/landing/PricingSection";
+import DataSection from "@/landing/DataSection";
+import CommunitySection from "@/landing/CommunitySection";
+import { ExpressiveArrow } from "@/components/iconography/Iconography";
export default function Home() {
return (
+
+