RAJA Fragrance

RAJA Fragrance is a modern, luxury-inspired fragrance web app built with React.
It focuses on clean design, smooth user experience, and a simple order request system instead of traditional checkout.

---

✨ Features

• 🎥 Hero section with video background
• 🧴 Product browsing (Shop page)
• 📱 Responsive design (mobile-first)
• 🔔 Custom toast notifications (success / error / info)
• 📩 Manual order request system (no payment integration)
• ⚡ Smooth navigation with scroll-to-top behavior

---

🛠️ Tech Stack

• React
• React Router
• CSS (custom styling, no frameworks)
• JavaScript (ES6+)

---

📁 Project Structure

src/ │── assets/ # images, videos │── components/ # reusable components (Toast, etc.) │── pages/ # Home, Shop, About │── App.jsx │── main.jsx

---

🚀 Getting Started

1. Clone the repo:

git clone https://github.com/your-username/raja-fragrance.git
Install dependencies:
npm install
Run the project:
npm run dev
📦 How Orders Work

Instead of direct payment:

Users submit an order request
Payment and delivery are handled manually
Delivery is typically arranged via Royal Mail
🎨 Design Approach

RAJA focuses on:

Dark luxury theme (black + gold)
Minimal and clean UI
Strong typography and spacing
Smooth transitions and interactions
🔮 Future Improvements
Add real payment integration (Stripe)
Product filtering & search
User accounts
Admin dashboard
Backend API integration
📄 License

This project is for learning and portfolio purposes.


---

# 🗺️ 2. Sitemap (what it is)

👉 A sitemap = **list of all pages on your site**

For your project, it’s simple:


Home (/)
│
├── Shop (/shop)
│
├── About (/about)
│
└── (Future)
├── Product Details (/product/:id)
├── Contact (/contact)


---

# 📁 3. Sitemap file format

There are **2 types**:

---

## ✅ 1. Simple (for you / portfolio)

Just create:


sitemap.txt


Put:


/
/shop
/about


👉 Good enough for small projects

---

## 🌐 2. Real XML sitemap (for Google)

Create:


sitemap.xml


Example:

```xml id="raja-sitemap"
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">

  <url>
    <loc>https://yourdomain.com/</loc>
  </url>

  <url>
    <loc>https://yourdomain.com/shop</loc>
  </url>

  <url>
    <loc>https://yourdomain.com/about</loc>
  </url>

</urlset>

👉 This is what search engines use

📍 Where to put it

Put the sitemap in:

/public/sitemap.xml