diff --git a/src/app/page.tsx b/src/app/page.tsx index f11cfd5..7bee77c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -38,7 +38,8 @@ export default function LandingPage() { { name: "Pricing", id: "pricing" }, ]} button={{ - text: "Start Generating", href: "#dashboard"}} + text: "Start Generating", href: "#dashboard" + }} className="fixed top-0 left-0 right-0 z-50" /> @@ -53,9 +54,11 @@ export default function LandingPage() { background={{ variant: "plain" }} mediaItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-futuristic-ai-video-generation-dashboa-1772983045664-94736818.png", imageAlt: "AI Video Generation Dashboard Interface"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-futuristic-ai-video-generation-dashboa-1772983045664-94736818.png", imageAlt: "AI Video Generation Dashboard Interface" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-glowing-sparkle-animation-effect-with--1772983045397-52e5c802.png", imageAlt: "Sparkle Enhancement Animation Effect"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-glowing-sparkle-animation-effect-with--1772983045397-52e5c802.png", imageAlt: "Sparkle Enhancement Animation Effect" + }, ]} rating={5} ratingText="Trusted by 10,000+ Creators" @@ -65,7 +68,6 @@ export default function LandingPage() { ]} buttonAnimation="slide-up" mediaAnimation="slide-up" - useInvertedBackground={false} /> @@ -80,35 +82,42 @@ 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?_wi=1"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-detailed-advanced-settings-panel-inter-1772983046118-239dd314.png" + }, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-storyboard-planning-interface-showing--1772983047866-8c020a67.png?_wi=1"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-storyboard-planning-interface-showing--1772983047866-8c020a67.png" + }, }, { 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?_wi=1"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-minimalist-tech-icon-representing-the--1772983044917-bd6a585f.png" + }, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-dynamic-runway-inspired-icon-represent-1772983045307-b7caf400.png?_wi=1"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-dynamic-runway-inspired-icon-represent-1772983045307-b7caf400.png" + }, }, { 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?_wi=1"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-side-by-side-comparison-of-multiple-vi-1772983046476-5300c0e8.png" + }, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-beautiful-cinematic-ai-generated-video-1772983046907-e2d2c4dc.png?_wi=1"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-beautiful-cinematic-ai-generated-video-1772983046907-e2d2c4dc.png" + }, }, { 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?_wi=2"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-storyboard-planning-interface-showing--1772983047866-8c020a67.png" + }, 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?_wi=1"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/an-epic-action-scene-video-frame-with-dr-1772983045447-419cebdc.png" + }, }, ]} showStepNumbers={true} textboxLayout="default" - useInvertedBackground={false} animationType="slide-up" buttons={[ { text: "Explore Features", href: "#settings" }, @@ -127,21 +136,24 @@ 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?_wi=2", 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", imageAlt: "Kling Model Icon" + }, { id: "veo-standard", brand: "GoogleDeepMind", name: "Veo 2 Standard", price: "$0.20/min", rating: 5, - reviewCount: "1.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-modern-icon-representing-veo-video-gen-1772983045238-f88baa89.png", imageAlt: "Veo Model Icon"}, + reviewCount: "1.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-modern-icon-representing-veo-video-gen-1772983045238-f88baa89.png", imageAlt: "Veo Model Icon" + }, { id: "luma-dream", brand: "LumaAI", name: "Dream Machine XL", price: "$0.12/min", rating: 4, - reviewCount: "3.1k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-bright-luminous-icon-for-luma-model-em-1772983044996-0e2aeb92.png", imageAlt: "Luma Model Icon"}, + reviewCount: "3.1k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfAF0YNjv4SLNavibmbmJSXQNB/a-bright-luminous-icon-for-luma-model-em-1772983044996-0e2aeb92.png", imageAlt: "Luma Model Icon" + }, { 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?_wi=2", 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", imageAlt: "Runway Model Icon" + }, ]} gridVariant="four-items-2x2-equal-grid" animationType="slide-up" textboxLayout="default" - useInvertedBackground={false} buttons={[ { text: "Compare Models", href: "#pricing" }, ]} @@ -153,7 +165,8 @@ export default function LandingPage() {