Modern Essential Oils E-Commerce Website (2025)

Fully responsive, SEO-friendly, and animated e-commerce website for essential oils using React 19, Next.js 15.3.2, Tailwind CSS 4, Shadcn UI, Framer Motion, and AOS Animation.

This project covers everything from UI design to authentication, product catalog, wishlist, testimonials, and Vercel deployment.

🧰 Tech Stack Used:

🔹 Framework: Next.js 15 (App Router)
🔹 Language: JavaScript (ES6+)
🔹 Styling: Tailwind CSS 4 (global styles in app/globals.css)
🔹 UI Kit: Shadcn UI, Radix UI
🔹 Animations: AOS (Animate on Scroll), Framer Motion
🔹 Package Manager: npm (see package.json)
🔹 Images: Stored in public/ & subfolders
🔹 Components: Modular components inside app/Components/ and components/ui/

-------------------------------------------------------------------- 

🌟 Key Features:

✅ Responsive Landing Page – Fully mobile-optimized and pixel-perfect ✅ Hero Banner – Clean and visually impactful intro section 
✅ About Us Section – Mission-driven content for brand trust
✅ Product Showcase – Grid or carousel display of essential oil products ✅ Partners Section – Display of trusted partner brand logos
✅ Testimonials – Customer feedback with ratings
✅ Newsletter Signup – Email capture form for user engagement
✅ Footer – Contact details + social media links
✅ Reusable UI Components – Built with Shadcn UI (buttons, inputs, badges, etc.)
✅ Optimized Images – Fast-loading, web-ready assets

--------------------------------------------------------------------

📦 Project Highlights: 

• Clean folder structure & modular components
• Fully responsive design (mobile-first)
• Accessible UI and semantic HTML
• Fast performance & SEO optimized
• Production-ready with Vercel deployment