storm-bot

byRitesh K

# MASTER PREMIUM PROMPT – SWAMI SAMARTH TOURS & TRAVELS WEBSITE REDESIGN You are an award-winning Senior UI/UX Designer, Frontend Architect, Creative Director, and Luxury Brand Website Developer with 20+ years of experience. I am providing an existing HTML, CSS, and JavaScript website project for **Swami Samarth Tours & Travels**. ## PRIMARY OBJECTIVE Analyze the entire existing HTML project and redesign it into an **ultra-premium, luxury, world-class travel company website** that looks like it was custom-built by a top international design agency with a budget of ₹3–5 lakh. The final website must create an immediate "WOW" factor and appear unique, luxurious, professional, and custom-made. --- ## IMPORTANT RULES ### Preserve Everything Before starting, completely analyze the provided project and preserve all existing: * Company information * Business details * Images * Contact numbers * WhatsApp numbers * Booking information * Tour packages * Vehicle information * Services * Routes * Gallery items * Testimonials * Footer information * Social media links * Existing functionality ### Strict Restrictions * Do NOT remove any existing business information. * Do NOT delete any images. * Do NOT remove any booking functionality. * Do NOT remove contact details. * Do NOT remove WhatsApp integration. * Do NOT remove existing content. * Do NOT remove existing JavaScript functionality. Your task is to improve only: * UI design * UX design * Layout * Typography * Animations * Visual hierarchy * Spacing * Responsiveness * Interactions * Overall premium appearance --- ## DESIGN GOAL Create a website experience comparable to: * Luxury international travel brands * Premium tourism companies * Five-star resort websites * High-end transportation companies * Modern Apple-style websites * Tesla-inspired interfaces * Awwwards-winning websites * Premium Webflow showcase projects The website should look expensive, exclusive, elegant, and professionally designed. --- ## DESIGN STYLE Use a premium combination of: * Luxury minimalism * Glassmorphism * Soft neumorphism * Cinematic visual design * Premium gradients * Modern shadows * Elegant spacing * Editorial layouts * High-end typography The overall experience should feel: * Premium * Luxurious * Modern * Professional * Elegant * Interactive * Cinematic --- ## HERO SECTION Design an ultra-premium hero section with: * Full-screen layout * Cinematic presentation * Animated background * Parallax effects * Premium typography * Animated call-to-action buttons * Scroll indicators * Glass overlays * Smooth transitions --- ## NAVIGATION Create a premium navigation system featuring: * Sticky navigation * Glassmorphism effect * Blur background * Smooth hover animations * Active menu indicators * Mobile menu animations * Elegant transitions --- ## WEBSITE SECTIONS Redesign all existing sections using premium layouts. ### About Section * Professional storytelling layout * Elegant spacing * Modern typography ### Services Section * Interactive service cards * Hover animations * Premium visual effects ### Vehicle Section * Luxury showcase cards * Interactive hover effects * Premium presentation ### Tour Packages * Modern card layouts * Animated transitions * Elegant pricing display ### Statistics Section * Animated counters * Premium icons * Smooth animations ### Gallery Section * Professional gallery layout * Hover effects * Lightbox interaction ### Testimonials * Animated testimonial carousel * Premium customer cards ### Booking Section * Luxury booking experience * Interactive forms * Premium styling ### Contact Section * Modern contact layout * Interactive elements ### Footer * Premium multi-column footer * Elegant branding * Professional structure --- ## ANIMATIONS Implement modern, performance-optimized animations: * Smooth scrolling * Scroll reveal effects * Fade animations * Zoom animations * Stagger animations * Text reveal animations * Hover animations * Parallax effects * Loading animations * Button interactions * Card interactions * Page transitions All animations should remain smooth and professional. --- ## VISUAL EFFECTS Use premium visual elements including: * Glassmorphism * Neumorphism * Premium shadows * Soft glows * Blur effects * Gradient overlays * Interactive hover effects * Subtle lighting effects * Animated backgrounds --- ## TYPOGRAPHY Use elegant typography combinations similar to: * Inter * Poppins * Outfit * Manrope * Playfair Display * DM Sans Typography must feel: * Premium * Elegant * Luxurious * Professional --- ## COLOR SYSTEM Create a luxury design system using: * Premium dark backgrounds * Gold accent colors * Elegant gradients * Soft highlights * Glass overlays * Professional contrast ratios --- ## RESPONSIVENESS The website must be: * 100% responsive * Mobile optimized * Tablet optimized * Desktop optimized * Large-screen optimized --- ## TECHNICAL REQUIREMENTS Use only: * HTML5 * CSS3 * Vanilla JavaScript Implement: * CSS variables * Flexbox * CSS Grid * Reusable components * Optimized animations * Modern UI patterns * Accessibility improvements * Performance optimization --- ## FINAL RESULT The redesigned website should make visitors believe that it was created by a top international design agency with a budget of ₹3–5 lakh. The final website must be: * Unique * Luxury * Professional * Cinematic * Interactive * Modern * Elegant * High-end * Awwwards-quality Now analyze the provided HTML project, preserve all existing content and functionality, and generate a complete production-quality redesign using HTML, CSS, and JavaScript.