Objective: Create a modern corporate website with Igloo.inc-inspired aesthetics, featuring smooth animations, minimalist navigation, and dynamic interactions.

Core Requirements Theme

Clean, professional design with a focus on digital innovation and collaboration

Use a color palette dominated by soft blues/greys (#2A5CAA → #7D33FF gradients) with warm accents for CTAs

Implement glassmorphism effects for cards and overlays89

Visual Style

Hero section with:

Parallax-scrolling abstract geometric shapes (hexagons/cubes)

Animated gradient text header ("Digital Transformation Made Simple")

Floating action button with micro-interactions711

Features grid with:

Hover-triggered 3D card flips

Progressively loading icon animations

Dynamic connection lines between related items9

Key Sections811

Interactive product demo area with:

Tabbed interface for different solutions

Animated transitions between demo states

Lazy-loaded preview videos/embeds

Client showcase carousel with:

Smooth horizontal scroll

Logo hover scaling (110% with ease-out)

Team section with:

Circular avatar parallax effects

Skill bar animations on scroll

Animations

Page load sequence:

Fade-in header (500ms delay)

Staggered feature card entries (100ms interval)

Path-drawn illustration animations7

Scroll-triggered effects:

Section reveal via fade-up transitions

Progressively loading statistics counters

Morphing background shapes9

Technical Implementation

Use React + Tailwind CSS with shadcn/ui components

Implement intersection observers for scroll animations

Optimize performance via:

CSS will-change properties

RequestAnimationFrame for complex animations

Lazy loading for non-critical assets46

Branding Integration

Global navigation with:

Sticky behavior (appear on scroll-up)

Collapsible mobile menu (hamburger → X morph)

Footer containing:

Animated social media icons (hover scale + color shift)

Scroll-triggered copyright watermark

Sample Prompt Text "Design a modern corporate website inspired by igloo.inc's aesthetic. Implement a clean, gradient-based color scheme (#7D33FF → #2A5CAA) with glassmorphism effects. Include:

Hero section with parallax-scrolling geometric shapes and floating CTA button

Features grid using 3D card flips on hover

Interactive product demo area with tabbed transitions

Client logo carousel with smooth horizontal scroll

Team section with avatar parallax effects

Sticky navigation with collapsible mobile menu

Scroll-triggered animations for all sections (fade-up, counter loading)

Optimized performance via intersection observers and lazy loading Generate responsive React components using shadcn/ui and Tailwind CSS, including SVG path animations and Framer Motion for complex transitions."479

Pro Tips:

For custom illustrations, use /placeholder.svg with dynamic dimensions