A professional static website for Timberlost Outdoors & Surplus - serving Saskatchewan's outdoor community with quality camping gear, hunting and fishing equipment, winter accessories, and farm supplies.

• 🎨 Modern, clean design with Tailwind CSS
• 🎯 Responsive layout for all devices
• 🚀 Fast performance with React + Vite
• 🧭 Smooth navigation with React Router
• 💚 Custom color palette (Forest & Earth tones)
• ✨ Gradient effects and smooth animations
• 📱 Mobile-friendly navigation

• Home - Hero section, services overview, testimonials
• About - Company story, mission, and values
• Services - Detailed service offerings
• Contact - Contact form, location info, social media
• FAQ - Frequently asked questions and policies

• React 19
• React Router DOM 7
• Tailwind CSS 4
• Vite 8
• Custom fonts: Inter & Poppins

npm install

npm run dev

npm run build

npm run preview

• Forest Green: Primary brand color (#16a34a - #14532d)
• Earth Brown: Secondary accent color (#9c6f4e - #3d2d21)
• Gradients: Smooth transitions between forest and earth tones

timberlost-outdoors/ ├── src/ │ ├── components/ │ │ ├── Navbar.jsx │ │ ├── Footer.jsx │ │ ├── ServiceCard.jsx │ │ └── TestimonialCard.jsx │ ├── layouts/ │ │ └── MainLayout.jsx │ ├── pages/ │ │ ├── Home.jsx │ │ ├── About.jsx │ │ ├── Services.jsx │ │ ├── Contact.jsx │ │ └── FAQ.jsx │ ├── App.jsx │ ├── main.jsx │ └── index.css ├── public/ ├── index.html └── package.json 

• Colors: Edit tailwind.config.js to modify the forest and earth color palettes
• Fonts: Update Google Fonts import in src/index.css
• Content: Modify page components in src/pages/

© 2026 Timberlost Outdoors & Surplus. All rights reserved.