Merge version_1 into main #2
201
src/app/page.tsx
201
src/app/page.tsx
@@ -29,51 +29,30 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MechResell"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Elevate Your Typing Experience"
|
||||
description="Discover our collection of premium, professionally curated mechanical keyboards and custom parts for enthusiasts who demand quality."
|
||||
tag="New Arrivals Now Live"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-view-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529384.jpg",
|
||||
imageAlt: "Artisan Mechanical Keyboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-view-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529384.jpg", imageAlt: "Artisan Mechanical Keyboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-monitor-elegant-table_23-2150706399.jpg",
|
||||
imageAlt: "Custom Keyboard Desk Setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170582.jpg?_wi=1",
|
||||
imageAlt: "Mechanical Keyboard Switch Macro",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-using-keyboard-near-book_23-2147888598.jpg?_wi=1",
|
||||
imageAlt: "Artisan Keycap Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-keyboard-with-lights_23-2149680252.jpg?_wi=1",
|
||||
imageAlt: "Keyboard Assembly Station",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-monitor-elegant-table_23-2150706399.jpg", imageAlt: "Custom Keyboard Desk Setup"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -88,26 +67,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Expert Inspection",
|
||||
description: "Every board is stress-tested, cleaned, and switch-lubed by our team of keyboard builders.",
|
||||
tag: "Quality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170582.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Expert Inspection", description: "Every board is stress-tested, cleaned, and switch-lubed by our team of keyboard builders.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170582.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Curated Artisan Keys",
|
||||
description: "Exclusive access to rare artisan keycaps and hard-to-find colorways.",
|
||||
tag: "Rare",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-using-keyboard-near-book_23-2147888598.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Curated Artisan Keys", description: "Exclusive access to rare artisan keycaps and hard-to-find colorways.", tag: "Rare", imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-using-keyboard-near-book_23-2147888598.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Build Support",
|
||||
description: "Not sure which switch to pick? Our pros provide custom consultation for every purchase.",
|
||||
tag: "Support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-keyboard-with-lights_23-2149680252.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Build Support", description: "Not sure which switch to pick? Our pros provide custom consultation for every purchase.", tag: "Support", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-keyboard-with-lights_23-2149680252.jpg"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We ensure every item we resell meets rigorous quality standards before it reaches your desk."
|
||||
@@ -122,47 +86,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Custom 65% Aluminum Build",
|
||||
price: "$299",
|
||||
variant: "Linear Switches",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fidget-pop-it-toy-rainbow-color-antistress-fun-educational_58702-5559.jpg",
|
||||
},
|
||||
id: "p1", name: "Custom 65% Aluminum Build", price: "$299", variant: "Linear Switches", imageSrc: "http://img.b2bpic.net/free-photo/fidget-pop-it-toy-rainbow-color-antistress-fun-educational_58702-5559.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Minimalist TKL Board",
|
||||
price: "$150",
|
||||
variant: "Tactile Switches",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-mouse-arrangement_23-2149386333.jpg",
|
||||
},
|
||||
id: "p2", name: "Minimalist TKL Board", price: "$150", variant: "Tactile Switches", imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-mouse-arrangement_23-2149386333.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Retro Edition Full-Size",
|
||||
price: "$125",
|
||||
variant: "Clicky Switches",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-keyboard-indoors_23-2149680279.jpg",
|
||||
},
|
||||
id: "p3", name: "Retro Edition Full-Size", price: "$125", variant: "Clicky Switches", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-keyboard-indoors_23-2149680279.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Enthusiast Case Only",
|
||||
price: "$180",
|
||||
variant: "Aluminum Housing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-bright-lights_23-2149680218.jpg",
|
||||
},
|
||||
id: "p4", name: "Enthusiast Case Only", price: "$180", variant: "Aluminum Housing", imageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-bright-lights_23-2149680218.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Wireless Pro Compact",
|
||||
price: "$210",
|
||||
variant: "Silent Switches",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/keyboard-with-neon-lights-high-angle_23-2149680226.jpg",
|
||||
},
|
||||
id: "p5", name: "Wireless Pro Compact", price: "$210", variant: "Silent Switches", imageSrc: "http://img.b2bpic.net/free-photo/keyboard-with-neon-lights-high-angle_23-2149680226.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vintage Mechanical Desk",
|
||||
price: "$95",
|
||||
variant: "Original Switches",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrantly-colored-retro-typewriter-with-keyboard-buttons_23-2150105345.jpg",
|
||||
},
|
||||
id: "p6", name: "Vintage Mechanical Desk", price: "$95", variant: "Original Switches", imageSrc: "http://img.b2bpic.net/free-photo/vibrantly-colored-retro-typewriter-with-keyboard-buttons_23-2150105345.jpg"},
|
||||
]}
|
||||
title="Featured Resale Keyboards"
|
||||
description="Pre-owned and custom-assembled mechanical keyboards ready for immediate shipping."
|
||||
@@ -176,59 +110,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Software Dev",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-hacker_23-2147985408.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", role: "Software Dev", company: "TechStream", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-hacker_23-2147985408.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
role: "Content Creator",
|
||||
company: "KeysDaily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4452.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah J.", role: "Content Creator", company: "KeysDaily", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4452.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus L.",
|
||||
role: "Hobbyist",
|
||||
company: "TypingAddict",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-video-editor-hands-works-with-footage-video-his-control-panel-personal-computer-he-works-creative-office-studio-home-neon-lights_158595-7566.jpg",
|
||||
},
|
||||
id: "t3", name: "Marcus L.", role: "Hobbyist", company: "TypingAddict", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-video-editor-hands-works-with-footage-video-his-control-panel-personal-computer-he-works-creative-office-studio-home-neon-lights_158595-7566.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily P.",
|
||||
role: "Designer",
|
||||
company: "PixelPerfect",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-man-young-women-working-together_23-2148431338.jpg",
|
||||
},
|
||||
id: "t4", name: "Emily P.", role: "Designer", company: "PixelPerfect", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-man-young-women-working-together_23-2148431338.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kevin D.",
|
||||
role: "Engineer",
|
||||
company: "BuildLog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-pointing-up-isolated-purple-background_141793-84102.jpg",
|
||||
},
|
||||
id: "t5", name: "Kevin D.", role: "Engineer", company: "BuildLog", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-pointing-up-isolated-purple-background_141793-84102.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1.2k+",
|
||||
label: "Keyboards Resold",
|
||||
},
|
||||
value: "1.2k+", label: "Keyboards Resold"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Avg. Support Resp.",
|
||||
},
|
||||
value: "24h", label: "Avg. Support Resp."},
|
||||
]}
|
||||
title="Community Love"
|
||||
description="See why keyboard enthusiasts trust us for their next build."
|
||||
@@ -239,20 +142,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to trade or buy?"
|
||||
description="Have a custom keyboard you want to resell? Or looking for a specific part? Send us a message."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Resale",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Resale", href: "#"},
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -261,42 +159,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop All", href: "#products"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
label: "Discord", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user