Update src/app/page.tsx

This commit is contained in:
2026-03-19 18:02:23 +00:00
parent 234ee2e504
commit 7b7d1636bb

View File

@@ -52,10 +52,10 @@ export default function LandingPage() {
ratingText="Real-time Interactive Educational Platform"
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-futuristic-3d-isometric-view-of-a-mode-1773943289474-c924bbd4.png", imageAlt: "3D Building Visualization"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-futuristic-3d-isometric-view-of-a-mode-1773943289474-c924bbd4.png?_wi=1", imageAlt: "3D Building Visualization"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-detailed-a-algorithm-search-tree-visua-1773943290156-226a311e.png", imageAlt: "A* Algorithm Visualization"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-detailed-a-algorithm-search-tree-visua-1773943290156-226a311e.png?_wi=1", imageAlt: "A* Algorithm Visualization"
}
]}
mediaAnimation="blur-reveal"
@@ -93,23 +93,23 @@ export default function LandingPage() {
features={[
{
id: 1,
tag: "3D VISUALIZATION", title: "Building & Elevator Dynamics", subtitle: "Real-Time 3D Rendering", description: "Watch a fully interactive 3D building with multiple floors and intelligent elevators moving smoothly based on algorithm decisions. See real-time floor highlighting and request indicators.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-futuristic-3d-isometric-view-of-a-mode-1773943289474-c924bbd4.png", imageAlt: "3D Building Visualization"
tag: "3D VISUALIZATION", title: "Building & Elevator Dynamics", subtitle: "Real-Time 3D Rendering", description: "Watch a fully interactive 3D building with multiple floors and intelligent elevators moving smoothly based on algorithm decisions. See real-time floor highlighting and request indicators.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-futuristic-3d-isometric-view-of-a-mode-1773943289474-c924bbd4.png?_wi=2", imageAlt: "3D Building Visualization"
},
{
id: 2,
tag: "CONTROL PANEL", title: "Interactive Request Management", subtitle: "User Input System", description: "Add elevator requests with intuitive floor selection buttons. Choose between Greedy and A* algorithms. Control simulation speed and reset the system instantly for new experiments.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-sleek-dark-ui-panel-showing-a-queue-of-1773943290409-1a443cfe.png", imageAlt: "Elevator Queue Interface"
tag: "CONTROL PANEL", title: "Interactive Request Management", subtitle: "User Input System", description: "Add elevator requests with intuitive floor selection buttons. Choose between Greedy and A* algorithms. Control simulation speed and reset the system instantly for new experiments.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-sleek-dark-ui-panel-showing-a-queue-of-1773943290409-1a443cfe.png?_wi=1", imageAlt: "Elevator Queue Interface"
},
{
id: 3,
tag: "AI VISUALIZATION", title: "Decision-Making Transparency", subtitle: "Algorithm Analysis", description: "See exactly why each elevator was selected. View distance calculations, cost metrics, and real-time decision updates as the system processes requests intelligently.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-hierarchical-decision-tree-showing-ele-1773943289962-8d42f912.png", imageAlt: "Decision Tree Visualization"
tag: "AI VISUALIZATION", title: "Decision-Making Transparency", subtitle: "Algorithm Analysis", description: "See exactly why each elevator was selected. View distance calculations, cost metrics, and real-time decision updates as the system processes requests intelligently.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-hierarchical-decision-tree-showing-ele-1773943289962-8d42f912.png?_wi=1", imageAlt: "Decision Tree Visualization"
},
{
id: 4,
tag: "SEARCH VISUALIZATION", title: "Algorithm Search Tree", subtitle: "Node Expansion Animation", description: "Visualize A* and Greedy algorithms step-by-step. Watch nodes expand, see g(n), h(n), and f(n) calculations. Understand heuristic-based pathfinding in action with animated transitions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-detailed-a-algorithm-search-tree-visua-1773943290156-226a311e.png", imageAlt: "A* Algorithm Tree"
tag: "SEARCH VISUALIZATION", title: "Algorithm Search Tree", subtitle: "Node Expansion Animation", description: "Visualize A* and Greedy algorithms step-by-step. Watch nodes expand, see g(n), h(n), and f(n) calculations. Understand heuristic-based pathfinding in action with animated transitions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-detailed-a-algorithm-search-tree-visua-1773943290156-226a311e.png?_wi=2", imageAlt: "A* Algorithm Tree"
},
{
id: 5,
tag: "METRICS", title: "Real-Time Performance Stats", subtitle: "Live Dashboard", description: "Track total distance traveled, average waiting times, and efficiency scores. Watch metrics update in real-time as elevators complete requests. Compare algorithm performance instantly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/an-animated-performance-metrics-dashboar-1773943290554-a14b1a4c.png", imageAlt: "Performance Metrics Dashboard"
tag: "METRICS", title: "Real-Time Performance Stats", subtitle: "Live Dashboard", description: "Track total distance traveled, average waiting times, and efficiency scores. Watch metrics update in real-time as elevators complete requests. Compare algorithm performance instantly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/an-animated-performance-metrics-dashboar-1773943290554-a14b1a4c.png?_wi=1", imageAlt: "Performance Metrics Dashboard"
},
{
id: 6,
@@ -136,16 +136,16 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "greedy", name: "Greedy Algorithm", price: "Fast & Simple", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-side-by-side-comparison-diagram-showin-1773943290037-d8a7cf57.png", imageAlt: "Greedy Algorithm"
id: "greedy", name: "Greedy Algorithm", price: "Fast & Simple", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-side-by-side-comparison-diagram-showin-1773943290037-d8a7cf57.png?_wi=1", imageAlt: "Greedy Algorithm"
},
{
id: "astar", name: "A* Algorithm", price: "Optimal & Smart", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-detailed-a-algorithm-search-tree-visua-1773943290156-226a311e.png", imageAlt: "A* Algorithm"
id: "astar", name: "A* Algorithm", price: "Optimal & Smart", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-detailed-a-algorithm-search-tree-visua-1773943290156-226a311e.png?_wi=3", imageAlt: "A* Algorithm"
},
{
id: "comparison", name: "Compare Algorithms", price: "Side-by-Side Analysis", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-side-by-side-comparison-diagram-showin-1773943290037-d8a7cf57.png", imageAlt: "Algorithm Comparison"
id: "comparison", name: "Compare Algorithms", price: "Side-by-Side Analysis", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-side-by-side-comparison-diagram-showin-1773943290037-d8a7cf57.png?_wi=2", imageAlt: "Algorithm Comparison"
},
{
id: "realtime", name: "Real-Time Metrics", price: "Live Performance Data", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/an-animated-performance-metrics-dashboar-1773943290554-a14b1a4c.png", imageAlt: "Performance Metrics"
id: "realtime", name: "Real-Time Metrics", price: "Live Performance Data", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/an-animated-performance-metrics-dashboar-1773943290554-a14b1a4c.png?_wi=2", imageAlt: "Performance Metrics"
}
]}
/>
@@ -163,16 +163,16 @@ export default function LandingPage() {
animationType="scale-rotate"
metrics={[
{
id: "1", value: "40%", title: "Faster Responses", description: "Reduced average wait times with intelligent request routing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/an-animated-performance-metrics-dashboar-1773943290554-a14b1a4c.png", imageAlt: "Response Time Improvement"
id: "1", value: "40%", title: "Faster Responses", description: "Reduced average wait times with intelligent request routing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/an-animated-performance-metrics-dashboar-1773943290554-a14b1a4c.png?_wi=3", imageAlt: "Response Time Improvement"
},
{
id: "2", value: "35%", title: "Less Energy", description: "Optimized movement patterns reduce power consumption significantly", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-sleek-dark-ui-panel-showing-a-queue-of-1773943290409-1a443cfe.png", imageAlt: "Energy Efficiency"
id: "2", value: "35%", title: "Less Energy", description: "Optimized movement patterns reduce power consumption significantly", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-sleek-dark-ui-panel-showing-a-queue-of-1773943290409-1a443cfe.png?_wi=2", imageAlt: "Energy Efficiency"
},
{
id: "3", value: "99.8%", title: "Optimal Routing", description: "A* algorithm finds near-perfect paths for elevator scheduling", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-hierarchical-decision-tree-showing-ele-1773943289962-8d42f912.png", imageAlt: "Optimal Path Finding"
id: "3", value: "99.8%", title: "Optimal Routing", description: "A* algorithm finds near-perfect paths for elevator scheduling", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-hierarchical-decision-tree-showing-ele-1773943289962-8d42f912.png?_wi=2", imageAlt: "Optimal Path Finding"
},
{
id: "4", value: "15ms", title: "Decision Speed", description: "Real-time algorithm execution under 15 milliseconds per request", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-detailed-a-algorithm-search-tree-visua-1773943290156-226a311e.png", imageAlt: "Algorithm Speed"
id: "4", value: "15ms", title: "Decision Speed", description: "Real-time algorithm execution under 15 milliseconds per request", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAsRV22cqZBUWFAaSXsf5nFKbu/a-detailed-a-algorithm-search-tree-visua-1773943290156-226a311e.png?_wi=4", imageAlt: "Algorithm Speed"
}
]}
/>