cards

Author: zenril

src/app/features/home/home.component.html

@@ -110,17 +110,6 @@ <h1 class="text-4xl sm:text-5xl md:text-6xl lg:text-5xl xl:text-6xl font-bold te
             </div>
           </div>
 
-          <!-- Mobile: Screenshot fallback -->
-          <div class="lg:hidden hero-screenshot">
-            <img
-              src="/screenshots/filings-presentations.jpeg"
-              alt="Nullabroke filing search interface showing the query builder with 19 saved queries, SQL-like search syntax, and results for 8-K presentation filings"
-              class="w-full rounded-xl"
-              loading="eager"
-              width="1920"
-              height="1080"
-            />
-          </div>
         </div>
       </div>
     </section>

src/app/features/home/home.component.spec.ts

@@ -49,17 +49,14 @@ describe('HomeComponent', () => {
     expect(h1?.textContent).toContain('precision');
   });
 
-  it('should render hero mockups on desktop and screenshot on mobile', () => {
+  it('should render hero floating mockups', () => {
     const el: HTMLElement = fixture.nativeElement;
     const mockups = el.querySelector('.hero-mockups');
     expect(mockups).toBeTruthy();
     const mockupResults = el.querySelector('.mockup-results');
     expect(mockupResults).toBeTruthy();
     const mockupQueries = el.querySelector('.mockup-queries');
     expect(mockupQueries).toBeTruthy();
-    const heroImg = el.querySelector('.hero-screenshot img') as HTMLImageElement;
-    expect(heroImg).toBeTruthy();
-    expect(heroImg.src).toContain('filings-presentations');
   });
 
   it('should render the scrolling marquee with 8 items', () => {