bender/3ba7e0bb-90de-401e-afa7-17638287c3ca
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-04-28 18:07:00 +00:00
parent 5dcce79706 3d690cb373
commit 0cd0618712
1 changed files with 36 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

232
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Builder",
id: "wizard",
},
{
name: "Metrics",
id: "metrics",
},
{
name: "FAQ",
id: "faq",
},
{ name: "Home", id: "hero" },
{ name: "Builder", id: "wizard" },
{ name: "Metrics", id: "metrics" },
{ name: "FAQ", id: "faq" },
]}
brandName="PCBuilder.ai"
/>
@@ -54,42 +42,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Your Custom PC, Engineered by Experts"
description="Get the perfectly balanced PC build in seconds. Powered by data, built for your needs."
buttons={[
{
text: "Get Started",
href: "#wizard",
},
]}
buttons={[{ text: "Get Started", href: "#wizard" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hi-tech-neon-background-generative-ai_91128-2309.jpg",
imageAlt: "Abstract Tech",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-blue-orange-laser-lights-perfect-digital-wallpaper_181624-32838.jpg",
imageAlt: "Hardware Tech",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-computer-adapter_23-2147883829.jpg",
imageAlt: "Digital World",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-environment-with-colorful-neon-laser-lights_181624-34343.jpg",
imageAlt: "Circuit Board",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hi-tech-neon-background-generative-ai_91128-2299.jpg",
imageAlt: "Processing Data",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-circuit-board-close-up_23-2149174319.jpg",
imageAlt: "Future Tech",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hi-tech-neon-background-generative-ai_91128-2309.jpg", imageAlt: "Abstract Tech" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-blue-orange-laser-lights-perfect-digital-wallpaper_181624-32838.jpg", imageAlt: "Hardware Tech" },
{ imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-computer-adapter_23-2147883829.jpg", imageAlt: "Digital World" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cosmic-environment-with-colorful-neon-laser-lights_181624-34343.jpg", imageAlt: "Circuit Board" },
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hi-tech-neon-background-generative-ai_91128-2299.jpg", imageAlt: "Processing Data" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-circuit-board-close-up_23-2149174319.jpg", imageAlt: "Future Tech" }
]}
/>
</div>
@@ -98,15 +61,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Tell Us Your Specs & Needs",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/abstract-background-design_1040-971.jpg",
alt: "Form UI",
},
{ type: "text", content: "Tell Us Your Specs & Needs" },
{ type: "image", src: "http://img.b2bpic.net/free-vector/abstract-background-design_1040-971.jpg", alt: "Form UI" }
]}
/>
</div>
@@ -118,48 +74,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "NVIDIA GeForce RTX 4080",
price: "$1,199",
variant: "GPU",
imageSrc: "http://img.b2bpic.net/free-photo/cryptocurrency-mining-farm_23-2151954729.jpg",
},
{
id: "2",
name: "Intel Core i9-14900K",
price: "$589",
variant: "CPU",
imageSrc: "http://img.b2bpic.net/free-photo/cpu-processor-motherboard_53876-96834.jpg",
},
{
id: "3",
name: "32GB DDR5 Corsair RAM",
price: "$140",
variant: "RAM",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417026.jpg",
},
{
id: "4",
name: "2TB NVMe SSD Gen4",
price: "$160",
variant: "Storage",
imageSrc: "http://img.b2bpic.net/free-photo/red-themed-motherboard-with-processor-socket_23-2148284295.jpg",
},
{
id: "5",
name: "1000W Platinum PSU",
price: "$220",
variant: "PSU",
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-by-flying-spaceship-sf-videogame-unwinding-home_482257-121601.jpg",
},
{
id: "6",
name: "Mid-Tower Case",
price: "$150",
variant: "Case",
imageSrc: "http://img.b2bpic.net/free-photo/electronics-components-modern-pc-computer-motherboard-with-ram-connector-slot_23-2147883838.jpg",
},
{ id: "1", name: "NVIDIA GeForce RTX 4080", price: "$1,199", variant: "GPU", imageSrc: "http://img.b2bpic.net/free-photo/cryptocurrency-mining-farm_23-2151954729.jpg" },
{ id: "2", name: "Intel Core i9-14900K", price: "$589", variant: "CPU", imageSrc: "http://img.b2bpic.net/free-photo/cpu-processor-motherboard_53876-96834.jpg" },
{ id: "3", name: "32GB DDR5 Corsair RAM", price: "$140", variant: "RAM", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417026.jpg" },
{ id: "4", name: "2TB NVMe SSD Gen4", price: "$160", variant: "Storage", imageSrc: "http://img.b2bpic.net/free-photo/red-themed-motherboard-with-processor-socket_23-2148284295.jpg" },
{ id: "5", name: "1000W Platinum PSU", price: "$220", variant: "PSU", imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-by-flying-spaceship-sf-videogame-unwinding-home_482257-121601.jpg" },
{ id: "6", name: "Mid-Tower Case", price: "$150", variant: "Case", imageSrc: "http://img.b2bpic.net/free-photo/electronics-components-modern-pc-computer-motherboard-with-ram-connector-slot_23-2147883838.jpg" }
]}
title="Your Optimized Build"
description="Recommended components matched perfectly to your preferences and budget."
@@ -168,27 +88,13 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
title: "Gaming 4K",
value: "120 FPS",
icon: LayoutDashboard,
},
{
id: "m2",
title: "Rendering Speed",
value: "2.4x",
icon: HardDrive,
},
{
id: "m3",
title: "Compatibility",
value: "100%",
icon: CheckCircle,
},
{ id: "m1", title: "Gaming 4K", value: "120 FPS", icon: LayoutDashboard },
{ id: "m2", title: "Rendering Speed", value: "2.4x", icon: HardDrive },
{ id: "m3", title: "Compatibility", value: "100%", icon: CheckCircle }
]}
title="Performance Summary"
description="How your new rig performs in high-demand scenarios."
@@ -201,33 +107,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Verified Compatibility",
tags: [
"Hardware",
"Safe",
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components_23-2149417027.jpg",
},
{
id: "f2",
title: "Wattage Sufficiency",
tags: [
"Power",
"Reliable",
],
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105482.jpg",
},
{
id: "f3",
title: "Case Clearance",
tags: [
"Fit",
"Precision",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hardware-component-background_23-2148882663.jpg",
},
{ id: "f1", title: "Verified Compatibility", tags: ["Hardware", "Safe"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components_23-2149417027.jpg" },
{ id: "f2", title: "Wattage Sufficiency", tags: ["Power", "Reliable"], imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105482.jpg" },
{ id: "f3", title: "Case Clearance", tags: ["Fit", "Precision"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-hardware-component-background_23-2148882663.jpg" }
]}
title="Compatibility & Quality"
description="We ensure every part is compatible, sized correctly, and offers the best value."
@@ -240,41 +122,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Streamer",
testimonial: "Built my dream streaming PC in minutes!",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-freelancer-listening-podcast-being-focused-online-work_482257-121502.jpg",
},
{
id: "2",
name: "Mark D.",
role: "Dev",
testimonial: "Great compatibility checks for my workstation.",
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-laptop-showing-thumb-up-isolated-green-with-copy-space_141793-76630.jpg",
},
{
id: "3",
name: "Alex R.",
role: "Editor",
testimonial: "The rendering performance is exactly as estimated.",
imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-loft-studio_482257-121062.jpg",
},
{
id: "4",
name: "Emma K.",
role: "Gamer",
testimonial: "Best advice for my 4K setup.",
imageSrc: "http://img.b2bpic.net/free-photo/computer-with-modern-hardware-monitor-virtual-reality-glasses_482257-112446.jpg",
},
{
id: "5",
name: "Liam B.",
role: "System Admin",
testimonial: "Very precise hardware matching.",
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-purple-shirt-holding-laptop-looking-camera-smiling-confident-standing-orange_141793-109054.jpg",
},
{ id: "1", name: "Sarah J.", role: "Streamer", testimonial: "Built my dream streaming PC in minutes!", imageSrc: "http://img.b2bpic.net/free-photo/african-american-freelancer-listening-podcast-being-focused-online-work_482257-121502.jpg" },
{ id: "2", name: "Mark D.", role: "Dev", testimonial: "Great compatibility checks for my workstation.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-laptop-showing-thumb-up-isolated-green-with-copy-space_141793-76630.jpg" },
{ id: "3", name: "Alex R.", role: "Editor", testimonial: "The rendering performance is exactly as estimated.", imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-loft-studio_482257-121062.jpg" },
{ id: "4", name: "Emma K.", role: "Gamer", testimonial: "Best advice for my 4K setup.", imageSrc: "http://img.b2bpic.net/free-photo/computer-with-modern-hardware-monitor-virtual-reality-glasses_482257-112446.jpg" },
{ id: "5", name: "Liam B.", role: "System Admin", testimonial: "Very precise hardware matching.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-purple-shirt-holding-laptop-looking-camera-smiling-confident-standing-orange_141793-109054.jpg" }
]}
title="Builders Who Trust Us"
description="See why enthusiasts rely on our build recommendations."
@@ -286,21 +138,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Is the builder free?",
content: "Yes, our build recommendations are 100% free.",
},
{
id: "2",
title: "How is compatibility checked?",
content: "Our logic validates power draw, socket types, and case dimensions.",
},
{
id: "3",
title: "Can I regenerate builds?",
content: "Yes, use the 'Regenerate Build' button after viewing results.",
},
{ id: "1", title: "Is the builder free?", content: "Yes, our build recommendations are 100% free." },
{ id: "2", title: "How is compatibility checked?", content: "Our logic validates power draw, socket types, and case dimensions." },
{ id: "3", title: "Can I regenerate builds?", content: "Yes, use the 'Regenerate Build' button after viewing results." }
]}
title="Frequently Asked Questions"
description="Get answers about our build logic and site features."
@@ -317,4 +157,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}