From 47e1d73aef58c77c41c26d7d5f1f61e8116cee86 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 8 Mar 2026 15:22:00 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 40 ++++++++++++++++++++-------------------- 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 278deae..6b2252c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -82,37 +82,37 @@ export default function LandingPage() { { id: 1, title: "Smart Prompt Enhancement", description: "Our Magic Enhance button uses advanced NLP to refine your prompts, adding visual details and technical parameters automatically. Watch your prompts transform into production-ready specifications with a single click.", phoneOne: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-detailed-advanced-settings-panel-inter-1772983046118-239dd314.png" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-detailed-advanced-settings-panel-inter-1772983046118-239dd314.png?_wi=1" }, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-storyboard-planning-interface-showing--1772983047866-8c020a67.png" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-storyboard-planning-interface-showing--1772983047866-8c020a67.png?_wi=1" }, }, { id: 2, title: "Multi-Model Selection", description: "Choose between Kling, Veo, Luma, and Runway models with real-time performance metrics. Each model excels in different aspects—compare Speed vs Quality badges to pick the perfect fit for your project.", phoneOne: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-minimalist-tech-icon-representing-the--1772983044917-bd6a585f.png" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-minimalist-tech-icon-representing-the--1772983044917-bd6a585f.png?_wi=1" }, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-dynamic-runway-inspired-icon-represent-1772983045307-b7caf400.png" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-dynamic-runway-inspired-icon-represent-1772983045307-b7caf400.png?_wi=1" }, }, { id: 3, title: "Seed-Locked Character Consistency", description: "Create entire films with the same protagonist. Freeze character models using our seed-locking technology, ensuring consistent appearance, movement patterns, and physical traits across all your generated scenes.", phoneOne: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-side-by-side-comparison-of-multiple-vi-1772983046476-5300c0e8.png" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-side-by-side-comparison-of-multiple-vi-1772983046476-5300c0e8.png?_wi=1" }, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-beautiful-cinematic-ai-generated-video-1772983046907-e2d2c4dc.png" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-beautiful-cinematic-ai-generated-video-1772983046907-e2d2c4dc.png?_wi=1" }, }, { id: 4, title: "AI Director Storyboarding", description: "Structure your narrative with guided storyboards. Input Setup → Action → Resolution, and our AI crafts smooth transitions between scenes. Perfect for short films, commercials, and cinematic sequences.", phoneOne: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-storyboard-planning-interface-showing--1772983047866-8c020a67.png" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-storyboard-planning-interface-showing--1772983047866-8c020a67.png?_wi=2" }, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/an-epic-action-scene-video-frame-with-dr-1772983045447-419cebdc.png" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/an-epic-action-scene-video-frame-with-dr-1772983045447-419cebdc.png?_wi=1" }, }, ]} @@ -137,7 +137,7 @@ export default function LandingPage() { products={[ { id: "kling-pro", brand: "BytedanceLabs", name: "Kling AI Video", price: "$0.15/min", rating: 5, - reviewCount: "2.3k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-minimalist-tech-icon-representing-the--1772983044917-bd6a585f.png", imageAlt: "Kling Model Icon" + reviewCount: "2.3k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-minimalist-tech-icon-representing-the--1772983044917-bd6a585f.png?_wi=2", imageAlt: "Kling Model Icon" }, { id: "veo-standard", brand: "GoogleDeepMind", name: "Veo 2 Standard", price: "$0.20/min", rating: 5, @@ -149,7 +149,7 @@ export default function LandingPage() { }, { id: "runway-gen3", brand: "RunwayML", name: "Gen-3 Alpha Turbo", price: "$0.18/min", rating: 5, - reviewCount: "2.7k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-dynamic-runway-inspired-icon-represent-1772983045307-b7caf400.png", imageAlt: "Runway Model Icon" + reviewCount: "2.7k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-dynamic-runway-inspired-icon-represent-1772983045307-b7caf400.png?_wi=2", imageAlt: "Runway Model Icon" }, ]} gridVariant="four-items-2x2-equal-grid" @@ -188,16 +188,16 @@ export default function LandingPage() { tagAnimation="slide-up" blogs={[ { - id: "1", category: "Landscape & Nature", title: "Ethereal Bioluminescent Forest", excerpt: "A magical forest scene with glowing water streams and floating particles. Seed-locked nature elements create seamless scene transitions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-beautiful-cinematic-ai-generated-video-1772983046907-e2d2c4dc.png", imageAlt: "Bioluminescent forest masterpiece", authorName: "Alex Chen", authorAvatar: "/placeholders/avatar-alex.webp", date: "Jan 15, 2025" + id: "1", category: "Landscape & Nature", title: "Ethereal Bioluminescent Forest", excerpt: "A magical forest scene with glowing water streams and floating particles. Seed-locked nature elements create seamless scene transitions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-beautiful-cinematic-ai-generated-video-1772983046907-e2d2c4dc.png?_wi=2", imageAlt: "Bioluminescent forest masterpiece", authorName: "Alex Chen", authorAvatar: "/placeholders/avatar-alex.webp", date: "Jan 15, 2025" }, { - id: "2", category: "Cyberpunk & Tech", title: "Neon Cityscape Evolution", excerpt: "A dynamic cyberpunk metropolis with flowing data streams. Multi-model generation showcasing Runway Gen-3 capabilities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/an-abstract-futuristic-cityscape-generat-1772983045877-711bf42e.png", imageAlt: "Neon cityscape video", authorName: "Jordan Moon", authorAvatar: "/placeholders/avatar-jordan.webp", date: "Jan 14, 2025" + id: "2", category: "Cyberpunk & Tech", title: "Neon Cityscape Evolution", excerpt: "A dynamic cyberpunk metropolis with flowing data streams. Multi-model generation showcasing Runway Gen-3 capabilities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/an-abstract-futuristic-cityscape-generat-1772983045877-711bf42e.png?_wi=1", imageAlt: "Neon cityscape video", authorName: "Jordan Moon", authorAvatar: "/placeholders/avatar-jordan.webp", date: "Jan 14, 2025" }, { - id: "3", category: "Character Animation", title: "Character Consistency Showcase", excerpt: "Same character across 5 different scenes using seed-locking. Perfect demonstration of maintaining visual coherence in storytelling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-side-by-side-comparison-of-multiple-vi-1772983046476-5300c0e8.png", imageAlt: "Character consistency demo", authorName: "Maya Singh", authorAvatar: "/placeholders/avatar-maya.webp", date: "Jan 13, 2025" + id: "3", category: "Character Animation", title: "Character Consistency Showcase", excerpt: "Same character across 5 different scenes using seed-locking. Perfect demonstration of maintaining visual coherence in storytelling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-side-by-side-comparison-of-multiple-vi-1772983046476-5300c0e8.png?_wi=2", imageAlt: "Character consistency demo", authorName: "Maya Singh", authorAvatar: "/placeholders/avatar-maya.webp", date: "Jan 13, 2025" }, { - id: "4", category: "Action & Drama", title: "Cinematic Action Sequence", excerpt: "Epic battle scene with motion intensity set to 9/10. Generated using AI Director storyboarding for seamless scene flow.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/an-epic-action-scene-video-frame-with-dr-1772983045447-419cebdc.png", imageAlt: "Action sequence video", authorName: "Chris Rivera", authorAvatar: "/placeholders/avatar-chris.webp", date: "Jan 12, 2025" + id: "4", category: "Action & Drama", title: "Cinematic Action Sequence", excerpt: "Epic battle scene with motion intensity set to 9/10. Generated using AI Director storyboarding for seamless scene flow.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/an-epic-action-scene-video-frame-with-dr-1772983045447-419cebdc.png?_wi=2", imageAlt: "Action sequence video", authorName: "Chris Rivera", authorAvatar: "/placeholders/avatar-chris.webp", date: "Jan 12, 2025" }, ]} textboxLayout="default" @@ -222,19 +222,19 @@ export default function LandingPage() { animationType="slide-up" plans={[ { - id: "starter", title: "Creator Starter", price: "$29", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-detailed-advanced-settings-panel-inter-1772983046118-239dd314.png", imageAlt: "Creator Starter Plan", button: { text: "Start Free", href: "#dashboard" }, + id: "starter", title: "Creator Starter", price: "$29", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-detailed-advanced-settings-panel-inter-1772983046118-239dd314.png?_wi=2", imageAlt: "Creator Starter Plan", button: { text: "Start Free", href: "#dashboard" }, features: [ "10 minutes video generation/month", "Basic models (Kling, Luma)", "1080p resolution max", "Community gallery access", "Email support" ], }, { - id: "pro", title: "Professional Studio", price: "$99", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/an-abstract-futuristic-cityscape-generat-1772983045877-711bf42e.png", imageAlt: "Professional Studio Plan", button: { text: "Get Started", href: "#dashboard" }, + id: "pro", title: "Professional Studio", price: "$99", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/an-abstract-futuristic-cityscape-generat-1772983045877-711bf42e.png?_wi=2", imageAlt: "Professional Studio Plan", button: { text: "Get Started", href: "#dashboard" }, features: [ "100 minutes video generation/month", "All AI models (Kling, Veo, Luma, Runway)", "4K resolution support", "Seed-locking & AI Director", "Priority GPU access", "API access" ], }, { - id: "enterprise", title: "Enterprise Production", price: "Custom", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/an-epic-action-scene-video-frame-with-dr-1772983045447-419cebdc.png", imageAlt: "Enterprise Production Plan", button: { text: "Contact Sales", href: "#contact" }, + id: "enterprise", title: "Enterprise Production", price: "Custom", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/an-epic-action-scene-video-frame-with-dr-1772983045447-419cebdc.png?_wi=3", imageAlt: "Enterprise Production Plan", button: { text: "Contact Sales", href: "#contact" }, features: [ "Unlimited video generation", "Dedicated GPU resources", "Custom model training", "White-label solution", "24/7 priority support", "SLA guarantee" ], @@ -256,13 +256,13 @@ export default function LandingPage() { tagAnimation="slide-up" metrics={[ { - id: "kling-load", value: "12%", title: "Kling GPU Load", description: "Fastest available—optimal for real-time generation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-compact-real-time-gpu-status-indicator-1772983046591-92d965ac.png", imageAlt: "Kling GPU Status" + id: "kling-load", value: "12%", title: "Kling GPU Load", description: "Fastest available—optimal for real-time generation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-compact-real-time-gpu-status-indicator-1772983046591-92d965ac.png?_wi=1", imageAlt: "Kling GPU Status" }, { - id: "veo-load", value: "68%", title: "Veo GPU Load", description: "Moderate load—good for quality output", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-compact-real-time-gpu-status-indicator-1772983046591-92d965ac.png", imageAlt: "Veo GPU Status" + id: "veo-load", value: "68%", title: "Veo GPU Load", description: "Moderate load—good for quality output", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-compact-real-time-gpu-status-indicator-1772983046591-92d965ac.png?_wi=2", imageAlt: "Veo GPU Status" }, { - id: "runway-load", value: "45%", title: "Runway GPU Load", description: "Balanced performance—recommended", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-compact-real-time-gpu-status-indicator-1772983046591-92d965ac.png", imageAlt: "Runway GPU Status" + id: "runway-load", value: "45%", title: "Runway GPU Load", description: "Balanced performance—recommended", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-compact-real-time-gpu-status-indicator-1772983046591-92d965ac.png?_wi=3", imageAlt: "Runway GPU Status" }, ]} textboxLayout="default"