Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
284
src/app/page.tsx
284
src/app/page.tsx
@@ -33,37 +33,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "#inventory",
|
||||
},
|
||||
name: "Inventory", id: "#inventory"},
|
||||
{
|
||||
name: "Statistics",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Statistics", id: "#metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/modern-shiny-logo-background_1035-8777.jpg"
|
||||
logoAlt="DiamondConnect Logo"
|
||||
@@ -76,8 +60,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Source & Polish Premium Diamonds Globally"
|
||||
description="Connect with certified rough diamond suppliers and polishing experts. Transparent pricing, verified inventory, and secure transactions for the modern diamond industry."
|
||||
@@ -85,9 +68,7 @@ export default function LandingPage() {
|
||||
tagIcon={Diamond}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
text: "Browse Inventory", href: "#inventory"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-large-white-quartz-rock-with-small-black-speck-top_91008-581.jpg"
|
||||
imageAlt="Rough diamond in a gloved hand, representing sourcing and polishing"
|
||||
@@ -95,52 +76,32 @@ export default function LandingPage() {
|
||||
fixedMediaHeight={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-smiling-camera_23-2148238839.jpg",
|
||||
alt: "Diverse professional headshot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-smiling-camera_23-2148238839.jpg", alt: "Diverse professional headshot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
alt: "Smiling business person",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "Smiling business person"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
alt: "Confident industry expert",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Confident industry expert"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg",
|
||||
alt: "Experienced diamond trader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg", alt: "Experienced diamond trader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg",
|
||||
alt: "Young professional in diamond industry",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg", alt: "Young professional in diamond industry"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Businesses"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Sourcing",
|
||||
icon: Globe,
|
||||
type: "text-icon", text: "Global Sourcing", icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ethical Trade",
|
||||
icon: Briefcase,
|
||||
type: "text-icon", text: "Ethical Trade", icon: Briefcase,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Verified Quality",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Verified Quality", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Payments",
|
||||
icon: Lock,
|
||||
type: "text-icon", text: "Secure Payments", icon: Lock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-time Data",
|
||||
icon: Gauge,
|
||||
type: "text-icon", text: "Real-time Data", icon: Gauge,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -166,23 +127,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Inventory Listings",
|
||||
description: "Access a global catalog of rough diamonds with verified origins and detailed specifications, ensuring quality and authenticity for every stone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-geometric-background_23-2150853679.jpg",
|
||||
imageAlt: "Digital inventory management system for rough diamonds",
|
||||
},
|
||||
title: "Verified Inventory Listings", description: "Access a global catalog of rough diamonds with verified origins and detailed specifications, ensuring quality and authenticity for every stone.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-geometric-background_23-2150853679.jpg", imageAlt: "Digital inventory management system for rough diamonds"},
|
||||
{
|
||||
title: "Digital Certification & Traceability",
|
||||
description: "Leverage blockchain-backed certification to ensure end-to-end traceability, providing unparalleled transparency from mine to market.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glitter-texture-background-with-crystals_23-2148110762.jpg",
|
||||
imageAlt: "Digital certification graphic with a diamond and blockchain symbols",
|
||||
},
|
||||
title: "Digital Certification & Traceability", description: "Leverage blockchain-backed certification to ensure end-to-end traceability, providing unparalleled transparency from mine to market.", imageSrc: "http://img.b2bpic.net/free-photo/glitter-texture-background-with-crystals_23-2148110762.jpg", imageAlt: "Digital certification graphic with a diamond and blockchain symbols"},
|
||||
{
|
||||
title: "Secure Transaction Processing",
|
||||
description: "Execute direct, secure transactions with built-in escrow services and transparent pricing, fostering trust and efficiency in every deal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-stack-metal-accessories_23-2148264400.jpg",
|
||||
imageAlt: "Secure digital transaction graphic for B2B platform",
|
||||
},
|
||||
title: "Secure Transaction Processing", description: "Execute direct, secure transactions with built-in escrow services and transparent pricing, fostering trust and efficiency in every deal.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-stack-metal-accessories_23-2148264400.jpg", imageAlt: "Secure digital transaction graphic for B2B platform"},
|
||||
]}
|
||||
title="Key Platform Features"
|
||||
description="Streamline your operations with our robust tools designed for the modern diamond trade."
|
||||
@@ -197,65 +146,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "African Gems",
|
||||
name: "5 Carat Octagonal Rough",
|
||||
price: "$15,000",
|
||||
rating: 4,
|
||||
reviewCount: "25 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-transparent-jewel_23-2147960084.jpg",
|
||||
imageAlt: "5 carat octagonal rough diamond",
|
||||
},
|
||||
id: "p1", brand: "African Gems", name: "5 Carat Octagonal Rough", price: "$15,000", rating: 4,
|
||||
reviewCount: "25 reviews", imageSrc: "http://img.b2bpic.net/free-photo/shiny-transparent-jewel_23-2147960084.jpg", imageAlt: "5 carat octagonal rough diamond"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Boreal Mines",
|
||||
name: "3 Carat Yellowish Irregular",
|
||||
price: "$8,500",
|
||||
rating: 3,
|
||||
reviewCount: "18 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-crystal-diamond-orange-shiny-bright-backdrop_23-2147948698.jpg",
|
||||
imageAlt: "3 carat yellowish irregular rough diamond",
|
||||
},
|
||||
id: "p2", brand: "Boreal Mines", name: "3 Carat Yellowish Irregular", price: "$8,500", rating: 3,
|
||||
reviewCount: "18 reviews", imageSrc: "http://img.b2bpic.net/free-photo/big-crystal-diamond-orange-shiny-bright-backdrop_23-2147948698.jpg", imageAlt: "3 carat yellowish irregular rough diamond"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Congo Source",
|
||||
name: "7 Carat Diamond Cluster",
|
||||
price: "$22,000",
|
||||
rating: 5,
|
||||
reviewCount: "30 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shape-magnetic-ferrofluidic-phenomenon_23-2148253647.jpg",
|
||||
imageAlt: "7 carat rough diamond cluster",
|
||||
},
|
||||
id: "p3", brand: "Congo Source", name: "7 Carat Diamond Cluster", price: "$22,000", rating: 5,
|
||||
reviewCount: "30 reviews", imageSrc: "http://img.b2bpic.net/free-photo/full-shape-magnetic-ferrofluidic-phenomenon_23-2148253647.jpg", imageAlt: "7 carat rough diamond cluster"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Arctic Diamonds",
|
||||
name: "4.5 Carat Dodecahedral Fine",
|
||||
price: "$12,800",
|
||||
rating: 4,
|
||||
reviewCount: "22 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-ice-cube-with-copy-space_1194-639213.jpg",
|
||||
imageAlt: "4.5 carat dodecahedral rough diamond",
|
||||
},
|
||||
id: "p4", brand: "Arctic Diamonds", name: "4.5 Carat Dodecahedral Fine", price: "$12,800", rating: 4,
|
||||
reviewCount: "22 reviews", imageSrc: "http://img.b2bpic.net/free-photo/water-ice-cube-with-copy-space_1194-639213.jpg", imageAlt: "4.5 carat dodecahedral rough diamond"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Southern Riches",
|
||||
name: "6 Carat Frosted Cuboid",
|
||||
price: "$18,000",
|
||||
rating: 4,
|
||||
reviewCount: "15 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shattered-reflections_84443-73286.jpg",
|
||||
imageAlt: "6 carat frosted cuboid rough diamond",
|
||||
},
|
||||
id: "p5", brand: "Southern Riches", name: "6 Carat Frosted Cuboid", price: "$18,000", rating: 4,
|
||||
reviewCount: "15 reviews", imageSrc: "http://img.b2bpic.net/free-photo/shattered-reflections_84443-73286.jpg", imageAlt: "6 carat frosted cuboid rough diamond"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "EcoGems",
|
||||
name: "Assorted Small Rough Parcel",
|
||||
price: "$5,500",
|
||||
rating: 4,
|
||||
reviewCount: "35 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-brilliant-cartoon-diamond_23-2151752799.jpg",
|
||||
imageAlt: "Collection of small rough diamonds",
|
||||
},
|
||||
id: "p6", brand: "EcoGems", name: "Assorted Small Rough Parcel", price: "$5,500", rating: 4,
|
||||
reviewCount: "35 reviews", imageSrc: "http://img.b2bpic.net/free-photo/view-brilliant-cartoon-diamond_23-2151752799.jpg", imageAlt: "Collection of small rough diamonds"},
|
||||
]}
|
||||
title="Explore Our Rough Diamond Inventory"
|
||||
description="Discover a diverse selection of certified rough diamonds from trusted global suppliers, ready for your polishing needs."
|
||||
@@ -269,31 +176,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100K+",
|
||||
title: "Carats Traded Annually",
|
||||
items: [
|
||||
"Facilitating significant volumes",
|
||||
"Ensuring market liquidity",
|
||||
],
|
||||
id: "m1", value: "100K+", title: "Carats Traded Annually", items: [
|
||||
"Facilitating significant volumes", "Ensuring market liquidity"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Verified Suppliers",
|
||||
items: [
|
||||
"Global network of trusted partners",
|
||||
"Strict quality and ethical standards",
|
||||
],
|
||||
id: "m2", value: "500+", title: "Verified Suppliers", items: [
|
||||
"Global network of trusted partners", "Strict quality and ethical standards"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Transaction Success Rate",
|
||||
items: [
|
||||
"Secure and reliable platform",
|
||||
"Dedicated support team",
|
||||
],
|
||||
id: "m3", value: "99%", title: "Transaction Success Rate", items: [
|
||||
"Secure and reliable platform", "Dedicated support team"],
|
||||
},
|
||||
]}
|
||||
title="Unlocking Value in Global Diamond Trade"
|
||||
@@ -306,52 +198,23 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
role: "CEO",
|
||||
company: "Brilliant Cuts Inc.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
imageAlt: "Sarah Chen, CEO of Brilliant Cuts Inc.",
|
||||
},
|
||||
id: "t1", name: "Sarah Chen", role: "CEO", company: "Brilliant Cuts Inc.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageAlt: "Sarah Chen, CEO of Brilliant Cuts Inc."},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Kim",
|
||||
role: "Head of Procurement",
|
||||
company: "Gemstone Capital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
imageAlt: "David Kim, Head of Procurement at Gemstone Capital",
|
||||
},
|
||||
id: "t2", name: "David Kim", role: "Head of Procurement", company: "Gemstone Capital", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "David Kim, Head of Procurement at Gemstone Capital"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Senior Polisher",
|
||||
company: "Aurora Diamonds",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-woman-is-holding-pliers-crystal-clear-quartz-it_613910-17312.jpg",
|
||||
imageAlt: "Emily Rodriguez, Senior Polisher at Aurora Diamonds",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", role: "Senior Polisher", company: "Aurora Diamonds", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-woman-is-holding-pliers-crystal-clear-quartz-it_613910-17312.jpg", imageAlt: "Emily Rodriguez, Senior Polisher at Aurora Diamonds"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael O'Connell",
|
||||
role: "Mine Representative",
|
||||
company: "African Mining Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valuables-jewelry-perforated-paper-diamond_53876-31043.jpg",
|
||||
imageAlt: "Michael O'Connell, Mine Representative at African Mining Co.",
|
||||
},
|
||||
id: "t4", name: "Michael O'Connell", role: "Mine Representative", company: "African Mining Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valuables-jewelry-perforated-paper-diamond_53876-31043.jpg", imageAlt: "Michael O'Connell, Mine Representative at African Mining Co."},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Aisha Sharma",
|
||||
role: "Logistics Manager",
|
||||
company: "Global Gem Trade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-helmet-looking-camera_259150-56886.jpg",
|
||||
imageAlt: "Aisha Sharma, Logistics Manager at Global Gem Trade",
|
||||
},
|
||||
id: "t5", name: "Aisha Sharma", role: "Logistics Manager", company: "Global Gem Trade", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-helmet-looking-camera_259150-56886.jpg", imageAlt: "Aisha Sharma, Logistics Manager at Global Gem Trade"},
|
||||
]}
|
||||
title="What Our Partners Say"
|
||||
description="Hear from leading suppliers and manufacturers on how DiamondConnect has transformed their operations."
|
||||
@@ -364,25 +227,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How do you ensure diamond authenticity?",
|
||||
content: "We work only with verified suppliers and integrate blockchain-backed certification for every listed diamond, providing full traceability and an immutable record of its origin and characteristics.",
|
||||
},
|
||||
id: "faq1", title: "How do you ensure diamond authenticity?", content: "We work only with verified suppliers and integrate blockchain-backed certification for every listed diamond, providing full traceability and an immutable record of its origin and characteristics."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What are the fees for transactions?",
|
||||
content: "Our platform charges a transparent, low percentage fee per successful transaction. Detailed fee structures are available in your account dashboard upon registration.",
|
||||
},
|
||||
id: "faq2", title: "What are the fees for transactions?", content: "Our platform charges a transparent, low percentage fee per successful transaction. Detailed fee structures are available in your account dashboard upon registration."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can I negotiate prices directly with suppliers?",
|
||||
content: "Yes, our platform facilitates direct communication and negotiation between registered suppliers and manufacturers to ensure fair pricing and custom deal arrangements.",
|
||||
},
|
||||
id: "faq3", title: "Can I negotiate prices directly with suppliers?", content: "Yes, our platform facilitates direct communication and negotiation between registered suppliers and manufacturers to ensure fair pricing and custom deal arrangements."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "What kind of support is available?",
|
||||
content: "We offer 24/7 customer support via chat, email, and phone. Our dedicated team is available to assist with any technical issues, transaction inquiries, or platform guidance.",
|
||||
},
|
||||
id: "faq4", title: "What kind of support is available?", content: "We offer 24/7 customer support via chat, email, and phone. Our dedicated team is available to assist with any technical issues, transaction inquiries, or platform guidance."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to the most common questions about using our platform."
|
||||
@@ -394,18 +245,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Ready to transform your diamond procurement and sales? Connect with us today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "mailto:info@diamondconnect.com",
|
||||
},
|
||||
text: "Get in Touch", href: "mailto:info@diamondconnect.com"},
|
||||
{
|
||||
text: "Request a Demo",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request a Demo", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -419,19 +265,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/diamondconnect",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/diamondconnect", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/diamondconnect",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/diamondconnect", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/diamondconnect",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com/diamondconnect", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user