Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-04 07:46:04 +00:00

View File

@@ -19,417 +19,158 @@ export default function LandingPage() {
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Products",
id: "#products",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "FAQ",
id: "#faq",
},
]}
brandName="DigiAssets"
button={{
text: "Get Started",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Products", id: "products" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
]}
brandName="DigiAssets"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
title="Elevate Your Digital Workflow"
description="Unlock premium digital products engineered for modern creators, designers, and developers. Built for performance, speed, and aesthetics."
testimonials={[
{
name: "Alice Wang",
handle: "@alicedev",
testimonial: "These templates changed my workflow overnight. Incredible quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=1",
imageAlt: "digital products dashboard ui design",
},
{
name: "Mark Jensen",
handle: "@markdesign",
testimonial: "Stunning aesthetics and rock-solid code. Worth every penny.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg",
imageAlt: "digital creativity software concept",
},
{
name: "Sarah Lee",
handle: "@sarahcoder",
testimonial: "The best resource I've found for my design systems. High fidelity.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gear-front-side-white-background_187299-40157.jpg?_wi=1",
imageAlt: "minimalist digital icon set",
},
{
name: "David Zhou",
handle: "@dzdesign",
testimonial: "Seamless integration and beautiful design. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-pink-background_58702-6515.jpg?_wi=1",
imageAlt: "3d digital ebook cover design",
},
{
name: "Elena Ross",
handle: "@elenastudio",
testimonial: "Exquisite attention to detail, my clients absolutely love them.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg?_wi=1",
imageAlt: "futuristic data visualization ui",
},
]}
buttons={[
{
text: "Browse Assets",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style_1321-3383.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-against-blur-backdrop_23-2148130407.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg",
alt: "User 5",
},
]}
avatarText="Trusted by 500+ creatives"
marqueeItems={[
{
type: "text-icon",
text: "High Fidelity",
icon: Zap,
},
{
type: "text-icon",
text: "Modern UI",
icon: Layout,
},
{
type: "text-icon",
text: "Clean Code",
icon: Code,
},
{
type: "text-icon",
text: "Lifetime Access",
icon: Layers,
},
{
type: "text-icon",
text: "Fast Support",
icon: Headphones,
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "plain" }}
title="Elevate Your Digital Workflow"
description="Unlock premium digital products engineered for modern creators, designers, and developers. Built for performance, speed, and aesthetics."
testimonials={[
{ name: "Alice Wang", handle: "@alicedev", testimonial: "These templates changed my workflow overnight. Incredible quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg", imageAlt: "digital products dashboard ui design" },
{ name: "Mark Jensen", handle: "@markdesign", testimonial: "Stunning aesthetics and rock-solid code. Worth every penny.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg", imageAlt: "digital creativity software concept" },
{ name: "Sarah Lee", handle: "@sarahcoder", testimonial: "The best resource I've found for my design systems. High fidelity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gear-front-side-white-background_187299-40157.jpg", imageAlt: "minimalist digital icon set" },
{ name: "David Zhou", handle: "@dzdesign", testimonial: "Seamless integration and beautiful design. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-pink-background_58702-6515.jpg", imageAlt: "3d digital ebook cover design" },
{ name: "Elena Ross", handle: "@elenastudio", testimonial: "Exquisite attention to detail, my clients absolutely love them.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg", imageAlt: "futuristic data visualization ui" }
]}
buttons={[{ text: "Browse Assets", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style_1321-3383.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-against-blur-backdrop_23-2148130407.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg", alt: "User 5" }
]}
avatarText="Trusted by 500+ creatives"
marqueeItems={[
{ type: "text-icon", text: "High Fidelity", icon: Zap },
{ type: "text-icon", text: "Modern UI", icon: Layout },
{ type: "text-icon", text: "Clean Code", icon: Code },
{ type: "text-icon", text: "Lifetime Access", icon: Layers },
{ type: "text-icon", text: "Fast Support", icon: Headphones }
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Crafted with precision for ",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg",
alt: "About visual",
},
{
type: "text",
content: " digital excellence.",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{ type: "text", content: "Crafted with precision for " },
{ type: "image", src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg", alt: "About visual" },
{ type: "text", content: " digital excellence." }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Minimal Icon Set",
price: "$29",
variant: "Dark Mode",
imageSrc: "http://img.b2bpic.net/free-photo/gear-front-side-white-background_187299-40157.jpg?_wi=2",
},
{
id: "2",
name: "Productivity Guide",
price: "$15",
variant: "PDF",
imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-pink-background_58702-6515.jpg?_wi=2",
},
{
id: "3",
name: "Analytics Dashboard",
price: "$89",
variant: "Figma",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg?_wi=2",
},
{
id: "4",
name: "Web UI Kit",
price: "$129",
variant: "Responsive",
imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-booking-app_52683-40856.jpg?_wi=1",
},
{
id: "5",
name: "Design Blocks",
price: "$49",
variant: "Components",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cube-futuristic-cyberpunk-style_187299-48040.jpg?_wi=1",
},
{
id: "6",
name: "Security Suite",
price: "$99",
variant: "Assets",
imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-shield-light-blue_78370-7843.jpg?_wi=1",
},
]}
title="Premium Digital Collection"
description="Hand-picked assets for modern teams."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "1", name: "Minimal Icon Set", price: "$29", variant: "Dark Mode", imageSrc: "http://img.b2bpic.net/free-photo/gear-front-side-white-background_187299-40157.jpg" },
{ id: "2", name: "Productivity Guide", price: "$15", variant: "PDF", imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-pink-background_58702-6515.jpg" },
{ id: "3", name: "Analytics Dashboard", price: "$89", variant: "Figma", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg" },
{ id: "4", name: "Web UI Kit", price: "$129", variant: "Responsive", imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-booking-app_52683-40856.jpg" },
{ id: "5", name: "Design Blocks", price: "$49", variant: "Components", imageSrc: "http://img.b2bpic.net/free-photo/abstract-cube-futuristic-cyberpunk-style_187299-48040.jpg" },
{ id: "6", name: "Security Suite", price: "$99", variant: "Assets", imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-shield-light-blue_78370-7843.jpg" }
]}
title="Premium Digital Collection"
description="Hand-picked assets for modern teams."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic",
title: "Starter",
price: "$49",
period: "/year",
features: [
"5 Assets",
"Personal use",
"Standard Support",
],
button: {
text: "Select Starter",
},
imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-booking-app_52683-40856.jpg?_wi=2",
imageAlt: "digital design template preview",
},
{
id: "pro",
title: "Professional",
price: "$199",
period: "/year",
features: [
"20 Assets",
"Commercial use",
"Priority Support",
],
button: {
text: "Select Pro",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cube-futuristic-cyberpunk-style_187299-48040.jpg?_wi=2",
imageAlt: "abstract software component ui",
},
{
id: "team",
title: "Team",
price: "$499",
period: "/year",
features: [
"Unlimited",
"Enterprise use",
"Dedicated Support",
],
button: {
text: "Select Team",
},
imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-shield-light-blue_78370-7843.jpg?_wi=2",
imageAlt: "cybersecurity digital shield icon",
},
]}
title="Simple Pricing"
description="Choose the tier that fits your growth."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{ id: "basic", title: "Starter", price: "$49", period: "/year", features: ["5 Assets", "Personal use", "Standard Support"], button: { text: "Select Starter" }, imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-booking-app_52683-40856.jpg" },
{ id: "pro", title: "Professional", price: "$199", period: "/year", features: ["20 Assets", "Commercial use", "Priority Support"], button: { text: "Select Pro" }, imageSrc: "http://img.b2bpic.net/free-photo/abstract-cube-futuristic-cyberpunk-style_187299-48040.jpg" },
{ id: "team", title: "Team", price: "$499", period: "/year", features: ["Unlimited", "Enterprise use", "Dedicated Support"], button: { text: "Select Team" }, imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-shield-light-blue_78370-7843.jpg" }
]}
title="Simple Pricing"
description="Choose the tier that fits your growth."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alice Wang",
date: "Jan 2024",
title: "Developer",
quote: "The best template library I've used.",
tag: "Dev",
avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style_1321-3383.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg",
},
{
id: "2",
name: "Mark Jensen",
date: "Feb 2024",
title: "Designer",
quote: "Unparalleled design quality.",
tag: "Design",
avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",
},
{
id: "3",
name: "Sarah Lee",
date: "Mar 2024",
title: "Creator",
quote: "Absolutely worth the investment.",
tag: "Creator",
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg",
},
{
id: "4",
name: "David Zhou",
date: "Apr 2024",
title: "Product Mgr",
quote: "Revolutionized our team workflows.",
tag: "Manager",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-against-blur-backdrop_23-2148130407.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-computer-with-data-charts-management-strategy-corporate-office-entrepreneur-using-technology-monitor-research-analysis-design-planning_482257-32048.jpg",
},
{
id: "5",
name: "Elena Ross",
date: "May 2024",
title: "Designer",
quote: "Stunning, sleek, and functional.",
tag: "Design",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg",
},
]}
title="What Creators Say"
description="Our community is our biggest motivation."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Alice Wang", date: "Jan 2024", title: "Developer", quote: "The best template library I've used.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style_1321-3383.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg" },
{ id: "2", name: "Mark Jensen", date: "Feb 2024", title: "Designer", quote: "Unparalleled design quality.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg" },
{ id: "3", name: "Sarah Lee", date: "Mar 2024", title: "Creator", quote: "Absolutely worth the investment.", tag: "Creator", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg" },
{ id: "4", name: "David Zhou", date: "Apr 2024", title: "Product Mgr", quote: "Revolutionized our team workflows.", tag: "Manager", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-against-blur-backdrop_23-2148130407.jpg", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-computer-with-data-charts-management-strategy-corporate-office-entrepreneur-using-technology-monitor-research-analysis-design-planning_482257-32048.jpg" },
{ id: "5", name: "Elena Ross", date: "May 2024", title: "Designer", quote: "Stunning, sleek, and functional.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg", imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg" }
]}
title="What Creators Say"
description="Our community is our biggest motivation."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Can I use assets commercially?",
content: "Yes, our professional license covers commercial use.",
},
{
id: "q2",
title: "Are updates included?",
content: "All purchases include lifetime free updates.",
},
{
id: "q3",
title: "Can I request a refund?",
content: "Refunds are available within 30 days if unused.",
},
]}
title="Frequently Asked Questions"
description="Everything you need to know."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Can I use assets commercially?", content: "Yes, our professional license covers commercial use." },
{ id: "q2", title: "Are updates included?", content: "All purchases include lifetime free updates." },
{ id: "q3", title: "Can I request a refund?", content: "Refunds are available within 30 days if unused." }
]}
title="Frequently Asked Questions"
description="Everything you need to know."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Newsletter"
title="Stay Updated"
description="Get the latest digital assets straight to your inbox."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Newsletter"
title="Stay Updated"
description="Get the latest digital assets straight to your inbox."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/blue-rays-fanning-into-depth-neon-rays_169016-71429.jpg"
logoText="DigiAssets"
columns={[
{
title: "Platform",
items: [
{
label: "About",
href: "#about",
},
{
label: "Products",
href: "#products",
},
],
},
{
title: "Resources",
items: [
{
label: "Blog",
href: "#blog",
},
{
label: "Support",
href: "#support",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/blue-rays-fanning-into-depth-neon-rays_169016-71429.jpg"
logoText="DigiAssets"
columns={[
{ title: "Platform", items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] },
{ title: "Resources", items: [{ label: "Blog", href: "#blog" }, { label: "Support", href: "#support" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}