Merge version_1 into main #2
341
src/app/page.tsx
341
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Digitex"
|
||||
/>
|
||||
@@ -55,31 +43,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background="circleGradient"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Premium Digital Assets for Creators"
|
||||
description="Unlock your potential with our curated collection of high-performance digital tools and software assets designed for the modern creator."
|
||||
tag="New Collection Available"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-people-concept-attractive-creative-young-redhead-girl-creating-design-project-uni_1258-139224.jpg?_wi=1",
|
||||
imageAlt: "Product Display 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749321.jpg?_wi=1",
|
||||
imageAlt: "Product Display 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-beautiful-attractive-tender-ginger-redhair-girl-happy-smiling-digital-table-with-wining-something-blue-pastel-background-copy-space_1258-128506.jpg",
|
||||
imageAlt: "Digital creative workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835520.jpg",
|
||||
imageAlt: "Cyber sale event",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-happy-smilin_1258-118255.jpg",
|
||||
imageAlt: "Creator technology focus",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technology-people-concept-attractive-creative-young-redhead-girl-creating-design-project-uni_1258-139224.jpg", imageAlt: "Product Display 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749321.jpg", imageAlt: "Product Display 2" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -92,21 +62,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Quality Driven Digital Innovation"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Assets Delivered",
|
||||
value: "50,000+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Trusted Partners",
|
||||
value: "200+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Customer Satisfaction",
|
||||
value: "99.9%",
|
||||
},
|
||||
{ icon: Zap, label: "Assets Delivered", value: "50,000+" },
|
||||
{ icon: Award, label: "Trusted Partners", value: "200+" },
|
||||
{ icon: Shield, label: "Customer Satisfaction", value: "99.9%" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -119,42 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern SaaS UI Kit",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913282.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Abstract Design Assets",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-colored-ui-ux-background_52683-70006.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Premium Web Icon Set",
|
||||
price: "$19",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jyfqea",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pro Dashboard UI",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Geometric Typeface",
|
||||
price: "$39",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-abstract-business-card_23-2148369945.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Mobile E-commerce App",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app_23-2149880604.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Modern SaaS UI Kit", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913282.jpg" },
|
||||
{ id: "p2", name: "Abstract Design Assets", price: "$29", imageSrc: "http://img.b2bpic.net/free-vector/gradient-colored-ui-ux-background_52683-70006.jpg" },
|
||||
{ id: "p3", name: "Premium Web Icon Set", price: "$19", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jyfqea" },
|
||||
{ id: "p4", name: "Pro Dashboard UI", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg" },
|
||||
{ id: "p5", name: "Geometric Typeface", price: "$39", imageSrc: "http://img.b2bpic.net/free-vector/colorful-abstract-business-card_23-2148369945.jpg" },
|
||||
{ id: "p6", name: "Mobile E-commerce App", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app_23-2149880604.jpg" }
|
||||
]}
|
||||
title="Digital Assets Storefront"
|
||||
description="Browse our latest digital products and assets."
|
||||
@@ -168,68 +96,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Developer Friendly",
|
||||
description: "Clean code structure and organized files make implementation effortless.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-screen-laptop-office-desk-employee-editing-documents_482257-126460.jpg",
|
||||
imageAlt: "Feat 1",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Well commented",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Organized folders",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-people-concept-attractive-creative-young-redhead-girl-creating-design-project-uni_1258-139224.jpg?_wi=2",
|
||||
imageAlt: "saas product showcase mockup",
|
||||
title: "Developer Friendly", description: "Clean code structure and organized files make implementation effortless.", media: { imageSrc: "http://img.b2bpic.net/free-photo/green-screen-laptop-office-desk-employee-editing-documents_482257-126460.jpg", imageAlt: "Feat 1" },
|
||||
items: [{ icon: CheckCircle, text: "Well commented" }, { icon: CheckCircle, text: "Organized folders" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Design System Ready",
|
||||
description: "Includes design tokens and atomic components for rapid scaling.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_52683-162013.jpg",
|
||||
imageAlt: "Feat 2",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Design tokens included",
|
||||
},
|
||||
{
|
||||
icon: Layers,
|
||||
text: "Atomic design",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749321.jpg?_wi=2",
|
||||
imageAlt: "saas product showcase mockup",
|
||||
title: "Design System Ready", description: "Includes design tokens and atomic components for rapid scaling.", media: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_52683-162013.jpg", imageAlt: "Feat 2" },
|
||||
items: [{ icon: Zap, text: "Design tokens included" }, { icon: Layers, text: "Atomic design" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Regular Updates",
|
||||
description: "We consistently update all assets with the latest features and patches.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=runapq",
|
||||
imageAlt: "Feat 3",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: RefreshCw,
|
||||
text: "Quarterly updates",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Version history",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913282.jpg?_wi=2",
|
||||
imageAlt: "saas product showcase mockup",
|
||||
},
|
||||
title: "Regular Updates", description: "We consistently update all assets with the latest features and patches.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=runapq", imageAlt: "Feat 3" },
|
||||
items: [{ icon: RefreshCw, text: "Quarterly updates" }, { icon: Clock, text: "Version history" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="High Performance Tools"
|
||||
description="Every asset is engineered for maximum performance and compatibility with major design software."
|
||||
@@ -243,46 +123,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Creative Director",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
role: "Senior Developer",
|
||||
company: "Tech Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/power-music-concept-portrait_23-2151888473.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily C.",
|
||||
role: "Product Manager",
|
||||
company: "SoftCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman-posing-studio_344912-670.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "UX Consultant",
|
||||
company: "UX Partners",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica B.",
|
||||
role: "UI Designer",
|
||||
company: "Agency X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Creative Director", company: "Design Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg" },
|
||||
{ id: "2", name: "Mike R.", role: "Senior Developer", company: "Tech Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/power-music-concept-portrait_23-2151888473.jpg" },
|
||||
{ id: "3", name: "Emily C.", role: "Product Manager", company: "SoftCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman-posing-studio_344912-670.jpg" },
|
||||
{ id: "4", name: "David W.", role: "UX Consultant", company: "UX Partners", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg" },
|
||||
{ id: "5", name: "Jessica B.", role: "UI Designer", company: "Agency X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg" }
|
||||
]}
|
||||
title="Loved by Creators"
|
||||
description="Hear what the community thinks about our digital storefront."
|
||||
@@ -296,53 +141,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Starter",
|
||||
price: "$9/mo",
|
||||
subtitle: "Access to core assets",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Basic assets",
|
||||
"Limited updates",
|
||||
"Community support",
|
||||
],
|
||||
id: "basic", badge: "Starter", price: "$9/mo", subtitle: "Access to core assets", buttons: [{ text: "Get Started" }],
|
||||
features: ["Basic assets", "Limited updates", "Community support"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$29/mo",
|
||||
subtitle: "Full library access",
|
||||
buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full library",
|
||||
"All updates",
|
||||
"Priority support",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$29/mo", subtitle: "Full library access", buttons: [{ text: "Go Pro" }],
|
||||
features: ["Full library", "All updates", "Priority support"]
|
||||
},
|
||||
{
|
||||
id: "team",
|
||||
badge: "Enterprise",
|
||||
price: "$99/mo",
|
||||
subtitle: "Team collaboration",
|
||||
buttons: [
|
||||
{
|
||||
text: "Talk to Sales",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Team access",
|
||||
"Custom licenses",
|
||||
"Dedicated support",
|
||||
],
|
||||
},
|
||||
id: "team", badge: "Enterprise", price: "$99/mo", subtitle: "Team collaboration", buttons: [{ text: "Talk to Sales" }],
|
||||
features: ["Team access", "Custom licenses", "Dedicated support"]
|
||||
}
|
||||
]}
|
||||
title="Flexible Access Plans"
|
||||
description="Choose the perfect plan for your project needs."
|
||||
@@ -356,27 +165,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
title: "Downloads",
|
||||
description: "Files downloaded worldwide.",
|
||||
icon: Download,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450k",
|
||||
title: "Registered Users",
|
||||
description: "Active members monthly.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15k",
|
||||
title: "Top Products",
|
||||
description: "Curated digital assets.",
|
||||
icon: Package,
|
||||
},
|
||||
{ id: "m1", value: "1.2M", title: "Downloads", description: "Files downloaded worldwide.", icon: Download },
|
||||
{ id: "m2", value: "450k", title: "Registered Users", description: "Active members monthly.", icon: Users },
|
||||
{ id: "m3", value: "15k", title: "Top Products", description: "Curated digital assets.", icon: Package }
|
||||
]}
|
||||
title="Impact In Numbers"
|
||||
description="We are proud of our contributions to the global creative industry."
|
||||
@@ -389,16 +180,8 @@ export default function LandingPage() {
|
||||
title="Get In Touch"
|
||||
description="Have questions about our digital products? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-speaking-old-phone-black-white-wall_176420-8573.jpg"
|
||||
/>
|
||||
@@ -409,40 +192,22 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
{ label: "Products", href: "#products" },
|
||||
{ label: "Pricing", href: "#pricing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Blog", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Digitex"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user