'use client'; import Link from 'next/link'; import { useState, useEffect, useRef } from 'react'; export default function Home() { const [isHovered, setIsHovered] = useState(false); const [isMounted, setIsMounted] = useState(false); const scrollContainerRef = useRef(null); // Handle component mounting useEffect(() => { setIsMounted(true); }, []); // Duplicate products for seamless loop const carouselProducts = [ { name: "Coleman Pop-Up Tent", image: "https://readdy.ai/api/search-image?query=Coleman%20instant%20pop-up%20camping%20tent%20setup%20in%20beautiful%20forest%20clearing%2C%20modern%20green%20and%20orange%20design%2C%20professional%20product%20photography%20with%20simple%20clean%20background%2C%20outdoor%20gear%20commercial%20style%2C%20high%20quality%20camping%20equipment&width=280&height=280&seq=carousel001&orientation=squarish", rating: 4.6, badge: "Best Seller", badgeColor: "bg-red-500" }, { name: "Etekcity Camp Stove", image: "https://readdy.ai/api/search-image?query=Compact%20portable%20camping%20stove%20with%20cooking%20pot%2C%20modern%20design%2C%20professional%20product%20photography%2C%20simple%20clean%20background%20highlighting%20cooking%20equipment%2C%20outdoor%20gear%20commercial%20style%2C%20premium%20camping%20stove&width=280&height=280&seq=carousel002&orientation=squarish", rating: 4.7, badge: "Editor's Pick", badgeColor: "bg-blue-500" }, { name: "MalloMe Sleeping Bag", image: "https://readdy.ai/api/search-image?query=High%20quality%20sleeping%20bag%20laid%20out%20on%20camping%20ground%2C%20modern%20outdoor%20design%2C%20professional%20product%20photography%2C%20simple%20clean%20background%20emphasizing%20the%20sleeping%20bag%2C%20outdoor%20gear%20commercial%20photo&width=280&height=280&seq=carousel003&orientation=squarish", rating: 4.8, badge: "Top Rated", badgeColor: "bg-green-500" }, { name: "GearLight LED Lantern", image: "https://readdy.ai/api/search-image?query=LED%20camping%20lantern%20glowing%20in%20outdoor%20setting%2C%20modern%20portable%20design%2C%20professional%20product%20photography%2C%20simple%20clean%20background%20highlighting%20the%20bright%20lantern%2C%20outdoor%20lighting%20equipment%20commercial%20style&width=280&height=280&seq=carousel004&orientation=squarish", rating: 4.5, badge: "Trending Now", badgeColor: "bg-orange-500" }, { name: "Helinox Lightweight Chair", image: "https://readdy.ai/api/search-image?query=Premium%20lightweight%20camping%20chair%20in%20outdoor%20setting%2C%20modern%20minimalist%20design%2C%20professional%20product%20photography%20with%20natural%20lighting%2C%20simple%20clean%20background%20emphasizing%20the%20chair%2C%20high-end%20outdoor%20furniture&width=280&height=280&seq=carousel005&orientation=squarish", rating: 4.9, badge: "Premium Choice", badgeColor: "bg-purple-500" }, { name: "Jetboil Flash Cooking System", image: "https://readdy.ai/api/search-image?query=Jetboil%20camping%20stove%20system%20with%20cooking%20pot%20on%20outdoor%20table%2C%20modern%20portable%20design%2C%20professional%20product%20photography%2C%20simple%20clean%20background%20highlighting%20cooking%20equipment%2C%20premium%20outdoor%20gear&width=280&height=280&seq=carousel006&orientation=squarish", rating: 4.7, badge: "Hot for 2025", badgeColor: "bg-pink-500" }, { name: "Black Diamond Headlamp", image: "https://readdy.ai/api/search-image?query=Professional%20LED%20headlamp%20for%20camping%2C%20modern%20design%2C%20professional%20product%20photography%2C%20simple%20clean%20background%20highlighting%20the%20headlamp%2C%20outdoor%20lighting%20equipment%20commercial%20style&width=280&height=280&seq=carousel007&orientation=squarish", rating: 4.6, badge: "Staff Pick", badgeColor: "bg-indigo-500" }, { name: "YETI Rambler Bottle", image: "https://readdy.ai/api/search-image?query=Insulated%20water%20bottle%20for%20camping%20outdoors%2C%20modern%20design%2C%20professional%20product%20photography%2C%20simple%20clean%20background%20highlighting%20the%20bottle%2C%20premium%20outdoor%20hydration%20gear&width=280&height=280&seq=carousel008&orientation=squarish", rating: 4.8, badge: "Hot Now", badgeColor: "bg-red-600" }, { name: "ENO DoubleNest Hammock", image: "https://readdy.ai/api/search-image?query=Camping%20hammock%20hanging%20between%20trees%20in%20forest%2C%20modern%20portable%20design%2C%20professional%20outdoor%20photography%2C%20simple%20natural%20background%20emphasizing%20relaxation%20gear%2C%20premium%20camping%20comfort&width=280&height=280&seq=carousel009&orientation=squarish", rating: 4.7, badge: "Comfort Pick", badgeColor: "bg-teal-500" }, { name: "Anker PowerCore 10000", image: "https://readdy.ai/api/search-image?query=Portable%20power%20bank%20for%20camping%20electronics%2C%20modern%20compact%20design%2C%20professional%20product%20photography%2C%20simple%20clean%20background%20highlighting%20the%20power%20bank%2C%20outdoor%20tech%20gear&width=280&height=280&seq=carousel010&orientation=squarish", rating: 4.6, badge: "Tech Essential", badgeColor: "bg-gray-600" } ]; const duplicatedProducts = [...carouselProducts, ...carouselProducts]; // Auto-scroll effect with proper mounting check useEffect(() => { if (!isMounted) return; const scrollContainer = scrollContainerRef.current; if (!scrollContainer || isHovered) return; const scroll = () => { if (!scrollContainer) return; if (scrollContainer.scrollLeft >= scrollContainer.scrollWidth / 2) { scrollContainer.scrollLeft = 0; } else { scrollContainer.scrollLeft += 1; } }; const interval = setInterval(scroll, 50); return () => clearInterval(interval); }, [isMounted, isHovered]); const featuredProducts = [ { name: "Coleman Sundome 4-Person Tent", image: "https://readdy.ai/api/search-image?query=High%20quality%20camping%20tent%20setup%20in%20forest%20clearing%2C%20modern%20green%20and%20orange%20tent%20design%2C%20professional%20product%20photography%20style%2C%20clean%20simple%20background%20highlighting%20the%20tent%2C%20outdoor%20gear%20commercial%20photo&width=300&height=300&seq=tent001&orientation=squarish", rating: 4.5, price: "$89.99", description: "Easy setup, weather-resistant family tent" }, { name: "Helinox Chair One", image: "https://readdy.ai/api/search-image?query=Lightweight%20portable%20camping%20chair%20in%20outdoor%20setting%2C%20modern%20minimalist%20design%2C%20professional%20product%20photography%20with%20natural%20lighting%2C%20simple%20clean%20background%20emphasizing%20the%20chair%2C%20premium%20outdoor%20furniture&width=300&height=300&seq=chair001&orientation=squarish", rating: 4.8, price: "$119.95", description: "Ultra-lightweight, packable camping chair" }, { name: "Jetboil Flash Stove", image: "https://readdy.ai/api/search-image?query=Compact%20camping%20stove%20with%20cooking%20pot%20on%20outdoor%20table%2C%20modern%20portable%20design%2C%20professional%20product%20photography%2C%20simple%20clean%20background%20highlighting%20cooking%20equipment%2C%20outdoor%20gear%20commercial%20style&width=300&height=300&seq=stove001&orientation=squarish", rating: 4.7, price: "$109.95", description: "Fast-boiling, fuel-efficient camping stove" }, { name: "Goal Zero Lantern", image: "https://readdy.ai/api/search-image?query=LED%20camping%20lantern%20glowing%20in%20twilight%20outdoor%20setting%2C%20modern%20portable%20design%2C%20professional%20product%20photography%2C%20simple%20clean%20background%20highlighting%20the%20lantern%20light%2C%20outdoor%20lighting%20equipment%20commercial%20photo&width=300&height=300&seq=lantern001&orientation=squarish", rating: 4.6, price: "$49.95", description: "Solar-powered LED lantern with USB charging" } ]; const categories = [ { name: "Tents & Shelters", icon: "ri-home-4-line", link: "/category/tents" }, { name: "Camping Chairs", icon: "ri-armchair-line", link: "/category/chairs" }, { name: "Cooking & Stoves", icon: "ri-fire-line", link: "/category/cooking" }, { name: "Lighting", icon: "ri-lightbulb-line", link: "/category/lighting" }, { name: "Sleeping Gear", icon: "ri-hotel-bed-line", link: "/category/sleeping" }, { name: "Backpacks", icon: "ri-shopping-bag-line", link: "/category/backpacks" }, { name: "Water & Hydration", icon: "ri-drop-line", link: "/category/water" }, { name: "Tools & Accessories", icon: "ri-tools-line", link: "/category/tools" } ]; const trustFeatures = [ { icon: "ri-test-tube-line", title: "Real-World Testing", description: "We test every product in actual camping conditions, not just in a lab or backyard." }, { icon: "ri-user-star-line", title: "Expert Reviews", description: "Our team includes experienced campers, hikers, and outdoor gear specialists." }, { icon: "ri-heart-line", title: "Unbiased Recommendations", description: "We only recommend gear we'd actually use on our own outdoor adventures." } ]; const latestArticles = [ { title: "Top 5 Pop-up Tents for Beginners in 2025", excerpt: "Skip the complicated setup and get straight to camping fun with these instant tents.", image: "https://readdy.ai/api/search-image?query=Easy%20setup%20pop-up%20camping%20tents%20in%20beautiful%20outdoor%20setting%2C%20instant%20tents%20demonstration%2C%20beginner-friendly%20camping%20gear%2C%20colorful%20modern%20tent%20designs%2C%20family%20camping%20scene%20with%20simple%20tent%20setup&width=400&height=250&seq=latest001&orientation=landscape", date: "Dec 18, 2024", link: "/articles/top-5-popup-tents-beginners-2025", category: "New Article" }, { title: "Best Lightweight Tents for Backpacking 2024", excerpt: "Our comprehensive guide to the lightest, most durable tents for serious backpackers.", image: "https://readdy.ai/api/search-image?query=Lightweight%20backpacking%20tent%20setup%20in%20mountain%20wilderness%2C%20modern%20ultralight%20design%2C%20beautiful%20mountain%20landscape%20background%2C%20professional%20outdoor%20photography%2C%20golden%20hour%20lighting%20emphasizing%20portable%20camping%20gear&width=400&height=250&seq=article001&orientation=landscape", date: "Dec 15, 2024", link: "/guides/best-lightweight-tents", category: "Buying Guide" }, { title: "Camp Stove Showdown: Gas vs. Alcohol vs. Wood", excerpt: "Which fuel type is best for your camping style? We break down the pros and cons.", image: "https://readdy.ai/api/search-image?query=Various%20camping%20stoves%20comparison%20setup%20on%20wooden%20table%20outdoors%2C%20different%20fuel%20types%20displayed%2C%20professional%20product%20photography%2C%20forest%20camping%20background%2C%20natural%20lighting%20highlighting%20cooking%20equipment&width=400&height=250&seq=article002&orientation=landscape", date: "Dec 12, 2024", link: "/reviews/camp-stove-comparison", category: "Review" } ]; return (

{/* Header */}

{/* Hero Section */}

Find the Perfect Camping Gear for Your Next Adventure

Expert reviews and recommendations for portable camping equipment that won't let you down in the wilderness.

See Top Gear Picks

{/* Infinite Loop Product Carousel */}

🔥 Hot Camping Gear Picks – Always Moving, Always Updated

Don't miss these top trending products

setIsHovered(true)} onMouseLeave={() => setIsHovered(false)} > {/* Infinite Scroll Container */}

