📌 Project Name : Landing Page for Le Joyau Précieux

🌟 Overview

This is a simple and responsive landing page showcasing Le Joyau Précieux, its features, and a query form that allows users to submit inquiries without authentication. The page is built with modern web technologies to ensure a smooth user experience.

🎯 Features

• ✅ Responsive design for all screen sizes (mobile, tablet, desktop)

• ✅ Attractive UI showcasing the product and its benefits

• ✅ Simple query form for customer inquiries

• ✅ Firebase Firestore integration for storing form submissions

• ✅ Lightweight and fast-loading

🏗 Tech Stack

• Frontend : React, Zustand, SCSS, and HTML
• backend : Firebase, Firestore

📂 Project Structure

twubric-project/
├── public/
├── src/
|   ├── Components/
│   |   ├── Header.tsx/
|   |   └──── Footer.tsx
|   ├── store/
│   |   ├── useData.tsx
|   |   ├── useProduct.tsx
|   |   └─── useSingleProduct.tsx
|   ├── routers/
│   |   ├── About/
|   |   ├── about.scss
|   |   └──── About.tsx
│   |   ├── Home/
|   |   ├── home.scss
|   |   └──── Home.tsx
│   |   ├── Product/
|   |   ├── product.scss
|   |   └──── Product.tsx
│   |   ├── ProductQuery/
|   |   ├── productquery.scss
|   |   └──── ProductQuery.tsx
│   |   ├── Shop/
|   |   ├── shop.scss
|   |   └──── Shop.tsx
|   ├── assets/
│   |   ├── fonts/
│   |   ├── images/
│   ├── App.tsx
│   ├── hooks.ts
│   ├── index.scss
│   ├── main.tsx
│   └── responsive.scss
│   └── vite-env.d.ts
└── index.html
└── package.json
└── package-lock.json
└── README.md
└── tsconfig.json
└── tsconfig.node.json
└── vite.config.ts

🔧 Setup & Installation

1 - Clone the repo

https://github.com/chaitechie/LeJoyauprecieux.git

2- Open folder in a terminal

npm run dev

📷 Screenshots

🤝 Contributing

If you'd like to contribute, feel free to fork this repository and submit a pull request.