Professional website design

Now let me read the existing layout and globals files before editing them.

Now let me update the layout, globals, and start building all the components in parallel.

Now let's assemble everything in the main page:

The full website for Tejas Porwal is now complete. Here's what was built across 8 components:

Navigation — sticky white bar with "Tejas Porwal" logo; desktop shows 5 nav links, mobile shows a hamburger that slides open a full-width drawer with 48px touch targets.
Hero — full-viewport two-column layout (desktop) collapsing to single-column (mobile) with the descriptor line, serif heading, body text, CTA button, credential strip, and a generated professional headshot.
About — narrative text, desktop vertical career arc timeline (mobile switches to horizontal scrollable strip), skill chip groups, and education row with dividers.
Experience — clean white cards on grey background with right-aligned dates on desktop, stacked on mobile, and navy-outlined outcome metric chips.
Projects — 2-column card grid (desktop) / 1-column (mobile) with domain label, title, challenge, and warm gold outcome metric.
Insights — horizontally scrollable filter pills on mobile, 3-column card grid with category filtering via React state.
Contact — centered 600px-max layout with serif heading, email/LinkedIn outlined buttons that stack on mobile, and a 3-field form with accessible labels.

Now let me read the existing layout and globals files before editing them.

Now let me update the layout, globals, and start building all the components in parallel.

Now let's assemble everything in the main page:

The full website for Tejas Porwal is now complete. Here's what was built across 8 components:

Navigation — sticky white bar with "Tejas Porwal" logo; desktop shows 5 nav links, mobile shows a hamburger that slides open a full-width drawer with 48px touch targets.
Hero — full-viewport two-column layout (desktop) collapsing to single-column (mobile) with the descriptor line, serif heading, body text, CTA button, credential strip, and a generated professional headshot.
About — narrative text, desktop vertical career arc timeline (mobile switches to horizontal scrollable strip), skill chip groups, and education row with dividers.
Experience — clean white cards on grey background with right-aligned dates on desktop, stacked on mobile, and navy-outlined outcome metric chips.
Projects — 2-column card grid (desktop) / 1-column (mobile) with domain label, title, challenge, and warm gold outcome metric.
Insights — horizontally scrollable filter pills on mobile, 3-column card grid with category filtering via React state.
Contact — centered 600px-max layout with serif heading, email/LinkedIn outlined buttons that stack on mobile, and a 3-field form with accessible labels.