Add shop page with product catalog and contact form

[h2944446-blip]

Summary

This PR introduces a new shop page for AuraScents, a premium aromatherapy e-commerce storefront. The page features a complete product catalog, hero section, benefits showcase, and contact form with a modern dark-themed design.

Key Changes

• New Shop Page (app/shop/page.js): Complete e-commerce landing page with multiple sections
• Product Catalog: Grid display of 6 products (diffusers and essential oils) with pricing, badges, and "Add to Cart" buttons
• Hero Section: Eye-catching banner with gradient text, social proof, and call-to-action buttons
• Navigation: Sticky header with brand logo and navigation links
• Benefits Section: Four-column grid highlighting key selling points (natural ingredients, free shipping, eco-packaging, returns policy)
• Contact Form: Functional contact section with name, email, and message fields with form validation
• Footer: Dynamic copyright year display
• Design: Dark theme (#050505 background) with cyan/violet accent colors, glassmorphism effects, and smooth hover transitions

Implementation Details

• Built as a client component ('use client') using Next.js
• Product and benefits data hardcoded as constants for easy management
• Responsive grid layouts using Tailwind CSS (mobile-first approach)
• Ambient blob effects using CSS blur for visual depth
• Form submission with basic alert feedback
• Smooth transitions and hover states throughout for enhanced UX

https://claude.ai/code/session_01769s7Ycwwia4h4xJqb8635