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

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-11 22:55:28 +00:00
parent 445e9b4949
commit 7632a78948
1 changed files with 50 additions and 205 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>