Merge version_1 into main #2
531
src/app/page.tsx
531
src/app/page.tsx
@@ -16,411 +16,152 @@ import { Box, Code, Database, Gauge, Zap } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="medium"
|
||||
background="fluid"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="medium"
|
||||
background="fluid"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Levels",
|
||||
id: "levels",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="ArchitectEngine"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Overview", id: "about" },
|
||||
{ name: "Levels", id: "levels" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="ArchitectEngine"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Master the Machine. Hack the Architecture."
|
||||
description="Navigate five levels of high-stakes computational challenges, from single-threaded logic puzzles to multicore parallel wars."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@techMaster",
|
||||
testimonial: "The best way to actually understand CPU pipelines! Absolutely addictive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motherboard-background_23-2151733790.jpg?_wi=1",
|
||||
imageAlt: "neon circuit board background",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@codeWizard",
|
||||
testimonial: "Assembly Arena taught me more than a semester of university.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-circuit-board-chip_23-2152020927.jpg?_wi=1",
|
||||
imageAlt: "neon circuit board background",
|
||||
},
|
||||
{
|
||||
name: "Marcus L.",
|
||||
handle: "@devLife",
|
||||
testimonial: "The multicore war level is pure genius and high intensity.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-toys_23-2148144840.jpg?_wi=1",
|
||||
imageAlt: "neon circuit board background",
|
||||
},
|
||||
{
|
||||
name: "Elise T.",
|
||||
handle: "@sysArch",
|
||||
testimonial: "A visual masterpiece for computer science education.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg?_wi=1",
|
||||
imageAlt: "neon circuit board background",
|
||||
},
|
||||
{
|
||||
name: "Brian K.",
|
||||
handle: "@bitBuster",
|
||||
testimonial: "Finally, computer architecture that feels like a game, not a chore.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17503.jpg?_wi=1",
|
||||
imageAlt: "neon circuit board background",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/motherboard-background_23-2151733790.jpg?_wi=2"
|
||||
imageAlt="neon circuit board background"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/motherboard-circuit-technology-background-gradient-green_53876-124656.jpg",
|
||||
alt: "User avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-colorful-techno-lights-creating-cool-shapes-background_181624-21392.jpg",
|
||||
alt: "User avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105497.jpg",
|
||||
alt: "User avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/motherboard-circuit-background_23-2151733763.jpg",
|
||||
alt: "User avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg",
|
||||
alt: "User avatar 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "CPU Architecture",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Assembly Learning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Multicore Strategy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Logic Puzzle",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pipeline Optimization",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Master the Machine. Hack the Architecture."
|
||||
description="Navigate five levels of high-stakes computational challenges, from single-threaded logic puzzles to multicore parallel wars."
|
||||
testimonials={[
|
||||
{ name: "Alex R.", handle: "@techMaster", testimonial: "The best way to actually understand CPU pipelines! Absolutely addictive.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/motherboard-background_23-2151733790.jpg", imageAlt: "neon circuit board background" },
|
||||
{ name: "Sarah J.", handle: "@codeWizard", testimonial: "Assembly Arena taught me more than a semester of university.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/glowing-circuit-board-chip_23-2152020927.jpg", imageAlt: "neon circuit board background" },
|
||||
{ name: "Marcus L.", handle: "@devLife", testimonial: "The multicore war level is pure genius and high intensity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-toys_23-2148144840.jpg", imageAlt: "neon circuit board background" },
|
||||
{ name: "Elise T.", handle: "@sysArch", testimonial: "A visual masterpiece for computer science education.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg", imageAlt: "neon circuit board background" },
|
||||
{ name: "Brian K.", handle: "@bitBuster", testimonial: "Finally, computer architecture that feels like a game, not a chore.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17503.jpg", imageAlt: "neon circuit board background" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/motherboard-background_23-2151733790.jpg"
|
||||
imageAlt="neon circuit board background"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/motherboard-circuit-technology-background-gradient-green_53876-124656.jpg", alt: "User avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-colorful-techno-lights-creating-cool-shapes-background_181624-21392.jpg", alt: "User avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105497.jpg", alt: "User avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/motherboard-circuit-background_23-2151733763.jpg", alt: "User avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg", alt: "User avatar 5" }
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "CPU Architecture" }, { type: "text", text: "Assembly Learning" }, { type: "text", text: "Multicore Strategy" }, { type: "text", text: "Logic Puzzle" }, { type: "text", text: "Pipeline Optimization" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Build, Optimize, Conquer"
|
||||
description="ArchitectEngine transforms dry hardware concepts into interactive gameplay. Control raw logic gates, manage cache flow, and synchronize processing cores to prevent system collapse."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glowing-circuit-board-chip_23-2152020927.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Build, Optimize, Conquer"
|
||||
description="ArchitectEngine transforms dry hardware concepts into interactive gameplay. Control raw logic gates, manage cache flow, and synchronize processing cores to prevent system collapse."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glowing-circuit-board-chip_23-2152020927.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="levels" data-section="levels">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lost Calculator",
|
||||
description: "Learn the Fetch-Execute cycle by restoring simple machine logic.",
|
||||
icon: Gauge,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-toys_23-2148144840.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/international-day-literacy-concept-with-learning-tools_1150-24445.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motherboard-background_23-2151733790.jpg?_wi=3",
|
||||
imageAlt: "interactive puzzle game blocks",
|
||||
},
|
||||
{
|
||||
title: "Pipeline Race",
|
||||
description: "Master CPU stages and bypass hazards in a high-speed scroller.",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139349.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-circuit-board-chip_23-2152020927.jpg?_wi=3",
|
||||
imageAlt: "interactive puzzle game blocks",
|
||||
},
|
||||
{
|
||||
title: "Cache Dungeon",
|
||||
description: "Optimize latency through strategic memory management.",
|
||||
icon: Database,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17503.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-laser-lights_181624-19888.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-92639.jpg",
|
||||
imageAlt: "interactive puzzle game blocks",
|
||||
},
|
||||
{
|
||||
title: "Assembly Arena",
|
||||
description: "Tactical combat using register-level assembly commands.",
|
||||
icon: Code,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blurred-colorful-light-spots_23-2148241279.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blog-blogging-digital-networking-www-global-concept_53876-21189.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg?_wi=1",
|
||||
imageAlt: "interactive puzzle game blocks",
|
||||
},
|
||||
{
|
||||
title: "Multicore War",
|
||||
description: "Command multiple CPU cores in real-time strategy combat.",
|
||||
icon: Box,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-sculpture-clear-cubes_9975-134393.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998068.jpg?_wi=1",
|
||||
imageAlt: "interactive puzzle game blocks",
|
||||
},
|
||||
]}
|
||||
title="5 Progression Levels"
|
||||
description="From humble calculator restoration to managing complex multicore war scenarios."
|
||||
/>
|
||||
</div>
|
||||
<div id="levels" data-section="levels">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Lost Calculator", description: "Learn the Fetch-Execute cycle by restoring simple machine logic.", icon: Gauge, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-toys_23-2148144840.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/international-day-literacy-concept-with-learning-tools_1150-24445.jpg" }] },
|
||||
{ title: "Pipeline Race", description: "Master CPU stages and bypass hazards in a high-speed scroller.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139349.jpg" }] },
|
||||
{ title: "Cache Dungeon", description: "Optimize latency through strategic memory management.", icon: Database, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17503.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-laser-lights_181624-19888.jpg" }] },
|
||||
{ title: "Assembly Arena", description: "Tactical combat using register-level assembly commands.", icon: Code, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blurred-colorful-light-spots_23-2148241279.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/blog-blogging-digital-networking-www-global-concept_53876-21189.jpg" }] },
|
||||
{ title: "Multicore War", description: "Command multiple CPU cores in real-time strategy combat.", icon: Box, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-sculpture-clear-cubes_9975-134393.jpg" }] }
|
||||
]}
|
||||
title="5 Progression Levels"
|
||||
description="From humble calculator restoration to managing complex multicore war scenarios."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5M+",
|
||||
title: "Instructions Processed",
|
||||
description: "Aggregated by all players worldwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450ms",
|
||||
title: "Avg Pipeline Stall",
|
||||
description: "Reduced average pipeline latency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-blue-streamers-hanging-outdoor-art-installation-libourne_1308-189342.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Architectural Concepts",
|
||||
description: "Mastered by completing all levels.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-star-shaped-lights_23-2147815135.jpg",
|
||||
},
|
||||
]}
|
||||
title="Performance Metrics"
|
||||
description="Track your architectural optimization scores and efficiency."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "5M+", title: "Instructions Processed", description: "Aggregated by all players worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg" },
|
||||
{ id: "m2", value: "450ms", title: "Avg Pipeline Stall", description: "Reduced average pipeline latency.", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-blue-streamers-hanging-outdoor-art-installation-libourne_1308-189342.jpg" },
|
||||
{ id: "m3", value: "12", title: "Architectural Concepts", description: "Mastered by completing all levels.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-star-shaped-lights_23-2147815135.jpg" }
|
||||
]}
|
||||
title="Performance Metrics"
|
||||
description="Track your architectural optimization scores and efficiency."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing",
|
||||
quote: "The cache dungeon mechanic is purely brilliant design.",
|
||||
name: "Jordan P.",
|
||||
role: "CS Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Essential",
|
||||
quote: "A must-play for any junior developer learning hardware.",
|
||||
name: "Mia L.",
|
||||
role: "Senior Dev",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998068.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Fun",
|
||||
quote: "Assembly Arena has the most satisfying combat system.",
|
||||
name: "Kenji T.",
|
||||
role: "Gamer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-students-math-class_23-2151641226.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Educational",
|
||||
quote: "Finally clear explanation of data hazards.",
|
||||
name: "Elena V.",
|
||||
role: "Educator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustrated-rendering-twin-avatar_23-2151061310.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Challenging",
|
||||
quote: "The multicore war level broke my brain in the best way.",
|
||||
name: "Oscar W.",
|
||||
role: "Systems Arch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Architects Say"
|
||||
description="Thousands of students and devs are learning architecture through play."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Amazing", quote: "The cache dungeon mechanic is purely brilliant design.", name: "Jordan P.", role: "CS Student", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-controller_23-2149005234.jpg" },
|
||||
{ id: "t2", title: "Essential", quote: "A must-play for any junior developer learning hardware.", name: "Mia L.", role: "Senior Dev", imageSrc: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998068.jpg" },
|
||||
{ id: "t3", title: "Fun", quote: "Assembly Arena has the most satisfying combat system.", name: "Kenji T.", role: "Gamer", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-students-math-class_23-2151641226.jpg" },
|
||||
{ id: "t4", title: "Educational", quote: "Finally clear explanation of data hazards.", name: "Elena V.", role: "Educator", imageSrc: "http://img.b2bpic.net/free-photo/illustrated-rendering-twin-avatar_23-2151061310.jpg" },
|
||||
{ id: "t5", title: "Challenging", quote: "The multicore war level broke my brain in the best way.", name: "Oscar W.", role: "Systems Arch", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg" }
|
||||
]}
|
||||
title="What Architects Say"
|
||||
description="Thousands of students and devs are learning architecture through play."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is this suitable for beginners?",
|
||||
content: "Absolutely! We introduce complex architecture concepts through interactive gameplay starting from scratch.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Which platforms are supported?",
|
||||
content: "Currently available on PC, Mac, and Linux via major gaming platforms.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there real assembly languages used?",
|
||||
content: "Yes, we use simplified ISA assembly commands designed for learning without the frustration.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-asian-woman-with-headphones-talking-phone-call-people-customer-service-consultant-using-headset-microphone-working-call-center-computer-support-chat_482257-35265.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Architecture Questions"
|
||||
description="Answers to common queries about ArchitectEngine."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is this suitable for beginners?", content: "Absolutely! We introduce complex architecture concepts through interactive gameplay starting from scratch." },
|
||||
{ id: "f2", title: "Which platforms are supported?", content: "Currently available on PC, Mac, and Linux via major gaming platforms." },
|
||||
{ id: "f3", title: "Are there real assembly languages used?", content: "Yes, we use simplified ISA assembly commands designed for learning without the frustration." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-asian-woman-with-headphones-talking-phone-call-people-customer-service-consultant-using-headset-microphone-working-call-center-computer-support-chat_482257-35265.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Architecture Questions"
|
||||
description="Answers to common queries about ArchitectEngine."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Join Now"
|
||||
title="Start Your Engineering Journey"
|
||||
description="Join our community of aspiring hardware architects and gamers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get the Game",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Join Now"
|
||||
title="Start Your Engineering Journey"
|
||||
description="Join our community of aspiring hardware architects and gamers."
|
||||
buttons={[{ text: "Get the Game", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Levels",
|
||||
href: "#levels",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Metrics",
|
||||
href: "#metrics",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ArchitectEngine"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Levels", href: "#levels" }] },
|
||||
{ items: [{ label: "Metrics", href: "#metrics" }, { label: "Support", href: "#faq" }] },
|
||||
{ items: [{ label: "Twitter", href: "#" }, { label: "Discord", href: "#" }] }
|
||||
]}
|
||||
logoText="ArchitectEngine"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user