AutoZone Detailing & Accessories Frontend

A modern, high-performance Next.js web application for AutoZone Detailing & Accessories.

Stack

• Next.js 16 (Turbopack / App Router)
• React 19
• TypeScript
• Tailwind CSS 4
• Lucide icons
• Local optimized image assets

Run

pnpm install
pnpm dev

Then open http://localhost:3000

Included routes

• / - Home
• /about - About Us
• /services - Services & Detailing Packages
• /team - Certified Experts & Team
• /faqs - Frequently Asked Questions
• /pricing - Pricing Plans
• /contact - Contact & Inquiries
• /quote - Request a Quote
• /booking - Reserve a Bay / Online Booking
• /cars - Vehicle Categories
• /portfolio - Detailing Portfolio & Work
• /shop - Detailing Products Shop
• /shop/cart - Cart
• /shop/checkout - Checkout
• /shop/wishlist - Wishlist
• /blog - Detailing Articles & Insights
• /blog/[slug] - Article Details
• /tools/typography - Typography & Design System

Branding

The frontend integrates the official AutoZone Detailing & Accessories emblem, responsive navigation header, splash screen, metadata favicons, and automotive dark theme.