mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-24 06:35:10 +00:00
## Summary <!-- One sentence describing what changed and why. --> Polish and fix UI for new website ## Changes - **What**: <!-- Core functionality added/modified --> - [x] update about video - [x] update Moment factory story content - [x] update homepage visual - [x] update customer story visual - [x] put images and videos to bucket ## Review Focus <!-- Critical design decisions or edge cases that need attention --> <!-- If this PR fixes an issue, uncomment and update the line below --> <!-- Fixes #ISSUE_NUMBER --> ## Screenshots (if applicable) <!-- Add screenshots or video recording to help explain your changes --> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-11363-feat-website-Polish-and-fix-UI-3466d73d365081f895aff84b594450c9) by [Unito](https://www.unito.io) --------- Co-authored-by: DrJKL <DrJKL0424@gmail.com> Co-authored-by: Amp <amp@ampcode.com> Co-authored-by: GitHub Action <action@github.com> Co-authored-by: Alexander Brown <drjkl@comfy.org> Co-authored-by: github-actions <github-actions@github.com>
36 lines
956 B
Vue
36 lines
956 B
Vue
<script setup lang="ts">
|
|
import type { Locale, TranslationKey } from '../../i18n/translations'
|
|
|
|
import WireNodeLayout from '../common/WireNodeLayout.vue'
|
|
|
|
const { locale = 'en' } = defineProps<{ locale?: Locale }>()
|
|
|
|
const reasons: TranslationKey[] = [
|
|
'about.careers.reason1',
|
|
'about.careers.reason2',
|
|
'about.careers.reason3',
|
|
'about.careers.reason4'
|
|
]
|
|
</script>
|
|
|
|
<template>
|
|
<section class="px-6 py-24 lg:px-20 lg:py-32">
|
|
<WireNodeLayout :reasons right-card-padding="p-6" :locale="locale">
|
|
<template #right-card>
|
|
<img
|
|
src="https://media.comfy.org/website/about/c-logo.webp"
|
|
alt="Comfy logo"
|
|
class="mt-6 w-full"
|
|
/>
|
|
</template>
|
|
<template #right-card-mobile>
|
|
<img
|
|
src="https://media.comfy.org/website/about/c-logo.webp"
|
|
alt="Comfy logo"
|
|
class="mt-6 w-full max-w-xs"
|
|
/>
|
|
</template>
|
|
</WireNodeLayout>
|
|
</section>
|
|
</template>
|