bender/1b4a3499-83ef-4da0-a599-2161600ea107
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 21:34:27 +00:00
parent b4584cd409
commit b9393d4562
1 changed files with 53 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

324
src/app/page.tsx
View File

@@ -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"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Features",
id: "#features",
},
{
name: "Shop",
id: "#products",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Hero", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "Pricing", id: "pricing" },
{ name: "Metrics", id: "metrics" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="DigitalArc"
button={{
text: "Get Started",
href: "#contact",
}}
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
@@ -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"
/>
</div>
@@ -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"
/>
</div>
@@ -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() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex R.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg?_wi=2",
},
{
id: "t2",
name: "Sarah M.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
},
{
id: "t3",
name: "David L.",
imageSrc: "http://img.b2bpic.net/free-photo/man-casualwear-photographing-finished-project-his-office-desk_1098-18830.jpg",
},
{
id: "t4",
name: "Emily K.",
imageSrc: "http://img.b2bpic.net/free-photo/asian-photographer-sitting-ladder-studio-with-camera-taking-photos-fashion-items_1098-17838.jpg",
},
{
id: "t5",
name: "Marcus J.",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
},
{ id: "t1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg" },
{ id: "t2", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg" },
{ id: "t3", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/man-casualwear-photographing-finished-project-his-office-desk_1098-18830.jpg" },
{ id: "t4", name: "Emily K.", imageSrc: "http://img.b2bpic.net/free-photo/asian-photographer-sitting-ladder-studio-with-camera-taking-photos-fashion-items_1098-17838.jpg" },
{ id: "t5", name: "Marcus J.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg" }
]}
cardTitle="Client Success"
cardTag="Testimonials"
@@ -345,18 +173,8 @@ export default function LandingPage() {
title="Start Your Journey"
description="Have questions about our licensing or products? Send us a message and we'll get right back to you."
inputs={[
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "name", type: "text", placeholder: "Your Name", required: true }
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg"
/>
@@ -365,45 +183,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Products",
items: [
{
label: "Shop",
href: "#products",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Products", items: [{ label: "Shop", href: "#products" }, { label: "Pricing", href: "#pricing" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
bottomLeftText="© 2024 DigitalArc. All rights reserved."
bottomRightText="Built with precision."