Let me read the current project files I need to update and understand the codebase before making changes:

This is a big project -- a full landing page clone with multiple sections. Let me set up a todo list and start building.

Let me check what UI components are available that I can reuse:

Good, I have a clear picture. Now let me set up the theme, layout, data constants, and then build all the sections. First, the theme and layout:

Now let me create the data constants file, then all the section components, and the main page. I'll create them all in parallel:

Now let me create all the section components in parallel:

Now let me write the main page that assembles all sections:

Now let me update the manifest.json:

I've cloned the AUAPW website as a full Next.js application with all the key sections from the original: a sticky header with mobile navigation, the hero banner with trust badges, the interactive vehicle part search form with cascading selects (year/make/model/part), stats counters, parts categories grid, a 4-step "How It Works" flow, a brand grid, customer testimonials with star ratings, a CTA section, and a full footer. The theme uses a deep indigo/blue primary color palette matching the professional automotive feel of the original site, with DM Sans as the display font for a clean, modern look.

Let me explore the current codebase thoroughly to understand what exists and plan the enhancements.

Now let me check what UI components exist that I can use for the brand pages:

Good. I have Accordion, Tabs, Badge, Breadcrumb, Card, Separator, and many other UI primitives available. Let me read a few key ones I'll need for the brand detail pages:

Now I have a comprehensive understanding of the entire codebase. Let me write the plan: