bender/76fbe6d7-4e60-4edd-9cfb-3ca1db2954b6
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-06 09:20:46 +00:00
parent 0e5820b2c8
commit 3e1af3adbe
1 changed files with 63 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

254
src/app/page.tsx
View File

@@ -44,7 +44,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
@@ -61,7 +61,7 @@ export default function HomePage() {
<div id="hero" data-section="hero">
<HeroBillboardDashboard
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
tag="New Arrivals"
tagIcon={Package}
tagAnimation="slide-up"
@@ -73,11 +73,8 @@ export default function HomePage() {
]}
buttonAnimation="slide-up"
dashboard={{
title: "TrendCart Statistics",
logoIcon: ShoppingBag,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-standing-cafe-with-shopping-bags_1157-32427.jpg",
searchPlaceholder: "Search products...",
buttons: [
title: "TrendCart Statistics", logoIcon: ShoppingBag,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-standing-cafe-with-shopping-bags_1157-32427.jpg", searchPlaceholder: "Search products...", buttons: [
{ text: "Browse", href: "/shop" },
{ text: "Wishlist", href: "/" },
],
@@ -89,47 +86,32 @@ export default function HomePage() {
],
stats: [
{
title: "Products",
values: [500, 750, 1200],
description: "Available items",
},
title: "Products", values: [500, 750, 1200],
description: "Available items"},
{
title: "Customers",
values: [2500, 5000, 8750],
description: "Happy shoppers",
},
title: "Customers", values: [2500, 5000, 8750],
description: "Happy shoppers"},
{
title: "Orders",
values: [1200, 3500, 7500],
valueSuffix: "+",
description: "Completed transactions",
},
title: "Orders", values: [1200, 3500, 7500],
valueSuffix: "+", description: "Completed transactions"},
],
chartTitle: "Sales Trend",
chartData: [
chartTitle: "Sales Trend", chartData: [
{ value: 45 },
{ value: 72 },
{ value: 58 },
{ value: 85 },
{ value: 92 },
],
listTitle: "Recent Orders",
listItems: [
listTitle: "Recent Orders", listItems: [
{
icon: CheckCircle,
title: "Premium Shirt Set",
status: "Delivered",
},
title: "Premium Shirt Set", status: "Delivered"},
{
icon: Clock,
title: "Designer Sneakers",
status: "Processing",
},
title: "Designer Sneakers", status: "Processing"},
{
icon: Truck,
title: "Watch Collection",
status: "Shipped",
},
title: "Watch Collection", status: "Shipped"},
],
}}
/>
@@ -147,26 +129,14 @@ export default function HomePage() {
animationType="slide-up"
features={[
{
title: "Men's Collection",
description:
"Premium casual and formal wear for the modern man",
bentoComponent: "globe",
},
title: "Men's Collection", description:
"Premium casual and formal wear for the modern man", bentoComponent: "globe"},
{
title: "Women's Collection",
description: "Elegant and trendy styles for every occasion",
bentoComponent: "animated-bar-chart",
},
title: "Women's Collection", description: "Elegant and trendy styles for every occasion", bentoComponent: "animated-bar-chart"},
{
title: "Electronics",
description: "Latest gadgets and tech accessories",
bentoComponent: "line-chart",
},
title: "Electronics", description: "Latest gadgets and tech accessories", bentoComponent: "line-chart"},
{
title: "Accessories",
description: "Complete your look with our accessory range",
bentoComponent: "map",
},
title: "Accessories", description: "Complete your look with our accessory range", bentoComponent: "map"},
]}
/>
</div>
@@ -185,64 +155,28 @@ export default function HomePage() {
carouselMode="buttons"
products={[
{
id: "1",
name: "Classic Cotton T-Shirt",
price: "$45.00",
variant: "White, Black, Navy 3 Colors",
imageSrc:
"http://img.b2bpic.net/free-photo/groom-preparing-his-wedding_1303-28300.jpg?_wi=1",
imageAlt: "Classic Cotton T-Shirt",
isFavorited: false,
id: "1", name: "Classic Cotton T-Shirt", price: "$45.00", variant: "White, Black, Navy 3 Colors", imageSrc:
"http://img.b2bpic.net/free-photo/groom-preparing-his-wedding_1303-28300.jpg", imageAlt: "Classic Cotton T-Shirt", isFavorited: false,
},
{
id: "2",
name: "Urban Running Sneakers",
price: "$120.00",
variant: "Grey, White, Black 5 Sizes",
imageSrc:
"http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8084.jpg?_wi=1",
imageAlt: "Urban Running Sneakers",
isFavorited: false,
id: "2", name: "Urban Running Sneakers", price: "$120.00", variant: "Grey, White, Black 5 Sizes", imageSrc:
"http://img.b2bpic.net/free-photo/fashion-shoes-sneaker_1203-8084.jpg", imageAlt: "Urban Running Sneakers", isFavorited: false,
},
{
id: "3",
name: "Minimalist Steel Watch",
price: "$180.00",
variant: "Silver, Gold, Black 2 Styles",
imageSrc:
"http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-25611.jpg?_wi=1",
imageAlt: "Minimalist Steel Watch",
isFavorited: false,
id: "3", name: "Minimalist Steel Watch", price: "$180.00", variant: "Silver, Gold, Black 2 Styles", imageSrc:
"http://img.b2bpic.net/free-photo/handsome-businyman-summer-city_1157-25611.jpg", imageAlt: "Minimalist Steel Watch", isFavorited: false,
},
{
id: "4",
name: "Premium Wireless Headphones",
price: "$250.00",
variant: "Matte Black, White 1 Variant",
imageSrc:
"http://img.b2bpic.net/free-photo/headphones-displayed-against-dark-background_157027-4466.jpg?_wi=1",
imageAlt: "Premium Wireless Headphones",
isFavorited: false,
id: "4", name: "Premium Wireless Headphones", price: "$250.00", variant: "Matte Black, White 1 Variant", imageSrc:
"http://img.b2bpic.net/free-photo/headphones-displayed-against-dark-background_157027-4466.jpg", imageAlt: "Premium Wireless Headphones", isFavorited: false,
},
{
id: "5",
name: "Travel Essential Backpack",
price: "$95.00",
variant: "Navy, Charcoal, Olive 3 Colors",
imageSrc:
"http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street_158538-1658.jpg?_wi=1",
imageAlt: "Travel Essential Backpack",
isFavorited: false,
id: "5", name: "Travel Essential Backpack", price: "$95.00", variant: "Navy, Charcoal, Olive 3 Colors", imageSrc:
"http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street_158538-1658.jpg", imageAlt: "Travel Essential Backpack", isFavorited: false,
},
{
id: "6",
name: "Designer UV Protection Sunglasses",
price: "$160.00",
variant: "Black, Brown, Tortoise 3 Styles",
imageSrc:
"http://img.b2bpic.net/free-photo/pretty-woman-grey-jacket-white-shirt-sunglasses-with-red-lipstick-is-touching-hair-posing-near-her-house-beautiful-lady-grey-oversize-jacket-pants-walks-outside_291650-2564.jpg?_wi=1",
imageAlt: "Designer UV Protection Sunglasses",
isFavorited: false,
id: "6", name: "Designer UV Protection Sunglasses", price: "$160.00", variant: "Black, Brown, Tortoise 3 Styles", imageSrc:
"http://img.b2bpic.net/free-photo/pretty-woman-grey-jacket-white-shirt-sunglasses-with-red-lipstick-is-touching-hair-posing-near-her-house-beautiful-lady-grey-oversize-jacket-pants-walks-outside_291650-2564.jpg", imageAlt: "Designer UV Protection Sunglasses", isFavorited: false,
},
]}
/>
@@ -258,15 +192,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Authentic Apparel",
"Premium Electronics",
"Luxury Accessories",
"Global Fashion",
"Style Hub",
"Tech Innovations",
"Quality Goods",
"Trend Leaders",
]}
"Authentic Apparel", "Premium Electronics", "Luxury Accessories", "Global Fashion", "Style Hub", "Tech Innovations", "Quality Goods", "Trend Leaders"]}
speed={40}
showCard={true}
/>
@@ -285,65 +211,29 @@ export default function HomePage() {
carouselMode="buttons"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Fashion Enthusiast",
testimonial:
"TrendCart has completely transformed my shopping experience. The quality is exceptional and the customer service is outstanding. I'm a loyal customer for life!",
imageSrc:
"http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", role: "Fashion Enthusiast", testimonial:
"TrendCart has completely transformed my shopping experience. The quality is exceptional and the customer service is outstanding. I'm a loyal customer for life!", imageSrc:
"http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
role: "Tech Professional",
testimonial:
"The electronics section is incredible. Fast shipping, authentic products, and great prices. This is my go-to place for all my tech needs.",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", role: "Tech Professional", testimonial:
"The electronics section is incredible. Fast shipping, authentic products, and great prices. This is my go-to place for all my tech needs.", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
role: "Style Blogger",
testimonial:
"Every piece I've purchased has been perfect. The variety is amazing and the trends they curate are always on point. Highly recommended!",
imageSrc:
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", role: "Style Blogger", testimonial:
"Every piece I've purchased has been perfect. The variety is amazing and the trends they curate are always on point. Highly recommended!", imageSrc:
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
role: "Business Owner",
testimonial:
"I bulk ordered for my team and was impressed with the quality and professionalism. TrendCart really cares about their customers.",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", role: "Business Owner", testimonial:
"I bulk ordered for my team and was impressed with the quality and professionalism. TrendCart really cares about their customers.", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Lee",
role: "College Student",
testimonial:
"Great prices for students! The quality-to-price ratio is unbeatable. I love shopping here and recommending it to my friends.",
imageSrc:
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2",
imageAlt: "Jessica Lee",
},
id: "5", name: "Jessica Lee", role: "College Student", testimonial:
"Great prices for students! The quality-to-price ratio is unbeatable. I love shopping here and recommending it to my friends.", imageSrc:
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Jessica Lee"},
{
id: "6",
name: "James Wilson",
role: "Fitness Coach",
testimonial:
"Their athletic wear is fantastic. Perfect fit, great materials, and the designs are stylish. Definitely my preferred brand for sports gear.",
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1",
imageAlt: "James Wilson",
},
id: "6", name: "James Wilson", role: "Fitness Coach", testimonial:
"Their athletic wear is fantastic. Perfect fit, great materials, and the designs are stylish. Definitely my preferred brand for sports gear.", imageSrc:
"http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "James Wilson"},
]}
/>
</div>
@@ -362,41 +252,23 @@ export default function HomePage() {
showCard={true}
faqs={[
{
id: "1",
title: "What are the shipping options?",
content:
"We offer standard shipping (5-7 business days), express shipping (2-3 business days), and overnight delivery. Shipping costs vary based on order size and destination. Free shipping available on orders over $100.",
},
id: "1", title: "What are the shipping options?", content:
"We offer standard shipping (5-7 business days), express shipping (2-3 business days), and overnight delivery. Shipping costs vary based on order size and destination. Free shipping available on orders over $100."},
{
id: "2",
title: "What is your return policy?",
content:
"We offer a 30-day return policy on all items. Products must be unworn, unwashed, and in original packaging. Simply initiate a return through your account and we'll provide a prepaid shipping label. Refunds are processed within 5-7 business days of receipt.",
},
id: "2", title: "What is your return policy?", content:
"We offer a 30-day return policy on all items. Products must be unworn, unwashed, and in original packaging. Simply initiate a return through your account and we'll provide a prepaid shipping label. Refunds are processed within 5-7 business days of receipt."},
{
id: "3",
title: "Do you accept international orders?",
content:
"Yes! We ship to over 50 countries worldwide. International shipping rates are calculated at checkout based on destination and weight. Customers are responsible for any customs duties or taxes.",
},
id: "3", title: "Do you accept international orders?", content:
"Yes! We ship to over 50 countries worldwide. International shipping rates are calculated at checkout based on destination and weight. Customers are responsible for any customs duties or taxes."},
{
id: "4",
title: "How can I track my order?",
content:
"Once your order ships, you'll receive a tracking number via email. You can track your package in real-time through our website or the carrier's portal. You'll also receive notifications at each delivery stage.",
},
id: "4", title: "How can I track my order?", content:
"Once your order ships, you'll receive a tracking number via email. You can track your package in real-time through our website or the carrier's portal. You'll also receive notifications at each delivery stage."},
{
id: "5",
title: "What payment methods do you accept?",
content:
"We accept all major credit cards (Visa, Mastercard, American Express), PayPal, Apple Pay, Google Pay, and digital wallets. All transactions are secured with SSL encryption.",
},
id: "5", title: "What payment methods do you accept?", content:
"We accept all major credit cards (Visa, Mastercard, American Express), PayPal, Apple Pay, Google Pay, and digital wallets. All transactions are secured with SSL encryption."},
{
id: "6",
title: "Can I modify or cancel my order?",
content:
"Orders can be modified or cancelled within 2 hours of placement, before they enter our fulfillment system. Contact our support team immediately if you need changes. Once shipped, you can refuse delivery or initiate a return.",
},
id: "6", title: "Can I modify or cancel my order?", content:
"Orders can be modified or cancelled within 2 hours of placement, before they enter our fulfillment system. Contact our support team immediately if you need changes. Once shipped, you can refuse delivery or initiate a return."},
]}
/>
</div>