added one build guide

app/components/BuildGuidesSection.tsx

@@ -4,22 +4,23 @@ import { motion } from "framer-motion"
 import { Clock, Users, Star, ArrowRight, BookOpen, Video, FileText, Wrench, User } from "lucide-react"
 import Image from "next/image"
 import { useState } from "react"
+import Link from "next/link"
 
 const guides = [
   {
     id: 1,
     title: "Complete Beginner's Guide to PC Building",
     description: "Everything you need to know to build your first gaming PC from scratch.",
-    image: "/placeholder.jpg",
+    image: "/guide/complete-pc-build-guide.png",
     category: "Beginner",
-    readTime: "15 min read",
+    readTime: "20 min read",
     difficulty: "Easy",
     rating: 4.9,
     views: "125k",
     type: "Article",
     icon: <BookOpen className="w-4 h-4" />,
-    author: "Alex Chen",
-    lastUpdated: "2024-01-15"
+    author: "Darshan Solanki",
+    lastUpdated: "2025-11-09"
   },
   {
     id: 2,
@@ -55,16 +56,16 @@ const guides = [
     id: 4,
     title: "High-End Gaming Rig ($2000+)",
     description: "Create the ultimate gaming machine for 4K and VR gaming.",
-    image: "/placeholder.jpg",
+    image: "/guide/high-end-gaming-rig.jpg",
     category: "High-End Builds",
-    readTime: "18 min read",
+    readTime: "25 min read",
     difficulty: "Advanced",
     rating: 4.9,
     views: "156k",
     type: "Article",
     icon: <BookOpen className="w-4 h-4" />,
-    author: "Emma Davis",
-    lastUpdated: "2024-01-08"
+    author: "Darshan Solanki",
+    lastUpdated: "2025-11-09"
   },
   {
     id: 5,
@@ -455,6 +456,21 @@ const guides = [
     icon: <Video className="w-4 h-4" />,
     author: "Mike Rodriguez",
     lastUpdated: "2024-01-11"
+  },
+  {
+    id: 31,
+    title: "The Ultimate CPU Cooler Guide: Air vs AIO vs Custom Loop",
+    description: "Everything you need to know to keep your processor running cool, quiet, and efficient",
+    image: "/guide/ultimate-cooler-guide.png",
+    category: "Cooling",
+    readTime: "15 min read",
+    difficulty: "Medium",
+    rating: 4.8,
+    views: "38k",
+    type: "Article",
+    icon: <FileText className="w-4 h-4" />,
+    author: "Darshan Solanki",
+    lastUpdated: "2025-11-08"
   }
 ]
 
@@ -568,10 +584,10 @@ export default function BuildGuidesSection() {
             className="grid md:grid-cols-2 lg:grid-cols-3 gap-8"
           >
             {filteredGuides.map((guide) => (
-              <motion.div
-                key={guide.id}
-                variants={itemVariants}
-                className="bg-black/50 backdrop-blur-lg rounded-xl overflow-hidden border border-white/10 hover:border-purple-500/30 transition-all group cursor-pointer"
+              <Link href={`/guides/${guide.id}`} key={guide.id}>
+                <motion.div
+                  variants={itemVariants}
+                  className="bg-black/50 backdrop-blur-lg rounded-xl overflow-hidden border border-white/10 hover:border-purple-500/30 transition-all group cursor-pointer"
                 whileHover={{ y: -5 }}
               >
                 <div className="relative overflow-hidden">
@@ -637,7 +653,8 @@ export default function BuildGuidesSection() {
                     <ArrowRight className="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" />
                   </motion.button>
                 </div>
-              </motion.div>
+                </motion.div>
+              </Link>
             ))}
           </motion.div>
         ) : (