From b9393d4562a30f598fcb33ebebb5ce54ea5de700 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 13 May 2026 21:34:27 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 324 ++++++++--------------------------------------- 1 file changed, 53 insertions(+), 271 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index eb7ac2d..8e1ca73 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,40 +20,29 @@ export default function LandingPage() { defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" - contentWidth="small" + contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" - cardStyle="glass-depth" - primaryButtonStyle="shadow" - secondaryButtonStyle="radial-glow" - headingFontWeight="extrabold" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -62,16 +51,10 @@ export default function LandingPage() { logoText="DigitalArc Solutions" description="Unlock premium digital assets designed to scale your creative workflow. From high-fidelity UI kits to sophisticated design systems." buttons={[ - { - text: "Browse Products", - href: "#products", - }, - { - text: "Learn More", - href: "#about", - }, + { text: "Browse Products", href: "#products" }, + { text: "Learn More", href: "#about" } ]} - imageSrc="http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg" imageAlt="Futuristic tech dashboard" /> @@ -81,7 +64,7 @@ export default function LandingPage() { useInvertedBackground={false} title="Pioneering the Digital Edge" description="DigitalArc creates high-performance assets for the modern creator. We combine clean aesthetics with technical precision to ensure every file you download is production-ready." - imageSrc="http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176546.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176546.jpg" imageAlt="Geometric tech shapes" /> @@ -93,56 +76,26 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Scalable Assets", - description: "Files that expand with your project.", - icon: Zap, + title: "Scalable Assets", description: "Files that expand with your project.", icon: Zap, mediaItems: [ - { - imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg", - imageAlt: "Scaling app", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk-still-life_23-2150440928.jpg", - imageAlt: "Icon set", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg?_wi=2", - imageAlt: "ui kit app design", + { imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg", imageAlt: "Scaling app" }, + { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk-still-life_23-2150440928.jpg", imageAlt: "Icon set" } + ] }, { - title: "Developer Ready", - description: "Clean, organized, and semantic assets.", - icon: Code, + title: "Developer Ready", description: "Clean, organized, and semantic assets.", icon: Code, mediaItems: [ - { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-adult-male-working-from-home_23-2148694515.jpg", - imageAlt: "Code tools", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-smartphone_23-2149636262.jpg", - imageAlt: "Planner tool", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176546.jpg?_wi=2", - imageAlt: "ui kit app design", + { imageSrc: "http://img.b2bpic.net/free-photo/close-up-adult-male-working-from-home_23-2148694515.jpg", imageAlt: "Code tools" }, + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-smartphone_23-2149636262.jpg", imageAlt: "Planner tool" } + ] }, { - title: "Design Systems", - description: "Cohesive logic built for efficiency.", - icon: Layout, + title: "Design Systems", description: "Cohesive logic built for efficiency.", icon: Layout, mediaItems: [ - { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-nutritional-counter-app_23-2149880598.jpg", - imageAlt: "System guide", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-315197.jpg", - imageAlt: "Texture background", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg?_wi=1", - imageAlt: "ui kit app design", - }, + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-nutritional-counter-app_23-2149880598.jpg", imageAlt: "System guide" }, + { imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-315197.jpg", imageAlt: "Texture background" } + ] + } ]} title="Engineered for Excellence" description="Our product development cycle integrates standard professional workflows to help you ship faster." @@ -156,48 +109,12 @@ export default function LandingPage() { gridVariant="three-columns-all-equal-width" useInvertedBackground={true} products={[ - { - id: "1", - name: "UI Starter Kit", - price: "$49", - variant: "Premium", - imageSrc: "http://img.b2bpic.net/free-vector/set-mobile-screens-with-ui-applications-including-music-player-photos_1284-16061.jpg", - }, - { - id: "2", - name: "Developer Icons", - price: "$29", - variant: "Essential", - imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369872.jpg", - }, - { - id: "3", - name: "Learning Course", - price: "$149", - variant: "Pro", - imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169862.jpg", - }, - { - id: "4", - name: "Digital Planner", - price: "$19", - variant: "Basic", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168553.jpg", - }, - { - id: "5", - name: "System Guidelines", - price: "$89", - variant: "Corporate", - imageSrc: "http://img.b2bpic.net/free-vector/gradient-cyber-monday-landing-page_52683-142008.jpg", - }, - { - id: "6", - name: "Background Assets", - price: "$39", - variant: "Starter", - imageSrc: "http://img.b2bpic.net/free-vector/liquid-effect-landing-page_23-2148125605.jpg", - }, + { id: "1", name: "UI Starter Kit", price: "$49", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-vector/set-mobile-screens-with-ui-applications-including-music-player-photos_1284-16061.jpg" }, + { id: "2", name: "Developer Icons", price: "$29", variant: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369872.jpg" }, + { id: "3", name: "Learning Course", price: "$149", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169862.jpg" }, + { id: "4", name: "Digital Planner", price: "$19", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168553.jpg" }, + { id: "5", name: "System Guidelines", price: "$89", variant: "Corporate", imageSrc: "http://img.b2bpic.net/free-vector/gradient-cyber-monday-landing-page_52683-142008.jpg" }, + { id: "6", name: "Background Assets", price: "$39", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-vector/liquid-effect-landing-page_23-2148125605.jpg" } ]} title="Latest Releases" description="Discover our newest high-quality digital assets." @@ -210,54 +127,9 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={false} plans={[ - { - id: "basic", - tag: "Starter", - price: "$29", - period: "/mo", - description: "Perfect for freelancers.", - button: { - text: "Get Started", - }, - featuresTitle: "Included", - features: [ - "Limited downloads", - "Standard support", - "Community access", - ], - }, - { - id: "pro", - tag: "Professional", - price: "$89", - period: "/mo", - description: "For scaling teams.", - button: { - text: "Get Started", - }, - featuresTitle: "Included", - features: [ - "Unlimited downloads", - "Priority support", - "Custom license", - ], - }, - { - id: "enterprise", - tag: "Enterprise", - price: "$299", - period: "/mo", - description: "Custom agency solutions.", - button: { - text: "Contact Us", - }, - featuresTitle: "Included", - features: [ - "Dedicated manager", - "Unlimited licenses", - "Global team access", - ], - }, + { id: "basic", tag: "Starter", price: "$29", period: "/mo", description: "Perfect for freelancers.", button: { text: "Get Started" }, featuresTitle: "Included", features: ["Limited downloads", "Standard support", "Community access"] }, + { id: "pro", tag: "Professional", price: "$89", period: "/mo", description: "For scaling teams.", button: { text: "Get Started" }, featuresTitle: "Included", features: ["Unlimited downloads", "Priority support", "Custom license"] }, + { id: "enterprise", tag: "Enterprise", price: "$299", period: "/mo", description: "Custom agency solutions.", button: { text: "Contact Us" }, featuresTitle: "Included", features: ["Dedicated manager", "Unlimited licenses", "Global team access"] } ]} title="Transparent Pricing" description="Choose the membership that suits your creative goals." @@ -270,33 +142,9 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={true} metrics={[ - { - id: "m1", - value: "10k+", - title: "Downloads", - items: [ - "Designers served", - "Files delivered", - ], - }, - { - id: "m2", - value: "99%", - title: "Satisfaction", - items: [ - "User feedback", - "Quality rating", - ], - }, - { - id: "m3", - value: "500+", - title: "Resources", - items: [ - "Assets uploaded", - "Weekly growth", - ], - }, + { id: "m1", value: "10k+", title: "Downloads", items: ["Designers served", "Files delivered"] }, + { id: "m2", value: "99%", title: "Satisfaction", items: ["User feedback", "Quality rating"] }, + { id: "m3", value: "500+", title: "Resources", items: ["Assets uploaded", "Weekly growth"] } ]} title="Trusted by Creators" description="Proven results for digital designers worldwide." @@ -307,31 +155,11 @@ export default function LandingPage() { @@ -365,45 +183,9 @@ export default function LandingPage() {