Merge version_1 into main #1
245
src/app/page.tsx
245
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Explore",
|
||||
id: "explore",
|
||||
},
|
||||
name: "Explore", id: "explore"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ZajnoConcept"
|
||||
/>
|
||||
@@ -58,73 +50,39 @@ export default function LandingPage() {
|
||||
description="Redefining digital ownership through an immersive, high-performance platform designed for creators and collectors."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Bohdan Ratiiev",
|
||||
handle: "@zajno",
|
||||
testimonial: "A visually groundbreaking concept that sets a new standard for NFT platforms.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg",
|
||||
},
|
||||
name: "Bohdan Ratiiev", handle: "@zajno", testimonial: "A visually groundbreaking concept that sets a new standard for NFT platforms.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg"},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena_nft",
|
||||
testimonial: "The interactive 3D elements truly change how we perceive digital collectibles.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-sunglasses-is-showing-aggressive-emotion-while-showing-his-teeth_613910-13106.jpg",
|
||||
},
|
||||
name: "Elena V.", handle: "@elena_nft", testimonial: "The interactive 3D elements truly change how we perceive digital collectibles.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-sunglasses-is-showing-aggressive-emotion-while-showing-his-teeth_613910-13106.jpg"},
|
||||
{
|
||||
name: "Marcus J.",
|
||||
handle: "@mj_tech",
|
||||
testimonial: "High performance meets sophisticated design in this innovative platform.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg",
|
||||
},
|
||||
name: "Marcus J.", handle: "@mj_tech", testimonial: "High performance meets sophisticated design in this innovative platform.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah_creative",
|
||||
testimonial: "Best-in-class UX for decentralized finance and art.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarah_creative", testimonial: "Best-in-class UX for decentralized finance and art.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@dw_design",
|
||||
testimonial: "Smooth transitions and incredible lighting make this feel like a premium experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-business-woman-smiling-camera-after-reading-mails-laptop-sitting-desk-start-up-company-late-night-focused-employee-using-technology-network-wireless-doing-overtime_482257-13419.jpg",
|
||||
},
|
||||
name: "David W.", handle: "@dw_design", testimonial: "Smooth transitions and incredible lighting make this feel like a premium experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-business-woman-smiling-camera-after-reading-mails-laptop-sitting-desk-start-up-company-late-night-focused-employee-using-technology-network-wireless-doing-overtime_482257-13419.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Marketplace",
|
||||
href: "#explore",
|
||||
},
|
||||
text: "Explore Marketplace", href: "#explore"},
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037224.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
||||
alt: "Portrait of festive plump male in eyeglasses and bow tie over dark grey background.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg", alt: "Portrait of festive plump male in eyeglasses and bow tie over dark grey background."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg",
|
||||
alt: "Business man working late at the office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg", alt: "Business man working late at the office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg",
|
||||
alt: "Studio portrait of serious plump male in eyeglasses over grey background.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg", alt: "Studio portrait of serious plump male in eyeglasses over grey background."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-late-office_23-2148991375.jpg",
|
||||
alt: "Woman working late at the office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-late-office_23-2148991375.jpg", alt: "Woman working late at the office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-portrait-digital-art_23-2151197906.jpg",
|
||||
alt: "Medium shot man portrait digital art",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-portrait-digital-art_23-2151197906.jpg", alt: "Medium shot man portrait digital art"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,26 +94,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Seamless Asset Display",
|
||||
description: "High-fidelity rendering of your digital assets with interactive 3D controls.",
|
||||
tag: "3D Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/geometric-shapes-landing-page_52683-12384.jpg",
|
||||
},
|
||||
id: "f1", title: "Seamless Asset Display", description: "High-fidelity rendering of your digital assets with interactive 3D controls.", tag: "3D Tech", imageSrc: "http://img.b2bpic.net/free-vector/geometric-shapes-landing-page_52683-12384.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Encrypted Security",
|
||||
description: "Enterprise-grade protection for all your digital wallets and keys.",
|
||||
tag: "Secure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572163.jpg",
|
||||
},
|
||||
id: "f2", title: "Encrypted Security", description: "Enterprise-grade protection for all your digital wallets and keys.", tag: "Secure", imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572163.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Global Ecosystem",
|
||||
description: "Instant connection to the global network of collectors and creators.",
|
||||
tag: "Global",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg",
|
||||
},
|
||||
id: "f3", title: "Global Ecosystem", description: "Instant connection to the global network of collectors and creators.", tag: "Global", imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg"},
|
||||
]}
|
||||
title="Platform Features"
|
||||
description="Advanced tools for the modern digital economy."
|
||||
@@ -169,34 +112,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
title: "Active Users",
|
||||
items: [
|
||||
"Global community reach",
|
||||
"Secure verification",
|
||||
"High-speed transactions",
|
||||
],
|
||||
id: "m1", value: "1.2M+", title: "Active Users", items: [
|
||||
"Global community reach", "Secure verification", "High-speed transactions"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500K+",
|
||||
title: "NFTs Minted",
|
||||
items: [
|
||||
"High-res assets",
|
||||
"Immutable records",
|
||||
"Decentralized storage",
|
||||
],
|
||||
id: "m2", value: "500K+", title: "NFTs Minted", items: [
|
||||
"High-res assets", "Immutable records", "Decentralized storage"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$80M",
|
||||
title: "Trade Volume",
|
||||
items: [
|
||||
"Liquidity pools",
|
||||
"Fast settlement",
|
||||
"Low-fee trading",
|
||||
],
|
||||
id: "m3", value: "$80M", title: "Trade Volume", items: [
|
||||
"Liquidity pools", "Fast settlement", "Low-fee trading"],
|
||||
},
|
||||
]}
|
||||
title="Platform Impact"
|
||||
@@ -209,14 +134,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Zajno",
|
||||
"Dribbble",
|
||||
"Ethereum Foundation",
|
||||
"Polygon",
|
||||
"Chainlink",
|
||||
"Opensea",
|
||||
"Rarible",
|
||||
]}
|
||||
"Zajno", "Dribbble", "Ethereum Foundation", "Polygon", "Chainlink", "Opensea", "Rarible"]}
|
||||
title="Trusted Partners"
|
||||
description="Backed by industry leaders and creative pioneers."
|
||||
/>
|
||||
@@ -230,23 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "tm1",
|
||||
name: "Bohdan R.",
|
||||
role: "Creative Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg",
|
||||
},
|
||||
id: "tm1", name: "Bohdan R.", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg"},
|
||||
{
|
||||
id: "tm2",
|
||||
name: "Elena V.",
|
||||
role: "Lead Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-neon-light-face_250224-187.jpg",
|
||||
},
|
||||
id: "tm2", name: "Elena V.", role: "Lead Designer", imageSrc: "http://img.b2bpic.net/free-photo/man-with-neon-light-face_250224-187.jpg"},
|
||||
{
|
||||
id: "tm3",
|
||||
name: "Marcus J.",
|
||||
role: "Tech Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/program-development-with-data-terminal-window-displaying-it-coding-language-computer-database-cloud-computing-programming-new-user-interface-with-hmtl-script-close-up_482257-60750.jpg",
|
||||
},
|
||||
id: "tm3", name: "Marcus J.", role: "Tech Lead", imageSrc: "http://img.b2bpic.net/free-photo/program-development-with-data-terminal-window-displaying-it-coding-language-computer-database-cloud-computing-programming-new-user-interface-with-hmtl-script-close-up_482257-60750.jpg"},
|
||||
]}
|
||||
title="Our Creative Team"
|
||||
description="The visionaries behind the platform experience."
|
||||
@@ -255,44 +161,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Absolutely stunning platform concept.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah K.", handle: "@sarahk", testimonial: "Absolutely stunning platform concept.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "I love the 3D aesthetic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit-black-white_23-2149411390.jpg",
|
||||
},
|
||||
id: "t2", name: "David W.", handle: "@davidw", testimonial: "I love the 3D aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit-black-white_23-2149411390.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Bohdan R.",
|
||||
handle: "@zajno",
|
||||
testimonial: "A breakthrough in NFT design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-showing-strong-feelings-mental-health-awareness_23-2151759653.jpg",
|
||||
},
|
||||
id: "t3", name: "Bohdan R.", handle: "@zajno", testimonial: "A breakthrough in NFT design.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-showing-strong-feelings-mental-health-awareness_23-2151759653.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena V.",
|
||||
handle: "@elena",
|
||||
testimonial: "Incredible performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/augmented-reality-engineer-examining-holographic-machine_23-2152006121.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena V.", handle: "@elena", testimonial: "Incredible performance.", imageSrc: "http://img.b2bpic.net/free-photo/augmented-reality-engineer-examining-holographic-machine_23-2152006121.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marcus J.",
|
||||
handle: "@mj",
|
||||
testimonial: "Best platform I've ever used.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419508.jpg",
|
||||
},
|
||||
id: "t5", name: "Marcus J.", handle: "@mj", testimonial: "Best platform I've ever used.", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419508.jpg"},
|
||||
]}
|
||||
title="What Users Say"
|
||||
description="Voices from our incredible community."
|
||||
@@ -305,20 +187,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I mint?",
|
||||
content: "Connect your wallet and click the mint button in the explore section.",
|
||||
},
|
||||
id: "q1", title: "How do I mint?", content: "Connect your wallet and click the mint button in the explore section."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is security guaranteed?",
|
||||
content: "Yes, our smart contracts are audited regularly.",
|
||||
},
|
||||
id: "q2", title: "Is security guaranteed?", content: "Yes, our smart contracts are audited regularly."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I trade?",
|
||||
content: "Yes, full P2P marketplace features are built-in.",
|
||||
},
|
||||
id: "q3", title: "Can I trade?", content: "Yes, full P2P marketplace features are built-in."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to your burning platform questions."
|
||||
@@ -333,16 +206,10 @@ export default function LandingPage() {
|
||||
description="Ready to transform the digital space? Let's talk."
|
||||
inputs={[
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beauty-digital-art-through-immersive-experiences_23-2151250252.jpg"
|
||||
@@ -355,29 +222,19 @@ export default function LandingPage() {
|
||||
logoText="ZajnoConcept"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "NFTs",
|
||||
href: "#",
|
||||
},
|
||||
label: "NFTs", href: "#"},
|
||||
{
|
||||
label: "Artists",
|
||||
href: "#",
|
||||
},
|
||||
label: "Artists", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user