bender/51632375-7380-4a9f-b7cc-bf9cff576bcc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-05 13:53:51 +00:00
Conversation 0 Commits 2 Files Changed 2 +38 -154
2 changed files with 38 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/app/layout.tsx
View File

@@ -7,47 +7,30 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
variable: "--font-dm-sans", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "AI Story Lab - AI Storytelling, Prompts & Digital Products",
description: "Explore experimental AI storytelling combining images, video, audio & text. Shop prompt packs, guides, and templates for creative digital content creators.",
keywords: "AI storytelling, creative prompts, video generation, AI tools, digital products, content creation, storytelling templates",
metadataBase: new URL("https://aistorylab.com"),
title: "AI Story Lab - AI Storytelling, Prompts & Digital Products", description: "Explore experimental AI storytelling combining images, video, audio & text. Shop prompt packs, guides, and templates for creative digital content creators.", keywords: "AI storytelling, creative prompts, video generation, AI tools, digital products, content creation, storytelling templates", metadataBase: new URL("https://aistorylab.com"),
alternates: {
canonical: "https://aistorylab.com",
},
canonical: "https://aistorylab.com"},
openGraph: {
title: "AI Story Lab - Where Stories Meet AI",
description: "Discover creative AI storytelling experiments. Shop prompts, guides, and digital products for storytellers.",
url: "https://aistorylab.com",
siteName: "AI Story Lab",
type: "website",
images: [
title: "AI Story Lab - Where Stories Meet AI", description: "Discover creative AI storytelling experiments. Shop prompts, guides, and digital products for storytellers.", url: "https://aistorylab.com", siteName: "AI Story Lab", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/a-modern-minimalist-ai-storytelling-dash-1772718502870-929d1c3c.png",
alt: "AI Story Lab - Creative Storytelling Platform",
},
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/a-modern-minimalist-ai-storytelling-dash-1772718502870-929d1c3c.png", alt: "AI Story Lab - Creative Storytelling Platform"},
],
},
twitter: {
card: "summary_large_image",
title: "AI Story Lab - Experimental AI Storytelling",
description: "Explore AI-powered storytelling techniques. Prompts, guides, and products for creators.",
images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/a-modern-minimalist-ai-storytelling-dash-1772718502870-929d1c3c.png"],
card: "summary_large_image", title: "AI Story Lab - Experimental AI Storytelling", description: "Explore AI-powered storytelling techniques. Prompts, guides, and products for creators.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/a-modern-minimalist-ai-storytelling-dash-1772718502870-929d1c3c.png"],
},
robots: {
index: true,
@@ -1439,4 +1422,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

157
src/app/page.tsx
View File

@@ -109,7 +109,7 @@ export default function HomePage() {
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{ text: "Explore Experiments", href: "/experiments" },
{ text: "Start Creating Now", href: "/experiments" },
{ text: "Start Learning", href: "/learn" },
]}
buttonAnimation="slide-up"
@@ -119,17 +119,11 @@ export default function HomePage() {
avatarText="Join 5,000+ creative experimenters"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/portrait-of-a-diverse-creative-individua-1772718505374-8a19b7a0.png",
alt: "Creator 1",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/portrait-of-a-diverse-creative-individua-1772718505374-8a19b7a0.png", alt: "Creator 1"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/portrait-of-another-diverse-creative-ind-1772718501639-19cfa1bc.png",
alt: "Creator 2",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/portrait-of-another-diverse-creative-ind-1772718501639-19cfa1bc.png", alt: "Creator 2"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/portrait-of-a-third-diverse-creative-ind-1772718501303-70c45a58.png",
alt: "Creator 3",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/portrait-of-a-third-diverse-creative-ind-1772718501303-70c45a58.png", alt: "Creator 3"},
]}
/>
</div>
@@ -159,35 +153,14 @@ export default function HomePage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1",
brand: "AI Story Lab",
name: "The Forgotten City - AI Visual Novel",
price: "Experiment",
rating: 5,
reviewCount: "324 views",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/a-cinematic-highly-detailed-visual-of-an-1772718504771-077b897e.png?_wi=1",
imageAlt: "The Forgotten City - AI visual narrative with cinematic scenes",
},
id: "1", brand: "AI Story Lab", name: "The Forgotten City - AI Visual Novel", price: "Experiment", rating: 5,
reviewCount: "324 views", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/a-cinematic-highly-detailed-visual-of-an-1772718504771-077b897e.png?_wi=1", imageAlt: "The Forgotten City - AI visual narrative with cinematic scenes"},
{
id: "2",
brand: "AI Story Lab",
name: "Voice of Tomorrow - Audio Experience",
price: "Experiment",
rating: 5,
reviewCount: "512 views",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/a-futuristic-ethereal-visualization-of-s-1772718502532-38645b2e.png?_wi=1",
imageAlt: "Voice of Tomorrow - AI-narrated experimental audio story",
},
id: "2", brand: "AI Story Lab", name: "Voice of Tomorrow - Audio Experience", price: "Experiment", rating: 5,
reviewCount: "512 views", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/a-futuristic-ethereal-visualization-of-s-1772718502532-38645b2e.png?_wi=1", imageAlt: "Voice of Tomorrow - AI-narrated experimental audio story"},
{
id: "3",
brand: "AI Story Lab",
name: "360° Story - Interactive Immersion",
price: "Experiment",
rating: 5,
reviewCount: "687 views",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/an-immersive-spherical-landscape-view-sh-1772718504848-b6a8e398.png?_wi=1",
imageAlt: "360° Story - Interactive immersive AI storytelling experience",
},
id: "3", brand: "AI Story Lab", name: "360° Story - Interactive Immersion", price: "Experiment", rating: 5,
reviewCount: "687 views", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/an-immersive-spherical-landscape-view-sh-1772718504848-b6a8e398.png?_wi=1", imageAlt: "360° Story - Interactive immersive AI storytelling experience"},
]}
buttons={[{ text: "View All Stories", href: "/experiments" }]}
/>
@@ -205,34 +178,22 @@ export default function HomePage() {
features={[
{
icon: Images,
title: "Visual Generation",
description: "Create stunning imagery with AI image generators like DALL-E, Midjourney, and Stable Diffusion to bring your story visuals to life.",
},
title: "Visual Generation", description: "Create stunning imagery with AI image generators like DALL-E, Midjourney, and Stable Diffusion to bring your story visuals to life."},
{
icon: Film,
title: "Video Creation",
description: "Transform stories into short films using AI video tools. Generate scenes, transitions, and cinematic effects automatically.",
},
title: "Video Creation", description: "Transform stories into short films using AI video tools. Generate scenes, transitions, and cinematic effects automatically."},
{
icon: Volume2,
title: "Audio & Narration",
description: "Generate authentic voice narration with AI voice synthesis. Create ambient soundscapes and background music for immersion.",
},
title: "Audio & Narration", description: "Generate authentic voice narration with AI voice synthesis. Create ambient soundscapes and background music for immersion."},
{
icon: Zap,
title: "Prompt Engineering",
description: "Master the art of crafting detailed prompts. Learn techniques to get exactly the creative output you envision.",
},
title: "Prompt Engineering", description: "Master the art of crafting detailed prompts. Learn techniques to get exactly the creative output you envision."},
{
icon: Layers,
title: "Multimodal Integration",
description: "Combine images, video, audio, and text into cohesive storytelling experiences across platforms like Instagram and YouTube.",
},
title: "Multimodal Integration", description: "Combine images, video, audio, and text into cohesive storytelling experiences across platforms like Instagram and YouTube."},
{
icon: Sparkles,
title: "Creative Direction",
description: "Maintain creative control throughout the AI process. Learn how to guide AI tools while preserving your unique voice.",
},
title: "Creative Direction", description: "Maintain creative control throughout the AI process. Learn how to guide AI tools while preserving your unique voice."},
]}
/>
</div>
@@ -266,38 +227,14 @@ export default function HomePage() {
useInvertedBackground={false}
blogs={[
{
id: "1",
category: ["Image Generation", "Prompts"],
title: "Cinematic AI Image Prompts",
excerpt: "Master prompts for creating cinematic, storytelling-focused imagery with AI tools. Techniques for lighting, composition, and mood.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/a-collection-of-stunning-cinematic-ai-ge-1772718504828-ae2cd8a9.png?_wi=1",
imageAlt: "Cinematic AI image generation prompts",
authorName: "AI Story Lab",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-avatar-portrait-of-an-ai-st-1772718503120-250c797e.png",
date: "Updated monthly",
},
id: "1", category: ["Image Generation", "Prompts"],
title: "Cinematic AI Image Prompts", excerpt: "Master prompts for creating cinematic, storytelling-focused imagery with AI tools. Techniques for lighting, composition, and mood.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/a-collection-of-stunning-cinematic-ai-ge-1772718504828-ae2cd8a9.png?_wi=1", imageAlt: "Cinematic AI image generation prompts", authorName: "AI Story Lab", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-avatar-portrait-of-an-ai-st-1772718503120-250c797e.png", date: "Updated monthly"},
{
id: "2",
category: ["Video", "Storytelling"],
title: "Short Film AI Video Prompts",
excerpt: "Learn how to create short film narratives using AI video generators. Scene composition, narrative structure, and pacing tips.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/a-filmmaker-s-storyboard-layout-showing--1772718504707-482ba474.png?_wi=1",
imageAlt: "AI video storytelling prompts",
authorName: "AI Story Lab",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-avatar-portrait-of-an-ai-st-1772718503120-250c797e.png",
date: "Updated bi-weekly",
},
id: "2", category: ["Video", "Storytelling"],
title: "Short Film AI Video Prompts", excerpt: "Learn how to create short film narratives using AI video generators. Scene composition, narrative structure, and pacing tips.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/a-filmmaker-s-storyboard-layout-showing--1772718504707-482ba474.png?_wi=1", imageAlt: "AI video storytelling prompts", authorName: "AI Story Lab", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-avatar-portrait-of-an-ai-st-1772718503120-250c797e.png", date: "Updated bi-weekly"},
{
id: "3",
category: ["Audio", "Voice"],
title: "Voice & Audio Narration Prompts",
excerpt: "Create compelling audio narratives with AI voice synthesis. Character voices, emotional delivery, and audio design techniques.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/a-modern-audio-production-setup-visualiz-1772718502954-41e408ef.png?_wi=1",
imageAlt: "AI audio narration prompts",
authorName: "AI Story Lab",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-avatar-portrait-of-an-ai-st-1772718503120-250c797e.png",
date: "Updated weekly",
},
id: "3", category: ["Audio", "Voice"],
title: "Voice & Audio Narration Prompts", excerpt: "Create compelling audio narratives with AI voice synthesis. Character voices, emotional delivery, and audio design techniques.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/a-modern-audio-production-setup-visualiz-1772718502954-41e408ef.png?_wi=1", imageAlt: "AI audio narration prompts", authorName: "AI Story Lab", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-avatar-portrait-of-an-ai-st-1772718503120-250c797e.png", date: "Updated weekly"},
]}
buttons={[{ text: "Browse Full Library", href: "/learn" }]}
/>
@@ -314,53 +251,17 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Mitchell",
handle: "Content Creator @YouTube",
testimonial: "The prompt library cut my production time in half. What used to take weeks now takes days. The quality is incredible and my audience loves the AI-enhanced storytelling.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-headshot-portrait-of-a-cont-1772718502913-e085591d.png?_wi=1",
imageAlt: "Sarah Mitchell",
},
id: "1", name: "Sarah Mitchell", handle: "Content Creator @YouTube", testimonial: "The prompt library cut my production time in half. What used to take weeks now takes days. The quality is incredible and my audience loves the AI-enhanced storytelling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-headshot-portrait-of-a-cont-1772718502913-e085591d.png?_wi=1", imageAlt: "Sarah Mitchell"},
{
id: "2",
name: "Marcus Johnson",
handle: "Independent Filmmaker",
testimonial: "I was skeptical about AI in storytelling, but this changed everything. The cinematic prompts helped me create visuals I couldn't afford professionally. Game changer.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-headshot-portrait-of-a-film-1772718501846-ce68aa9a.png?_wi=1",
imageAlt: "Marcus Johnson",
},
id: "2", name: "Marcus Johnson", handle: "Independent Filmmaker", testimonial: "I was skeptical about AI in storytelling, but this changed everything. The cinematic prompts helped me create visuals I couldn't afford professionally. Game changer.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-headshot-portrait-of-a-film-1772718501846-ce68aa9a.png?_wi=1", imageAlt: "Marcus Johnson"},
{
id: "3",
name: "Elena Rodriguez",
handle: "Instagram Story Artist",
testimonial: "The guides are incredibly detailed and practical. I went from using basic prompts to creating viral-worthy stories. The community support is amazing too.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-headshot-portrait-of-a-crea-1772718503192-5a2de907.png?_wi=1",
imageAlt: "Elena Rodriguez",
},
id: "3", name: "Elena Rodriguez", handle: "Instagram Story Artist", testimonial: "The guides are incredibly detailed and practical. I went from using basic prompts to creating viral-worthy stories. The community support is amazing too.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-headshot-portrait-of-a-crea-1772718503192-5a2de907.png?_wi=1", imageAlt: "Elena Rodriguez"},
{
id: "4",
name: "David Chen",
handle: "Audio Podcast Producer",
testimonial: "As someone new to AI, the beginner guide was perfect. Clear, actionable, and full of real examples. Already using the voice narration techniques in my productions.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-headshot-portrait-of-an-aud-1772718501425-a32d461a.png?_wi=1",
imageAlt: "David Chen",
},
id: "4", name: "David Chen", handle: "Audio Podcast Producer", testimonial: "As someone new to AI, the beginner guide was perfect. Clear, actionable, and full of real examples. Already using the voice narration techniques in my productions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-headshot-portrait-of-an-aud-1772718501425-a32d461a.png?_wi=1", imageAlt: "David Chen"},
{
id: "5",
name: "Amara Okonkwo",
handle: "Animation Enthusiast",
testimonial: "The prompt packs are worth every penny. I've created more consistent, higher-quality animation prompts than ever before. Highly recommend to any creative.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-headshot-portrait-of-an-ani-1772718502940-aac7e11f.png?_wi=1",
imageAlt: "Amara Okonkwo",
},
id: "5", name: "Amara Okonkwo", handle: "Animation Enthusiast", testimonial: "The prompt packs are worth every penny. I've created more consistent, higher-quality animation prompts than ever before. Highly recommend to any creative.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-headshot-portrait-of-an-ani-1772718502940-aac7e11f.png?_wi=1", imageAlt: "Amara Okonkwo"},
{
id: "6",
name: "James Wilson",
handle: "Narrative Designer",
testimonial: "Finally, a resource that treats AI as a creative tool, not a replacement. The storytelling focus makes all the difference. This is the future of creative work.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-headshot-portrait-of-a-narr-1772718501464-9d710e45.png?_wi=1",
imageAlt: "James Wilson",
},
id: "6", name: "James Wilson", handle: "Narrative Designer", testimonial: "Finally, a resource that treats AI as a creative tool, not a replacement. The storytelling focus makes all the difference. This is the future of creative work.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpZQKfrMbHzYiSCsU24u0q25O/professional-headshot-portrait-of-a-narr-1772718501464-9d710e45.png?_wi=1", imageAlt: "James Wilson"},
]}
/>
</div>
@@ -370,4 +271,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}