Initial commit: OmniAI Web Frontend

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-06-02 12:38:01 +08:00
commit bedee3ba8d
183 changed files with 94805 additions and 0 deletions
@@ -0,0 +1,129 @@
+import ecommerceCarouselGenerated from "../../assets/ecommerce-carousel-generated.png";
+import moreTemplateSlide1 from "../../assets/more-template-carousel/slide-1.jpg";
+import moreTemplateSlide2 from "../../assets/more-template-carousel/slide-2.jpg";
+import moreTemplateSlide3 from "../../assets/more-template-carousel/slide-3.jpg";
+import moreTemplateSlide4 from "../../assets/more-template-carousel/slide-4.png";
+import moreTemplateSlide5 from "../../assets/more-template-carousel/slide-5.gif";
+import ecommerceHeroSlide1 from "../../assets/ecommerce-hero-carousel/slide-1.webp";
+import ecommerceHeroSlide2 from "../../assets/ecommerce-hero-carousel/slide-2.webp";
+import ecommerceHeroSlide3 from "../../assets/ecommerce-hero-carousel/slide-3.webp";
+import ecommerceHeroSlide4 from "../../assets/ecommerce-hero-carousel/slide-4.webp";
+import ecommerceHeroSlide5 from "../../assets/ecommerce-hero-carousel/slide-5.webp";
+import ecommerceCarouselImage1 from "../../../tu/微信图片_20260514125332_8_2.png";
+import ecommerceCarouselImage2 from "../../../tu/微信图片_20260514125332_9_2.png";
+import ecommerceCarouselImage3 from "../../../tu/微信图片_20260514125332_7_2.png";
+import ecommerceCarouselImage4 from "../../../tu/微信图片_20260514125332_12_2.png";
+
+export interface TemplateCase {
+  title: string;
+  category: string;
+  summary: string;
+  imageUrl: string;
+}
+
+export const templateCategories = ["全部", "详情图", "主图", "模特图", "短视频", "营销图"];
+
+export const templateCarouselCases: TemplateCase[] = [
+  {
+    title: "霓虹水花动态猫",
+    category: "短视频",
+    summary: "适合展示高动势、强色彩和奇幻质感的视觉参考。",
+    imageUrl: moreTemplateSlide1,
+  },
+  {
+    title: "古风人物光影",
+    category: "模特图",
+    summary: "适合古装人物、柔光棚拍和氛围大片参考。",
+    imageUrl: moreTemplateSlide2,
+  },
+  {
+    title: "绘本郊游场景",
+    category: "营销图",
+    summary: "适合童趣插画、故事场景和清新户外主题。",
+    imageUrl: moreTemplateSlide3,
+  },
+  {
+    title: "动画乐队片段",
+    category: "短视频",
+    summary: "适合复古动画、角色表演和音乐节奏参考。",
+    imageUrl: moreTemplateSlide4,
+  },
+  {
+    title: "猫咪动态贴图",
+    category: "主图",
+    summary: "适合轻量动图、角色素材和趣味展示参考。",
+    imageUrl: moreTemplateSlide5,
+  },
+];
+
+export const ecommerceHeroCarouselCases: TemplateCase[] = [
+  {
+    title: "生成电商图 1",
+    category: "电商轮播",
+    summary: "电商页面轮播素材",
+    imageUrl: ecommerceHeroSlide1,
+  },
+  {
+    title: "生成电商图 2",
+    category: "电商轮播",
+    summary: "电商页面轮播素材",
+    imageUrl: ecommerceHeroSlide2,
+  },
+  {
+    title: "生成电商图 3",
+    category: "电商轮播",
+    summary: "电商页面轮播素材",
+    imageUrl: ecommerceHeroSlide3,
+  },
+  {
+    title: "生成电商图 4",
+    category: "电商轮播",
+    summary: "电商页面轮播素材",
+    imageUrl: ecommerceHeroSlide4,
+  },
+  {
+    title: "生成电商图 5",
+    category: "电商轮播",
+    summary: "电商页面轮播素材",
+    imageUrl: ecommerceHeroSlide5,
+  },
+];
+
+export const templateCases: TemplateCase[] = [
+  {
+    title: "香氛详情页场景图",
+    category: "详情图",
+    summary: "适合家居香氛、礼盒、美妆类目，突出氛围和质感。",
+    imageUrl: ecommerceCarouselImage1,
+  },
+  {
+    title: "护肤套装主图",
+    category: "主图",
+    summary: "白底构图清晰，适合天猫、淘宝、京东主图位。",
+    imageUrl: ecommerceCarouselImage3,
+  },
+  {
+    title: "美妆营销海报",
+    category: "营销图",
+    summary: "强化利益点和视觉冲击，适合活动页和投放素材。",
+    imageUrl: ecommerceCarouselGenerated,
+  },
+  {
+    title: "岩境香氛短视频",
+    category: "短视频",
+    summary: "首帧质感强，适合慢展示和品牌调性视频。",
+    imageUrl: ecommerceCarouselImage4,
+  },
+  {
+    title: "花漾香氛模特手持图",
+    category: "模特图",
+    summary: "增加真实使用感，适合礼品和生活方式类商品。",
+    imageUrl: ecommerceCarouselImage2,
+  },
+  {
+    title: "促销卖点组合图",
+    category: "详情图",
+    summary: "把成分、规格、卖点拆成清晰的详情页模块。",
+    imageUrl: "https://picsum.photos/id/1080/900/620",
+  },
+];