This project is an advanced, high-end interior design portfolio website created to showcase luxury home transformation services. It features a sophisticated single-page architecture that blends immersive visual storytelling with interactive technical modules. The project emphasizes seamless user experience (UX) through smooth navigation, cinematic background animations, and real-time data visualization.

• Individual Full-Stack Frontend Project
• Creative Web Design & UI/UX Portfolio
• Advanced Multi-Framework Integration Study

Visual & Cinematic UX

• CSS3 Keyframe Animations (Panning Hero Sections)
• Responsive Grid Layouts (Bootstrap 4.5)
• Dynamic Color Theming (Ivory/Off-White and Metallic Gold)

Interactive Logic & State

• Scroll-Triggered Event Handling (Intersection Monitoring)
• Sequential Counter Logic (React State Management)
• Conditional Rendering & Content Toggles

Frontend Connectivity

• Asynchronous Data Handling (AJAX/Fetch Concepts)
• Two-Way Data Binding for User Input
• Global Event Listeners for Smooth Navigation

• Cinematic Hero Section: Implements a 40s infinite panning loop on the high-resolution landing image.
• React Dynamic Statistics: A specialized counter that sequentially animates project totals only when visible.
• Vaastu Shastra Knowledge Base: An interactive hub explaining traditional directional principles for home design.
• Feng Shui Energy Guide: Integrated educational content regarding the flow of 'Chi' and room placement.
• Responsive Service Gallery: A cross-device compatible showcase of modern kitchens, living rooms, and bedrooms.
• AngularJS Contact Portal: A validated lead generation form with real-time success/failure alerts.
• Custom Navigation Bar: A fixed-position menu with dynamic logo fading effects based on scroll position.

• Designed the complete visual identity and UI using a Luxury Gold and Navy Blue color palette.
• Programmed the React.js component for the "Achievements" section to manage count-up states.
• Developed the AngularJS controller to handle contact form data validation and submission logic.
• Wrote custom jQuery scripts to facilitate smooth scrolling and interactive toggle animations.
• Engineered the CSS @keyframes for the cinematic background-panning effect.
• Optimized all images for web performance and established a responsive Bootstrap grid system.

• Languages: HTML5, CSS3, JavaScript (ES6+)
• Frameworks: React.js, AngularJS
• Libraries: jQuery, Bootstrap 4.5
• Design Systems: CSS Flexbox, Keyframe Animations, Google Fonts

This is a personal creative project developed for portfolio and educational purposes. All image assets and design philosophies (Vaastu/Feng Shui) are used for demonstration of web layout and interactive capabilities.

• Proficiency in integrating multiple frameworks (React and Angular) within a single project.
• Advanced understanding of CSS3 animations to create high-end brand aesthetics.
• Practical experience in DOM manipulation and scroll-based interaction design.
• Ability to structure complex UI components while maintaining responsive design standards.

• CMS Integration: Connecting to a Headless CMS to allow real-time image updates.
• 3D Visualizer: Integrating Three.js for 360-degree virtual room tours.
• AI Consultant: Adding a rule-based chatbot to provide instant design quotes.
• Performance Tuning: Implementing Lazy Loading for images to further optimize initial load speeds.