Build a complete, elegant, and premium multi-page website for Art Vibes Academy — a creative art learning institute. Use HTML, CSS, and vanilla JavaScript (no frameworks). The entire site should feel luxurious, artistic, and professional — inspired by high-end creative studios and art galleries. DESIGN SYSTEM Color Palette: Primary: Deep Charcoal #1a1a1a Accent Gold: #c9a84c Accent Warm Cream: #f5f0e8 Background: #fafaf8 Text Primary: #1a1a1a Text Muted: #6b6b6b White: #ffffff Typography: Headings: Playfair Display (Google Fonts) — elegant serif Body: Inter (Google Fonts) — clean sans-serif Accent/Tagline: Dancing Script (Google Fonts) — artistic script Design Style: Elegant, premium art gallery aesthetic Generous whitespace Subtle gold accents on borders, underlines, buttons Smooth CSS transitions and scroll animations (Intersection Observer) Sticky transparent navbar that darkens on scroll Full-width hero with art-themed imagery via CSS gradients/patterns Cards with soft shadows and hover lift effects No harsh borders — use subtle shadows and spacing PAGES / SECTIONS (Single Page with anchor navigation) 1. NAVBAR Logo: "Art Vibes Academy" in Playfair Display + gold tagline "Expressing Art, Elevating Vibes!" Nav links: Home, About, Courses, Products, Gallery, Blog, Testimonials, FAQ, Contact CTA Button: "Enroll Today" — gold filled button Hamburger menu for mobile Transparent on hero, white+shadow on scroll 2. HERO SECTION Full viewport height Background: rich dark gradient (#1a1a1a to #2d1f0e) with subtle gold geometric art brush stroke pattern (CSS/SVG overlay) Heading (Playfair Display, large, white): "Unleash Your Creativity with Art Vibes Academy" Subheading (Inter, cream): "Learn Sketching, Shading, Calligraphy & Painting from Basics to Advanced with Expert Guidance." Two CTA buttons: "Join Now" (gold filled) + "Explore Courses" (outline gold) Animated floating paint brush or palette shape (CSS animation) Stats bar below: "500+ Students | 15+ Courses | 5+ Years Experience | 100% Certified" 3. ABOUT SECTION Two column layout: left = elegant text, right = decorative art-themed graphic (CSS illustration or colored boxes suggesting a canvas) Heading: "About Art Vibes Academy" Mission, Vision, and Story in stylish cards with gold left-border accent Founder highlight: "Guided by Sarita Babani — Artist & Educator" 4. COURSES SECTION Section heading with gold underline Tab/filter system: All | Painting | Sketching | Art & Craft | Kids | Calligraphy Course cards in a 3-column grid: Course name, duration badge (e.g., "3 Months"), short description Gold "Learn More" button Hover: lift + gold border Include ALL courses: Painting: Foundation Art Explorer (2M), Realistic Pencil Mastery (3M), Classic Oil Color (3M), Watercolor Expression (3M), Scenic Landscape Art (3M), Heritage Madhubani Art (3M), Traditional Lippan Decor (3M) Art & Craft: Creative Craft Designer (3M), Soft Toy Creation Studio (3M), Clay Art & Sculpture (3M), Handmade Gift Design (2M), Paper Art Innovation (3M) Sketching: Free Style Sketch Artist (3M), Human Figure Drawing (3M) Kids (Age 5–12): Junior Artist Creative Course (3M), Smart Handwriting Development (3M), Little Creator Craft Course (3M) Calligraphy: Modern Calligraphy Skill Program (2M) 5. PRODUCTS SECTION Heading: "Handcrafted with Love" 4 product cards in a row: Fuzzy Flowers, Paintings, Hairbands, Keychains Each card: product name, description, elegant "Inquire Now" button Background: warm cream #f5f0e8 Add subtle "handmade" ribbon badge on each card 6. TESTIMONIALS SECTION Dark background (#1a1a1a) with gold accents Heading in white Playfair Display Horizontal auto-scrolling carousel (JavaScript) Each testimonial: large quote mark in gold, testimonial text, avatar placeholder (initials circle in gold), student name Include minimum 10 testimonials from the data provided Navigation dots + prev/next arrows 7. GALLERY SECTION Heading: "Student Artwork Gallery" Masonry-style grid using CSS columns Placeholder colored tiles in art-inspired warm tones (creams, ochres, terracottas) with labels like "Watercolor Series", "Madhubani Art", "Pencil Sketch", "Lippan Work", "Clay Sculpture" etc. Lightbox effect on click (pure JS) "Submit Your Art" CTA button 8. BLOG SECTION 3-column card grid Include all 10 blog posts from the data Each card: category tag, title, 2-line excerpt, "Read More" link Hover: gold top border appears 9. FAQ SECTION Accordion style, clean and minimal Each question expands smoothly with CSS transition Gold chevron icon that rotates on open Include all 10 FAQs from the data 10. CONTACT SECTION Two columns: left = contact info + Google Maps embed placeholder, right = inquiry form Contact details: Address: 17-C, Talwandi, Kota (Rajasthan) India Phone: +91 9929582571 Email: admin@artvibesacademy.in Two prominent CTA buttons: "Call Now" (tel link) + "WhatsApp Now" (wa.me link) Social links: YouTube (www.youtube.com/@artvibesacademy), Instagram (https://www.instagram.com/artvibes_academy) Inquiry form: Name, Phone, Email, Course Interested In (dropdown with all courses), Message, Submit button 11. FOOTER Dark background Logo + tagline Quick links in columns Social icons Copyright: "© 2025 Art Vibes Academy. All Rights Reserved." Links: Privacy Policy | Terms & Conditions | Refund Policy INTERACTIONS & ANIMATIONS Smooth scroll for all anchor links Scroll-triggered fade-in animations using Intersection Observer (elements slide up as they enter viewport) Navbar background transition on scroll Course filter tabs with smooth show/hide Testimonial carousel auto-plays every 4 seconds, pauses on hover FAQ accordion smooth expand/collapse Gallery lightbox with prev/next navigation Hover effects on all buttons and cards "Back to Top" floating button (appears after scrolling 400px) RESPONSIVENESS Fully responsive across all devices: Desktop: Full multi-column layouts Tablet: 2 columns Mobile: Single column, hamburger nav, touch-friendly buttons FILE STRUCTURE index.html (main file with all sections) styles.css (all styles) script.js (all interactions) IMPORTANT NOTES Load fonts from Google Fonts: Playfair Display, Inter, Dancing Script Use Font Awesome CDN for icons (brush, palette, star, phone, whatsapp, etc.) No external JS frameworks — pure vanilla JS only All placeholder images should use CSS gradient backgrounds in warm art tones The WhatsApp button should link to: https://wa.me/919929582571 The Call button should link to: tel:+919929582571 Instagram link: https://www.instagram.com/artvibes_academy YouTube link: https://www.youtube.com/@artvibesacademy This is a complete, production-ready website. Make it visually stunning, pixel-perfect, and fully functional.