terry/Arkie-Library-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

swap home banners, 3s autoplay, animated rec scroll thumb

Browse Source
This commit is contained in:
TerryM
2026-05-28 09:16:32 +08:00
parent 4a718926da
commit 02c9d454c1
7 changed files with 54 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/FigmaBanner.tsx
View File

@@ -23,22 +23,36 @@ type BannerSlide = {
alt: string;
};
const BANNERS_BASE = "/assets/ark-library/banners";
const BANNER_SLIDES: BannerSlide[] = [
{
id: "ark-banner-1",
mobile: `${FIGMA_ASSET_BASE}/banner-mobile-1.png`,
desktop: `${FIGMA_ASSET_BASE}/banner-desktop.png`,
mobile: `${BANNERS_BASE}/banner-1.png`,
desktop: `${BANNERS_BASE}/banner-1.png`,
alt: "",
},
{
id: "ark-banner-2",
mobile: `${FIGMA_ASSET_BASE}/banner-375.png`,
desktop: `${FIGMA_ASSET_BASE}/banner-wide.png`,
mobile: `${BANNERS_BASE}/banner-2.png`,
desktop: `${BANNERS_BASE}/banner-2.png`,
alt: "",
},
{
id: "ark-banner-3",
mobile: `${BANNERS_BASE}/banner-3.png`,
desktop: `${BANNERS_BASE}/banner-3.png`,
alt: "",
},
{
id: "ark-banner-4",
mobile: `${BANNERS_BASE}/banner-4.png`,
desktop: `${BANNERS_BASE}/banner-4.png`,
alt: "",
},
];
const AUTOPLAY_MS = 5000;
const AUTOPLAY_MS = 3000;
const RESUME_AFTER_INTERACTION_MS = 8000;
export function FigmaBanner() {