{duplicatedProducts.map((product, index) => (

{/* Badge */}

{product.badge}

{product.name}

{/* Rating */}

{[...Array(5)].map((_, i) => ( ))}

({product.rating})

{/* CTA Button */}

))}

{/* Gradient Overlays for Seamless Effect */}

{/* Pause Indicator */} {isHovered && (

Paused - Move cursor away to continue

)}

{/* Featured Products */}

Featured Top Picks

{featuredProducts.map((product, index) => (

{product.name}

{[...Array(5)].map((_, i) => ( ))}

({product.rating})

{product.description}

{product.price}

))}

{/* Gear Categories */}

Shop by Category

{categories.map((category, index) => (

{category.name}

))}

{/* Why Trust Us */}

Why Trust CampGearLab?

Our team of outdoor enthusiasts tests every piece of gear in real camping conditions

{trustFeatures.map((feature, index) => (

{feature.title}

{feature.description}

))}

{/* Latest Articles */}

Latest Reviews & Articles

{latestArticles.map((article, index) => (

{article.category} • {article.date}

{article.title}

{article.excerpt}

))}

{/* Newsletter */}

Stay Updated on the Best Gear

Get our latest reviews and camping tips delivered to your inbox

{/* Footer */}

); }

CampGearLab

Field‑tested Outdoor & Camping Gear

Independent reviews, side‑by‑side comparisons, and expert guides to help you choose tents, backpacks, sleeping systems, stoves & more.