bender/277e9155-e711-4f2d-a011-2cef115145a2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-11 22:55:33 +00:00
parent 280093b740 740a77ec67
commit fe307fd9dd
3 changed files with 115 additions and 364 deletions
Download Patch File Download Diff File Expand all files Collapse all files

255
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Zap, Lightning, Car, Watch, Palette, Users, Store, Gavel, DollarSign } from "lucide-react";
import { Zap, Zap as Bolt, Car, Watch, Palette, Users, Store, Gavel, DollarSign } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -25,8 +25,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Platform",
items: [
title: "Platform", items: [
{ label: "Browse Auctions", href: "/browse" },
{ label: "Become a Seller", href: "/seller" },
{ label: "Categories", href: "#categories" },
@@ -34,8 +33,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "/blog" },
{ label: "Careers", href: "/careers" },
@@ -43,8 +41,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Seller Guide", href: "/seller-guide" },
{ label: "Buyer Tips", href: "/buyer-tips" },
{ label: "Privacy Policy", href: "#" },
@@ -71,9 +68,7 @@ export default function HomePage() {
<NavbarStyleCentered
navItems={navItems}
button={{
text: "Start Listing",
href: "/seller",
}}
text: "Start Listing", href: "/seller"}}
brandName="AuctionHub"
/>
</div>
@@ -88,49 +83,26 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "Start Browsing",
href: "/browse",
},
text: "Start Browsing", href: "/browse"},
{
text: "Become a Seller",
href: "/seller",
},
text: "Become a Seller", href: "/seller"},
]}
buttonAnimation="slide-up"
background={{
variant: "circleGradient",
}}
variant: "plain"}}
carouselItems={[
{
id: "carousel-1",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24275.jpg?_wi=1",
imageAlt: "Luxury sports car auction",
},
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24275.jpg", imageAlt: "Luxury sports car auction"},
{
id: "carousel-2",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347087.jpg",
imageAlt: "Premium watch collection",
},
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347087.jpg", imageAlt: "Premium watch collection"},
{
id: "carousel-3",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709120.jpg?_wi=1",
imageAlt: "Contemporary art exhibition",
},
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709120.jpg", imageAlt: "Contemporary art exhibition"},
{
id: "carousel-4",
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428524.jpg?_wi=1",
imageAlt: "NFT digital art showcase",
},
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428524.jpg", imageAlt: "NFT digital art showcase"},
{
id: "carousel-5",
imageSrc: "http://img.b2bpic.net/free-photo/people-antique-store-side-view_23-2149640716.jpg?_wi=1",
imageAlt: "Luxury items collection",
},
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/people-antique-store-side-view_23-2149640716.jpg", imageAlt: "Luxury items collection"},
{
id: "carousel-6",
imageSrc: "http://img.b2bpic.net/free-photo/approved-agreement-allowed-validation-concept_53876-138635.jpg?_wi=1",
imageAlt: "Fast validation process",
},
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/approved-agreement-allowed-validation-concept_53876-138635.jpg", imageAlt: "Fast validation process"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -150,47 +122,17 @@ export default function HomePage() {
animationType="slide-up"
products={[
{
id: "1",
name: "Ferrari Testarossa",
price: "$487,000",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-33181.jpg?_wi=1",
imageAlt: "Red Ferrari sports car",
},
id: "1", name: "Ferrari Testarossa", price: "$487,000", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-33181.jpg", imageAlt: "Red Ferrari sports car"},
{
id: "2",
name: "Rolex Submariner Gold",
price: "$42,500",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-checking-time_23-2149322941.jpg?_wi=1",
imageAlt: "Luxury gold watch",
},
id: "2", name: "Rolex Submariner Gold", price: "$42,500", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-checking-time_23-2149322941.jpg", imageAlt: "Luxury gold watch"},
{
id: "3",
name: "Abstract Canvas #47",
price: "$18,900",
imageSrc: "http://img.b2bpic.net/free-vector/hand-painted-abstract-painting-pattern_23-2148975307.jpg?_wi=1",
imageAlt: "Modern abstract painting",
},
id: "3", name: "Abstract Canvas #47", price: "$18,900", imageSrc: "http://img.b2bpic.net/free-vector/hand-painted-abstract-painting-pattern_23-2148975307.jpg", imageAlt: "Modern abstract painting"},
{
id: "4",
name: "Digital Realm NFT",
price: "5.2 ETH",
imageSrc: "http://img.b2bpic.net/free-vector/linear-gradient-vintage-cassette_52683-60215.jpg?_wi=1",
imageAlt: "Digital collectible NFT",
},
id: "4", name: "Digital Realm NFT", price: "5.2 ETH", imageSrc: "http://img.b2bpic.net/free-vector/linear-gradient-vintage-cassette_52683-60215.jpg", imageAlt: "Digital collectible NFT"},
{
id: "5",
name: "1967 Jaguar E-Type",
price: "$156,000",
imageSrc: "http://img.b2bpic.net/free-photo/lady-car_1157-7446.jpg?_wi=1",
imageAlt: "Classic collector car",
},
id: "5", name: "1967 Jaguar E-Type", price: "$156,000", imageSrc: "http://img.b2bpic.net/free-photo/lady-car_1157-7446.jpg", imageAlt: "Classic collector car"},
{
id: "6",
name: "Cartier Diamond Watch",
price: "$38,700",
imageSrc: "http://img.b2bpic.net/free-photo/couple-jewelry-shop-choosing-ring-together_1303-30658.jpg?_wi=1",
imageAlt: "Diamond-studded luxury watch",
},
id: "6", name: "Cartier Diamond Watch", price: "$38,700", imageSrc: "http://img.b2bpic.net/free-photo/couple-jewelry-shop-choosing-ring-together_1303-30658.jpg", imageAlt: "Diamond-studded luxury watch"},
]}
/>
</div>
@@ -201,33 +143,18 @@ export default function HomePage() {
title="Sell in 3 Simple Steps"
description="Get your items validated and listed live in hours, not days. Our streamlined process makes selling easy."
tag="Fast Validation"
tagIcon={Lightning}
tagIcon={Bolt}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
features={[
{
id: "01",
title: "Create Listing",
description: "Upload high-quality photos, set your starting bid, and provide item details. Our AI-powered system suggests optimal pricing.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24275.jpg?_wi=2",
imageAlt: "Listing creation interface",
},
id: "01", title: "Create Listing", description: "Upload high-quality photos, set your starting bid, and provide item details. Our AI-powered system suggests optimal pricing.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24275.jpg", imageAlt: "Listing creation interface"},
{
id: "02",
title: "Fast Validation",
description: "Our expert team verifies authenticity and condition within 24 hours. We handle the hard work so you don't have to.",
imageSrc: "http://img.b2bpic.net/free-photo/approved-agreement-allowed-validation-concept_53876-138635.jpg?_wi=2",
imageAlt: "Validation process",
},
id: "02", title: "Fast Validation", description: "Our expert team verifies authenticity and condition within 24 hours. We handle the hard work so you don't have to.", imageSrc: "http://img.b2bpic.net/free-photo/approved-agreement-allowed-validation-concept_53876-138635.jpg", imageAlt: "Validation process"},
{
id: "03",
title: "Live Auction",
description: "Your item goes live immediately after validation. Reach thousands of buyers worldwide and maximize your sale price.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709120.jpg?_wi=2",
imageAlt: "Live auction marketplace",
},
id: "03", title: "Live Auction", description: "Your item goes live immediately after validation. Reach thousands of buyers worldwide and maximize your sale price.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709120.jpg", imageAlt: "Live auction marketplace"},
]}
/>
</div>
@@ -241,28 +168,20 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
imageSrc="http://img.b2bpic.net/free-vector/hand-painted-abstract-painting-pattern_23-2148975307.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-vector/hand-painted-abstract-painting-pattern_23-2148975307.jpg"
imageAlt="Product categories showcase"
bulletPoints={[
{
title: "Luxury Vehicles",
description: "Sports cars, classic automobiles, and exotic vehicles authenticated by certified appraisers.",
icon: Car,
title: "Luxury Vehicles", description: "Sports cars, classic automobiles, and exotic vehicles authenticated by certified appraisers.", icon: Car,
},
{
title: "Premium Watches",
description: "Mechanical timepieces, chronographs, and collector watches verified for authenticity.",
icon: Watch,
title: "Premium Watches", description: "Mechanical timepieces, chronographs, and collector watches verified for authenticity.", icon: Watch,
},
{
title: "Fine Art",
description: "Contemporary, modern, and classic artwork curated and authenticated by art experts.",
icon: Palette,
title: "Fine Art", description: "Contemporary, modern, and classic artwork curated and authenticated by art experts.", icon: Palette,
},
{
title: "Digital Collectibles",
description: "NFTs, crypto art, and blockchain-based collectibles in a secure marketplace.",
icon: Zap,
title: "Digital Collectibles", description: "NFTs, crypto art, and blockchain-based collectibles in a secure marketplace.", icon: Zap,
},
]}
mediaAnimation="blur-reveal"
@@ -280,29 +199,17 @@ export default function HomePage() {
animationType="scale-rotate"
metrics={[
{
id: "1",
icon: Users,
title: "Active Buyers",
value: "47,200+",
},
id: "1", icon: Users,
title: "Active Buyers", value: "47,200+"},
{
id: "2",
icon: Store,
title: "Verified Sellers",
value: "3,840+",
},
id: "2", icon: Store,
title: "Verified Sellers", value: "3,840+"},
{
id: "3",
icon: Gavel,
title: "Auctions Completed",
value: "12,500+",
},
id: "3", icon: Gavel,
title: "Auctions Completed", value: "12,500+"},
{
id: "4",
icon: DollarSign,
title: "GMV This Year",
value: "$89.2M",
},
id: "4", icon: DollarSign,
title: "GMV This Year", value: "$89.2M"},
]}
/>
</div>
@@ -316,15 +223,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Forbes",
"TechCrunch",
"Wired",
"Bloomberg",
"Vogue",
"Luxury Magazine",
"Collector's Weekly",
"Art Basel",
]}
"Forbes", "TechCrunch", "Wired", "Bloomberg", "Vogue", "Luxury Magazine", "Collector's Weekly", "Art Basel"]}
speed={40}
showCard={true}
/>
@@ -341,53 +240,17 @@ export default function HomePage() {
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Marcus Chen",
role: "Collector & Seller",
testimonial: "The validation process is incredibly fast. My Ferrari was listed within 24 hours and sold for 15% above my asking price. Best auction platform for collectors.",
imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6769.jpg?_wi=1",
imageAlt: "Marcus Chen",
},
id: "1", name: "Marcus Chen", role: "Collector & Seller", testimonial: "The validation process is incredibly fast. My Ferrari was listed within 24 hours and sold for 15% above my asking price. Best auction platform for collectors.", imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6769.jpg", imageAlt: "Marcus Chen"},
{
id: "2",
name: "Sofia Rodriguez",
role: "Watch Enthusiast",
testimonial: "Found my holy grail Rolex here. The seller verification gives me confidence that everything is authentic. This is the future of luxury auctions.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg?_wi=1",
imageAlt: "Sofia Rodriguez",
},
id: "2", name: "Sofia Rodriguez", role: "Watch Enthusiast", testimonial: "Found my holy grail Rolex here. The seller verification gives me confidence that everything is authentic. This is the future of luxury auctions.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg", imageAlt: "Sofia Rodriguez"},
{
id: "3",
name: "James Mitchell",
role: "Art Dealer",
testimonial: "Sold three pieces in the first month. The platform connects serious collectors worldwide. Fees are fair and payouts are fast.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg?_wi=1",
imageAlt: "James Mitchell",
},
id: "3", name: "James Mitchell", role: "Art Dealer", testimonial: "Sold three pieces in the first month. The platform connects serious collectors worldwide. Fees are fair and payouts are fast.", imageSrc: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg", imageAlt: "James Mitchell"},
{
id: "4",
name: "Alex Park",
role: "NFT Collector",
testimonial: "Finally, a marketplace that treats digital art with the same respect as physical collectibles. The blockchain integration is seamless.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg?_wi=1",
imageAlt: "Alex Park",
},
id: "4", name: "Alex Park", role: "NFT Collector", testimonial: "Finally, a marketplace that treats digital art with the same respect as physical collectibles. The blockchain integration is seamless.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg", imageAlt: "Alex Park"},
{
id: "5",
name: "Emma Thompson",
role: "Luxury Seller",
testimonial: "The interface is intuitive, the support team is responsive, and the bidding is competitive. I recommend AuctionHub to all my collector friends.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-with-arms-crossed_1170-2381.jpg?_wi=1",
imageAlt: "Emma Thompson",
},
id: "5", name: "Emma Thompson", role: "Luxury Seller", testimonial: "The interface is intuitive, the support team is responsive, and the bidding is competitive. I recommend AuctionHub to all my collector friends.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-with-arms-crossed_1170-2381.jpg", imageAlt: "Emma Thompson"},
{
id: "6",
name: "David Kumar",
role: "First-Time Seller",
testimonial: "As a first-time seller, I was nervous about the process. Their guidance made it simple, and my item sold quickly. Great experience overall.",
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg?_wi=1",
imageAlt: "David Kumar",
},
id: "6", name: "David Kumar", role: "First-Time Seller", testimonial: "As a first-time seller, I was nervous about the process. Their guidance made it simple, and my item sold quickly. Great experience overall.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg", imageAlt: "David Kumar"},
]}
/>
</div>
@@ -403,35 +266,17 @@ export default function HomePage() {
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "How long does item validation take?",
content: "Our expert team validates most items within 24 hours. High-value items or complex authentications may take up to 48 hours. Once approved, your item goes live immediately.",
},
id: "1", title: "How long does item validation take?", content: "Our expert team validates most items within 24 hours. High-value items or complex authentications may take up to 48 hours. Once approved, your item goes live immediately."},
{
id: "2",
title: "What are the seller fees?",
content: "We charge a competitive 8% commission on final sale price, plus payment processing fees of 2.9% + $0.30. No hidden fees. You keep the rest.",
},
id: "2", title: "What are the seller fees?", content: "We charge a competitive 8% commission on final sale price, plus payment processing fees of 2.9% + $0.30. No hidden fees. You keep the rest."},
{
id: "3",
title: "How do I know items are authentic?",
content: "All items are verified by certified experts in their respective categories. We stand behind authenticity with our guarantee program.",
},
id: "3", title: "How do I know items are authentic?", content: "All items are verified by certified experts in their respective categories. We stand behind authenticity with our guarantee program."},
{
id: "4",
title: "Can I sell NFTs?",
content: "Yes! We support blockchain-verified NFTs. Simply provide the contract address and token ID, and we handle the rest including smart contract integration.",
},
id: "4", title: "Can I sell NFTs?", content: "Yes! We support blockchain-verified NFTs. Simply provide the contract address and token ID, and we handle the rest including smart contract integration."},
{
id: "5",
title: "What payment methods do you accept?",
content: "We accept credit cards, bank transfers, cryptocurrency (Bitcoin, Ethereum), and digital wallets. All transactions are secured and insured.",
},
id: "5", title: "What payment methods do you accept?", content: "We accept credit cards, bank transfers, cryptocurrency (Bitcoin, Ethereum), and digital wallets. All transactions are secured and insured."},
{
id: "6",
title: "How do I bid and win?",
content: "Register, set a proxy bid, and our system automatically bids on your behalf up to your maximum. The highest bidder wins. Real-time notifications keep you updated.",
},
id: "6", title: "How do I bid and win?", content: "Register, set a proxy bid, and our system automatically bids on your behalf up to your maximum. The highest bidder wins. Real-time notifications keep you updated."},
]}
/>
</div>

