venus-system

byHasnain Saleem

Act as a world-class UI/UX designer and senior front-end developer. Your task is to design and build an ultra-premium, modern, luxury, responsive personal portfolio website that looks like it was created by a top creative agency in 2026. The website must feel premium, elegant, futuristic, smooth, minimal, and high-end. Do NOT create a basic portfolio. Every section should have beautiful spacing, modern typography, premium animations, and luxury styling. ================================== DESIGN STYLE ================================== Design inspiration: - Apple - Awwwards - Framer - Webflow - Linear - Stripe - Vercel Style: - Premium - Glassmorphism - Soft gradients - Dark luxury theme - Clean minimal UI - Smooth micro interactions - Cinematic feeling ================================== COLOR PALETTE ================================== Background: #050816 Secondary Background: #0F172A Cards: rgba(255,255,255,0.05) Primary Accent: #7C3AED Secondary Accent: #06B6D4 Highlight: #F8FAFC Text: #FFFFFF Secondary Text: #94A3B8 Borders: rgba(255,255,255,.08) Glow Effects: Purple + Cyan ================================== TYPOGRAPHY ================================== Use modern premium fonts. Headings: Space Grotesk Body: Inter Large bold headings. Excellent hierarchy. Perfect spacing. ================================== WEBSITE SECTIONS ================================== 1. Hero Section Full screen Animated gradient background Interactive floating blobs Mouse movement effect Parallax effect Smooth glowing particles Large heading: Hi, I'm Hasnain Saleem Professional Shopify & WordPress Developer Short premium introduction. Luxury CTA buttons Download CV View Projects Animated profile image with glowing border. ================================== 2. About Me Luxury card layout. Beautiful icons. Animated counters. Timeline. Years of Experience Projects Completed Happy Clients ================================== 3. Skills Beautiful grid cards. Animated progress bars. Hover effects. Include: HTML CSS JavaScript Shopify Liquid WordPress PHP MySQL Git GitHub Responsive Design SEO ================================== 4. Featured Projects Premium cards. Large screenshots. Hover zoom. Glass effect. Project tags. Technology badges. Live Demo button. GitHub button. Smooth reveal animations. ================================== 5. Services Responsive website Shopify Store WordPress Website Landing Pages Bug Fixes Speed Optimization SEO Maintenance Each service inside luxury glass cards. ================================== 6. Work Process Timeline design. Discovery Design Development Testing Launch ================================== 7. Testimonials Luxury carousel. Glass cards. Smooth autoplay. ================================== 8. Statistics Animated counters. 50+ Projects 100% Client Satisfaction 24/7 Support ================================== 9. Contact Beautiful modern form. Animated labels. Google Map placeholder. Email WhatsApp LinkedIn GitHub ================================== 10. Footer Minimal. Social icons. Animated hover. ================================== ANIMATIONS ================================== Use premium animations everywhere. Smooth fade-up Slide animations Scale animation Stagger animation Mouse follow effect Magnetic buttons Cursor glow Card tilt effect Parallax scrolling Floating elements Scroll progress indicator Smooth scrolling Animated gradient borders Reveal on scroll Hover glow Ripple effect ================================== BACKGROUND EFFECTS ================================== Animated mesh gradient Blurred glowing circles Floating particles Glass panels Noise texture Gradient overlays ================================== BUTTONS ================================== Rounded Gradient background Glow on hover Scale animation Magnetic movement ================================== CARDS ================================== Glassmorphism Soft shadows Gradient border Backdrop blur Hover lift 3D tilt ================================== RESPONSIVE ================================== Perfect on Desktop Tablet Mobile ================================== PERFORMANCE ================================== Fast loading SEO friendly Semantic HTML Lazy loading Optimized animations ================================== EXTRA PREMIUM FEATURES ================================== Dark mode by default Custom animated cursor Page loading animation Back to top button Scroll progress bar Section transitions Text reveal animations Mouse parallax Floating icons Interactive background Premium hover effects Professional spacing Luxury UI Modern icons Sticky transparent navbar Active navigation indicator Smooth anchor scrolling ================================== IMPORTANT ================================== Do NOT create a generic portfolio. Make every section visually unique. Use premium layouts. Use luxury spacing. Use world-class UI. The final website should look like a website worth $3000-$5000. The design must impress clients within the first 5 seconds. Write clean, production-ready HTML, CSS, and JavaScript with comments, responsive code, and smooth animations.