Update src/app/shop/page.tsx

This commit is contained in:
2026-03-10 14:05:26 +00:00
parent 4ea51dd1f6
commit 5f8e1c1e34

View File

@@ -20,8 +20,7 @@ export default function ShopPage() {
const footerColumns = [
{
title: "Products",
items: [
title: "Products", items: [
{ label: "Shop All", href: "/shop" },
{ label: "Featured", href: "/shop" },
{ label: "Accessories", href: "/shop" },
@@ -29,8 +28,7 @@ export default function ShopPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About RHT", href: "/" },
{ label: "Engineering", href: "/" },
{ label: "Careers", href: "#" },
@@ -38,8 +36,7 @@ export default function ShopPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Help Center", href: "#" },
{ label: "Compatibility", href: "/" },
{ label: "Downloads", href: "#" },
@@ -65,9 +62,7 @@ export default function ShopPage() {
<NavbarStyleCentered
navItems={navItems}
button={{
text: "Buy Now",
href: "/shop",
}}
text: "Buy Now", href: "/shop"}}
brandName="RHT"
/>
</div>
@@ -80,36 +75,16 @@ export default function ShopPage() {
tagIcon={Sparkles}
products={[
{
id: "1",
name: "Eclipse Motion Pro",
price: "$349.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AihvX6DoCTzPYC2qLQFZKC4Ald/premium-racing-wheel-product-photo-the-e-1773081597615-3dad3de8.png?_wi=2",
imageAlt: "Eclipse Motion Pro racing wheel",
initialQuantity: 1,
id: "1", name: "Eclipse Motion Pro", price: "$349.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AihvX6DoCTzPYC2qLQFZKC4Ald/premium-racing-wheel-product-photo-the-e-1773081597615-3dad3de8.png?_wi=2", imageAlt: "Eclipse Motion Pro racing wheel", initialQuantity: 1,
},
{
id: "2",
name: "Carbon Fiber Pedal Set",
price: "$199.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AihvX6DoCTzPYC2qLQFZKC4Ald/carbon-fiber-racing-pedal-set-product-ph-1773081598041-14ff5f36.png?_wi=2",
imageAlt: "Carbon Fiber racing pedal set",
initialQuantity: 1,
id: "2", name: "Carbon Fiber Pedal Set", price: "$199.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AihvX6DoCTzPYC2qLQFZKC4Ald/carbon-fiber-racing-pedal-set-product-ph-1773081598041-14ff5f36.png?_wi=2", imageAlt: "Carbon Fiber racing pedal set", initialQuantity: 1,
},
{
id: "3",
name: "Precision Shifter Module",
price: "$149.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AihvX6DoCTzPYC2qLQFZKC4Ald/precision-racing-shifter-module-product--1773081598328-4eb28140.png?_wi=2",
imageAlt: "Precision racing shifter module",
initialQuantity: 1,
id: "3", name: "Precision Shifter Module", price: "$149.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AihvX6DoCTzPYC2qLQFZKC4Ald/precision-racing-shifter-module-product--1773081598328-4eb28140.png?_wi=2", imageAlt: "Precision racing shifter module", initialQuantity: 1,
},
{
id: "4",
name: "HUD Display System",
price: "$599.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AihvX6DoCTzPYC2qLQFZKC4Ald/advanced-hud-display-system-product-phot-1773081597926-17490173.png?_wi=2",
imageAlt: "Advanced HUD display system",
initialQuantity: 1,
id: "4", name: "HUD Display System", price: "$599.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AihvX6DoCTzPYC2qLQFZKC4Ald/advanced-hud-display-system-product-phot-1773081597926-17490173.png?_wi=2", imageAlt: "Advanced HUD display system", initialQuantity: 1,
},
]}
gridVariant="four-items-2x2-equal-grid"
@@ -128,22 +103,13 @@ export default function ShopPage() {
features={[
{
id: 1,
title: "Racing Wheel Setup",
description: "Step-by-step installation guide for the Eclipse Motion Pro. Compatible with all major racing simulators. Includes cable routing and calibration tips.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AihvX6DoCTzPYC2qLQFZKC4Ald/quick-setup-guide-visualization-for-raci-1773081598410-856857a9.png?_wi=2",
},
title: "Racing Wheel Setup", description: "Step-by-step installation guide for the Eclipse Motion Pro. Compatible with all major racing simulators. Includes cable routing and calibration tips.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AihvX6DoCTzPYC2qLQFZKC4Ald/quick-setup-guide-visualization-for-raci-1773081598410-856857a9.png?_wi=2"},
{
id: 2,
title: "Pedal Calibration",
description: "Optimize your Carbon Fiber Pedal Set for smooth, responsive feel. Learn advanced calibration techniques and sensitivity tuning for different racing games.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AihvX6DoCTzPYC2qLQFZKC4Ald/close-up-showcase-of-premium-materials-u-1773081598479-8c473755.png?_wi=2",
},
title: "Pedal Calibration", description: "Optimize your Carbon Fiber Pedal Set for smooth, responsive feel. Learn advanced calibration techniques and sensitivity tuning for different racing games.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AihvX6DoCTzPYC2qLQFZKC4Ald/close-up-showcase-of-premium-materials-u-1773081598479-8c473755.png?_wi=2"},
{
id: 3,
title: "HUD Display Configuration",
description: "Configure your HUD Display System for real-time telemetry. Customize display layouts, data fields, and warning alerts for your preferred racing sim.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AihvX6DoCTzPYC2qLQFZKC4Ald/professional-cnc-machining-workshop-inte-1773081598682-5e7ebe8d.png?_wi=2",
},
title: "HUD Display Configuration", description: "Configure your HUD Display System for real-time telemetry. Customize display layouts, data fields, and warning alerts for your preferred racing sim.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AihvX6DoCTzPYC2qLQFZKC4Ald/professional-cnc-machining-workshop-inte-1773081598682-5e7ebe8d.png?_wi=2"},
]}
animationType="blur-reveal"
textboxLayout="default"
@@ -158,8 +124,7 @@ export default function ShopPage() {
description="Subscribe to receive notifications about new product releases, restocks, and exclusive shop-only promotions."
tagIcon={Mail}
background={{
variant: "rotated-rays-animated-grid",
}}
variant: "rotated-rays-animated-grid"}}
useInvertedBackground={false}
inputPlaceholder="your@email.com"
buttonText="Subscribe"