Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Knight Puzzle interactive

Browse source 
Implement a knight puzzle interactive game, based on the provided image and description. Add the interactive to the puzzles theme and attribute it to the specified source.
This commit is contained in:
gpt-engineer-app[bot] 2025-07-21 09:00:45 +00:00
parent df4c563417
commit 3c1a209d89
2 changed files with 313 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/pages/theme-pages/Puzzles.tsx
View file

@ -1,15 +1,22 @@
import ComingSoon from "@/components/ComingSoon";
import Layout from "@/components/Layout";
import KnightsPuzzle from "@/components/KnightsPuzzle";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
const Puzzles = () => {
return (
<Layout>
<div className="py-12 px-4">
<div className="max-w-6xl mx-auto">
<ComingSoon
title="Interactive Puzzles"
description="Get ready for an engaging collection of educational puzzles designed to challenge your problem-solving skills and reinforce key concepts across multiple disciplines."
/>
<div className="mb-8">
<h1 className="text-4xl font-bold text-foreground mb-4">Interactive Puzzles</h1>
<p className="text-muted-foreground text-lg">
Challenge your problem-solving skills with these educational puzzles designed to reinforce key concepts across multiple disciplines.
</p>
</div>
<div className="space-y-8">
<KnightsPuzzle showSocialShare={true} />
</div>
</div>
</div>
</Layout>