I'll enhance the hero section with stunning glassmorphism effects and add a light/dark mode toggle for a more attractive and modern experience.

I've completely transformed the hero section with stunning glassmorphism effects and added a comprehensive light/dark mode system! Here are the key enhancements:

Glassmorphism Features:

Hero Section Enhancements:

• Frosted Glass Main Container with backdrop-blur effects
• Floating Glass Cards with 3D transforms and mouse tracking
• Semi-transparent Backgrounds with subtle borders
• Layered Glass Elements with different opacity levels
• Interactive Glass Buttons with hover animations

Glass Design Elements:

• Award Badge with glassmorphism styling
• Subtitle Container with frosted glass effect
• CTA Buttons with glass morphism and gradient overlays
• Stats Cards with transparent glass backgrounds
• Floating Particles and animated elements

Light/Dark Mode System:

Theme Toggle:

• Smooth Theme Switching with animated sun/moon icons
• Glass Theme Toggle Button in the navbar
• System Theme Detection with manual override
• Persistent Theme Storage across sessions

Dark Mode Adaptations:

• Darker Glass Effects with adjusted opacity
• Color Scheme Adjustments for better contrast
• Gradient Modifications for dark backgrounds
• Text Color Transitions for readability

Interactive 3D Effects:

Mouse-Responsive Elements:

• Floating Glass Cards that follow mouse movement
• 3D Rotations based on cursor position
• Parallax Background Elements with depth
• Interactive Hover States with scale and rotation

Advanced Animations:

• Staggered Fade-in Animations for content reveal
• Floating Animations for background elements
• Glow Effects and pulsing animations
• Smooth Transitions between all states

Visual Enhancements:

Background Effects:

• Animated Grid Pattern with opacity variations
• Gradient Overlays with smooth transitions
• Floating Particles with different animation timings
• Depth Layers for immersive experience

The hero section now feels like a premium, modern interface with cutting-edge glassmorphism design that adapts beautifully to both light and dark modes while maintaining all the 3D interactive elements!

I'll recreate the clean, minimal design style from the image for Qmona UX/UI Design Agency, focusing on simplicity, white space, and elegant typography.

I've recreated the clean, minimal design style from the reference image, adapting it for Qmona UX/UI Design Agency. Here are the key features:

Design Elements:

Clean Minimal Style:

• Simple Navigation with hamburger menu, logo, and contact link
• Large Typography with light font weights for elegance
• Abundant White Space for breathing room
• Subtle Shadows and minimal borders

Hero Section:

• Large Headline with purple highlight box for "UX/UI DESIGN"
• Floating Mockups arranged artistically around the text
• Clean Typography with proper hierarchy
• Simple Color Palette (white, gray, purple accent)

Content Sections:

• Portfolio Projects with alternating layouts
• Service Cards with minimal icons and clean descriptions
• Dark CTA Section for contrast
• Simple Footer with organized links

Key Features:

Minimal Interactions:

• Subtle Hover Effects on cards and mockups
• Smooth Transitions throughout
• Clean Button Styles with outline variants
• Gentle Animations on floating elements

Typography & Layout:

• Light Font Weights (300-500) for modern feel
• Generous Line Heights for readability
• Consistent Spacing using Tailwind's system
• Proper Visual Hierarchy with size and weight variations

The design maintains the sophisticated, minimal aesthetic of the reference while being perfectly suited for a UX/UI design agency, showcasing work through clean mockups and focusing on typography and white space.