diff --git a/src/app/page.tsx b/src/app/page.tsx index 99d63c0..91cc135 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -18,7 +18,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="compact" sizing="mediumLargeSizeMediumTitles" - background="noise" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="layered" @@ -57,20 +57,20 @@ export default function LandingPage() { testimonials={[ { name: "Sarah Chen", handle: "Product Designer, Design Studio", testimonial: "This saves us weeks on every project. Our design systems are now consistent and accessible.", rating: 5, - imageSrc: "/placeholders/placeholder1.webp?_wi=1"}, + imageSrc: "/placeholders/placeholder1.webp"}, { name: "Marcus Johnson", handle: "Founder, Design Agency", testimonial: "Finally, a tool that understands design psychology and makes it accessible to everyone.", rating: 5, - imageSrc: "/placeholders/placeholder1.webp?_wi=2"}, + imageSrc: "/placeholders/placeholder1.webp"}, { name: "Elena Rodriguez", handle: "Design Lead, Tech Company", testimonial: "The accessibility automation alone is worth it. Our products are more inclusive now.", rating: 5, - imageSrc: "/placeholders/placeholder1.webp?_wi=3"}, + imageSrc: "/placeholders/placeholder1.webp"}, { name: "James Liu", handle: "Design System Manager", testimonial: "Standardization across our teams improved immediately. Design governance made simple.", rating: 5, - imageSrc: "/placeholders/placeholder1.webp?_wi=4"}, + imageSrc: "/placeholders/placeholder1.webp"}, ]} testimonialRotationInterval={5000} useInvertedBackground={false} - background={{ variant: "noise" }} + background={{ variant: "plain" }} /> @@ -90,7 +90,7 @@ export default function LandingPage() { { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-vibrant-visualization-of-an-ai-color-p-1772658642179-f0c64b3e.png", imageAlt: "Color palette generation interface"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-vibrant-visualization-of-smart-color-r-1772658642883-26cbd540.png?_wi=1", imageAlt: "Smart color recommendation engine"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-vibrant-visualization-of-smart-color-r-1772658642883-26cbd540.png", imageAlt: "Smart color recommendation engine"}, ], }, { @@ -99,16 +99,16 @@ export default function LandingPage() { { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-sophisticated-typography-system-visual-1772658643347-39cd02d3.png", imageAlt: "Typography system visualization"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-clean-visualization-of-real-design-sys-1772658643165-255c3136.png?_wi=1", imageAlt: "Design system structure"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-clean-visualization-of-real-design-sys-1772658643165-255c3136.png", imageAlt: "Design system structure"}, ], }, { title: "Component Libraries", description: "Pre-structured component hierarchies with design tokens, variant definitions, and accessibility rules baked in from the start.", icon: Layers, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-clean-visualization-of-real-design-sys-1772658643165-255c3136.png?_wi=2", imageAlt: "Component library structure"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-clean-visualization-of-real-design-sys-1772658643165-255c3136.png", imageAlt: "Component library structure"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-sophisticated-visualization-of-real-ac-1772658642919-df4a2f30.png?_wi=1", imageAlt: "Accessibility automation"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-sophisticated-visualization-of-real-ac-1772658642919-df4a2f30.png", imageAlt: "Accessibility automation"}, ], }, { @@ -117,7 +117,7 @@ export default function LandingPage() { { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/an-accessibility-focused-design-interfac-1772658643374-c147bc44.png", imageAlt: "Accessibility compliance dashboard"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-sophisticated-visualization-of-real-ac-1772658642919-df4a2f30.png?_wi=2", imageAlt: "Real Accessibility Intelligence engine"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-sophisticated-visualization-of-real-ac-1772658642919-df4a2f30.png", imageAlt: "Real Accessibility Intelligence engine"}, ], }, ]} @@ -138,13 +138,13 @@ export default function LandingPage() { { id: "engine-1", name: "Brand DNA Engine", price: "Extracts & Codifies", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/an-abstract-visualization-of-a-brand-dna-1772658642394-65c80837.png", imageAlt: "Brand DNA Engine visualization"}, { - id: "engine-2", name: "Real Accessibility Intelligence", price: "WCAG Automation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-sophisticated-visualization-of-real-ac-1772658642919-df4a2f30.png?_wi=3", imageAlt: "Accessibility Intelligence Engine"}, + id: "engine-2", name: "Real Accessibility Intelligence", price: "WCAG Automation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-sophisticated-visualization-of-real-ac-1772658642919-df4a2f30.png", imageAlt: "Accessibility Intelligence Engine"}, { - id: "engine-3", name: "Smart Color Recommendation", price: "Psychology-Driven", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-vibrant-visualization-of-smart-color-r-1772658642883-26cbd540.png?_wi=2", imageAlt: "Smart Color Recommendation Engine"}, + id: "engine-3", name: "Smart Color Recommendation", price: "Psychology-Driven", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-vibrant-visualization-of-smart-color-r-1772658642883-26cbd540.png", imageAlt: "Smart Color Recommendation Engine"}, { id: "engine-4", name: "Design Psychology Engine", price: "Cognitive Principles", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/an-abstract-visualization-of-design-psyc-1772658643519-83bae451.png", imageAlt: "Design Psychology Engine"}, { - id: "engine-5", name: "Real Design System Structure", price: "Component Hierarchy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-clean-visualization-of-real-design-sys-1772658643165-255c3136.png?_wi=3", imageAlt: "Design System Structure Engine"}, + id: "engine-5", name: "Real Design System Structure", price: "Component Hierarchy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-clean-visualization-of-real-design-sys-1772658643165-255c3136.png", imageAlt: "Design System Structure Engine"}, { id: "engine-6", name: "Layout Intelligence", price: "Spatial Logic & Grid", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-sophisticated-visualization-of-layout--1772658643465-36ca7a28.png", imageAlt: "Layout Intelligence Engine"}, ]} @@ -159,6 +159,9 @@ export default function LandingPage() { tagAnimation="slide-up" textboxLayout="default" useInvertedBackground={true} + names={[ + "Tech Company", "Creative Agency", "Startup Innovators", "Design Systems Co", "Digital Product Inc", "Software Solutions", "Design SaaS Studio", "Enterprise Software" + ]} logos={[ "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-modern-tech-company-logo-representing--1772658641755-818b469e.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-creative-agency-logo-with-sophisticate-1772658641854-6940faa2.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-startup-company-logo-embodying-intelli-1772658641227-24eb6a00.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-design-systems-company-logo-showcasing-1772658642067-d22cc437.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-digital-product-company-logo-represent-1772658643402-6addb197.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-software-solutions-provider-logo-with--1772658642260-1b5a12b3.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/a-design-focused-saas-company-logo-embod-1772658642004-a44e8332.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUsYMNE6GuUVBpdvVcwqYYpkRU/an-enterprise-software-company-logo-repr-1772658641593-d37603b0.png"]} speed={40} @@ -178,7 +181,7 @@ export default function LandingPage() { { text: "Learn More", href: "#features" }, ]} buttonAnimation="slide-up" - background={{ variant: "noise" }} + background={{ variant: "plain" }} useInvertedBackground={false} />