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

Visual edit in Lovable

Browse source 
Edited UI in Lovable
This commit is contained in:
gpt-engineer-app[bot] 2025-07-19 13:07:24 +00:00
parent bac8ef570d
commit bc02958540
1 changed files with 41 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

47
src/pages/Index.tsx
View file

@ -2,10 +2,8 @@ import { Link } from "react-router-dom";
import { Button } from "@/components/ui/button";
import { ArrowRight, BookOpen, Puzzle, Sparkles } from "lucide-react";
import Navigation from "@/components/Navigation";
const Index = () => {
return (
<div className="min-h-screen bg-background">
return <div className="min-h-screen bg-background">
<Navigation />
{/* Hero Section */}
@ -16,7 +14,7 @@ const Index = () => {
<BookOpen className="w-10 h-10 text-accent-foreground" />
</div>
<h1 className="text-5xl font-bold text-foreground mb-6 leading-tight">
<span className="block text-accent">Made Simple</span>
</h1>
<p className="text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed">
Discover a collection of interactive educational tools designed to supplement lectures and enhance understanding across multiple disciplines. From discrete mathematics to social choice theory.
@ -40,8 +38,43 @@ const Index = () => {
</section>
</div>
);
};
{/* CTA Section */}
<section className="py-20 px-4">
<div className="max-w-4xl mx-auto text-center">
<h2 className="text-3xl font-bold text-foreground mb-6">
Ready to Start Learning?
</h2>
<p className="text-lg text-muted-foreground mb-8">
Choose your path and dive into interactive educational content designed to make complex concepts accessible and engaging.
</p>
<div className="grid sm:grid-cols-3 gap-4 max-w-2xl mx-auto">
<Button asChild variant="outline" className="h-auto p-6">
<Link to="/themes" className="flex flex-col items-center">
<BookOpen className="w-6 h-6 mb-2" />
<span className="font-semibold">Themes</span>
<span className="text-xs text-muted-foreground">Structured Learning</span>
</Link>
</Button>
<Button asChild variant="outline" className="h-auto p-6">
<Link to="/puzzles" className="flex flex-col items-center">
<Puzzle className="w-6 h-6 mb-2" />
<span className="font-semibold">Puzzles</span>
<span className="text-xs text-muted-foreground">Problem Solving</span>
</Link>
</Button>
<Button asChild variant="outline" className="h-auto p-6">
<Link to="/miscellany" className="flex flex-col items-center">
<Sparkles className="w-6 h-6 mb-2" />
<span className="font-semibold">Miscellany</span>
<span className="text-xs text-muted-foreground">Creative Tools</span>
</Link>
</Button>
</div>
</div>
</section>
</div>;
};
export default Index;