Skip to content

gracemorganmaxwell/refinedk9-react-cloudflare

Repository files navigation

🐾 Refined K-9 Mobile Dog Grooming - React Landing Page

A modern, responsive React landing page for Refined K-9 Mobile Dog Grooming services in Christchurch, New Zealand.

🌟 Features

  • Modern Design: Clean, professional design with smooth animations and hover effects
  • Mobile Responsive: Fully responsive design that works on all devices
  • Savvy Pet Spa Integration: Embedded booking system using Savvy Pet Spa SaaS
  • Performance Optimized: Built with Vite for fast loading and optimal performance
  • SEO Ready: Proper meta tags and structured content for search engine optimization

πŸ› οΈ Tech Stack

  • Frontend: React 19 + TypeScript
  • Build Tool: Vite 7.0
  • Styling: Modern CSS with CSS Grid and Flexbox
  • Deployment: Cloudflare Pages
  • Domain: Custom domain support

πŸ“„ Page Sections

  1. Header: Navigation with smooth scroll and call-to-action
  2. Hero: Eye-catching hero section with main value proposition
  3. About: Information about the service and philosophy
  4. Services: Full Groom, Mini Groom, and Puppy Groom details
  5. Reviews: Customer testimonials and ratings
  6. Gallery: Visual showcase of grooming work
  7. Contact: Embedded booking widget + contact information
  8. Footer: Links, contact details, and social media

πŸš€ Getting Started

Prerequisites

  • Node.js (v18 or higher)
  • npm or yarn

Installation

  1. Clone the repository:

    git clone <repository-url>
    cd refinedk9-react
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev
  4. Open your browser and navigate to http://localhost:5173

πŸ“‹ Available Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run preview - Preview production build locally
  • npm run deploy - Deploy to Cloudflare Pages
  • npm run lint - Run ESLint

πŸš€ Deployment

The site is configured for deployment on Cloudflare Pages:

  1. Build Command: npm run build
  2. Output Directory: dist
  3. Custom Domain: Configure in Cloudflare dashboard

πŸ“± Booking Integration

The contact section includes an embedded Savvy Pet Spa booking widget. The iframe source should be updated with the actual booking URL provided by Savvy Pet Spa.

Current placeholder: https://book.itsallsavvy.com/?id=683ac52c86c8d06b19ae1ecd&bookingDefinitionId=683ac531e7008b2a82558da7

🎨 Customization

Colors

  • Primary: #e74c3c (Red)
  • Secondary: #f39c12 (Orange)
  • Text: #2c3e50 (Dark Blue)
  • Background: #fafafa (Light Gray)

Typography

  • Font Family: System fonts (Apple System, Segoe UI, Roboto, etc.)
  • Responsive font sizes with mobile-first approach

πŸ“ž Contact Information

  • Email: refinedk-9grooming@outlook.com
  • Phone: +64 27 397 7641
  • Service Areas: Christchurch
  • Booking Avaliability: Mon-Sat 9:30AM - 8:00PM

🌐 Social Media

  • Instagram
  • TikTok
  • Facebook
  • WhatsApp

πŸ“ Philosophy

"Humanity over vanity" - A compassionate and eco-friendly mobile grooming service focused on your dog's well-being and comfort.


Made with πŸ’› by Gracie | Β© 2025 Refined K-9 Dog Grooming

About

Refined K-9 Mobile Dog Grooming landing page for a real-world client. πŸš€ Framework: React 19 + TypeScript (built with Vite) πŸ“‘ Hosting: Cloudflare Pages with custom domain support πŸ› οΈ Booking Integration: Savvy Pet Spa embedded booking system 🎨 Styling: Modern CSS (Grid + Flexbox) for a responsive UI

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages