AQUAEDGE 促销活动

{/* NAVBAR */} <header className="sticky top-0 z-50 backdrop-blur supports-[backdrop-filter]:bg-white/60 bg-white/70 border-b border-slate-200"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3 flex items-center justify-between"> <div className="flex items-center gap-3"> <div className="size-10 rounded-2xl grid place-items-center bg-sky-600 text-white shadow-sm"> <Droplet className="size-5" /> </div> <div> <div className="font-bold tracking-tight text-lg sm:text-xl">{COMPANY_NAME}</div> <div className="text-xs text-slate-500 -mt-0.5">Advertise on Water Bottles · Field Activations</div> </div> </div> <div className="hidden md:flex items-center gap-2"> <a href="#services" className="px-3 py-2 rounded-xl hover:bg-slate-100">Services</a> <a href="#process" className="px-3 py-2 rounded-xl hover:bg-slate-100">Process</a> <a href="#pricing" className="px-3 py-2 rounded-xl hover:bg-slate-100">Pricing</a> <a href="#contact" className="px-3 py-2 rounded-xl hover:bg-slate-100">Contact</a> <a href={tel:${PHONE}} className="ml-2"> <Button className="rounded-2xl"><Phone className="mr-2 size-4"/>Call</Button> </a> </div> </div> </div> </header> {/* HERO */} <section className="relative overflow-hidden"> <div className="absolute inset-0 -z-10 bg-[radial-gradient(40rem_30rem_at_80%_-10%,rgba(59,130,246,0.15),transparent),radial-gradient(30rem_30rem_at_0%_0%,rgba(99,102,241,0.12),transparent)]" /> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 sm:py-24"> <div className="grid lg:grid-cols-2 gap-10 items-center"> <div> <motion.div initial={{opacity:0,y:10}} animate={{opacity:1,y:0}} transition={{duration:0.6}}> <Badge className="rounded-full px-3 py-1 text-xs">