Merge version_2 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="DigiStore"
|
||||
/>
|
||||
@@ -51,61 +45,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Build Faster with Premium Assets"
|
||||
description="Professional digital products to accelerate your workflow. From design systems to software templates, we have what you need to scale."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-enjoys-city-skyscrapers-night_482257-91205.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-enjoys-city-skyscrapers-night_482257-91205.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-photo-girl-with-light-brown-skin-working-with-new-device-while-sitting-office_197531-4897.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-photo-girl-with-light-brown-skin-working-with-new-device-while-sitting-office_197531-4897.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ creators"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Catalog", href: "#products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Next.js Components",
|
||||
},
|
||||
type: "text", text: "Next.js Components"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design Systems",
|
||||
},
|
||||
type: "text", text: "Design Systems"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UI Kits",
|
||||
},
|
||||
type: "text", text: "UI Kits"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Software Templates",
|
||||
},
|
||||
type: "text", text: "Software Templates"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Icon Libraries",
|
||||
},
|
||||
type: "text", text: "Icon Libraries"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,59 +98,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Design",
|
||||
name: "Minimal UI Kit",
|
||||
price: "$49",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-cz-tech-event-instagram-post_23-2149161385.jpg?_wi=1",
|
||||
},
|
||||
id: "1", brand: "Design", name: "Minimal UI Kit", price: "$49", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-vector/modern-cz-tech-event-instagram-post_23-2149161385.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Code",
|
||||
name: "SaaS Dashboard",
|
||||
price: "$99",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
|
||||
},
|
||||
id: "2", brand: "Code", name: "SaaS Dashboard", price: "$99", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Assets",
|
||||
name: "Tech Icon Pack",
|
||||
price: "$29",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-development-operations-system-concept_107791-17423.jpg",
|
||||
},
|
||||
id: "3", brand: "Assets", name: "Tech Icon Pack", price: "$29", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/software-development-operations-system-concept_107791-17423.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Photo",
|
||||
name: "Editor Preset Bundle",
|
||||
price: "$39",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sun-sparkle-dazzling-girl_23-2147960923.jpg",
|
||||
},
|
||||
id: "4", brand: "Photo", name: "Editor Preset Bundle", price: "$39", rating: 5,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/sun-sparkle-dazzling-girl_23-2147960923.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Fonts",
|
||||
name: "Sans Serif Bundle",
|
||||
price: "$59",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/high-five-text-effect-editable-modern-poster-text-style_314614-3473.jpg",
|
||||
},
|
||||
id: "5", brand: "Fonts", name: "Sans Serif Bundle", price: "$59", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-vector/high-five-text-effect-editable-modern-poster-text-style_314614-3473.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Web",
|
||||
name: "Landing Page Library",
|
||||
price: "$129",
|
||||
rating: 5,
|
||||
reviewCount: "154",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=67s5au",
|
||||
},
|
||||
id: "6", brand: "Web", name: "Landing Page Library", price: "$129", rating: 5,
|
||||
reviewCount: "154", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=67s5au"},
|
||||
]}
|
||||
title="Featured Digital Products"
|
||||
description="Hand-crafted assets to boost your production."
|
||||
@@ -191,14 +126,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Meta",
|
||||
"Netflix",
|
||||
"Adobe",
|
||||
]}
|
||||
"Microsoft", "Google", "Apple", "Amazon", "Meta", "Netflix", "Adobe"]}
|
||||
title="Used by Leading Brands"
|
||||
description="Join companies that build with our assets."
|
||||
/>
|
||||
@@ -211,54 +139,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Starter",
|
||||
price: "$19/mo",
|
||||
period: "Billed yearly",
|
||||
features: [
|
||||
"10 Downloads/mo",
|
||||
"Community Support",
|
||||
"Basic Assets",
|
||||
],
|
||||
id: "p1", title: "Starter", price: "$19/mo", period: "Billed yearly", features: [
|
||||
"10 Downloads/mo", "Community Support", "Basic Assets"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-touching-futuristic-blue-screen_53876-143029.jpg",
|
||||
imageAlt: "digital workspace tech abstract",
|
||||
},
|
||||
text: "Get Started"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-touching-futuristic-blue-screen_53876-143029.jpg", imageAlt: "digital workspace tech abstract"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Pro",
|
||||
price: "$49/mo",
|
||||
period: "Billed yearly",
|
||||
features: [
|
||||
"Unlimited Downloads",
|
||||
"Priority Support",
|
||||
"All Assets",
|
||||
"Commercial License",
|
||||
],
|
||||
id: "p2", title: "Pro", price: "$49/mo", period: "Billed yearly", features: [
|
||||
"Unlimited Downloads", "Priority Support", "All Assets", "Commercial License"],
|
||||
button: {
|
||||
text: "Get Pro",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-office-business-equipment-black-background_1387-732.jpg?_wi=2",
|
||||
imageAlt: "digital workspace tech abstract",
|
||||
},
|
||||
text: "Get Pro"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-office-business-equipment-black-background_1387-732.jpg?_wi=2", imageAlt: "digital workspace tech abstract"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Enterprise",
|
||||
price: "$149/mo",
|
||||
period: "Billed yearly",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Dedicated Account Manager",
|
||||
"White Labeling",
|
||||
],
|
||||
id: "p3", title: "Enterprise", price: "$149/mo", period: "Billed yearly", features: [
|
||||
"Everything in Pro", "Dedicated Account Manager", "White Labeling"],
|
||||
button: {
|
||||
text: "Contact Sales",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-cz-tech-event-instagram-post_23-2149161385.jpg?_wi=2",
|
||||
imageAlt: "digital workspace tech abstract",
|
||||
},
|
||||
text: "Contact Sales"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-cz-tech-event-instagram-post_23-2149161385.jpg?_wi=2", imageAlt: "digital workspace tech abstract"},
|
||||
]}
|
||||
title="Choose Your Path"
|
||||
description="Unlock unlimited access to all assets."
|
||||
@@ -273,25 +170,15 @@ export default function LandingPage() {
|
||||
author="Sarah Johnson, TechCorp"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-woman-painting-with-watercolor_23-2147767417.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-woman-painting-with-watercolor_23-2147767417.jpg", alt: "Michael"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg", alt: "Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/startup-worker-analyzing-statistics-diagrams-pc_482257-77609.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/startup-worker-analyzing-statistics-diagrams-pc_482257-77609.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-document_23-2148751962.jpg",
|
||||
alt: "Jessica",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-document_23-2148751962.jpg", alt: "Jessica"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -304,20 +191,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What license do I get?",
|
||||
content: "All products include a commercial license allowing use in personal and client projects.",
|
||||
},
|
||||
id: "q1", title: "What license do I get?", content: "All products include a commercial license allowing use in personal and client projects."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How are updates delivered?",
|
||||
content: "All updates are delivered automatically via your account dashboard.",
|
||||
},
|
||||
id: "q2", title: "How are updates delivered?", content: "All updates are delivered automatically via your account dashboard."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request a refund?",
|
||||
content: "Yes, we offer a 14-day money-back guarantee for all digital products.",
|
||||
},
|
||||
id: "q3", title: "Can I request a refund?", content: "Yes, we offer a 14-day money-back guarantee for all digital products."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-call-center-girl-wearing-headset-sitting-desk-with-work-tools-gesturing-silence-looking-camera-isolated-orange-background_141793-84956.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -331,57 +209,37 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to get started?"
|
||||
description="Have questions about bulk licensing or custom requests? We're here to help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@digistore.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@digistore.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="DigiStore"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "License",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "License", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="DigiStore"
|
||||
className="py-12"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user