Merge version_1 into main #2
@@ -25,7 +25,7 @@ export default function CategoriesPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -44,51 +44,21 @@ export default function CategoriesPage() {
|
||||
title="Shop by Category"
|
||||
description="Browse our curated collections of premium gaming gear"
|
||||
tag="Collections"
|
||||
tagIcon={Tag}
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "cat-1",
|
||||
name: "Gaming Desk Mats",
|
||||
price: "$39.99+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-desk-mat-inspired-by-va-1773381110213-6b2b90c0.png?_wi=5",
|
||||
imageAlt: "Gaming desk mats collection",
|
||||
},
|
||||
id: "cat-1", name: "Gaming Desk Mats", price: "$39.99+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-desk-mat-inspired-by-va-1773381110213-6b2b90c0.png", imageAlt: "Gaming desk mats collection"},
|
||||
{
|
||||
id: "cat-2",
|
||||
name: "Gaming Apparel",
|
||||
price: "$59.99+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-hoodie-featuring-cinema-1773381110772-4a323e1a.png?_wi=4",
|
||||
imageAlt: "Gaming apparel collection",
|
||||
},
|
||||
id: "cat-2", name: "Gaming Apparel", price: "$59.99+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-hoodie-featuring-cinema-1773381110772-4a323e1a.png", imageAlt: "Gaming apparel collection"},
|
||||
{
|
||||
id: "cat-3",
|
||||
name: "Posters & Wall Art",
|
||||
price: "$24.99+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png?_wi=7",
|
||||
imageAlt: "Gaming posters and wall art",
|
||||
},
|
||||
id: "cat-3", name: "Posters & Wall Art", price: "$24.99+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png", imageAlt: "Gaming posters and wall art"},
|
||||
{
|
||||
id: "cat-4",
|
||||
name: "Phone Cases",
|
||||
price: "$19.99+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-inspired-phone-case-fea-1773381110121-f7aba456.png?_wi=4",
|
||||
imageAlt: "Gaming phone cases",
|
||||
},
|
||||
id: "cat-4", name: "Phone Cases", price: "$19.99+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-inspired-phone-case-fea-1773381110121-f7aba456.png", imageAlt: "Gaming phone cases"},
|
||||
{
|
||||
id: "cat-5",
|
||||
name: "Desk Accessories",
|
||||
price: "$29.99+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-collection-of-premium-gaming-desk-acce-1773381110376-fff6958f.png?_wi=6",
|
||||
imageAlt: "Gaming desk accessories",
|
||||
},
|
||||
id: "cat-5", name: "Desk Accessories", price: "$29.99+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-collection-of-premium-gaming-desk-acce-1773381110376-fff6958f.png", imageAlt: "Gaming desk accessories"},
|
||||
{
|
||||
id: "cat-6",
|
||||
name: "Limited Edition Drops",
|
||||
price: "$99.99+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/an-aesthetic-gaming-room-setup-showcasin-1773381112633-f1cf141c.png?_wi=4",
|
||||
imageAlt: "Limited edition gaming gear",
|
||||
},
|
||||
id: "cat-6", name: "Limited Edition Drops", price: "$99.99+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/an-aesthetic-gaming-room-setup-showcasin-1773381112633-f1cf141c.png", imageAlt: "Limited edition gaming gear"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -96,9 +66,7 @@ export default function CategoriesPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "View All", href: "/shop"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -108,74 +76,50 @@ export default function CategoriesPage() {
|
||||
<FeatureCardTen
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Desk Mats & Mouse Pads",
|
||||
description: "Extended gaming mousepads with premium rubber bases, vibrant gaming artwork inspired by Valorant, Fortnite, and more. Perfect for competitive play and aesthetic desk setups.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-desk-mat-inspired-by-va-1773381110213-6b2b90c0.png?_wi=6",
|
||||
imageAlt: "Gaming desk mats",
|
||||
},
|
||||
id: "1", title: "Desk Mats & Mouse Pads", description: "Extended gaming mousepads with premium rubber bases, vibrant gaming artwork inspired by Valorant, Fortnite, and more. Perfect for competitive play and aesthetic desk setups.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-desk-mat-inspired-by-va-1773381110213-6b2b90c0.png", imageAlt: "Gaming desk mats"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Anti-slip premium rubber base",
|
||||
},
|
||||
text: "Anti-slip premium rubber base"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Neon gaming artwork",
|
||||
},
|
||||
text: "Neon gaming artwork"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Extended surface coverage",
|
||||
},
|
||||
text: "Extended surface coverage"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Gaming Apparel & Hoodies",
|
||||
description: "Premium gaming hoodies and apparel featuring cinematic artwork from legendary gaming worlds. Perfect for casual wear or gaming sessions. Comfort meets aesthetic.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-hoodie-featuring-cinema-1773381110772-4a323e1a.png?_wi=5",
|
||||
imageAlt: "Gaming hoodies and apparel",
|
||||
},
|
||||
id: "2", title: "Gaming Apparel & Hoodies", description: "Premium gaming hoodies and apparel featuring cinematic artwork from legendary gaming worlds. Perfect for casual wear or gaming sessions. Comfort meets aesthetic.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-hoodie-featuring-cinema-1773381110772-4a323e1a.png", imageAlt: "Gaming hoodies and apparel"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Premium fabric blends",
|
||||
},
|
||||
text: "Premium fabric blends"},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Original artwork designs",
|
||||
},
|
||||
text: "Original artwork designs"},
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Vibrant color printing",
|
||||
},
|
||||
text: "Vibrant color printing"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Gaming Posters & Wall Art",
|
||||
description: "Transform your gaming room with stunning wall art inspired by Minecraft, Roblox, League of Legends, and Valorant. High-quality prints with epic battle scenes.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png?_wi=8",
|
||||
imageAlt: "Gaming posters and wall art",
|
||||
},
|
||||
id: "3", title: "Gaming Posters & Wall Art", description: "Transform your gaming room with stunning wall art inspired by Minecraft, Roblox, League of Legends, and Valorant. High-quality prints with epic battle scenes.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png", imageAlt: "Gaming posters and wall art"},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Premium print quality",
|
||||
},
|
||||
text: "Premium print quality"},
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Gaming world inspired",
|
||||
},
|
||||
text: "Gaming world inspired"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Frame-ready designs",
|
||||
},
|
||||
text: "Frame-ready designs"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
@@ -192,53 +136,17 @@ export default function CategoriesPage() {
|
||||
<TestimonialCardSix
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Chen",
|
||||
handle: "@alexgaming_pro",
|
||||
testimonial: "Found the perfect gaming accessories here. The desk mat quality is incredible and the artwork just makes my setup complete.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-young-gamer-age-18-25-with-1773381109721-5070b651.png?_wi=3",
|
||||
imageAlt: "Alex Chen",
|
||||
},
|
||||
id: "1", name: "Alex Chen", handle: "@alexgaming_pro", testimonial: "Found the perfect gaming accessories here. The desk mat quality is incredible and the artwork just makes my setup complete.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-young-gamer-age-18-25-with-1773381109721-5070b651.png", imageAlt: "Alex Chen"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Williams",
|
||||
handle: "@sarahstreams",
|
||||
testimonial: "The variety of gaming products is amazing. I've purchased items from multiple categories and everything has been top-notch quality.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-female-gamer-age-20-28-in--1773381109934-cbb33d9c.png?_wi=3",
|
||||
imageAlt: "Sarah Williams",
|
||||
},
|
||||
id: "2", name: "Sarah Williams", handle: "@sarahstreams", testimonial: "The variety of gaming products is amazing. I've purchased items from multiple categories and everything has been top-notch quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-female-gamer-age-20-28-in--1773381109934-cbb33d9c.png", imageAlt: "Sarah Williams"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Rodriguez",
|
||||
handle: "@gamingmarcos",
|
||||
testimonial: "Best place to find gaming gear that actually matches your gaming aesthetic. Categories make browsing super easy.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-content-creator-age-22-30--1773381110108-c941a864.png?_wi=3",
|
||||
imageAlt: "Marcus Rodriguez",
|
||||
},
|
||||
id: "3", name: "Marcus Rodriguez", handle: "@gamingmarcos", testimonial: "Best place to find gaming gear that actually matches your gaming aesthetic. Categories make browsing super easy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-content-creator-age-22-30--1773381110108-c941a864.png", imageAlt: "Marcus Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Zhang",
|
||||
handle: "@emilyplays",
|
||||
testimonial: "Love browsing by category. Found some limited edition items I didn't even know existed. Great organization.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-competitive-gamer-age-19-2-1773381112605-687cb313.png?_wi=2",
|
||||
imageAlt: "Emily Zhang",
|
||||
},
|
||||
id: "4", name: "Emily Zhang", handle: "@emilyplays", testimonial: "Love browsing by category. Found some limited edition items I didn't even know existed. Great organization.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-competitive-gamer-age-19-2-1773381112605-687cb313.png", imageAlt: "Emily Zhang"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Morrison",
|
||||
handle: "@rgbsetup_junkie",
|
||||
testimonial: "Categories are perfectly curated. Makes it easy to find exactly what I need to upgrade my setup.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-an-rgb-setup-enthusiast-age--1773381109919-dfaff33d.png?_wi=2",
|
||||
imageAlt: "James Morrison",
|
||||
},
|
||||
id: "5", name: "James Morrison", handle: "@rgbsetup_junkie", testimonial: "Categories are perfectly curated. Makes it easy to find exactly what I need to upgrade my setup.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-an-rgb-setup-enthusiast-age--1773381109919-dfaff33d.png", imageAlt: "James Morrison"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lisa Park",
|
||||
handle: "@lisgaming",
|
||||
testimonial: "The category filters are intuitive and helpful. Easy to discover new gaming products I didn't know I needed.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-gaming-collector-age-25-35-1773381112095-adba3e52.png?_wi=2",
|
||||
imageAlt: "Lisa Park",
|
||||
},
|
||||
id: "6", name: "Lisa Park", handle: "@lisgaming", testimonial: "The category filters are intuitive and helpful. Easy to discover new gaming products I didn't know I needed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-gaming-collector-age-25-35-1773381112095-adba3e52.png", imageAlt: "Lisa Park"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="What Customers Say About Our Categories"
|
||||
|
||||
@@ -7,6 +7,7 @@ import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import Link from "next/link";
|
||||
import { ShoppingCart, Receipt } from "lucide-react";
|
||||
|
||||
export default function CheckoutPage() {
|
||||
const navItems = [
|
||||
@@ -24,7 +25,7 @@ export default function CheckoutPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -35,9 +36,7 @@ export default function CheckoutPage() {
|
||||
brandName="GearVerse"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
}}
|
||||
text: "Shop Now", href: "/shop"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -46,30 +45,15 @@ export default function CheckoutPage() {
|
||||
title="Complete Your Order"
|
||||
description="Review selected items and proceed to payment"
|
||||
tag="Order Summary"
|
||||
tagIcon="ShoppingCart"
|
||||
tagIcon={ShoppingCart}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "checkout-1",
|
||||
name: "Eclipse Motion Pro Desk Mat",
|
||||
price: "$49.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-desk-mat-inspired-by-va-1773381110213-6b2b90c0.png?_wi=8",
|
||||
imageAlt: "Eclipse Motion Pro extended gaming desk mat with neon cyan design",
|
||||
},
|
||||
id: "checkout-1", name: "Eclipse Motion Pro Desk Mat", price: "$49.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-desk-mat-inspired-by-va-1773381110213-6b2b90c0.png", imageAlt: "Eclipse Motion Pro extended gaming desk mat with neon cyan design"},
|
||||
{
|
||||
id: "checkout-2",
|
||||
name: "Valorant Cyberpunk Hoodie",
|
||||
price: "$79.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-hoodie-featuring-cinema-1773381110772-4a323e1a.png?_wi=7",
|
||||
imageAlt: "Premium gaming hoodie with cyberpunk artwork",
|
||||
},
|
||||
id: "checkout-2", name: "Valorant Cyberpunk Hoodie", price: "$79.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-hoodie-featuring-cinema-1773381110772-4a323e1a.png", imageAlt: "Premium gaming hoodie with cyberpunk artwork"},
|
||||
{
|
||||
id: "checkout-3",
|
||||
name: "Premium Desk Accessories Bundle",
|
||||
price: "$89.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-collection-of-premium-gaming-desk-acce-1773381110376-fff6958f.png?_wi=8",
|
||||
imageAlt: "Gaming desk accessories with RGB organization",
|
||||
},
|
||||
id: "checkout-3", name: "Premium Desk Accessories Bundle", price: "$89.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-collection-of-premium-gaming-desk-acce-1773381110376-fff6958f.png", imageAlt: "Gaming desk accessories with RGB organization"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -77,9 +61,7 @@ export default function CheckoutPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Continue Shopping",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "Continue Shopping", href: "/shop"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -90,29 +72,16 @@ export default function CheckoutPage() {
|
||||
title="Order Details"
|
||||
description="Your purchase summary at a glance"
|
||||
tag="Totals"
|
||||
tagIcon="Receipt"
|
||||
tagAnimation="slide-up"
|
||||
tagIcon={Receipt}
|
||||
metrics={[
|
||||
{
|
||||
id: "subtotal",
|
||||
value: "$219.97",
|
||||
description: "Subtotal",
|
||||
},
|
||||
id: "subtotal", value: "$219.97", description: "Subtotal"},
|
||||
{
|
||||
id: "shipping",
|
||||
value: "$9.99",
|
||||
description: "Shipping",
|
||||
},
|
||||
id: "shipping", value: "$9.99", description: "Shipping"},
|
||||
{
|
||||
id: "tax",
|
||||
value: "$18.40",
|
||||
description: "Tax",
|
||||
},
|
||||
id: "tax", value: "$18.40", description: "Tax"},
|
||||
{
|
||||
id: "total",
|
||||
value: "$248.36",
|
||||
description: "Total",
|
||||
},
|
||||
id: "total", value: "$248.36", description: "Total"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -127,17 +96,12 @@ export default function CheckoutPage() {
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Proceed to Payment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Proceed to Payment", href: "#"},
|
||||
{
|
||||
text: "Save for Later",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "Save for Later", href: "/shop"},
|
||||
]}
|
||||
background={{
|
||||
variant: "aurora",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,13 +110,9 @@ export default function CheckoutPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="GearVerse"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -17,7 +17,7 @@ export default function ContactPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -35,9 +35,7 @@ export default function ContactPage() {
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
}}
|
||||
text: "Shop Now", href: "/shop"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -48,17 +46,12 @@ export default function ContactPage() {
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "Shop Now", href: "/shop"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Contact Us", href: "/contact"},
|
||||
]}
|
||||
background={{
|
||||
variant: "aurora",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -72,25 +65,13 @@ export default function ContactPage() {
|
||||
tagIcon={TrendingUp}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50K+",
|
||||
description: "Gamers & Streamers",
|
||||
},
|
||||
id: "1", value: "50K+", description: "Gamers & Streamers"},
|
||||
{
|
||||
id: "2",
|
||||
value: "500+",
|
||||
description: "5-Star Reviews",
|
||||
},
|
||||
id: "2", value: "500+", description: "5-Star Reviews"},
|
||||
{
|
||||
id: "3",
|
||||
value: "25+",
|
||||
description: "Original Designs",
|
||||
},
|
||||
id: "3", value: "25+", description: "Original Designs"},
|
||||
{
|
||||
id: "4",
|
||||
value: "100%",
|
||||
description: "Premium Quality",
|
||||
},
|
||||
id: "4", value: "100%", description: "Premium Quality"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -111,47 +92,17 @@ export default function ContactPage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Chen",
|
||||
handle: "@alexgaming_pro",
|
||||
testimonial: "The quality of GearVerse products exceeded my expectations. My entire setup looks premium now and the materials are top-tier!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-young-gamer-age-18-25-with-1773381109721-5070b651.png?_wi=6",
|
||||
},
|
||||
id: "1", name: "Alex Chen", handle: "@alexgaming_pro", testimonial: "The quality of GearVerse products exceeded my expectations. My entire setup looks premium now and the materials are top-tier!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-young-gamer-age-18-25-with-1773381109721-5070b651.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Williams",
|
||||
handle: "@sarahstreams",
|
||||
testimonial: "As a streamer, my setup visibility matters. GearVerse products give me that competitive edge and amazing aesthetics my viewers love.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-female-gamer-age-20-28-in--1773381109934-cbb33d9c.png?_wi=6",
|
||||
},
|
||||
id: "2", name: "Sarah Williams", handle: "@sarahstreams", testimonial: "As a streamer, my setup visibility matters. GearVerse products give me that competitive edge and amazing aesthetics my viewers love.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-female-gamer-age-20-28-in--1773381109934-cbb33d9c.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Rodriguez",
|
||||
handle: "@gamingmarcos",
|
||||
testimonial: "Finally found a gaming brand that understands the culture. The designs are fresh, the quality is real, and the customer service is exceptional.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-content-creator-age-22-30--1773381110108-c941a864.png?_wi=6",
|
||||
},
|
||||
id: "3", name: "Marcus Rodriguez", handle: "@gamingmarcos", testimonial: "Finally found a gaming brand that understands the culture. The designs are fresh, the quality is real, and the customer service is exceptional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-content-creator-age-22-30--1773381110108-c941a864.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Zhang",
|
||||
handle: "@emilyplays",
|
||||
testimonial: "I'm not usually one to buy gaming merchandise, but GearVerse changed my mind. These are genuinely beautiful and functional products.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-competitive-gamer-age-19-2-1773381112605-687cb313.png?_wi=5",
|
||||
},
|
||||
id: "4", name: "Emily Zhang", handle: "@emilyplays", testimonial: "I'm not usually one to buy gaming merchandise, but GearVerse changed my mind. These are genuinely beautiful and functional products.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-competitive-gamer-age-19-2-1773381112605-687cb313.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Morrison",
|
||||
handle: "@rgbsetup_junkie",
|
||||
testimonial: "My entire gaming room is GearVerse now. The synergy between the products and my RGB lighting is absolutely perfect!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-an-rgb-setup-enthusiast-age--1773381109919-dfaff33d.png?_wi=5",
|
||||
},
|
||||
id: "5", name: "James Morrison", handle: "@rgbsetup_junkie", testimonial: "My entire gaming room is GearVerse now. The synergy between the products and my RGB lighting is absolutely perfect!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-an-rgb-setup-enthusiast-age--1773381109919-dfaff33d.png"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lisa Park",
|
||||
handle: "@lisgaming",
|
||||
testimonial: "The gaming poster art is incredible - it looks like it belongs in a professional esports arena. Worth every penny and then some.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-gaming-collector-age-25-35-1773381112095-adba3e52.png?_wi=5",
|
||||
},
|
||||
id: "6", name: "Lisa Park", handle: "@lisgaming", testimonial: "The gaming poster art is incredible - it looks like it belongs in a professional esports arena. Worth every penny and then some.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-gaming-collector-age-25-35-1773381112095-adba3e52.png"},
|
||||
]}
|
||||
speed={40}
|
||||
/>
|
||||
@@ -162,13 +113,9 @@ export default function ContactPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="GearVerse"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
188
src/app/page.tsx
188
src/app/page.tsx
@@ -10,7 +10,7 @@ import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCar
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Sparkles, Zap, CheckCircle, Tag, TrendingUp, Award, Shield, Star, Users, Gamepad2, Tv, Palette, Check } from "lucide-react";
|
||||
import { Sparkles, Zap, CheckCircle, TrendingUp, Award, Shield, Star, Users, Gamepad2, Tv, Palette, Check } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
@@ -28,7 +28,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -39,9 +39,7 @@ export default function HomePage() {
|
||||
brandName="GearVerse"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
}}
|
||||
text: "Shop Now", href: "/shop"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,26 +56,14 @@ export default function HomePage() {
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Chen",
|
||||
handle: "Competitive Gamer & Streamer",
|
||||
testimonial: "GearVerse completely transformed my setup. The quality and design are unmatched. Every piece feels premium!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-young-gamer-age-18-25-with-1773381109721-5070b651.png?_wi=1",
|
||||
},
|
||||
name: "Alex Chen", handle: "Competitive Gamer & Streamer", testimonial: "GearVerse completely transformed my setup. The quality and design are unmatched. Every piece feels premium!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-young-gamer-age-18-25-with-1773381109721-5070b651.png"},
|
||||
{
|
||||
name: "Sarah Williams",
|
||||
handle: "Content Creator",
|
||||
testimonial: "The aesthetic gaming gear from GearVerse makes my room look absolutely incredible. My viewers love it!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-female-gamer-age-20-28-in--1773381109934-cbb33d9c.png?_wi=1",
|
||||
},
|
||||
name: "Sarah Williams", handle: "Content Creator", testimonial: "The aesthetic gaming gear from GearVerse makes my room look absolutely incredible. My viewers love it!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-female-gamer-age-20-28-in--1773381109934-cbb33d9c.png"},
|
||||
{
|
||||
name: "Marcus Rodriguez",
|
||||
handle: "Gaming Enthusiast",
|
||||
testimonial: "Finally found a brand that understands what gamers actually want. Premium quality meets gaming aesthetics perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-content-creator-age-22-30--1773381110108-c941a864.png?_wi=1",
|
||||
},
|
||||
name: "Marcus Rodriguez", handle: "Gaming Enthusiast", testimonial: "Finally found a brand that understands what gamers actually want. Premium quality meets gaming aesthetics perfectly.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-content-creator-age-22-30--1773381110108-c941a864.png"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "/shop" },
|
||||
@@ -98,47 +84,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Eclipse Motion Pro Desk Mat",
|
||||
price: "$49.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-desk-mat-inspired-by-va-1773381110213-6b2b90c0.png?_wi=1",
|
||||
imageAlt: "Eclipse Motion Pro extended gaming desk mat with neon cyan design",
|
||||
},
|
||||
id: "1", name: "Eclipse Motion Pro Desk Mat", price: "$49.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-desk-mat-inspired-by-va-1773381110213-6b2b90c0.png", imageAlt: "Eclipse Motion Pro extended gaming desk mat with neon cyan design"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Valorant Cyberpunk Hoodie",
|
||||
price: "$79.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-hoodie-featuring-cinema-1773381110772-4a323e1a.png?_wi=1",
|
||||
imageAlt: "Premium gaming hoodie with cyberpunk artwork",
|
||||
},
|
||||
id: "2", name: "Valorant Cyberpunk Hoodie", price: "$79.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-hoodie-featuring-cinema-1773381110772-4a323e1a.png", imageAlt: "Premium gaming hoodie with cyberpunk artwork"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Epic Fantasy Gaming Poster",
|
||||
price: "$34.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png?_wi=1",
|
||||
imageAlt: "Gaming wall poster with fantasy landscape artwork",
|
||||
},
|
||||
id: "3", name: "Epic Fantasy Gaming Poster", price: "$34.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png", imageAlt: "Gaming wall poster with fantasy landscape artwork"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Neon Cyberpunk Phone Case",
|
||||
price: "$29.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-inspired-phone-case-fea-1773381110121-f7aba456.png?_wi=1",
|
||||
imageAlt: "Gaming-inspired phone case with neon design",
|
||||
},
|
||||
id: "4", name: "Neon Cyberpunk Phone Case", price: "$29.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-inspired-phone-case-fea-1773381110121-f7aba456.png", imageAlt: "Gaming-inspired phone case with neon design"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Premium Desk Accessories Bundle",
|
||||
price: "$89.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-collection-of-premium-gaming-desk-acce-1773381110376-fff6958f.png?_wi=1",
|
||||
imageAlt: "Gaming desk accessories with RGB organization",
|
||||
},
|
||||
id: "5", name: "Premium Desk Accessories Bundle", price: "$89.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-collection-of-premium-gaming-desk-acce-1773381110376-fff6958f.png", imageAlt: "Gaming desk accessories with RGB organization"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pro Gaming Setup Collection",
|
||||
price: "$199.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png?_wi=2",
|
||||
imageAlt: "Complete gaming setup collection",
|
||||
},
|
||||
id: "6", name: "Pro Gaming Setup Collection", price: "$199.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png", imageAlt: "Complete gaming setup collection"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -153,12 +109,8 @@ export default function HomePage() {
|
||||
<FeatureCardTen
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Original Gaming-Inspired Designs",
|
||||
description: "Every product features original artwork inspired by legendary gaming worlds like Valorant, Minecraft, Fortnite, and League of Legends. No generic designs, pure gaming passion.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png?_wi=3",
|
||||
},
|
||||
id: "1", title: "Original Gaming-Inspired Designs", description: "Every product features original artwork inspired by legendary gaming worlds like Valorant, Minecraft, Fortnite, and League of Legends. No generic designs, pure gaming passion.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png"},
|
||||
items: [
|
||||
{ icon: Sparkles, text: "Unique cinematic artwork" },
|
||||
{ icon: Palette, text: "Custom gaming aesthetics" },
|
||||
@@ -167,12 +119,8 @@ export default function HomePage() {
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Premium Materials & Craftsmanship",
|
||||
description: "We source only the highest quality materials. From extended mousepads with premium rubber bases to apparel made from premium cotton blends, every item is built to last.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-collection-of-premium-gaming-desk-acce-1773381110376-fff6958f.png?_wi=2",
|
||||
},
|
||||
id: "2", title: "Premium Materials & Craftsmanship", description: "We source only the highest quality materials. From extended mousepads with premium rubber bases to apparel made from premium cotton blends, every item is built to last.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-collection-of-premium-gaming-desk-acce-1773381110376-fff6958f.png"},
|
||||
items: [
|
||||
{ icon: Award, text: "Premium fabric & materials" },
|
||||
{ icon: Shield, text: "Durable construction" },
|
||||
@@ -181,12 +129,8 @@ export default function HomePage() {
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Perfect for Gamers & Streamers",
|
||||
description: "Designed by gamers, for gamers. Whether you're a casual player, competitive esports athlete, or content creator, GearVerse products enhance your setup and streaming presence.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/an-aesthetic-gaming-room-setup-showcasin-1773381112633-f1cf141c.png?_wi=1",
|
||||
},
|
||||
id: "3", title: "Perfect for Gamers & Streamers", description: "Designed by gamers, for gamers. Whether you're a casual player, competitive esports athlete, or content creator, GearVerse products enhance your setup and streaming presence.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/an-aesthetic-gaming-room-setup-showcasin-1773381112633-f1cf141c.png"},
|
||||
items: [
|
||||
{ icon: Users, text: "Community-driven design" },
|
||||
{ icon: Gamepad2, text: "Gamer-approved products" },
|
||||
@@ -195,12 +139,8 @@ export default function HomePage() {
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Aesthetic Gaming Setup Elevation",
|
||||
description: "Transform your gaming space from ordinary to extraordinary. Our products are designed to create that premium, Instagram-worthy gaming aesthetic that stands out.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-compact-gaming-streaming-setup-featuri-1773381110757-f160918a.png",
|
||||
},
|
||||
id: "4", title: "Aesthetic Gaming Setup Elevation", description: "Transform your gaming space from ordinary to extraordinary. Our products are designed to create that premium, Instagram-worthy gaming aesthetic that stands out.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-compact-gaming-streaming-setup-featuri-1773381110757-f160918a.png"},
|
||||
items: [
|
||||
{ icon: Palette, text: "Stunning visual design" },
|
||||
{ icon: Sparkles, text: "Premium aesthetics" },
|
||||
@@ -224,45 +164,21 @@ export default function HomePage() {
|
||||
title="Shop by Category"
|
||||
description="Browse our curated collections of premium gaming gear"
|
||||
tag="Collections"
|
||||
tagIcon={Tag}
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "cat-1",
|
||||
name: "Gaming Desk Mats",
|
||||
price: "$39.99+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-desk-mat-inspired-by-va-1773381110213-6b2b90c0.png?_wi=2",
|
||||
},
|
||||
id: "cat-1", name: "Gaming Desk Mats", price: "$39.99+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-desk-mat-inspired-by-va-1773381110213-6b2b90c0.png"},
|
||||
{
|
||||
id: "cat-2",
|
||||
name: "Gaming Apparel",
|
||||
price: "$59.99+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-hoodie-featuring-cinema-1773381110772-4a323e1a.png?_wi=2",
|
||||
},
|
||||
id: "cat-2", name: "Gaming Apparel", price: "$59.99+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-hoodie-featuring-cinema-1773381110772-4a323e1a.png"},
|
||||
{
|
||||
id: "cat-3",
|
||||
name: "Posters & Wall Art",
|
||||
price: "$24.99+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png?_wi=4",
|
||||
},
|
||||
id: "cat-3", name: "Posters & Wall Art", price: "$24.99+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png"},
|
||||
{
|
||||
id: "cat-4",
|
||||
name: "Phone Cases",
|
||||
price: "$19.99+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-inspired-phone-case-fea-1773381110121-f7aba456.png?_wi=2",
|
||||
},
|
||||
id: "cat-4", name: "Phone Cases", price: "$19.99+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-inspired-phone-case-fea-1773381110121-f7aba456.png"},
|
||||
{
|
||||
id: "cat-5",
|
||||
name: "Desk Accessories",
|
||||
price: "$29.99+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-collection-of-premium-gaming-desk-acce-1773381110376-fff6958f.png?_wi=3",
|
||||
},
|
||||
id: "cat-5", name: "Desk Accessories", price: "$29.99+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-collection-of-premium-gaming-desk-acce-1773381110376-fff6958f.png"},
|
||||
{
|
||||
id: "cat-6",
|
||||
name: "Limited Edition Drops",
|
||||
price: "$99.99+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/an-aesthetic-gaming-room-setup-showcasin-1773381112633-f1cf141c.png?_wi=2",
|
||||
},
|
||||
id: "cat-6", name: "Limited Edition Drops", price: "$99.99+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/an-aesthetic-gaming-room-setup-showcasin-1773381112633-f1cf141c.png"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -276,47 +192,17 @@ export default function HomePage() {
|
||||
<TestimonialCardSix
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Chen",
|
||||
handle: "@alexgaming_pro",
|
||||
testimonial: "The quality of GearVerse products exceeded my expectations. My entire setup looks premium now and the materials are top-tier!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-young-gamer-age-18-25-with-1773381109721-5070b651.png?_wi=2",
|
||||
},
|
||||
id: "1", name: "Alex Chen", handle: "@alexgaming_pro", testimonial: "The quality of GearVerse products exceeded my expectations. My entire setup looks premium now and the materials are top-tier!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-young-gamer-age-18-25-with-1773381109721-5070b651.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Williams",
|
||||
handle: "@sarahstreams",
|
||||
testimonial: "As a streamer, my setup visibility matters. GearVerse products give me that competitive edge and amazing aesthetics my viewers love.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-female-gamer-age-20-28-in--1773381109934-cbb33d9c.png?_wi=2",
|
||||
},
|
||||
id: "2", name: "Sarah Williams", handle: "@sarahstreams", testimonial: "As a streamer, my setup visibility matters. GearVerse products give me that competitive edge and amazing aesthetics my viewers love.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-female-gamer-age-20-28-in--1773381109934-cbb33d9c.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Rodriguez",
|
||||
handle: "@gamingmarcos",
|
||||
testimonial: "Finally found a gaming brand that understands the culture. The designs are fresh, the quality is real, and the customer service is exceptional.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-content-creator-age-22-30--1773381110108-c941a864.png?_wi=2",
|
||||
},
|
||||
id: "3", name: "Marcus Rodriguez", handle: "@gamingmarcos", testimonial: "Finally found a gaming brand that understands the culture. The designs are fresh, the quality is real, and the customer service is exceptional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-content-creator-age-22-30--1773381110108-c941a864.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Zhang",
|
||||
handle: "@emilyplays",
|
||||
testimonial: "I'm not usually one to buy gaming merchandise, but GearVerse changed my mind. These are genuinely beautiful and functional products.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-competitive-gamer-age-19-2-1773381112605-687cb313.png?_wi=1",
|
||||
},
|
||||
id: "4", name: "Emily Zhang", handle: "@emilyplays", testimonial: "I'm not usually one to buy gaming merchandise, but GearVerse changed my mind. These are genuinely beautiful and functional products.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-competitive-gamer-age-19-2-1773381112605-687cb313.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Morrison",
|
||||
handle: "@rgbsetup_junkie",
|
||||
testimonial: "My entire gaming room is GearVerse now. The synergy between the products and my RGB lighting is absolutely perfect!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-an-rgb-setup-enthusiast-age--1773381109919-dfaff33d.png?_wi=1",
|
||||
},
|
||||
id: "5", name: "James Morrison", handle: "@rgbsetup_junkie", testimonial: "My entire gaming room is GearVerse now. The synergy between the products and my RGB lighting is absolutely perfect!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-an-rgb-setup-enthusiast-age--1773381109919-dfaff33d.png"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lisa Park",
|
||||
handle: "@lisgaming",
|
||||
testimonial: "The gaming poster art is incredible - it looks like it belongs in a professional esports arena. Worth every penny and then some.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-gaming-collector-age-25-35-1773381112095-adba3e52.png?_wi=1",
|
||||
},
|
||||
id: "6", name: "Lisa Park", handle: "@lisgaming", testimonial: "The gaming poster art is incredible - it looks like it belongs in a professional esports arena. Worth every penny and then some.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/portrait-of-a-gaming-collector-age-25-35-1773381112095-adba3e52.png"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Customer Reviews"
|
||||
@@ -356,7 +242,7 @@ export default function HomePage() {
|
||||
{ text: "Shop Now", href: "/shop" },
|
||||
{ text: "Contact Us", href: "/contact" },
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -25,7 +25,7 @@ export default function ShopPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -36,9 +36,7 @@ export default function ShopPage() {
|
||||
brandName="GearVerse"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
}}
|
||||
text: "Shop Now", href: "/shop"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -48,68 +46,23 @@ export default function ShopPage() {
|
||||
description="Explore our complete collection of premium gaming gear and accessories"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Eclipse Motion Pro Desk Mat",
|
||||
price: "$49.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-desk-mat-inspired-by-va-1773381110213-6b2b90c0.png?_wi=3",
|
||||
imageAlt: "Eclipse Motion Pro extended gaming desk mat with neon cyan design",
|
||||
},
|
||||
id: "1", name: "Eclipse Motion Pro Desk Mat", price: "$49.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-desk-mat-inspired-by-va-1773381110213-6b2b90c0.png", imageAlt: "Eclipse Motion Pro extended gaming desk mat with neon cyan design"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Valorant Cyberpunk Hoodie",
|
||||
price: "$79.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-hoodie-featuring-cinema-1773381110772-4a323e1a.png?_wi=3",
|
||||
imageAlt: "Premium gaming hoodie with cyberpunk artwork",
|
||||
},
|
||||
id: "2", name: "Valorant Cyberpunk Hoodie", price: "$79.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-hoodie-featuring-cinema-1773381110772-4a323e1a.png", imageAlt: "Premium gaming hoodie with cyberpunk artwork"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Epic Fantasy Gaming Poster",
|
||||
price: "$34.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png?_wi=5",
|
||||
imageAlt: "Gaming wall poster with fantasy landscape artwork",
|
||||
},
|
||||
id: "3", name: "Epic Fantasy Gaming Poster", price: "$34.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png", imageAlt: "Gaming wall poster with fantasy landscape artwork"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Neon Cyberpunk Phone Case",
|
||||
price: "$29.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-inspired-phone-case-fea-1773381110121-f7aba456.png?_wi=3",
|
||||
imageAlt: "Gaming-inspired phone case with neon design",
|
||||
},
|
||||
id: "4", name: "Neon Cyberpunk Phone Case", price: "$29.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-inspired-phone-case-fea-1773381110121-f7aba456.png", imageAlt: "Gaming-inspired phone case with neon design"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Premium Desk Accessories Bundle",
|
||||
price: "$89.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-collection-of-premium-gaming-desk-acce-1773381110376-fff6958f.png?_wi=4",
|
||||
imageAlt: "Gaming desk accessories with RGB organization",
|
||||
},
|
||||
id: "5", name: "Premium Desk Accessories Bundle", price: "$89.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-collection-of-premium-gaming-desk-acce-1773381110376-fff6958f.png", imageAlt: "Gaming desk accessories with RGB organization"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pro Gaming Setup Collection",
|
||||
price: "$199.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png?_wi=6",
|
||||
imageAlt: "Complete gaming setup collection",
|
||||
},
|
||||
id: "6", name: "Pro Gaming Setup Collection", price: "$199.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-stunning-gaming-wall-poster-inspired-b-1773381110571-d881cbbd.png", imageAlt: "Complete gaming setup collection"},
|
||||
{
|
||||
id: "7",
|
||||
name: "RGB Cable Management Set",
|
||||
price: "$44.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-collection-of-premium-gaming-desk-acce-1773381110376-fff6958f.png?_wi=5",
|
||||
imageAlt: "Premium RGB cable management and organization system",
|
||||
},
|
||||
id: "7", name: "RGB Cable Management Set", price: "$44.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-collection-of-premium-gaming-desk-acce-1773381110376-fff6958f.png", imageAlt: "Premium RGB cable management and organization system"},
|
||||
{
|
||||
id: "8",
|
||||
name: "Gaming Room Lighting Kit",
|
||||
price: "$124.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/an-aesthetic-gaming-room-setup-showcasin-1773381112633-f1cf141c.png?_wi=3",
|
||||
imageAlt: "Complete gaming room RGB lighting kit",
|
||||
},
|
||||
id: "8", name: "Gaming Room Lighting Kit", price: "$124.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/an-aesthetic-gaming-room-setup-showcasin-1773381112633-f1cf141c.png", imageAlt: "Complete gaming room RGB lighting kit"},
|
||||
{
|
||||
id: "9",
|
||||
name: "Gaming Desk Pad XL",
|
||||
price: "$59.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-desk-mat-inspired-by-va-1773381110213-6b2b90c0.png?_wi=4",
|
||||
imageAlt: "Extra-large gaming desk pad with premium surface",
|
||||
},
|
||||
id: "9", name: "Gaming Desk Pad XL", price: "$59.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AsUywA810KubsVlJk9FHfhklAE/a-premium-gaming-desk-mat-inspired-by-va-1773381110213-6b2b90c0.png", imageAlt: "Extra-large gaming desk pad with premium surface"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -143,7 +96,7 @@ export default function ShopPage() {
|
||||
{ text: "Contact Support", href: "/contact" },
|
||||
{ text: "Back to Home", href: "/" },
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user