162
src/app/seller/page.tsx
View File

@@ -8,7 +8,7 @@ import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link";
import { Lightning, Car, Watch, Palette, Zap, Users, Store, Gavel, DollarSign } from "lucide-react";
import { Zap as Bolt, Car, Watch, Palette, Zap, Users, Store, Gavel, DollarSign } from "lucide-react";
export default function SellerPage() {
return (
@@ -35,9 +35,7 @@ export default function SellerPage() {
{ name: "About", id: "about" },
]}
button={{
text: "Start Listing",
href: "/seller",
}}
text: "Start Listing", href: "/seller"}}
/>
</div>
@@ -46,33 +44,18 @@ export default function SellerPage() {
title="Sell in 3 Simple Steps"
description="Get your items validated and listed live in hours, not days. Our streamlined process makes selling easy."
tag="Fast Validation"
tagIcon={Lightning}
tagIcon={Bolt}
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
features={[
{
id: "01",
title: "Create Listing",
description: "Upload high-quality photos, set your starting bid, and provide item details. Our AI-powered system suggests optimal pricing.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24275.jpg?_wi=3",
imageAlt: "Listing creation interface",
},
id: "01", title: "Create Listing", description: "Upload high-quality photos, set your starting bid, and provide item details. Our AI-powered system suggests optimal pricing.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24275.jpg", imageAlt: "Listing creation interface"},
{
id: "02",
title: "Fast Validation",
description: "Our expert team verifies authenticity and condition within 24 hours. We handle the hard work so you don't have to.",
imageSrc: "http://img.b2bpic.net/free-photo/approved-agreement-allowed-validation-concept_53876-138635.jpg?_wi=4",
imageAlt: "Validation process",
},
id: "02", title: "Fast Validation", description: "Our expert team verifies authenticity and condition within 24 hours. We handle the hard work so you don't have to.", imageSrc: "http://img.b2bpic.net/free-photo/approved-agreement-allowed-validation-concept_53876-138635.jpg", imageAlt: "Validation process"},
{
id: "03",
title: "Live Auction",
description: "Your item goes live immediately after validation. Reach thousands of buyers worldwide and maximize your sale price.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709120.jpg?_wi=4",
imageAlt: "Live auction marketplace",
},
id: "03", title: "Live Auction", description: "Your item goes live immediately after validation. Reach thousands of buyers worldwide and maximize your sale price.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709120.jpg", imageAlt: "Live auction marketplace"},
]}
/>
</div>
@@ -85,28 +68,20 @@ export default function SellerPage() {
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
imageSrc="http://img.b2bpic.net/free-vector/hand-painted-abstract-painting-pattern_23-2148975307.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-vector/hand-painted-abstract-painting-pattern_23-2148975307.jpg"
imageAlt="Product categories showcase"
bulletPoints={[
{
title: "Luxury Vehicles",
description: "Sports cars, classic automobiles, and exotic vehicles authenticated by certified appraisers.",
icon: Car,
title: "Luxury Vehicles", description: "Sports cars, classic automobiles, and exotic vehicles authenticated by certified appraisers.", icon: Car,
},
{
title: "Premium Watches",
description: "Mechanical timepieces, chronographs, and collector watches verified for authenticity.",
icon: Watch,
title: "Premium Watches", description: "Mechanical timepieces, chronographs, and collector watches verified for authenticity.", icon: Watch,
},
{
title: "Fine Art",
description: "Contemporary, modern, and classic artwork curated and authenticated by art experts.",
icon: Palette,
title: "Fine Art", description: "Contemporary, modern, and classic artwork curated and authenticated by art experts.", icon: Palette,
},
{
title: "Digital Collectibles",
description: "NFTs, crypto art, and blockchain-based collectibles in a secure marketplace.",
icon: Zap,
title: "Digital Collectibles", description: "NFTs, crypto art, and blockchain-based collectibles in a secure marketplace.", icon: Zap,
},
]}
mediaAnimation="none"
@@ -123,29 +98,17 @@ export default function SellerPage() {
animationType="scale-rotate"
metrics={[
{
id: "1",
icon: Users,
title: "Active Buyers",
value: "47,200+",
},
id: "1", icon: Users,
title: "Active Buyers", value: "47,200+"},
{
id: "2",
icon: Store,
title: "Verified Sellers",
value: "3,840+",
},
id: "2", icon: Store,
title: "Verified Sellers", value: "3,840+"},
{
id: "3",
icon: Gavel,
title: "Auctions Completed",
value: "12,500+",
},
id: "3", icon: Gavel,
title: "Auctions Completed", value: "12,500+"},
{
id: "4",
icon: DollarSign,
title: "GMV This Year",
value: "$89.2M",
},
id: "4", icon: DollarSign,
title: "GMV This Year", value: "$89.2M"},
]}
/>
</div>
@@ -160,35 +123,17 @@ export default function SellerPage() {
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "How long does item validation take?",
content: "Our expert team validates most items within 24 hours. High-value items or complex authentications may take up to 48 hours. Once approved, your item goes live immediately.",
},
id: "1", title: "How long does item validation take?", content: "Our expert team validates most items within 24 hours. High-value items or complex authentications may take up to 48 hours. Once approved, your item goes live immediately."},
{
id: "2",
title: "What are the seller fees?",
content: "We charge a competitive 8% commission on final sale price, plus payment processing fees of 2.9% + $0.30. No hidden fees. You keep the rest.",
},
id: "2", title: "What are the seller fees?", content: "We charge a competitive 8% commission on final sale price, plus payment processing fees of 2.9% + $0.30. No hidden fees. You keep the rest."},
{
id: "3",
title: "How do I know my items will sell?",
content: "Our platform reaches 47,000+ active buyers worldwide. We provide optimal pricing suggestions and marketing support to ensure your items get maximum visibility and competitive bidding.",
},
id: "3", title: "How do I know my items will sell?", content: "Our platform reaches 47,000+ active buyers worldwide. We provide optimal pricing suggestions and marketing support to ensure your items get maximum visibility and competitive bidding."},
{
id: "4",
title: "Can I sell NFTs?",
content: "Yes! We support blockchain-verified NFTs. Simply provide the contract address and token ID, and we handle the rest including smart contract integration.",
},
id: "4", title: "Can I sell NFTs?", content: "Yes! We support blockchain-verified NFTs. Simply provide the contract address and token ID, and we handle the rest including smart contract integration."},
{
id: "5",
title: "What payment methods do you offer?",
content: "Sellers receive payments via bank transfer, cryptocurrency, or digital wallet. All transactions are secured and insured. Payouts typically process within 3-5 business days.",
},
id: "5", title: "What payment methods do you offer?", content: "Sellers receive payments via bank transfer, cryptocurrency, or digital wallet. All transactions are secured and insured. Payouts typically process within 3-5 business days."},
{
id: "6",
title: "What makes a successful seller?",
content: "High-quality photos, accurate descriptions, competitive pricing, and responsive communication with buyers. We provide a seller guide with best practices to maximize your auction success.",
},
id: "6", title: "What makes a successful seller?", content: "High-quality photos, accurate descriptions, competitive pricing, and responsive communication with buyers. We provide a seller guide with best practices to maximize your auction success."},
]}
/>
</div>
@@ -199,66 +144,39 @@ export default function SellerPage() {
copyrightText="© 2025 AuctionHub. All rights reserved. Connecting collectors worldwide."
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{
label: "Browse Auctions",
href: "/browse",
},
label: "Browse Auctions", href: "/browse"},
{
label: "Become a Seller",
href: "/seller",
},
label: "Become a Seller", href: "/seller"},
{
label: "Categories",
href: "#categories",
},
label: "Categories", href: "#categories"},
{
label: "How It Works",
href: "#how-to-sell",
},
label: "How It Works", href: "#how-to-sell"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "/about"},
{
label: "Blog",
href: "/blog",
},
label: "Blog", href: "/blog"},
{
label: "Careers",
href: "/careers",
},
label: "Careers", href: "/careers"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "Seller Guide",
href: "/seller-guide",
},
label: "Seller Guide", href: "/seller-guide"},
{
label: "Buyer Tips",
href: "/buyer-tips",
},
label: "Buyer Tips", href: "/buyer-tips"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}

62
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,39 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from "react";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
fontSize?: number;
fontWeight?: string | number;
fill?: string;
letterSpacing?: number;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = "", fontSize = 32,
fontWeight = 700,
fill = "currentColor", letterSpacing = 0,
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${text.length * (fontSize * 0.6)} ${fontSize * 1.2}`}
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="10"
y={fontSize}
fontSize={fontSize}
fontWeight={fontWeight}
fill={fill}
letterSpacing={letterSpacing}
dominantBaseline="auto"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;