Now let me check the existing UI components and read some key files:

Now I have everything I need. Let me start building the complete e-commerce site. First, I'll update the theme, layout, and create the data/product structure, then build the home page with all its components.

Now let me update the layout and create all the main components:

Now let me create all the components. I'll create them in parallel:

Now let me create the home page with all its sections:

Now let me move to the catalog page:

Now I have a complete picture of the entire codebase. Let me implement the major redesign - switching to white background, bigger typography, scroll animations, micro-interactions, and a futuristic premium feel. I'll create a scroll animation hook first, then update globals.css, and rewrite the key components.

Now let me add custom animation styles and the smooth scroll CSS at the end of globals.css:

Now let me create the scroll animation hook and update the layout theme color:

Now let me rewrite the navbar with the new white, premium look:

Now let me rewrite the product card with micro-interactions:

Now the main home page with scroll animations and dynamic visuals:

Now let me update the footer with the new light theme:

Now update the product detail page with the white theme and interactions:

Now update the catalog grid with the new light theme styling:

Now update the cart drawer and checkout form with the new light theme:

Now update the checkout form:

Now update the contact page and catalog page with the new typography/sizes:

Now let me mark all tasks done:

The complete design overhaul is done. Here's a summary of all the changes:

Theme: Switched from dark (#0a0a0a) to clean white (#ffffff) background with black (#0a0a0a) text as foreground. The primary accent shifted to a vibrant green (#00c853) with white foreground for better contrast on light backgrounds.

Typography: All headings bumped up significantly -- hero title now goes up to text-8xl, section headings are text-5xl, font weight is extrabold throughout, and tracking is tightened for a bolder, more premium visual hierarchy.

Scroll Animations: Added a custom useScrollReveal hook and corresponding CSS classes (reveal, reveal-left, reveal-right, reveal-scale, stagger-children) that trigger smooth entrance animations as sections scroll into view. Each section and product grid uses staggered reveal timing for a cascading, dynamic feel.

Micro-interactions: Product cards now have a "glow-card" effect (subtle lift + green glow on hover), the add-to-cart button shows a checkmark confirmation state, the navbar has smooth scroll-based transparency transitions, category icons rotate and scale on hover, nav links animate an underline bar, footer links reveal an arrow icon, buttons have a "magnetic" lift with green shadow, and the hero product image floats with a continuous animation plus floating tech-spec badges.