Nearle/nearle_web_nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

arrenge the home page order

Browse Source
This commit is contained in:
Aravind
2026-07-24 15:28:46 +05:30
parent a4328a791a
commit 4a0adea793
37 changed files with 2532 additions and 1564 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/home/voice/VoiceWaves.tsx
View File

@@ -7,10 +7,13 @@ import { motion, useReducedMotion } from "framer-motion";
const WAVE =
"M0 150 Q100 80 200 150 T400 150 T600 150 T800 150 T1000 150 T1200 150 T1400 150 T1600 150 T1800 150 T2000 150 T2200 150 T2400 150";
// Opacities are tuned for a pure white canvas. On the old lavender background
// these read as texture; on white anything stronger reads as clutter and pulls
// attention off the phone.
const LAYERS = [
{ y: 0, scaleY: 1, opacity: 0.18, duration: 12, width: 2 },
{ y: 26, scaleY: 0.62, opacity: 0.13, duration: 16, width: 1.5 },
{ y: -22, scaleY: 1.35, opacity: 0.1, duration: 21, width: 1.5 },
{ y: 0, scaleY: 1, opacity: 0.1, duration: 12, width: 2 },
{ y: 26, scaleY: 0.62, opacity: 0.07, duration: 16, width: 1.5 },
{ y: -22, scaleY: 1.35, opacity: 0.055, duration: 21, width: 1.5 },
];
// Elegant voice waves behind the phone. Purely decorative, low opacity, and