bender/3b39235d-393a-4a1f-b4a7-57858dcea002
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1782313548340 into main #2

Merged
bender merged 1 commits from version_2_1782313548340 into main 2026-06-24 15:08:38 +00:00
Conversation 0 Commits 1 Files Changed 8 +301 -131
8 changed files with 301 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
src/pages/HomePage.tsx
View File

@@ -1,142 +1,33 @@
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
import ContactCta from '@/components/sections/contact/ContactCta';
import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import FeaturesSection from './HomePage/sections/Features';
import MetricsSection from './HomePage/sections/Metrics';
import FeaturesRevealSection from './HomePage/sections/FeaturesReveal';
import TestimonialsSection from './HomePage/sections/Testimonials';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroCenteredLogos
avatarsSrc={[
"http://img.b2bpic.net/free-photo/professional-young-woman-checking-her-phone_23-2148452656.jpg", "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg", "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg", "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-holding-tablet_23-2148452638.jpg"]}
avatarText="Trusted by elite engineers"
title="Architecting Autonomous Intelligence"
description="We engineer high-capacity AI agents that integrate directly into enterprise infrastructure. Rare systems for technical authority."
primaryButton={{
text: "Begin Integration", href: "#contact"}}
secondaryButton={{
text: "View Systems", href: "#features"}}
names={[
"Alpha", "Beta", "Gamma", "Delta", "Sigma"]}
imageSrc="http://img.b2bpic.net/free-photo/tokyo-alley_181624-2239.jpg"
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutMediaOverlay
tag="Our Methodology"
title="The Science of Unclocked Systems"
description="We don't just build agents; we architect self-healing, data-efficient, autonomous pipelines that scale exponentially."
imageSrc="http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5088.jpg"
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesRevealCards
tag="Capability Stack"
title="Industrial-Grade Autonomous Agents"
description="Engineered for durability, speed, and absolute autonomy in complex environments."
items={[
{
title: "Zero-Latency Routing", description: "AI models optimized for millisecond-level decision making.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182521.jpg"},
{
title: "Secure Infrastructure", description: "Bank-grade isolation protocols for every agent deployment.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-landscape-blocks_1048-12498.jpg"},
{
title: "Infinite Scalability", description: "Horizontal auto-scaling pipelines built for global throughput.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hexagonal-texture-background_23-2150796431.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<FeaturesSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards
tag="Performance Data"
title="The Authority of Efficiency"
description="Quantifiable results that separate us from standard integration agencies."
metrics={[
{
value: "99.99%", title: "System Uptime", description: "Enterprise-grade reliability for autonomous agent execution.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="features-reveal" data-section="features-reveal">
<SectionErrorBoundary name="features-reveal">
<FeaturesRevealCardsBento
tag="Modular Core"
title="A Rare Technical Ecosystem"
description="Every component acts as a force multiplier for your existing stack."
items={[
{
title: "Node Sync", description: "Distributed data sync.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/black-laptop-screen-dark-room-night_169016-58233.jpg"},
{
title: "Log Engine", description: "High fidelity tracing.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-display_187299-47140.jpg"},
{
title: "Agent Core", description: "Modular logic flows.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-male-worker-analyzing-performance-data-laptop-optimizing-efficiency_482257-135442.jpg"},
{
title: "Circuit Link", description: "Secure hardware link.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-top-view_23-2150096479.jpg"},
{
title: "Synapse Bridge", description: "Data bridge protocol.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg"},
{
title: "Core Node", description: "Centralized kernel.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/data-network-illustration_24908-57882.jpg"},
{
title: "Global Mesh", description: "Worldwide connectivity.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051287.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<FeaturesRevealSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeOverlayCards
tag="Evidence"
title="Elite Engineer Consensus"
description="Validation from industry peers building the next generation of intelligence."
testimonials={[
{
name: "Marcus Thorne", role: "Principal Architect", company: "CyberOps", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-black-white-medium-shot_23-2149411423.jpg"},
{
name: "Sarah Chen", role: "Head of AI", company: "NeuralLink", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg"},
{
name: "David Vane", role: "Systems Lead", company: "ScaleAI", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-white-minimal-portrait_23-2149152609.jpg"},
{
name: "Elena Ross", role: "Lead Engineer", company: "Titan Systems", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg"},
{
name: "Julian Fox", role: "CTO", company: "AgentLabs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spotlight-shines-young-man-he-shows-gesture_8353-11589.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Consultation"
text="Are you ready to architect your future autonomous ecosystem?"
primaryButton={{
text: "Initiate Protocol", href: "#"}}
secondaryButton={{
text: "Contact Lead", href: "#"}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

21
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -0,0 +1,21 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutMediaOverlay
tag="Our Methodology"
title="The Science of Unclocked Systems"
description="We don't just build agents; we architect self-healing, data-efficient, autonomous pipelines that scale exponentially."
imageSrc="http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5088.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

23
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,23 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Consultation"
text="Are you ready to architect your future autonomous ecosystem?"
primaryButton={{
text: "Initiate Protocol", href: "#"}}
secondaryButton={{
text: "Contact Lead", href: "#"}}
/>
</SectionErrorBoundary>
</div>
);
}

28
src/pages/HomePage/sections/Features.tsx Normal file
View File

@@ -0,0 +1,28 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "features" section.
import React from 'react';
import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FeaturesSection(): React.JSX.Element {
return (
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesRevealCards
tag="Capability Stack"
title="Industrial-Grade Autonomous Agents"
description="Engineered for durability, speed, and absolute autonomy in complex environments."
items={[
{
title: "Zero-Latency Routing", description: "AI models optimized for millisecond-level decision making.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182521.jpg"},
{
title: "Secure Infrastructure", description: "Bank-grade isolation protocols for every agent deployment.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-landscape-blocks_1048-12498.jpg"},
{
title: "Infinite Scalability", description: "Horizontal auto-scaling pipelines built for global throughput.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hexagonal-texture-background_23-2150796431.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
);
}

36
src/pages/HomePage/sections/FeaturesReveal.tsx Normal file
View File

@@ -0,0 +1,36 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "features-reveal" section.
import React from 'react';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FeaturesRevealSection(): React.JSX.Element {
return (
<div id="features-reveal" data-section="features-reveal">
<SectionErrorBoundary name="features-reveal">
<FeaturesRevealCardsBento
tag="Modular Core"
title="A Rare Technical Ecosystem"
description="Every component acts as a force multiplier for your existing stack."
items={[
{
title: "Node Sync", description: "Distributed data sync.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/black-laptop-screen-dark-room-night_169016-58233.jpg"},
{
title: "Log Engine", description: "High fidelity tracing.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-display_187299-47140.jpg"},
{
title: "Agent Core", description: "Modular logic flows.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-male-worker-analyzing-performance-data-laptop-optimizing-efficiency_482257-135442.jpg"},
{
title: "Circuit Link", description: "Secure hardware link.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-top-view_23-2150096479.jpg"},
{
title: "Synapse Bridge", description: "Data bridge protocol.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg"},
{
title: "Core Node", description: "Centralized kernel.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/data-network-illustration_24908-57882.jpg"},
{
title: "Global Mesh", description: "Worldwide connectivity.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051287.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
);
}

110
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,110 @@
/* eslint-disable */
// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
import Button from "@/components/ui/Button";
import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
import TextAnimation from "@/components/ui/TextAnimation";
import ImageOrVideo from "@/components/ui/ImageOrVideo";
import AvatarGroup from "@/components/ui/AvatarGroup";
const avatarsSrc = [
"http://img.b2bpic.net/free-photo/professional-young-woman-checking-her-phone_23-2148452656.jpg",
"http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
"http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg",
"http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-holding-tablet_23-2148452638.jpg"
];
const primaryButton = {
text: "Begin Integration",
href: "#contact"
};
const secondaryButton = {
text: "View Systems",
href: "#features"
};
const names = [
"Alpha",
"Beta",
"Gamma",
"Delta",
"Sigma"
];
type HeroCenteredLogosProps = {
avatarsSrc: string[];
avatarText: string;
title: string;
description: string;
primaryButton: { text: string; href: string };
secondaryButton: { text: string; href: string };
names: string[];
hideMedia?: boolean;
} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
const HeroInline = () => {
return (
<section aria-label="Hero section" className="relative h-svh flex flex-col mb-20 overflow-hidden">
<div className="absolute inset-0 z-0 opacity-20 mix-blend-screen pointer-events-none">
<div className="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-40 mix-blend-overlay"></div>
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-accent rounded-full mix-blend-multiply filter blur-[128px] animate-pulse"></div>
<div className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-foreground rounded-full mix-blend-multiply filter blur-[128px] animate-pulse" style={{ animationDelay: '2s' }}></div>
</div>
<HeroBackgroundSlot />
{!undefined && (
<div className="absolute inset-0 z-0">
<ImageOrVideo imageSrc={"http://img.b2bpic.net/free-photo/tokyo-alley_181624-2239.jpg"} className="size-full object-cover" />
<div className="absolute inset-0 bg-background/80" />
</div>
)}
<div className="relative z-10 flex-1 flex items-center justify-center">
<div className="flex flex-col items-center gap-3 pt-8 w-content-width mx-auto text-center">
<AvatarGroup avatarsSrc={avatarsSrc} label={"Trusted by elite engineers"} size="lg" />
<TextAnimation
text={"Architecting Autonomous Intelligence"}
variant="slide-up"
gradientText={true}
tag="h1"
className="md:max-w-8/10 text-7xl 2xl:text-8xl leading-[0.85] font-bold text-center text-balance tracking-tighter mix-blend-difference"
/>
<TextAnimation
text={"We engineer high-capacity AI agents that integrate directly into enterprise infrastructure. Rare systems for technical authority."}
variant="slide-up"
gradientText={false}
tag="p"
className="md:max-w-7/10 text-lg md:text-xl leading-relaxed text-balance font-mono text-accent"
/>
<div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3">
<a href={primaryButton.href} className="group relative px-8 py-4 bg-foreground text-background font-mono text-sm uppercase tracking-widest overflow-hidden">
<span className="relative z-10 transition-colors duration-500 group-hover:text-foreground">{primaryButton.text}</span>
<div className="absolute inset-0 bg-accent transform scale-x-0 origin-left transition-transform duration-500 ease-[cubic-bezier(0.87,0,0.13,1)] group-hover:scale-x-100"></div>
</a>
<a href={secondaryButton.href} className="group relative px-8 py-4 border border-accent/50 text-foreground font-mono text-sm uppercase tracking-widest overflow-hidden hover:border-foreground transition-colors duration-500">
<span className="relative z-10">{secondaryButton.text}</span>
<div className="absolute inset-0 bg-foreground/5 transform scale-y-0 origin-bottom transition-transform duration-500 ease-[cubic-bezier(0.87,0,0.13,1)] group-hover:scale-y-100"></div>
</a>
</div>
</div>
</div>
<div className="relative z-10 w-content-width mx-auto pb-8 overflow-hidden mask-fade-x">
<div className="flex w-max animate-marquee-horizontal" style={{ animationDuration: "30s" }}>
{[...names, ...names, ...names, ...names].map((name, index) => (
<div key={index} className="shrink-0 mx-3 px-4 py-2 card rounded">
<span className="text-xl font-semibold whitespace-nowrap text-foreground/75">{name}</span>
</div>
))}
</div>
</div>
</section>
);
};
export default function HeroSection() {
return (
<div data-webild-section="hero" id="hero">
<HeroInline />
</div>
);
}

24
src/pages/HomePage/sections/Metrics.tsx Normal file
View File

@@ -0,0 +1,24 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "metrics" section.
import React from 'react';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards
tag="Performance Data"
title="The Authority of Efficiency"
description="Quantifiable results that separate us from standard integration agencies."
metrics={[
{
value: "99.99%", title: "System Uptime", description: "Enterprise-grade reliability for autonomous agent execution.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
);
}

37
src/pages/HomePage/sections/Testimonials.tsx Normal file
View File

@@ -0,0 +1,37 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeOverlayCards
tag="Evidence"
title="Elite Engineer Consensus"
description="Validation from industry peers building the next generation of intelligence."
testimonials={[
{
name: "Marcus Thorne", role: "Principal Architect", company: "CyberOps", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-black-white-medium-shot_23-2149411423.jpg"},
{
name: "Sarah Chen", role: "Head of AI", company: "NeuralLink", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg"},
{
name: "David Vane", role: "Systems Lead", company: "ScaleAI", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-white-minimal-portrait_23-2149152609.jpg"},
{
name: "Elena Ross", role: "Lead Engineer", company: "Titan Systems", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg"},
{
name: "Julian Fox", role: "CTO", company: "AgentLabs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spotlight-shines-young-man-he-shows-gesture_8353-11589.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
);
}