bender/8fb95e1c-26fc-44a4-b661-fbdab41ee99d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-13 07:12:23 +00:00
Conversation 0 Commits 1 Files Changed 1 +47 -287
1 changed files with 47 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files

334
src/app/page.tsx
View File

@@ -32,87 +32,35 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Features",
id: "#features",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "#pricing" },
{ name: "Contact", id: "#contact" },
]}
brandName="Audo System"
button={{
text: "Get Started",
href: "#contact",
}}
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Refined Minimalism Meets Modern Clarity"
description="A design system grounded in a century of Danish craftsmanship, expressed through warm earth tones, serif typography, and intentional whitespace. Every component reflects the balance between heritage and innovation—elegant, purposeful, and free from unnecessary decoration."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg",
alt: "Audo Expert 1",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16383.jpg",
alt: "Audo Expert 2",
},
{
src: "http://img.b2bpic.net/free-photo/abstract-plastic-bag-concept_23-2148549019.jpg",
alt: "Audo Expert 3",
},
{
src: "http://img.b2bpic.net/free-photo/hanging-glass-lamp-light-vintage_1203-5789.jpg",
alt: "Audo Expert 4",
},
{
src: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378902.jpg",
alt: "Audo Expert 5",
},
]}
buttons={[
{
text: "Explore the System",
href: "#about",
},
{ src: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg", alt: "Audo Expert 1" },
{ src: "http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16383.jpg", alt: "Audo Expert 2" },
{ src: "http://img.b2bpic.net/free-photo/abstract-plastic-bag-concept_23-2148549019.jpg", alt: "Audo Expert 3" },
{ src: "http://img.b2bpic.net/free-photo/hanging-glass-lamp-light-vintage_1203-5789.jpg", alt: "Audo Expert 4" },
{ src: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378902.jpg", alt: "Audo Expert 5" },
]}
buttons={[{ text: "Explore the System", href: "#about" }]}
marqueeItems={[
{
type: "text",
text: "Danish Minimalist",
},
{
type: "text",
text: "Refined Typography",
},
{
type: "text",
text: "Intentional Whitespace",
},
{
type: "text",
text: "Heritage Driven",
},
{
type: "text",
text: "Digital Excellence",
},
{ type: "text", text: "Danish Minimalist" },
{ type: "text", text: "Refined Typography" },
{ type: "text", text: "Intentional Whitespace" },
{ type: "text", text: "Heritage Driven" },
{ type: "text", text: "Digital Excellence" },
]}
/>
</div>
@@ -124,20 +72,11 @@ export default function LandingPage() {
title="Purposeful Heritage"
description="Our system prioritizes clarity and intentionality. By stripping away decorative excess, we allow the quality of materials and the precision of form to take center stage."
bulletPoints={[
{
title: "Cultural Heritage",
description: "Authentically rooted in Danish design values.",
},
{
title: "Craftsmanship",
description: "Every detail refined for optimal performance.",
},
{
title: "Scalable Clarity",
description: "Modular components that grow with your project.",
},
{ title: "Cultural Heritage", description: "Authentically rooted in Danish design values." },
{ title: "Craftsmanship", description: "Every detail refined for optimal performance." },
{ title: "Scalable Clarity", description: "Modular components that grow with your project." },
]}
imageSrc="http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741814.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741814.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -149,46 +88,16 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Typography Hierarchy",
description: "A balanced system of serif and sans fonts.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-vector/clean-infographic-timeline_23-2147536132.jpg",
imageAlt: "Typo",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/abstract-banner-lego-art-poster-transparent-psd-file_460848-6828.jpg",
imageAlt: "Typo",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg?_wi=1",
imageAlt: "minimalist digital interface design",
title: "Typography Hierarchy", description: "A balanced system of serif and sans fonts.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/clean-infographic-timeline_23-2147536132.jpg", imageAlt: "Typo" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-banner-lego-art-poster-transparent-psd-file_460848-6828.jpg", imageAlt: "Typo" },
},
{
title: "Color Foundation",
description: "A warm, neutral palette inspired by nature.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/abstract-banner-lego-art-poster-design_460848-7394.jpg",
imageAlt: "Color",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
imageAlt: "Color",
},
imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741814.jpg?_wi=2",
imageAlt: "minimalist digital interface design",
title: "Color Foundation", description: "A warm, neutral palette inspired by nature.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-banner-lego-art-poster-design_460848-7394.jpg", imageAlt: "Color" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg", imageAlt: "Color" },
},
{
title: "Spacing Rhythm",
description: "Consistent intervals for visual harmony.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-vector/web-design-portfolio-layout-vector_53876-58041.jpg",
imageAlt: "Space",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg",
imageAlt: "Space",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg?_wi=1",
imageAlt: "minimalist digital interface design",
title: "Spacing Rhythm", description: "Consistent intervals for visual harmony.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/web-design-portfolio-layout-vector_53876-58041.jpg", imageAlt: "Space" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg", imageAlt: "Space" },
},
]}
showStepNumbers={true}
@@ -203,27 +112,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100+",
title: "Components",
description: "Fully documented library parts",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-10249.jpg",
},
{
id: "m2",
value: "2x",
title: "Efficiency",
description: "Faster delivery cycles",
imageSrc: "http://img.b2bpic.net/free-photo/classic-apartment-decoration-lamp-metal_1203-4547.jpg",
},
{
id: "m3",
value: "99%",
title: "Consistency",
description: "Aligned brand standards",
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-individual-armchair-front-window-with-small-table-interior-cozy-house-ai-generateive-generative-ai_123827-23841.jpg",
},
{ id: "m1", value: "100+", title: "Components", description: "Fully documented library parts", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-10249.jpg" },
{ id: "m2", value: "2x", title: "Efficiency", description: "Faster delivery cycles", imageSrc: "http://img.b2bpic.net/free-photo/classic-apartment-decoration-lamp-metal_1203-4547.jpg" },
{ id: "m3", value: "99%", title: "Consistency", description: "Aligned brand standards", imageSrc: "http://img.b2bpic.net/free-photo/relaxing-individual-armchair-front-window-with-small-table-interior-cozy-house-ai-generateive-generative-ai_123827-23841.jpg" },
]}
title="System Impact"
description="Measurable results for design-driven teams."
@@ -236,54 +127,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "p1",
title: "Core",
price: "$0",
period: "/mo",
features: [
"Library Access",
"Documentation",
"Community",
],
button: {
text: "Get Started",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5adi9i",
imageAlt: "design agency minimalist logo",
},
{
id: "p2",
title: "Studio",
price: "$199",
period: "/mo",
features: [
"All Core Features",
"Design Tokens",
"Priority Support",
],
button: {
text: "Get Started",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg?_wi=2",
imageAlt: "design agency minimalist logo",
},
{
id: "p3",
title: "Enterprise",
price: "$499",
period: "/mo",
features: [
"Custom Components",
"White Labeling",
"Dedicated Lead",
],
button: {
text: "Get Started",
},
imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741814.jpg?_wi=3",
imageAlt: "design agency minimalist logo",
},
{ id: "p1", title: "Core", price: "$0", period: "/mo", features: ["Library Access", "Documentation", "Community"], button: { text: "Get Started" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5adi9i", imageAlt: "design agency minimalist logo" },
{ id: "p2", title: "Studio", price: "$199", period: "/mo", features: ["All Core Features", "Design Tokens", "Priority Support"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg", imageAlt: "design agency minimalist logo" },
{ id: "p3", title: "Enterprise", price: "$499", period: "/mo", features: ["Custom Components", "White Labeling", "Dedicated Lead"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741814.jpg", imageAlt: "design agency minimalist logo" },
]}
title="Implementation Tiers"
description="Choose the right system access for your team size."
@@ -297,21 +143,9 @@ export default function LandingPage() {
tag="Meet the Team"
membersAnimation="slide-up"
members={[
{
id: "t1",
name: "Lars Sørensen",
imageSrc: "http://img.b2bpic.net/free-photo/interior-living-room-with-sofa-decorative-items_169016-5154.jpg",
},
{
id: "t2",
name: "Mette Nielsen",
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lighting-lamp-design_23-2151047577.jpg",
},
{
id: "t3",
name: "Jesper Hansen",
imageSrc: "http://img.b2bpic.net/free-photo/empty-psychiatry-office-ready-counseling-therapy-session-with-clients_482257-107791.jpg",
},
{ id: "t1", name: "Lars Sørensen", imageSrc: "http://img.b2bpic.net/free-photo/interior-living-room-with-sofa-decorative-items_169016-5154.jpg" },
{ id: "t2", name: "Mette Nielsen", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lighting-lamp-design_23-2151047577.jpg" },
{ id: "t3", name: "Jesper Hansen", imageSrc: "http://img.b2bpic.net/free-photo/empty-psychiatry-office-ready-counseling-therapy-session-with-clients_482257-107791.jpg" },
]}
memberVariant="card"
/>
@@ -323,46 +157,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Jensen",
handle: "@sarahdesign",
testimonial: "The most elegant system I have ever worked with. Truly minimal and effective.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg?_wi=2",
},
{
id: "2",
name: "Morten Lund",
handle: "@mortenarch",
testimonial: "Danish heritage infused with modern digital logic. Remarkable balance.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/freelancing-was-best-idea-my-career_329181-11588.jpg",
},
{
id: "3",
name: "Elena Rossi",
handle: "@rossi_design",
testimonial: "Finally, a system that values white space as much as functionality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916388.jpg",
},
{
id: "4",
name: "Thomas Berg",
handle: "@tberg",
testimonial: "Exceptional documentation and a beautiful, clean visual language.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204615.jpg",
},
{
id: "5",
name: "Sofia Lind",
handle: "@sofialind",
testimonial: "Saved our team months of UI decision-making. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705900.jpg",
},
{ id: "1", name: "Sarah Jensen", handle: "@sarahdesign", testimonial: "The most elegant system I have ever worked with. Truly minimal and effective.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg" },
{ id: "2", name: "Morten Lund", handle: "@mortenarch", testimonial: "Danish heritage infused with modern digital logic. Remarkable balance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/freelancing-was-best-idea-my-career_329181-11588.jpg" },
{ id: "3", name: "Elena Rossi", handle: "@rossi_design", testimonial: "Finally, a system that values white space as much as functionality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916388.jpg" },
{ id: "4", name: "Thomas Berg", handle: "@tberg", testimonial: "Exceptional documentation and a beautiful, clean visual language.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204615.jpg" },
{ id: "5", name: "Sofia Lind", handle: "@sofialind", testimonial: "Saved our team months of UI decision-making. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705900.jpg" },
]}
showRating={true}
title="Community Voices"
@@ -375,14 +174,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"DesignHaus",
"NordicForms",
"CraftStudio",
"MinimalCo",
"FormFollows",
"ArtisanDesign",
"PureSpace",
]}
"DesignHaus", "NordicForms", "CraftStudio", "MinimalCo", "FormFollows", "ArtisanDesign", "PureSpace"]}
title="Industry Partners"
description="Trusted by leading design studios."
/>
@@ -391,9 +183,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Collaboration"
title="Get in Touch"
description="Let's collaborate on your next heritage project."
@@ -407,43 +197,13 @@ export default function LandingPage() {
logoText="Audo System"
columns={[
{
title: "Platform",
items: [
{
label: "About",
href: "#about",
},
{
label: "Features",
href: "#features",
},
],
title: "Platform", items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }],
},
{
title: "Resources",
items: [
{
label: "Documentation",
href: "#",
},
{
label: "Support",
href: "#",
},
],
title: "Resources", items: [{ label: "Documentation", href: "#" }, { label: "Support", href: "#" }],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }],
},
]}
/>
@@ -451,4 +211,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}