import { useState } from “react”;
import Navbar from “@/components/Navbar”;
import Hero from “@/components/Hero”;
import CategorySection from “@/components/CategorySection”;
import ToolCard from “@/components/ToolCard”;
import Footer from “@/components/Footer”;
import {
Building2,
GraduationCap,
DollarSign,
Truck,
Image,
Calculator,
FileText,
Wallet,
PiggyBank,
School,
CreditCard,
Ruler,
ImagePlus,
FileImage,
TrendingUp,
Percent,
} from “lucide-react”;
const tools = [
// Banking Tools
{
category: “Banking”,
icon: Building2,
tools: [
{ title: “FD Calculator”, description: “Calculate Fixed Deposit returns and maturity amount”, icon: Calculator },
{ title: “RD Calculator”, description: “Calculate Recurring Deposit returns and interest”, icon: PiggyBank },
{ title: “Loan Calculator”, description: “Calculate EMI, interest, and loan tenure”, icon: Wallet },
{ title: “Interest Calculator”, description: “Calculate simple and compound interest rates”, icon: Percent },
]
},
// School Tools
{
category: “School”,
icon: GraduationCap,
tools: [
{ title: “GPA Calculator”, description: “Calculate your Grade Point Average easily”, icon: Calculator },
{ title: “Grade Calculator”, description: “Calculate grades and percentage marks”, icon: FileText },
{ title: “Assignment Planner”, description: “Plan and track your school assignments”, icon: School },
]
},
// Financial Tools
{
category: “Financial”,
icon: DollarSign,
tools: [
{ title: “Budget Planner”, description: “Plan and manage your monthly budget”, icon: Wallet },
{ title: “Investment Calculator”, description: “Calculate investment returns and growth”, icon: TrendingUp },
{ title: “Tax Calculator”, description: “Calculate tax deductions and net income”, icon: CreditCard },
{ title: “Savings Calculator”, description: “Track your savings goals and progress”, icon: PiggyBank },
]
},
// Image Tools
{
category: “Image”,
icon: Image,
tools: [
{ title: “50 KB Image Resizer”, description: “Resize & compress images while maintaining quality”, icon: ImagePlus },
{ title: “SSC Photo Resizer”, description: “Resize photos as per SSC requirements”, icon: FileImage },
{ title: “Image Compressor”, description: “Compress images to reduce file size”, icon: Image },
]
},
// Other Tools
{
category: “Other”,
icon: Calculator,
tools: [
{ title: “Towing Estimate Calculator”, description: “Get instant estimate for your towing needs”, icon: Truck },
{ title: “Diminished Value Calculator”, description: “Calculate diminished value of vehicles”, icon: TrendingUp },
{ title: “Measurement Converter”, description: “Convert between different measurement units”, icon: Ruler },
]
}
];
const Index = () => {
const [searchQuery, setSearchQuery] = useState(“”);
const filteredTools = tools.map(category => ({
…category,
tools: category.tools.filter(tool =>
tool.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
tool.description.toLowerCase().includes(searchQuery.toLowerCase())
)
})).filter(category => category.tools.length > 0);
return (
{filteredTools.map((category, index) => (
{category.tools.map((tool, toolIndex) => (
))}
{filteredTools.length === 0 && (
)}
);
};
export default Index;
No tools found matching “{searchQuery}”