import { Button } from “@/components/ui/button”; import { motion } from “framer-motion”; import { ArrowRight, CheckCircle2, Sparkles, Shield, TrendingUp, MessageCircle, Star, Heart, Zap } from “lucide-react”; import { useEffect, useState } from “react”; /** * SPEX商品開発サービス ランディングページ（POP強化版） * デザインコンセプト: Ultra POP Cosmetic Editorial * – カラフルな浮遊要素とグラデーション * – 大胆な色使いとアニメーション * – より丸みを帯びた親しみやすいデザイン */ const fadeInUp = { hidden: { opacity: 0, y: 40 }, visible: { opacity: 1, y: 0, transition: { duration: 0.6 } } }; const staggerContainer = { hidden: { opacity: 0 }, visible: { opacity: 1, transition: { staggerChildren: 0.15 } } }; const floatingAnimation = { y: [0, -20, 0], transition: { duration: 3, repeat: Infinity, ease: “easeInOut” } }; // 浮遊する装飾要素コンポーネント const FloatingShape = ({ color, size, top, left, delay }: any) => ( ); export default function Home() { const [isVisible, setIsVisible] = useState(false); useEffect(() => { setIsVisible(true); }, []); return (

{/* Hero Section – 表紙 */}

{/* 装飾的な浮遊要素 */} {/* 背景画像 */}

{/* キラキラ装飾 */} {[…Array(8)].map((_, i) => ( ))} コスメブランド向けフルオーダーサービス

御社の「ブランド資産」を
創るプロダクト開発

既製品の枠を超え、唯一無二のストーリーを形にする

document.getElementById(‘contact’)?.scrollIntoView({ behavior: ‘smooth’ })} > まずはご相談ください {/* Scroll indicator */}

{/* Problem Section – 課題提起 */}

課題提起

市場は「既製品」で
溢れている

世の中には似たようなノベルティが溢れ、顧客の記憶に残りにくくなっています。

「ロゴを入れただけ」の既製品では、ブランドの想いや世界観が伝わりきらず、他社との差別化が困難です。

受け取ったお客様が本当に「欲しい」と感じるグッズを提供できているでしょうか？

{/* Solution Section – 解決策 */}