Build a premium, minimalist landing page for a product called "ZenPeb" using React, Tailwind CSS, Framer Motion (motion/react), and Lucide React icons.

Product Concept:

ZenPeb is a screen-free, pebble-shaped device that guides users through meditation using breath, vibration, and sound. It activates instantly when held and has a companion app that only tracks one metric (minutes meditated) with no streaks or social pressure.

Design System & Aesthetics:

• Vibe: Warm, organic, intentional, anti-tech, and high-end.
• Colors:
  • Background: Warm off-white (#F9F9F7)
  • Text: Dark charcoal (#2C2C2A)
  • Muted Text: Medium stone (#5A5A55 and #7A7A72)
  • Accents/Borders: Light stone (#E0E0D8, #EFEFEA)
• Typography: Use "Inter" for the primary sans-serif font, and "Playfair Display" for elegant, italicized serif accents in the headings.

Page Structure & Sections:

1. Navigation (Fixed):
   • Minimalist. "ZenPeb" logo on the left (uppercase, tracking-widest).
   • "Pre-order" button on the right with a subtle bottom border hover effect.
2. Hero Section (Side-by-Side Layout):
   • Left: A massive, light-weight headline: "Meditation, [line break] minus the screen." (Make the second line italic serif). Below it, a short description of the screen-free pebble, and a dark, pill-shaped "Pre-order ZenPeb" button.
   • Right: A rounded presentation container (bg: #EFEFEA) holding the product image (use https://i.ibb.co/PG9sB80J/Screenshot-2026-03-22-at-21-34-19.png). Apply mix-blend-darken to the image to remove its white background, and add a subtle scale-up effect on hover.
3. Feature Detail: "Pick it up and press" (Side-by-Side Layout):
   • Text Side: Headline with italic serif accents. Paragraph explaining the built-in hand sensor that activates a 60-second breathing exercise instantly. Include a small "Instant Activation" label with a Fingerprint icon.
   • Visual Side: Create an abstract CSS representation of the pebble pulsing. Use a blurred, rounded div that infinitely scales and fades using Framer Motion to simulate a breathing/vibration pulse, sitting behind a sleek, gradient-filled rounded rectangle.
4. Features Grid (3 Columns):
   • Three minimalist cards/columns with Lucide icons inside circular borders.
   • Feature 1: Wind icon. "Breath & Vibration" (gentle rhythmic pulses).
   • Feature 2: Volume2 icon. "Onboard Audio" (ambient tones, no streaming).
   • Feature 3: Battery icon. "30-Day Battery" (magnetic charging, stone-like shell).
5. The "Anti-App" Section (Dark Mode):
   • A large, rounded-top section with a dark background (#2C2C2A) and light text (#F9F9F7).
   • Center-aligned. Top it with a PhoneOff icon.
   • Headline: "The anti-app companion."
   • Text explaining that it tracks exactly one metric: minutes meditated. Emphasize "No leaderboards. No streaks. No social pressure."
   • Include a light-colored "Pre-order ZenPeb" button.
6. Footer:
   • Simple, dark background matching the Anti-App section, with a muted copyright notice.

Animation Requirements:

Wrap sections and elements in <motion.div> to create smooth, staggered fade-in and slide-up (y: 20 to y: 0) animations as the user scrolls down the page. Keep animations slow and easing (duration: 0.8 to 1.2) to match the meditative vibe of the product.