Update src/app/create/page.tsx

This commit is contained in:
2026-03-07 10:17:48 +00:00
parent 9e0cd5baa2
commit de87d33c83

View File

@@ -17,7 +17,7 @@ export default function CreatePage() {
borderRadius="soft"
contentWidth="small"
sizing="largeSizeMediumTitles"
background="grid"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
@@ -47,27 +47,19 @@ export default function CreatePage() {
tag="POWERED BY AI"
tagIcon={Zap}
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "plain" }}
buttons={[
{
text: "Start Creating",
href: "/create",
},
text: "Start Creating", href: "/create"},
{
text: "Watch Examples",
href: "/projects",
},
text: "Watch Examples", href: "/projects"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/create-process-step1-1772878445811-a4e17ad8.png",
imageAlt: "Text prompt input interface for anime creation",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/create-process-step1-1772878445811-a4e17ad8.png", imageAlt: "Text prompt input interface for anime creation"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/create-process-step2-1772878445629-d6a81cb0.png",
imageAlt: "AI processing visualization and neural network rendering",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/create-process-step2-1772878445629-d6a81cb0.png", imageAlt: "AI processing visualization and neural network rendering"},
]}
mediaAnimation="opacity"
rating={5}
@@ -87,48 +79,30 @@ export default function CreatePage() {
animationType="slide-up"
features={[
{
title: "Enter Your Prompt",
description: "Describe the anime characters, fighting style, and epic moments you want to see.",
icon: FileText,
title: "Enter Your Prompt", description: "Describe the anime characters, fighting style, and epic moments you want to see.", icon: FileText,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/digital-interface-showing-text-prompt-in-1772878445811-a4e17ad8.png?_wi=3",
imageAlt: "Text prompt input interface",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/digital-interface-showing-text-prompt-in-1772878445811-a4e17ad8.png", imageAlt: "Text prompt input interface"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/digital-interface-showing-text-prompt-in-1772878445811-a4e17ad8.png?_wi=4",
imageAlt: "Prompt submission screen",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/digital-interface-showing-text-prompt-in-1772878445811-a4e17ad8.png", imageAlt: "Prompt submission screen"},
],
},
{
title: "AI Generation",
description: "Our neural networks process your input and generate animation sequences, choreography, and visual effects.",
icon: Cpu,
title: "AI Generation", description: "Our neural networks process your input and generate animation sequences, choreography, and visual effects.", icon: Cpu,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/ai-processing-animation-screen-showing-n-1772878445629-d6a81cb0.png?_wi=3",
imageAlt: "AI processing visualization",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/ai-processing-animation-screen-showing-n-1772878445629-d6a81cb0.png", imageAlt: "AI processing visualization"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/ai-processing-animation-screen-showing-n-1772878445629-d6a81cb0.png?_wi=4",
imageAlt: "Neural network rendering",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/ai-processing-animation-screen-showing-n-1772878445629-d6a81cb0.png", imageAlt: "Neural network rendering"},
],
},
{
title: "Download Your Battle",
description: "Receive your fully rendered anime fight in stunning quality. Ready to share with the world.",
icon: Download,
title: "Download Your Battle", description: "Receive your fully rendered anime fight in stunning quality. Ready to share with the world.", icon: Download,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/final-rendered-anime-fight-scene-display-1772878445830-a99f796a.png?_wi=3",
imageAlt: "Final battle output",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/final-rendered-anime-fight-scene-display-1772878445830-a99f796a.png", imageAlt: "Final battle output"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/final-rendered-anime-fight-scene-display-1772878445830-a99f796a.png?_wi=4",
imageAlt: "Download ready animation",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ac3voOKwsKbqX5J64GLYlySNQT/final-rendered-anime-fight-scene-display-1772878445830-a99f796a.png", imageAlt: "Download ready animation"},
],
},
]}
@@ -142,15 +116,11 @@ export default function CreatePage() {
animationType="background-highlight"
buttons={[
{
text: "Start Creating",
href: "/create",
},
text: "Start Creating", href: "/create"},
{
text: "Get in Touch",
href: "mailto:contact@animeai.studio",
},
text: "Get in Touch", href: "mailto:contact@animeai.studio"},
]}
background={{ variant: "grid" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -160,13 +130,9 @@ export default function CreatePage() {
<FooterLogoReveal
logoText="AI Anime Battle Studio"
leftLink={{
text: "Privacy Policy",
href: "/privacy",
}}
text: "Privacy Policy", href: "/privacy"}}
rightLink={{
text: "Terms of Service",
href: "/terms",
}}
text: "Terms of Service", href: "/terms"}}
/>
</div>
</ThemeProvider>