Build a modern, high-converting landing page for a company called Aissembly.co, which offers in-person, hands-on AI workshops for professionals and small businesses.

Tech Stack:

React, Tailwind CSS, Framer Motion (motion/react), and Lucide React for icons.

Design & Styling:

• Typography: Use Inter for the primary sans-serif font and Playfair Display for elegant, italicized serif accents on key headings (e.g., "Master AI in person").
• Colors: Use a clean, professional palette. Backgrounds should alternate between off-white (#fafafa), pure white, and dark/almost black (#0a0a0a or neutral-950) for contrast. The primary brand color should be a vibrant blue (blue-600).
• Aesthetic: Clean, tech-forward, but approachable. Use rounded corners (rounded-2xl or rounded-3xl), subtle borders, and soft shadows.
• Animations: Use Framer Motion for smooth fade-ins, slide-ups, and staggered entrance animations as the user scrolls down the page.

Data Structure (Create a separate data.ts file for this):

Generate dummy data for the following arrays:

1. tracks: 3 tracks (General AI Mastery, AI for Marketing, Operations & Workflow) with an id, title, icon name, description, and a specific color theme.
2. workshops: 4 upcoming workshop sessions with date, time, location, city, track name, and "spots left" (e.g., 1 to 8 spots).
3. testimonials: 3 reviews from attendees including name, role, content, and a dummy avatar URL (e.g., from pravatar.cc).

Page Sections to Implement (in App.tsx):

1. Navigation (Sticky):
   • Glassmorphism background (backdrop-blur).
   • Logo on the left (Lucide Brain icon + "Aissembly.co").
   • Center links: How it Works, Tracks, Schedule.
   • Right CTA: "Find a Workshop".
2. Hero Section:
   • Split layout (text on left, image on right).
   • Left: A small "Updated Monthly for 2026" badge with a pulsing dot. A massive headline: "Master AI in person." (with 'person' in italic serif). A subheadline explaining the 3-hour bring-your-laptop value prop. Two buttons: "Book a Workshop" (primary) and "See How It Works" (secondary).
   • Right: A large, rounded image of people collaborating in a workshop. Add a floating glass-card badge overlapping the bottom-left of the image that says "10+ Hours Saved / Per week, on average" with a green check icon.
3. How it Works:
   • Light background. Centered heading: "Not another online course."
   • A 3-column grid with cards detailing the steps: 1. Bring Your Laptop, 2. Practice Real Cases, 3. Ongoing Support. Use Lucide icons for each.
4. Tracks Section:
   • Dark background (neutral-950) with white text.
   • Heading: "Choose your track."
   • A 3-column grid displaying the tracks data. Each card should have an icon, title, description, and a bulleted list of features (e.g., 3-hour intensive, Custom prompt library, Workflow templates) with green checkmarks.
5. Schedule / Upcoming Workshops:
   • Off-white background. Centered heading: "Upcoming Workshops".
   • A vertical list of cards mapping over the workshops data.
   • Each card should display the date/time on the left, city/location in the middle, and the track name + "Only X spots left" + a "Book Now" button on the right. Make it responsive so it stacks on mobile.
6. Testimonials:
   • White background. Centered serif italic heading: "What attendees say".
   • A 3-column grid mapping over the testimonials data. Show the avatar, name, role, and quote.