Create a full-width, responsive React (TSX) + Tailwind sub-page named “Specialized VA Service Solutions | Yokly” that will live under the existing /solutions route.

🔑 Overall style • Functional minimalism with generous whitespace, big typography for section headlines, accessible neumorphic cards, and subtle micro-interactions on hover / scroll.
• Use the brand palette: charcoal #1C1C1C (bg), honey #F5B301 (accents), off-white #F9F9F9 (section alternates).
• Font pairing: Inter for body, Space Grotesk for headlines.
• Sm-down: single-column; md-up: grid/2-col where noted.
• All components animated with Tailwind + Framer Motion (ease-out, 0.4 s).
• Add ARIA labels and prefers-reduced-motion fallback.

---

1️⃣ Hero Section (full-viewport height)

• Dark charcoal gradient bg → transparent top to bottom.
• Left column:
─ h1 text-honey bold 5xl: “Elevate Your Efficiency with Yokly’s Specialized Virtual Assistants”
─ p max-w-xl text-gray-200 mt-4: “Unlock streamlined operations and lead flow with expertly managed VA support tailored to your business goals.”
─ Button group ↓ ‣ Primary btn-honey → “Book a Consultation” (#book-consult)
‣ Ghost btn-honey-border → “Learn More About Our Process” (#process) • Right column: AI-generated image (aspect-video) of a confident executive on a video call with diverse VA team; apply neumorphic soft-shadow. • Bottom-center scroll indicator micro-animation.

---

2️⃣ “Comprehensive Support for Every Business Need”

• 4 neumorphic cards in a responsive grid (1x4 → 2x2).
• Each card: rounded-2xl, soft-shadow, hover:lift, focus:ring-honey.
─ Icon top-left (heroicons/outline).
─ h3 md:text-2xl
─ Bullet list (2 lines) in sm text-gray-600.
• Cards (with emoji labels only for dev note, remove emojis in UI):
🗓️ Appointment Setting – “Calendar scheduling, confirmations, CRM logging”
📈 Lead Generation – “Contact scraping, list building, LinkedIn/email outreach”
📱 Social Media Management – “Calendarised posting, DM engagement, realtime responses”
🗂️ Administrative Assistance – “Inbox management, docs prep, internal coordination”
• Center-aligned secondary button “Explore All Roles” linking /solutions/virtual-assistant#roles.

---

3️⃣ “Why Leading Businesses Choose Yokly VA Support”

• Two-column grid; left text, right icon-grid (4 items).
• Each benefit: small neumorphic square icon (check) + label.
✔ Fully Managed & Supervised VAs
✔ Secure Access and Onboarding
✔ Platform Agnostic (CRMs, PM tools, etc.)
✔ Dedicated Client Success Manager

---

4️⃣ “How We Deliver Impact Across Industries”

• Swiper carousel with three case-study cards; auto-play 6 s, swipeable.
• Card layout: framed screenshot + stat overlay:

1. Franchise Network – “Streamlined 200+ appointments/month with accurate lead logging.”
2. SaaS Firm – “Increased outbound response rate by 18 % in 3 months.”
3. Creative Agency – “Doubled engagement via consistent content scheduling.”

---

5️⃣ “Actionable Insights to Guide Your Strategy”

• Dark bg strip (#111).
• 3 mock dashboard screens (tablet / laptop) in perspective 3D, Metal Performance Shader-style reflections.
• Caption list: Real-time dashboards • Weekly KPI updates • Custom metrics by service type.

---

6️⃣ “Seamless Start-Up Process”

• Horizontal timeline with 3 neumorphic steps, numbered circles, fade-in on scroll:

1. Discovery Call
2. System & Strategy Alignment
3. Onboarding & Kick-off

---

7️⃣ “Business with Purpose”

• Honey bg block referencing Agapay Samaritans:
“Every Yokly engagement fuels our volunteer work – 50K + hrs, 20K + meals, 10K + beneficiaries served.”
• Grid of 3 grayscale volunteer photos, hover-colorize.

---

8️⃣ Final CTA Banner

• Reuse hero visual (cropped).
• h2 text-honey 4xl: “Ready to Boost Efficiency with Virtual Support That Scales?”
• p max-w-lg text-off-white.
• Primary button “Book a Consultation” → modal contact form.

🛠 Dev Notes • Use Next.js 13 app router conventions; export default page component.
• Ensure section IDs: #hero, #solutions, #why-yokly, #cases, #insights, #process, #impact, #cta for smooth-scroll.
• Implement micro-interaction utilities (transition-all, group-hover, motion-safe).
• Optimise images with next-image; set loading=lazy.
• No external JS libraries except framer-motion & swiper.