Flash Sale & Daily Deals Page

Create a flash sale and daily deals page for an electronics e-commerce store called "VoltEdge" that drives urgency and conversions through time-limited offers:

1. NAVIGATION BAR
- Logo: "VoltEdge" with lightning bolt icon in #F59E0B (amber)
- Links: Shop, Categories, Deals (active, highlighted), New Arrivals, Support
- Right side: Search bar (280px), account icon, cart icon with item count badge
- Announcement bar above nav: "⚡ FLASH SALE: Up to 70% off — Ends tonight at midnight!" — scrolling text on mobile, static on desktop
- Announcement bar: #F59E0B background with #1F2937 text

2. HERO BANNER (50vh)
- Bold background: dark gradient from #1F2937 to #111827 with subtle geometric pattern
- Large headline: "FLASH SALE" (72px, bold, #F59E0B amber with subtle glow effect)
- Subheadline: "Up to 70% off top tech. Limited quantities. When they're gone, they're gone." (white)
- Master countdown timer (large, centered):
  - Four boxes: Hours, Minutes, Seconds (each 80px square, #F59E0B background, #1F2937 text)
  - Current values: 08 : 42 : 17
  - Labels below each: "HRS" "MIN" "SEC"
  - Flip animation on number change
- "Shop All Deals" button (white text, #F59E0B background, 48px height)
- Floating product images on left and right sides (headphones, laptop, camera)

3. DEAL CATEGORIES BAR (sticky below nav on scroll)
- Horizontal scrollable tabs: All Deals, Laptops, Audio, Smartphones, Cameras, Gaming, Accessories, Smart Home
- Active tab: #F59E0B underline
- Each tab shows deal count: "Laptops (4)"

4. FEATURED DEAL (full-width hero card)
- Label: "⚡ DEAL OF THE DAY"
- Two-column layout:
  - Left 50%: large product image (Sony WH-1000XM5 headphones) with "SAVE 45%" badge
  - Right 50%:
    - Product name: "Sony WH-1000XM5 Wireless Headphones"
    - Star rating: ★★★★★ (4.8) — 2,341 reviews
    - Price: "$349.99" crossed out, "$189.99" in large #F59E0B text
    - Savings: "You save $160.00 (45%)"
    - Key features: 3 bullet points
      - "Industry-leading noise cancellation"
      - "30-hour battery life"
      - "Multipoint Bluetooth connection"
    - Individual countdown: "This deal ends in 04:22:08"
    - Stock indicator: progress bar at 78% full, "Only 12 left at this price" in #DC2626 red
    - "Add to Cart" button (full-width, #F59E0B, 48px)
    - "🔒 Price match guarantee" trust badge

5. DEALS GRID (3 columns, 24px gap)
- 9 deal cards total, each card:
  - Product image (square, 1:1, white background)
  - Discount badge top-left: "-35%" in red circle
  - Wishlist heart icon top-right
  - Category label (small, gray)
  - Product name (16px, semibold, 2-line clamp)
  - Star rating + review count
  - Price row: original price (crossed out, gray), sale price (bold, #F59E0B)
  - Mini countdown: "Ends in 6h 22m"
  - Stock bar: colored progress bar (green >50%, yellow 20-50%, red <20%)
  - Stock label: "14 left" or "Almost gone!" or "Selling fast"
  - "Add to Cart" button

Sample deals:
1. MacBook Air M3 — was $1,199, now $899 (-25%), 8 left
2. AirPods Pro 2 — was $249, now $169 (-32%), 23 left
3. Samsung 65" OLED TV — was $2,199, now $1,399 (-36%), 3 left ⚠️
4. Nintendo Switch OLED — was $349, now $279 (-20%), 18 left
5. GoPro Hero 12 — was $399, now $249 (-38%), 6 left
6. Kindle Paperwhite — was $149, now $94 (-37%), 31 left
7. Bose SoundLink Flex — was $149, now $89 (-40%), Almost gone!
8. iPad 10th Gen — was $449, now $329 (-27%), 15 left
9. Logitech MX Master 3S — was $99, now $64 (-35%), 22 left

6. URGENCY BANNER (between deal rows)
- Red/amber gradient background
- "🔥 42 items sold in the last hour"
- "Prices and availability change quickly. Don't wait!"
- Animated pulse effect on the fire emoji

7. LIGHTNING DEALS CAROUSEL
- Headline: "⚡ Lightning Deals — Extra 10% off for the next 2 hours"
- Horizontal scrollable row of 6 deal cards (narrower, 220px each)
- Each card has an extra-aggressive countdown and "EXTRA 10% OFF" overlay badge
- Grab-to-scroll on desktop, swipe on mobile

8. RECENTLY VIEWED & PERSONALIZED
- "Based on your browsing" section
- Row of 4 product cards with personalized deals
- "You viewed this 2 hours ago — now 30% off!"

9. EMAIL DEAL ALERTS
- Inline banner: light amber background (#FFFBEB)
- "Never miss a deal 🔔"
- "Get flash sale alerts before they go live."
- Email input + "Notify Me" button
- "Join 28,000+ deal hunters"

10. FOOTER TRUST BAR (above main footer)
- 4 trust icons in a row:
  - "🚚 Free shipping on orders $50+"
  - "↩️ 30-day easy returns"
  - "🔒 Secure checkout"
  - "💰 Price match guarantee"

Design: High-energy, conversion-focused. Primary: #F59E0B (amber), urgency: #DC2626 (red), dark backgrounds: #1F2937. Product cards on white with 8px border-radius, 1px #E5E7EB border, hover shadow lift. Price text: sale price always in amber/bold, original always in gray with strikethrough. Countdown timers use monospace font. Stock bars: gradient from green (#22C55E) through yellow (#EAB308) to red (#EF4444) based on remaining percentage. Typography: Inter throughout, bold headings, clear price hierarchy.

Responsive: On mobile, hero banner reduces headline to 40px with countdown boxes at 56px. Deal grid becomes single column with horizontal card layout (image left, details right). Featured deal stacks vertically. Category bar horizontally scrollable. Lightning deals carousel touch-swipeable. Sticky bottom bar with "View Cart (3)" button appears after adding items. Announcement bar text scrolls horizontally on mobile.