Merge version_1 into main #2
@@ -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" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user