Admin Panel

resources/js/components/site/sections/consultation-section.tsx

@@ -4,11 +4,12 @@ import Icon from '@/components/site/icon';
 import Pill from '@/components/site/pill';
 import Section from '@/components/site/section';
 import { common } from '@/content/common';
-import { company, offices } from '@/data/site';
 import { useContent } from '@/hooks/use-locale';
+import { useSiteInfo } from '@/hooks/use-site-info';
 
 type ConsultationSectionProps = {
     id: string;
+    source: 'home' | 'services';
     title: string;
     description: string;
 };
@@ -16,18 +17,20 @@ type ConsultationSectionProps = {
 /** Closing call-to-action with contact details and the quick form. */
 export default function ConsultationSection({
     id,
+    source,
     title,
     description,
 }: ConsultationSectionProps) {
+    const site = useSiteInfo();
     const t = useContent(common);
-    const contacts = offices.map((office) => ({
+    const contacts = site.offices.map((office) => ({
         icon: office.icon,
         title: office.name,
         lines: [
             office.building,
             `${office.street}, ${office.area}`,
             office.city,
-            `${t.consultation.tel}: ${office.phone.label}`,
+            `${t.consultation.tel}: ${office.phone}`,
         ],
     }));
 
@@ -74,18 +77,18 @@ export default function ConsultationSection({
                             ))}
                         </div>
                         <a
-                            href={`mailto:${company.email.busdev}`}
+                            href={`mailto:${site.email.busdev}`}
                             className="text-on-surface-variant hover:text-primary flex items-center gap-2 text-xs"
                         >
                             <Icon
                                 name="mail"
                                 className="text-primary text-base"
                             />
-                            {company.email.busdev}
+                            {site.email.busdev}
                         </a>
                     </div>
                     <div className="w-full lg:col-span-5">
-                        <ConsultationForm idPrefix={id} />
+                        <ConsultationForm idPrefix={id} source={source} />
                     </div>
                 </div>
             </div>