124 lines
5.5 KiB
TypeScript
124 lines
5.5 KiB
TypeScript
"use client";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureCardTwentyNine from "@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine";
|
|
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
|
|
export default function BloxlyLandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Bloxly"
|
|
navItems={[
|
|
{ name: "Capabilities", id: "capabilities" },
|
|
{ name: "Manifesto", id: "manifesto" },
|
|
{ name: "Beta Access", id: "beta" },
|
|
]}
|
|
/>
|
|
|
|
<div id="hero">
|
|
<HeroLogo
|
|
logoText="Bloxly"
|
|
description="The AI coding agent for Roblox Studio. Accelerate your Luau development with precision and speed."
|
|
buttons={[{ text: "Get Beta Access", href: "#beta" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="capabilities">
|
|
<MetricCardSeven
|
|
title="AI-Native Luau Capabilities"
|
|
description="Designed specifically for the Roblox engine, Bloxly transforms complex game logic into clean, performant code."
|
|
metrics={[
|
|
{ id: "m1", value: "10x", title: "Coding Velocity", items: ["Context-aware autocomplete", "Real-time syntax correction", "Instant boilerplate generation"] },
|
|
{ id: "m2", value: "Zero", title: "Technical Debt", items: ["Optimized memory management", "Network-safe scripting", "Auto-documented modular code"] }
|
|
]}
|
|
textboxLayout="split-description"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features">
|
|
<FeatureCardTwentyNine
|
|
title="Precision Coding Engine"
|
|
description="Bloxly interprets your vision and translates it into high-performance Luau scripts."
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ title: "Game Logic Automation", description: "Automate complex character controllers and inventory systems.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" },
|
|
{ title: "Smart UI Construction", description: "Generate interactive screens using AI-assisted layout constraints.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" },
|
|
{ title: "Deep Optimization", description: "Detect bottlenecks and resolve memory leaks automatically.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works">
|
|
<TeamCardOne
|
|
title="How It Works"
|
|
description="Four simple steps to transform your development workflow."
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
members={[
|
|
{ id: "1", name: "Describe Vision", role: "Input your game mechanics" },
|
|
{ id: "2", name: "Generate Logic", role: "AI writes optimized Luau" },
|
|
{ id: "3", name: "Iterate Fast", role: "Debug and refine in real-time" },
|
|
{ id: "4", name: "Ship Experience", role: "Push updates directly to Roblox" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="manifesto">
|
|
<MediaAbout
|
|
title="Own What You Build"
|
|
description="In an era of abstraction, Bloxly maintains the integrity of your hard work. By leveraging decentralized verification, your IP remains securely yours. Build with confidence, knowing your creations are protected and verified on the MultiversX network."
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="beta">
|
|
<ContactSplitForm
|
|
title="Beta Access"
|
|
description="Join the select group of builders pioneering the next wave of Roblox game development."
|
|
inputs={[
|
|
{ name: "email", type: "email", placeholder: "Email address" },
|
|
{ name: "project", type: "text", placeholder: "Project name (optional)" }
|
|
]}
|
|
buttonText="Secure Beta Spot"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Bloxly"
|
|
columns={[
|
|
{ items: [{ label: "Documentation", href: "#" }, { label: "API Reference", href: "#" }] },
|
|
{ items: [{ label: "Discord", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |