add images and redesign hompeage into sections, fix the dark color

apps/homepage/tests/unit/homepage-content.test.ts

@@ -13,7 +13,7 @@ describe('homepage content model', () => {
     ['fr', frHomepage, frShell],
     ['ar', arHomepage, arShell],
   ] as const)('builds complete %s route content', (_locale, homepage, shell) => {
-    const content = buildHomepageContent(homepage, shell);
+    const content = buildHomepageContent(homepage, shell, _locale);
 
     expect(content.hero.title).toBeTruthy();
     expect(content.trust.items).toHaveLength(4);
@@ -28,7 +28,10 @@ describe('homepage content model', () => {
   it('keeps unresolved conversion destinations disabled', () => {
     const content = buildHomepageContent(enHomepage, enShell);
 
-    expect(content.hero.primary.disabledReason).toBe(enShell.header.demoUnavailable);
+    expect(content.hero.primary.href).toBe('/dashboard/sign-up?lang=en');
+    expect(content.hero.primary.disabledReason).toBeUndefined();
+    expect(content.final.primary.href).toBe('/dashboard/sign-up?lang=en');
+    expect(content.final.primary.disabledReason).toBeUndefined();
     expect(content.pricing.actionDisabledReason).toBe(enShell.states.pendingBody);
     expect(content.final.secondary.disabledReason).toBe(enShell.states.pendingBody);
   });