import { Bike, Target, Trophy, Briefcase, ExternalLink, Mail, Github, Twitter } from "lucide-react";
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
const links = [
{
id: "supermoto",
title: "Supermoto WA",
url: "https://supermotowa.com",
icon: Bike,
description: "Motorcycle racing & community platform",
gradient: "from-orange-500/20 to-red-500/20 hover:from-orange-500/30 hover:to-red-500/30",
iconColor: "text-orange-500",
iconBg: "bg-orange-500/10",
animation: "group-hover:translate-x-3 group-hover:-rotate-12 group-hover:scale-110",
},
{
id: "robinson",
title: "The Robinson Method",
url: "https://robinson-method.vibepreview.com/",
icon: Target,
description: "Coaching & fitness methodology",
gradient: "from-blue-500/20 to-cyan-500/20 hover:from-blue-500/30 hover:to-cyan-500/30",
iconColor: "text-cyan-500",
iconBg: "bg-cyan-500/10",
animation: "group-hover:scale-125 group-hover:rotate-90",
},
{
id: "kaif",
title: "Coach Kaif",
url: "https://coach-kaif.vibepreview.com/",
icon: Trophy,
description: "Personal coaching & training",
gradient: "from-emerald-500/20 to-green-500/20 hover:from-emerald-500/30 hover:to-green-500/30",
iconColor: "text-emerald-500",
iconBg: "bg-emerald-500/10",
animation: "group-hover:-translate-y-2 group-hover:rotate-12 group-hover:scale-110",
},
{
id: "jayden",
title: "Jayden Martin",
url: "https://jayden-martin.com/",
icon: Briefcase,
description: "Personal portfolio & resume",
gradient: "from-purple-500/20 to-pink-500/20 hover:from-purple-500/30 hover:to-pink-500/30",
iconColor: "text-purple-500",
iconBg: "bg-purple-500/10",
animation: "group-hover:-translate-y-2 group-hover:-rotate-6 group-hover:scale-110",
},
];
const Index = () => {
return (
{/* Background glowing orbs */}
{/* Profile Section */}
Web Projects
Showcasing a collection of websites I've built. Click to explore each project.
{/* Social Links */}
{/* Links Section */}
{/* Footer */}
© {new Date().getFullYear()} My Portfolio. Built with React & Tailwind.
);
};
export default Index;