mirror of
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git
synced 2026-08-04 11:58:44 +00:00
Click any StyleCard to open a full-screen modal showing the style applied to 9 interactive phone UI controls (buttons, inputs, toggles, checkboxes, radios, cards, badges, slider, nav bar) inside an iPhone mockup frame. Co-authored-by: yongtang <jlinux@msn.com> Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
17 lines
435 B
TypeScript
17 lines
435 B
TypeScript
import fs from "fs";
|
|
import path from "path";
|
|
import { parseStylesCSV } from "@/lib/parseStyles";
|
|
import { GalleryGrid } from "@/components/GalleryGrid";
|
|
|
|
export default function Home() {
|
|
const csvPath = path.join(process.cwd(), "data", "styles.csv");
|
|
const csvContent = fs.readFileSync(csvPath, "utf-8");
|
|
const styles = parseStylesCSV(csvContent);
|
|
|
|
return (
|
|
<main>
|
|
<GalleryGrid styles={styles} />
|
|
</main>
|
|
);
|
|
}
|