zentron.space

byShivasheesh !

You are the Creative Director, Senior Product Designer, Senior UX Designer, Motion Designer, 3D Artist, Frontend Architect, Branding Expert, and Performance Engineer. Your task is to build a complete production-ready website that looks like it was created by an elite global design agency. This is NOT a template website. This is NOT a generic startup landing page. This should feel like a premium technology company worth billions. The website must be worthy of: • Apple • Stripe • OpenAI • Vercel • Linear • Nothing • Arc Browser • Framer • Tesla • Awwwards Site of the Day ======================================================== GOAL Create an unforgettable digital experience. The visitor should feel emotion while scrolling. Every section should reveal something new. Every animation should have purpose. Scrolling should feel cinematic. The experience should feel futuristic, immersive and premium. ======================================================== TECH STACK Next.js 15 React 19 TypeScript Tailwind CSS Framer Motion GSAP GSAP ScrollTrigger Lenis Smooth Scroll Three.js React Three Fiber Drei Motion One Lottie Spline (Optional) React Icons Lucide Icons ======================================================== PERFORMANCE 95+ Lighthouse Core Web Vitals Green GPU Accelerated Animations Code Splitting Image Optimization Tree Shaking Lazy Loading Accessibility AA SEO Optimized Responsive Dark Mode ======================================================== DESIGN SYSTEM Background #030303 Secondary #090909 Card rgba(255,255,255,0.05) Border rgba(255,255,255,.08) Primary #5B8CFF Accent #00E6FF Purple #7B61FF Success #00FFB2 Warning #FFC857 Text White Secondary Text #9CA3AF Maximum Width 1440px Border Radius 28px Spacing 8px System Typography Inter Space Grotesk IBM Plex Sans ======================================================== BACKGROUND Animated Aurora Moving Mesh Gradient Volumetric Lighting Particles Interactive Grid Noise Texture Stars Depth Fog Glass Reflection Gradient Glow Animated Light Rays Soft Floating Blobs Mouse Reactive Lights ======================================================== CURSOR Custom Cursor Cursor Glow Cursor Trail Magnetic Hover Context Cursor Text Cursor Expand Cursor Interactive Cursor States ======================================================== PRELOADER Premium cinematic loading screen Animated Logo Progress Counter Glass Blur Gradient Background Smooth Exit Animation ======================================================== NAVBAR Transparent Glass Blur Background Sticky Hide on Scroll Down Show on Scroll Up Animated Active Link Magnetic Buttons Animated CTA Mega Menu Smooth Underline ======================================================== HERO Hero starts empty. Background slowly appears. Logo fades in. Lighting turns on. Headline appears word by word. Gradient text animation. Subheadline fades upward. CTA Buttons slide in. 3D AI Object appears. Glass Dashboard floats. Particles appear. Mouse rotates object. Background slowly reacts to movement. Hero scroll transforms into next section. ======================================================== 3D EXPERIENCE React Three Fiber Floating AI Core Wireframe Globe Particle Sphere Neural Network Digital Rings Orbit Lines Glass Cubes Interactive Lighting Parallax Mouse Rotation Floating Objects ======================================================== SCROLL STORYTELLING Every section should connect. Nothing abruptly changes. Pinned Sections Camera Zoom Scale Animations Blur Transition Layered Reveal Morph Animation Section Transformation Perspective Shift Horizontal Scroll Sticky Storytelling Progress Animation ======================================================== SECTION 1 Hero Animated headline Floating Dashboard Interactive CTA Background Aurora ======================================================== SECTION 2 Trusted Companies Animated Logo Marquee Infinite Loop Hover Pause ======================================================== SECTION 3 About Company Large Story Interactive Timeline Animated Statistics Glass Cards ======================================================== SECTION 4 Services Premium Cards Tilt Effect Glow Border Hover Animation Expand Cards Animated Icons Background Motion ======================================================== SECTION 5 Technology Stack Animated Tech Icons Floating Grid 3D Background Hover Effects ======================================================== SECTION 6 How We Work Timeline Animated Steps Connecting Lines Scroll Trigger ======================================================== SECTION 7 Interactive Product Showcase NO STATIC IMAGE Floating Laptop Floating Phone Floating Tablet 3D Device Screen Animation Video Preview Feature Hotspots Hover Interaction Live Dashboard Mouse Rotation ======================================================== SECTION 8 Case Studies Pinned Story Before After Animated Metrics Graphs Charts Floating Images 3D Cards ======================================================== SECTION 9 Features Grid Layout Animated Cards Hover Expansion Icon Morphing Glass Cards ======================================================== SECTION 10 Why Choose Us Comparison Interactive Graph Animated Metrics Trust Indicators ======================================================== SECTION 11 Testimonials Glass Cards Infinite Marquee Video Testimonials Animated Avatars Hover Pause ======================================================== SECTION 12 Pricing Premium Pricing Cards Popular Badge Animated Toggle Hover Glow ======================================================== SECTION 13 FAQ Smooth Accordion Animated Arrow Glass Background ======================================================== SECTION 14 Blog Featured Articles Hover Animation Reading Time Gradient Images ======================================================== SECTION 15 Contact Interactive Form Live Validation Floating Labels 3D Globe Interactive Map Animated Submit ======================================================== SECTION 16 Footer Animated Logo Social Icons Newsletter Gradient Divider Background Glow ======================================================== MICRO INTERACTIONS Magnetic Buttons Ripple Effect Glow Borders Hover Lift Glass Reflection Card Tilt Animated Underline Button Shine Icon Bounce Arrow Slide Gradient Shift Shadow Animation Cursor Effects ======================================================== APPLE STYLE ANIMATIONS Scale Zoom Blur Depth Perspective Camera Motion Morph Pinned Story Section Transition ======================================================== AI EFFECTS Neural Network Scanning Lines Hologram Panels Energy Pulse Digital Wave Animated Connections Data Streams Floating Numbers AI Brain ======================================================== WEBGL Fluid Background Mouse Distortion Interactive Blob Particles Bloom Refraction Chromatic Aberration Noise Shader Glass Shader Light Shader ======================================================== GSAP Reveal Fade Rotate Scale Split Text ScrollTrigger Pinned Animation Timeline ======================================================== FRAMER MOTION Page Transition Hover Tap Entrance Exit Shared Layout ======================================================== LOTTIE Loading Icons Empty State Illustrations ======================================================== RESPONSIVE Desktop Laptop Tablet Mobile Large Mobile Landscape ======================================================== SEO Metadata Open Graph Twitter Cards JSON-LD Schema robots.txt sitemap.xml ======================================================== ACCESSIBILITY Keyboard Navigation Focus State Screen Reader Proper Contrast ARIA Labels ======================================================== IMAGE STYLE NO STOCK PHOTOS Use premium futuristic 3D illustrations. Glass objects. Device mockups. Abstract AI visuals. Gradient lighting. ======================================================== COPY STYLE Confident. Premium. Minimal. No buzzwords. Short headlines. Powerful messaging. ======================================================== FINAL QUALITY Every section should feel handcrafted. No repeated layouts. No generic cards. No template design. No cheap gradients. No basic animations. No empty spaces. Every pixel should feel intentional. The final experience should feel like a $500,000 website built by the world's best digital agency. The result should be capable of winning Awwwards Site of the Day.