di usage in website

apps/website/components/landing/AlternatingSection.tsx

@@ -1,9 +1,9 @@
 'use client';
 
-import { useRef } from 'react';
 import Container from '@/components/ui/Container';
 import Heading from '@/components/ui/Heading';
-import { useParallax } from '../../hooks/useScrollProgress';
+import { useParallax } from '@/hooks/useScrollProgress';
+import { useRef } from 'react';
 
 interface AlternatingSectionProps {
   heading: string;

apps/website/components/landing/EmailCapture.tsx

@@ -2,7 +2,8 @@
 
 import { useState, FormEvent } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { useServices } from '@/lib/services/ServiceProvider';
+import { useInject } from '@/lib/di/hooks/useInject';
+import { LANDING_SERVICE_TOKEN } from '@/lib/di/tokens';
 
 type FeedbackState =
   | { type: 'idle' }
@@ -14,7 +15,7 @@ type FeedbackState =
 export default function EmailCapture() {
   const [email, setEmail] = useState('');
   const [feedback, setFeedback] = useState<FeedbackState>({ type: 'idle' });
-  const { landingService } = useServices();
+  const landingService = useInject(LANDING_SERVICE_TOKEN);
 
   const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {
     e.preventDefault();