Merge version_1 into main #1
1367
src/app/layout.tsx
1367
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
@@ -48,7 +48,7 @@ export default function LandingPage() {
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/a-modern-web-based-image-editor-interfac-1773006766894-4a709c6b.png"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/a-modern-web-based-image-editor-interfac-1773006766894-4a709c6b.png?_wi=1"
|
||||
imageAlt="PixelFlow Image Editor Interface"
|
||||
mediaAnimation="slide-up"
|
||||
frameStyle="browser"
|
||||
@@ -68,16 +68,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: "layers", title: "Advanced Layers System", author: "Professional Grade", description: "Create, delete, reorder, and organize layers with blend modes, opacity control, layer groups, masks, and clipping masks. Full non-destructive editing workflow.", tags: ["Layers", "Organization"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/close-up-view-of-a-sophisticated-layers--1773006767268-044d7e59.png", imageAlt: "Layers system with blend modes and opacity controls"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/close-up-view-of-a-sophisticated-layers--1773006767268-044d7e59.png?_wi=1", imageAlt: "Layers system with blend modes and opacity controls"},
|
||||
{
|
||||
id: "tools", title: "Complete Toolset", author: "Professional Grade", description: "Move, brush with pressure simulation, eraser, clone stamp, healing brush, gradient, text, shapes, selection tools, crop, eyedropper, and advanced effects like blur, sharpen, and smudge.", tags: ["Tools", "Selection"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/a-comprehensive-toolbar-showing-editing--1773006768524-92e9a055.png", imageAlt: "Comprehensive toolbar with all editing tools"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/a-comprehensive-toolbar-showing-editing--1773006768524-92e9a055.png?_wi=1", imageAlt: "Comprehensive toolbar with all editing tools"},
|
||||
{
|
||||
id: "adjustments", title: "Adjustment Layers", author: "Professional Grade", description: "Color grading, curves, levels, brightness/contrast, hue/saturation, color balance, HDR effects, and comprehensive filter library with blur, gaussian blur, noise, sharpen, distortion, and liquify-like tools.", tags: ["Adjustments", "Filters"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/adjustment-layers-panel-showing-options--1773006766156-c3a7f6c4.png", imageAlt: "Adjustment layers panel with color controls"},
|
||||
{
|
||||
id: "smart-objects", title: "Smart Objects & Masks", author: "Professional Grade", description: "Work with smart objects for non-destructive transformations, create and edit mask layers, apply clipping masks, and maintain full editability throughout your workflow.", tags: ["Smart Objects", "Masks"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/close-up-view-of-a-sophisticated-layers--1773006767268-044d7e59.png", imageAlt: "Smart objects and mask layer management"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/close-up-view-of-a-sophisticated-layers--1773006767268-044d7e59.png?_wi=2", imageAlt: "Smart objects and mask layer management"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,17 +94,17 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "ai-remover", name: "AI Object Remover", price: "Professional Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/visual-demonstration-of-ai-features-in-a-1773006767690-0c5b41c1.png", imageAlt: "AI object removal in action"},
|
||||
id: "ai-remover", name: "AI Object Remover", price: "Professional Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/visual-demonstration-of-ai-features-in-a-1773006767690-0c5b41c1.png?_wi=1", imageAlt: "AI object removal in action"},
|
||||
{
|
||||
id: "ai-upscaler", name: "Image Upscaler", price: "Up to 8x Resolution", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/visual-demonstration-of-ai-features-in-a-1773006767690-0c5b41c1.png", imageAlt: "AI image upscaling demonstration"},
|
||||
id: "ai-upscaler", name: "Image Upscaler", price: "Up to 8x Resolution", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/visual-demonstration-of-ai-features-in-a-1773006767690-0c5b41c1.png?_wi=2", imageAlt: "AI image upscaling demonstration"},
|
||||
{
|
||||
id: "ai-colorize", name: "Auto Colorization", price: "Intelligent AI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/visual-demonstration-of-ai-features-in-a-1773006767690-0c5b41c1.png", imageAlt: "Automatic colorization of black and white photos"},
|
||||
id: "ai-colorize", name: "Auto Colorization", price: "Intelligent AI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/visual-demonstration-of-ai-features-in-a-1773006767690-0c5b41c1.png?_wi=3", imageAlt: "Automatic colorization of black and white photos"},
|
||||
{
|
||||
id: "ai-sky", name: "Sky Replacement", price: "One-Click Magic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/visual-demonstration-of-ai-features-in-a-1773006767690-0c5b41c1.png", imageAlt: "AI sky replacement feature"},
|
||||
id: "ai-sky", name: "Sky Replacement", price: "One-Click Magic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/visual-demonstration-of-ai-features-in-a-1773006767690-0c5b41c1.png?_wi=4", imageAlt: "AI sky replacement feature"},
|
||||
{
|
||||
id: "ai-style", name: "Style Transfer", price: "Creative AI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/visual-demonstration-of-ai-features-in-a-1773006767690-0c5b41c1.png", imageAlt: "AI style transfer effects"},
|
||||
id: "ai-style", name: "Style Transfer", price: "Creative AI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/visual-demonstration-of-ai-features-in-a-1773006767690-0c5b41c1.png?_wi=5", imageAlt: "AI style transfer effects"},
|
||||
{
|
||||
id: "ai-prompt", name: "Prompt-Based Edit", price: "Natural Language", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/visual-demonstration-of-ai-features-in-a-1773006767690-0c5b41c1.png", imageAlt: "Natural language image editing with AI"},
|
||||
id: "ai-prompt", name: "Prompt-Based Edit", price: "Natural Language", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/visual-demonstration-of-ai-features-in-a-1773006767690-0c5b41c1.png?_wi=6", imageAlt: "Natural language image editing with AI"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,13 +121,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: "realtime", title: "Real-Time Collaboration", author: "Live Editing", description: "Multiple users can edit the same image simultaneously with live cursor tracking, visible selections, and synchronized canvas updates. See exactly what your team members are doing in real-time.", tags: ["Collaboration", "Live"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/real-time-collaboration-interface-showin-1773006768814-6ff4ecd0.png", imageAlt: "Real-time collaboration interface"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/real-time-collaboration-interface-showin-1773006768814-6ff4ecd0.png?_wi=1", imageAlt: "Real-time collaboration interface"},
|
||||
{
|
||||
id: "cloud-save", title: "Cloud Saving", author: "Persistent Storage", description: "Automatically save your work to the cloud with version history. Access your projects from any device, any time. Full sync across desktop, tablet, and mobile.", tags: ["Cloud", "Storage"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/real-time-collaboration-interface-showin-1773006768814-6ff4ecd0.png", imageAlt: "Cloud storage and synchronization"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/real-time-collaboration-interface-showin-1773006768814-6ff4ecd0.png?_wi=2", imageAlt: "Cloud storage and synchronization"},
|
||||
{
|
||||
id: "share-links", title: "Shareable Editing Links", author: "Permission Control", description: "Generate secure sharing links for your projects with granular permission controls. Give viewers edit access, view-only, or comment-only permissions. Revoke access anytime.", tags: ["Sharing", "Security"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/real-time-collaboration-interface-showin-1773006768814-6ff4ecd0.png", imageAlt: "Shareable link generation and permissions"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/real-time-collaboration-interface-showin-1773006768814-6ff4ecd0.png?_wi=3", imageAlt: "Shareable link generation and permissions"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,17 +167,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "hobbyist", title: "Hobbyist", price: "Free", period: "Forever", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/a-modern-web-based-image-editor-interfac-1773006766894-4a709c6b.png", imageAlt: "Hobbyist plan", button: { text: "Get Started", href: "https://app.pixelflow.io/signup" },
|
||||
id: "hobbyist", title: "Hobbyist", price: "Free", period: "Forever", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/a-modern-web-based-image-editor-interfac-1773006766894-4a709c6b.png?_wi=2", imageAlt: "Hobbyist plan", button: { text: "Get Started", href: "https://app.pixelflow.io/signup" },
|
||||
features: [
|
||||
"Up to 4k resolution editing", "Basic tool set (20+ tools)", "10 undo/redo steps", "PNG & JPG export", "IndexedDB local storage", "Community support"],
|
||||
},
|
||||
{
|
||||
id: "professional", title: "Professional", price: "$14.99", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/a-comprehensive-toolbar-showing-editing--1773006768524-92e9a055.png", imageAlt: "Professional plan", button: { text: "Start Free Trial", href: "https://app.pixelflow.io/upgrade" },
|
||||
id: "professional", title: "Professional", price: "$14.99", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/a-comprehensive-toolbar-showing-editing--1773006768524-92e9a055.png?_wi=2", imageAlt: "Professional plan", button: { text: "Start Free Trial", href: "https://app.pixelflow.io/upgrade" },
|
||||
features: [
|
||||
"Full 20k resolution support", "Complete toolset with AI features", "Unlimited undo/redo history", "All export formats (PSD, PNG, JPG, WEBP, SVG)", "Cloud storage (100GB)", "Real-time collaboration (5 users)", "Priority support", "Plugin marketplace access"],
|
||||
},
|
||||
{
|
||||
id: "enterprise", title: "Enterprise", price: "Custom", period: "pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/real-time-collaboration-interface-showin-1773006768814-6ff4ecd0.png", imageAlt: "Enterprise plan", button: { text: "Contact Sales", href: "#contact" },
|
||||
id: "enterprise", title: "Enterprise", price: "Custom", period: "pricing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgG6earhbicmw9UCWUiNBcSLhb/real-time-collaboration-interface-showin-1773006768814-6ff4ecd0.png?_wi=4", imageAlt: "Enterprise plan", button: { text: "Contact Sales", href: "#contact" },
|
||||
features: [
|
||||
"Unlimited resolution & editing", "Unlimited collaborators", "Unlimited cloud storage", "Advanced API access", "Custom plugins & integrations", "Dedicated support team", "On-premise deployment", "SSO & advanced security"],
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user