thesn/volana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Wrap Home in PageContainer

Browse Source
This commit is contained in:
thesn10
2026-07-03 13:10:22 +02:00
parent cf89864444
commit a04555637d
1 changed files with 24 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
app/src/app/(tabs)/index.tsx
View File

@@ -4,6 +4,7 @@ import { useRouter } from "expo-router";
import { Button, Typography } from "heroui-native"; import { Button, Typography } from "heroui-native";
import { PRODUCTS } from "@/data/mock"; import { PRODUCTS } from "@/data/mock";
import { ListingCard } from "@/components/ListingCard"; import { ListingCard } from "@/components/ListingCard";
import { PageContainer } from "@/components/PageContainer";
export default function HomeTab(): JSX.Element { export default function HomeTab(): JSX.Element {
const router = useRouter(); const router = useRouter();
@@ -11,31 +12,31 @@ export default function HomeTab(): JSX.Element {
return ( return (
<ScrollView className="flex-1 bg-background"> <ScrollView className="flex-1 bg-background">
<View className="gap-4 px-5 pb-6 pt-8 md:items-center md:pt-14"> <PageContainer className="gap-10 py-8 lg:py-14">
<Typography type="h2" className="md:text-center"> <View className="gap-4 md:items-center">
{"The marketplace\n"} <Typography type="h2" className="md:text-center">
<Typography type="h2" className="text-accent"> {"The marketplace\n"}
nobody controls. <Typography type="h2" className="text-accent">
nobody controls.
</Typography>
</Typography> </Typography>
</Typography> <Typography type="body-sm" color="muted" className="md:max-w-md md:text-center">
<Typography type="body-sm" color="muted" className="md:max-w-md md:text-center"> Buy and sell freely. Payments are final — no chargebacks, no frozen accounts.
Buy and sell freely. Payments are final — no chargebacks, no frozen accounts. </Typography>
</Typography> <Button onPress={() => router.push("/browse")} className="self-start md:self-center">
<Button onPress={() => router.push("/browse")} className="self-start md:self-center"> <Button.Label>Browse Listings →</Button.Label>
<Button.Label>Browse Listings →</Button.Label> </Button>
</Button>
</View>
<View className="px-3.5 pb-10">
<Typography type="h5" className="px-1.5 pb-3">
Featured listings
</Typography>
<View className="flex-row flex-wrap">
{featured.map((product) => (
<ListingCard key={product.id} product={product} variant="grid" />
))}
</View> </View>
</View>
<View className="gap-3">
<Typography type="h5">Featured listings</Typography>
<View className="flex-row flex-wrap gap-5 lg:gap-6">
{featured.map((product) => (
<ListingCard key={product.id} product={product} variant="grid" />
))}
</View>
</View>
</PageContainer>
</ScrollView> </ScrollView>
); );
} }