|
|
|
@@ -3,26 +3,25 @@
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
|
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
|
|
|
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
|
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
|
|
import FeatureCardTwentyNine from "@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine";
|
|
|
|
import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
|
|
|
|
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
|
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
|
|
import { Sparkles, Code, Zap } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default function BloxlyLandingPage() {
|
|
|
|
export default function BloxlyLandingPage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<ThemeProvider
|
|
|
|
<ThemeProvider
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
defaultButtonVariant="hover-bubble"
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
borderRadius="rounded"
|
|
|
|
borderRadius="rounded"
|
|
|
|
contentWidth="medium"
|
|
|
|
contentWidth="medium"
|
|
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
|
|
background="noise"
|
|
|
|
background="none"
|
|
|
|
cardStyle="glass-depth"
|
|
|
|
cardStyle="solid"
|
|
|
|
primaryButtonStyle="primary-glow"
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
headingFontWeight="extrabold"
|
|
|
|
headingFontWeight="extrabold"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
@@ -31,101 +30,94 @@ export default function BloxlyLandingPage() {
|
|
|
|
brandName="Bloxly"
|
|
|
|
brandName="Bloxly"
|
|
|
|
navItems={[
|
|
|
|
navItems={[
|
|
|
|
{ name: "Capabilities", id: "capabilities" },
|
|
|
|
{ name: "Capabilities", id: "capabilities" },
|
|
|
|
{ name: "Product", id: "product" },
|
|
|
|
|
|
|
|
{ name: "Manifesto", id: "manifesto" },
|
|
|
|
{ name: "Manifesto", id: "manifesto" },
|
|
|
|
{ name: "Beta", id: "beta" },
|
|
|
|
{ name: "Beta Access", id: "beta" },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
button={{ text: "Get Early Access", href: "#beta" }}
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="hero">
|
|
|
|
<div id="hero">
|
|
|
|
<HeroCentered
|
|
|
|
<HeroLogo
|
|
|
|
title="Build Roblox Experiences at the Speed of AI"
|
|
|
|
logoText="Bloxly"
|
|
|
|
description="The enterprise-grade coding platform built for Roblox developers. Ship faster, scale smarter, and focus on the mechanics that matter."
|
|
|
|
description="The AI coding agent for Roblox Studio. Accelerate your Luau development with precision and speed."
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
buttons={[{ text: "Get Beta Access", href: "#beta" }]}
|
|
|
|
avatars={[
|
|
|
|
|
|
|
|
{ src: "https://avatar.vercel.sh/1", alt: "Dev" },
|
|
|
|
|
|
|
|
{ src: "https://avatar.vercel.sh/2", alt: "Dev" },
|
|
|
|
|
|
|
|
{ src: "https://avatar.vercel.sh/3", alt: "Dev" }
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
avatarText="10,000+ developers joined"
|
|
|
|
|
|
|
|
buttons={[{ text: "Get Started", href: "#beta" }]}
|
|
|
|
|
|
|
|
marqueeItems={[{ type: 'text-icon', text: 'AI-Native Engine', icon: Sparkles }, { type: 'text-icon', text: 'Roblox Optimized', icon: Code }, { type: 'text-icon', text: 'Instant Deployment', icon: Zap }]}
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="capabilities">
|
|
|
|
<div id="capabilities">
|
|
|
|
<SocialProofOne
|
|
|
|
<MetricCardSeven
|
|
|
|
names={["Optimized Luau Engine", "Real-time Debugging", "Asset Streaming API", "Multiplayer Scaling", "Auto-documented Code"]}
|
|
|
|
title="AI-Native Luau Capabilities"
|
|
|
|
title="Built for Scale"
|
|
|
|
description="Designed specifically for the Roblox engine, Bloxly transforms complex game logic into clean, performant code."
|
|
|
|
description="Everything you need to ship world-class games."
|
|
|
|
metrics={[
|
|
|
|
textboxLayout="default"
|
|
|
|
{ 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}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="features">
|
|
|
|
<div id="features">
|
|
|
|
<FeatureCardTwentySeven
|
|
|
|
<FeatureCardTwentyNine
|
|
|
|
title="What Bloxly Does"
|
|
|
|
title="Precision Coding Engine"
|
|
|
|
description="Automate the mundane and amplify your creativity with our suite of AI-driven dev tools."
|
|
|
|
description="Bloxly interprets your vision and translates it into high-performance Luau scripts."
|
|
|
|
animationType="slide-up"
|
|
|
|
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
|
|
|
animationType="slide-up"
|
|
|
|
useInvertedBackground={true}
|
|
|
|
useInvertedBackground={true}
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{ id: "f1", title: "Code Acceleration", descriptions: ["Context-aware Luau completion", "Auto-generated boilerplate code", "AI-refactored scripts"] },
|
|
|
|
{ title: "Game Logic Automation", description: "Automate complex character controllers and inventory systems.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" },
|
|
|
|
{ id: "f2", title: "Visual Mechanics", descriptions: ["Drag-and-drop logic nodes", "Auto-layout UI generation", "Live-preview world states"] },
|
|
|
|
{ title: "Smart UI Construction", description: "Generate interactive screens using AI-assisted layout constraints.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" },
|
|
|
|
{ id: "f3", title: "Optimization Engine", descriptions: ["Automated bottleneck detection", "Memory footprint reduction", "Network throttling smart-fixes"] }
|
|
|
|
{ title: "Deep Optimization", description: "Detect bottlenecks and resolve memory leaks automatically.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="product">
|
|
|
|
<div id="how-it-works">
|
|
|
|
<ProductCardTwo
|
|
|
|
<TeamCardOne
|
|
|
|
title="Product Showcase"
|
|
|
|
title="How It Works"
|
|
|
|
description="The dashboard where your next hit game comes to life."
|
|
|
|
description="Four simple steps to transform your development workflow."
|
|
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
|
|
textboxLayout="default"
|
|
|
|
|
|
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="slide-up"
|
|
|
|
textboxLayout="split"
|
|
|
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
products={[
|
|
|
|
members={[
|
|
|
|
{ id: "p1", brand: "Bloxly", name: "Code Editor Pro", price: "Free", rating: 5, reviewCount: "1.2k", imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324a6cee?q=80&w=800" },
|
|
|
|
{ id: "1", name: "Describe Vision", role: "Input your game mechanics" },
|
|
|
|
{ id: "p2", brand: "Bloxly", name: "Visual Logic Suite", price: "Included", rating: 5, reviewCount: "800", imageSrc: "https://images.unsplash.com/photo-1555949963-aa90dcee9978?q=80&w=800" },
|
|
|
|
{ id: "2", name: "Generate Logic", role: "AI writes optimized Luau" },
|
|
|
|
{ id: "p3", brand: "Bloxly", name: "Deployment Hub", price: "Free", rating: 5, reviewCount: "500", imageSrc: "https://images.unsplash.com/photo-1629738233306-bf105151b752?q=80&w=800" }
|
|
|
|
{ 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>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="manifesto">
|
|
|
|
<div id="manifesto">
|
|
|
|
<TeamCardEleven
|
|
|
|
<MediaAbout
|
|
|
|
title="Manifesto: Own What You Build"
|
|
|
|
title="Own What You Build"
|
|
|
|
description="Powered by MultiversX, Bloxly ensures your IP stays yours. Your assets, your code, your future."
|
|
|
|
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."
|
|
|
|
textboxLayout="split"
|
|
|
|
useInvertedBackground={true}
|
|
|
|
animationType="slide-up"
|
|
|
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
|
|
|
groups={[
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "g1", groupTitle: "The Bloxly Standard", members: [{ id: "m1", title: "On-Chain Security", subtitle: "Verification", detail: "Every asset is anchored in trust with MultiversX integration." }]
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="beta">
|
|
|
|
<div id="beta">
|
|
|
|
<ContactCenter
|
|
|
|
<ContactSplitForm
|
|
|
|
tag="Join the Beta"
|
|
|
|
title="Beta Access"
|
|
|
|
title="Shape the Future of Roblox Development"
|
|
|
|
description="Join the select group of builders pioneering the next wave of Roblox game development."
|
|
|
|
description="Secure your spot in the Bloxly Beta program and get exclusive access to our AI tools before the public launch."
|
|
|
|
inputs={[
|
|
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
|
|
{ name: "email", type: "email", placeholder: "Email address" },
|
|
|
|
buttonText="Join Now"
|
|
|
|
{ name: "project", type: "text", placeholder: "Project name (optional)" }
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
buttonText="Secure Beta Spot"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="footer">
|
|
|
|
<div id="footer">
|
|
|
|
<FooterBaseReveal
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
logoText="Bloxly"
|
|
|
|
logoText="Bloxly"
|
|
|
|
columns={[{ title: "Product", items: [{ label: "Features", href: "#" }, { label: "Security", href: "#" }] }, { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] }]}
|
|
|
|
columns={[
|
|
|
|
copyrightText="© 2024 Bloxly. All rights reserved."
|
|
|
|
{ items: [{ label: "Documentation", href: "#" }, { label: "API Reference", href: "#" }] },
|
|
|
|
|
|
|
|
{ items: [{ label: "Discord", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
|
|
|
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ReactLenis>
|
|
|
|
</ReactLenis>
|
|
|
|
|
