import React, { useState, useEffect } from 'react';
import { 
  Menu, 
  X, 
  Plus, 
  Info, 
  ArrowRight, 
  Instagram, 
  Award, 
  ChevronRight, 
  Building2, 
  Heart, 
  Star, 
  ShieldCheck, 
  Zap, 
  Leaf, 
  Clock, 
  ExternalLink, 
  MessageCircle, 
  CheckCircle2, 
  ShoppingBag, 
  ArrowUpRight,
  Stethoscope
} from 'lucide-react';

// --- 初期データ (エクセルのQ7:おすすめ商品を反映) ---
const RANKING_PRODUCTS = [
  { 
    id: 1, 
    rank: 1, 
    name: "熊本県産 熟成馬肉ジャーキー", 
    category: "おにく", 
    price: 1850, 
    image: "https://images.unsplash.com/photo-1589924691995-400dc9ecc119?auto=format&fit=crop&q=80&w=600", 
    note: "獣医師監修・高タンパク低脂肪",
    links: {
      stores: "https://stores.jp/",
      amazon: "https://www.amazon.co.jp/",
      rakuten: "https://www.rakuten.co.jp/",
      yahoo: "https://shopping.yahoo.co.jp/"
    }
  },
  { 
    id: 2, 
    rank: 2, 
    name: "九州近海 天然真鱈の低温乾燥", 
    category: "さかな", 
    price: 1420, 
    image: "https://images.unsplash.com/photo-1534450538334-92718e22851d?auto=format&fit=crop&q=80&w=600", 
    note: "48時間乾燥・素材そのまま",
    links: {
      stores: "https://stores.jp/",
      amazon: "https://www.amazon.co.jp/",
      rakuten: "https://www.rakuten.co.jp/",
      yahoo: "https://shopping.yahoo.co.jp/"
    }
  },
  { 
    id: 3, 
    rank: 3, 
    name: "阿蘇ミルクの濃厚ヤギチーズ", 
    category: "チーズ", 
    price: 1200, 
    image: "https://images.unsplash.com/photo-1552767059-ce182ead6c1b?auto=format&fit=crop&q=80&w=600", 
    note: "カルシウム補給・サプリ品質",
    links: {
      stores: "https://stores.jp/",
      amazon: "https://www.amazon.co.jp/",
      rakuten: "https://www.rakuten.co.jp/",
      yahoo: "https://shopping.yahoo.co.jp/"
    }
  },
  { 
    id: 4, 
    rank: 4, 
    name: "熊本産 安納芋のパリパリ焼き", 
    category: "野菜", 
    price: 980, 
    image: "https://images.unsplash.com/photo-1596097635121-14b63b7a0c19?auto=format&fit=crop&q=80&w=600", 
    note: "食物繊維でお腹の健康維持",
    links: {
      stores: "https://stores.jp/",
      amazon: "https://www.amazon.co.jp/",
      rakuten: "https://www.rakuten.co.jp/",
      yahoo: "https://shopping.yahoo.co.jp/"
    }
  }
];

const CATEGORIES = [
  { id: 'meat', title: 'おにくのおやつ', sub: 'Meat', icon: '🍖', color: 'bg-[#FFE5D9]', image: 'https://images.unsplash.com/photo-1604328723326-990527357731?auto=format&fit=crop&q=80&w=400' },
  { id: 'fish', title: 'さかなのおやつ', sub: 'Fish', icon: '🐟', color: 'bg-[#DDE5B6]', image: 'https://images.unsplash.com/photo-1544436484-93774873199e?auto=format&fit=crop&q=80&w=400' },
  { id: 'cheese', title: 'チーズのおやつ', sub: 'Cheese', icon: '🧀', color: 'bg-[#FFF1E6]', image: 'https://images.unsplash.com/photo-1486297678162-ad2a19b0584d?auto=format&fit=crop&q=80&w=400' },
  { id: 'veg', title: '野菜のおやつ', sub: 'Veggie', icon: '🥕', color: 'bg-[#E9EDC9]', image: 'https://images.unsplash.com/photo-1541832676-9b763b0239ab?auto=format&fit=crop&q=80&w=400' },
  { id: 'age', title: '子犬・老犬', sub: 'Puppy & Senior', icon: '🐾', color: 'bg-[#FADDE1]', image: 'https://images.unsplash.com/photo-1583337130417-3346a1be7dee?auto=format&fit=crop&q=80&w=400' },
  { id: 'biz', title: '業務用・法人向け', sub: 'For Business', icon: '🏢', color: 'bg-[#D8E2DC]', image: 'https://images.unsplash.com/photo-1556740734-7f95831d1024?auto=format&fit=crop&q=80&w=400' }
];

const INITIAL_EVENTS = [
  { date: "2026-02-14", title: "WAGZ バレンタインフェア", type: "sale" },
  { date: "2026-02-22", title: "猫の日・特別サプリおやつ", type: "event" },
  { date: "2026-03-03", title: "春の健康応援キャンペーン", type: "info" }
];

const ANNOUNCEMENTS = [
  "✨ 公式ストアなら3,000円以上で送料無料！",
  "🛡️ 熊本県産・完全無添加：1日1品種の限定製造で安心をお届け",
  "👨‍⚕️ 林屋獣医師監修のサプリメントクオリティおやつ"
];

const App = () => {
  const [events, setEvents] = useState(INITIAL_EVENTS);
  const [showEventModal, setShowEventModal] = useState(false);
  const [newEvent, setNewEvent] = useState({ date: '', title: '', type