frontend/nextjs-startup
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve mobile navigation, responsive layout, and theme styling

Browse Source
This commit is contained in:
Rami Bitar
2026-09-16 12:09:39 -04:00
parent f9550116d7
commit 55ae7f2e42
10 changed files with 187 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/sections/features-section.tsx
+7 -7
View File
@@ -15,8 +15,8 @@ export function FeaturesSection() {
description="Everything you need to move quickly across models without giving up reliability, control, or visibility."
/>
<div className="grid lg:grid-cols-12">
<article className="flex min-h-[520px] flex-col border-b lg:col-span-7 lg:border-r">
<div className="grid grid-cols-1 lg:grid-cols-12">
<article className="flex min-h-[520px] min-w-0 flex-col border-b lg:col-span-7 lg:border-r">
<ApiTerminal />
<FeatureCopy
title="One compatible endpoint"
@@ -24,7 +24,7 @@ export function FeaturesSection() {
/>
</article>
<article className="flex min-h-[520px] flex-col border-b lg:col-span-5">
<article className="flex min-h-[520px] min-w-0 flex-col border-b lg:col-span-5">
<IntegrationOrbit />
<FeatureCopy
title="Seamless integrations"
@@ -32,7 +32,7 @@ export function FeaturesSection() {
/>
</article>
<article className="flex min-h-[430px] flex-col border-b lg:col-span-4 lg:border-b-0 lg:border-r">
<article className="flex min-h-[430px] min-w-0 flex-col border-b lg:col-span-4 lg:border-b-0 lg:border-r">
<RoutingActivity />
<FeatureCopy
title="Automatic failover"
@@ -40,8 +40,8 @@ export function FeaturesSection() {
/>
</article>
<article className="flex min-h-[430px] flex-col border-b lg:col-span-4 lg:border-b-0 lg:border-r">
<div className="relative h-[360px] shrink-0 overflow-hidden bg-background">
<article className="flex min-h-[430px] min-w-0 flex-col border-b lg:col-span-4 lg:border-b-0 lg:border-r">
<div className="relative h-[360px] w-full min-w-0 shrink-0 overflow-hidden bg-background">
<UsageChart />
</div>
<FeatureCopy
@@ -50,7 +50,7 @@ export function FeaturesSection() {
/>
</article>
<article className="flex min-h-[430px] flex-col lg:col-span-4">
<article className="flex min-h-[430px] min-w-0 flex-col lg:col-span-4">
<GlobalGlobe />
<FeatureCopy
title="Global inference gateway"