Merge version_1 into main #1
215
src/app/page.tsx
215
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="TechGamer"
|
||||
/>
|
||||
@@ -56,32 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Unleash Ultimate Power"
|
||||
description="Experience the evolution of gaming with cutting-edge PCs and high-performance components."
|
||||
tag="Next-Gen Gaming Tech"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/epic-gaming-setup_23-2151954731.jpg",
|
||||
imageAlt: "gaming setup RGB lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/epic-gaming-setup_23-2151954731.jpg", imageAlt: "gaming setup RGB lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545663.jpg",
|
||||
imageAlt: "graphics card details",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-after-wining-online-gaming-man-wearing-headphones-while-playing-video-games_482257-22159.jpg",
|
||||
imageAlt: "Happy bearded man after wining at online gaming.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-view-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529382.jpg",
|
||||
imageAlt: "Gradient view of illuminated neon gaming desk setup with keyboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gaming-room-no-people-equiped-with-rgb-powerful-personal-computer-online-videogames-tournament-gaming-chair-first-person-shooter-game-screen-cozy-room-with-neon-light_482257-12428.jpg",
|
||||
imageAlt: "Gaming room with RGB powerful personal computer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545663.jpg", imageAlt: "graphics card details"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -98,17 +73,11 @@ export default function LandingPage() {
|
||||
description="From legacy components to the latest GPU architectures, we bridge the gap between retro and future tech."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Selection",
|
||||
description: "Hand-picked hardware for maximum efficiency.",
|
||||
},
|
||||
title: "Expert Selection", description: "Hand-picked hardware for maximum efficiency."},
|
||||
{
|
||||
title: "Proven Performance",
|
||||
description: "Benchmarked components for true reliability.",
|
||||
},
|
||||
title: "Proven Performance", description: "Benchmarked components for true reliability."},
|
||||
{
|
||||
title: "Future Proofing",
|
||||
description: "Upgrade paths for long-term power.",
|
||||
},
|
||||
title: "Future Proofing", description: "Upgrade paths for long-term power."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212590.jpg"
|
||||
imageAlt="futuristic server room"
|
||||
@@ -123,47 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gaming PC Tower",
|
||||
price: "$1299",
|
||||
variant: "Performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closuep-gaming-pc-with-rgb-led-lights-standing-table-gamer-woman-playing-space-shooter-videogames-online-competition-studio-equipped-with-professional-streaming-setup_482257-30001.jpg",
|
||||
},
|
||||
id: "p1", name: "Gaming PC Tower", price: "$1299", variant: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/closuep-gaming-pc-with-rgb-led-lights-standing-table-gamer-woman-playing-space-shooter-videogames-online-competition-studio-equipped-with-professional-streaming-setup_482257-30001.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "GPU Series X",
|
||||
price: "$899",
|
||||
variant: "Graphic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-high-tech-car-engine-part_482257-76592.jpg",
|
||||
},
|
||||
id: "p2", name: "GPU Series X", price: "$899", variant: "Graphic", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-high-tech-car-engine-part_482257-76592.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "16GB RAM Kit",
|
||||
price: "$99",
|
||||
variant: "Memory",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connection-ports-computer-motherboard_23-2147922393.jpg",
|
||||
},
|
||||
id: "p3", name: "16GB RAM Kit", price: "$99", variant: "Memory", imageSrc: "http://img.b2bpic.net/free-photo/connection-ports-computer-motherboard_23-2147922393.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "X-Pro Motherboard",
|
||||
price: "$249",
|
||||
variant: "Circuitry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components_23-2149417027.jpg",
|
||||
},
|
||||
id: "p4", name: "X-Pro Motherboard", price: "$249", variant: "Circuitry", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components_23-2149417027.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Ultra Processor",
|
||||
price: "$399",
|
||||
variant: "Compute",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105486.jpg",
|
||||
},
|
||||
id: "p5", name: "Ultra Processor", price: "$399", variant: "Compute", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105486.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Mechanical Keyboard",
|
||||
price: "$149",
|
||||
variant: "Input",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gaming-setup-arrangement_23-2149680238.jpg",
|
||||
},
|
||||
id: "p6", name: "Mechanical Keyboard", price: "$149", variant: "Input", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gaming-setup-arrangement_23-2149680238.jpg"},
|
||||
]}
|
||||
title="Hardware Collection"
|
||||
description="Explore our curated catalog of essential gaming hardware."
|
||||
@@ -177,26 +116,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Speed",
|
||||
subtitle: "Ultra-fast response.",
|
||||
category: "Tech",
|
||||
value: "240Hz",
|
||||
},
|
||||
id: "f1", title: "Speed", subtitle: "Ultra-fast response.", category: "Tech", value: "240Hz"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Cooling",
|
||||
subtitle: "Advanced heat management.",
|
||||
category: "Hardware",
|
||||
value: "Quiet",
|
||||
},
|
||||
id: "f2", title: "Cooling", subtitle: "Advanced heat management.", category: "Hardware", value: "Quiet"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Compatibility",
|
||||
subtitle: "Ready for all setups.",
|
||||
category: "Standard",
|
||||
value: "Multi",
|
||||
},
|
||||
id: "f3", title: "Compatibility", subtitle: "Ready for all setups.", category: "Standard", value: "Multi"},
|
||||
]}
|
||||
title="Built for Performance"
|
||||
description="Every component is designed to elevate your gaming experience to new heights."
|
||||
@@ -210,37 +134,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "plan1",
|
||||
badge: "Essential",
|
||||
price: "$500",
|
||||
subtitle: "Entry level gaming",
|
||||
features: [
|
||||
"Entry GPU",
|
||||
"Standard RAM",
|
||||
"Basic Cooling",
|
||||
],
|
||||
id: "plan1", badge: "Essential", price: "$500", subtitle: "Entry level gaming", features: [
|
||||
"Entry GPU", "Standard RAM", "Basic Cooling"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan2",
|
||||
badge: "Elite",
|
||||
price: "$1500",
|
||||
subtitle: "Competitive edge",
|
||||
features: [
|
||||
"High-End GPU",
|
||||
"Ultra RAM",
|
||||
"Liquid Cooling",
|
||||
],
|
||||
id: "plan2", badge: "Elite", price: "$1500", subtitle: "Competitive edge", features: [
|
||||
"High-End GPU", "Ultra RAM", "Liquid Cooling"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -257,45 +163,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Gaming",
|
||||
role: "Streamer",
|
||||
company: "Twitch",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Gaming", role: "Streamer", company: "Twitch", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Tech",
|
||||
role: "Pro",
|
||||
company: "Hardware Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Tech", role: "Pro", company: "Hardware Labs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam E-Sports",
|
||||
role: "Player",
|
||||
company: "Team Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg",
|
||||
},
|
||||
id: "3", name: "Sam E-Sports", role: "Player", company: "Team Pro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jordan Dev",
|
||||
role: "Engineer",
|
||||
company: "Tech Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-studio-portrait-black-american-male-dressed-suit-grey-vignette-background_613910-9558.jpg",
|
||||
},
|
||||
id: "4", name: "Jordan Dev", role: "Engineer", company: "Tech Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-studio-portrait-black-american-male-dressed-suit-grey-vignette-background_613910-9558.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Riley Design",
|
||||
role: "Creative",
|
||||
company: "Pixel Art",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269596.jpg",
|
||||
},
|
||||
id: "5", name: "Riley Design", role: "Creative", company: "Pixel Art", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269596.jpg"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Join thousands of satisfied gamers who trust our hardware."
|
||||
@@ -307,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship globally.",
|
||||
},
|
||||
id: "q1", title: "Do you ship internationally?", content: "Yes, we ship globally."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I upgrade my RAM later?",
|
||||
content: "Most of our motherboards support future upgrades.",
|
||||
},
|
||||
id: "q2", title: "Can I upgrade my RAM later?", content: "Most of our motherboards support future upgrades."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Warranty coverage?",
|
||||
content: "We offer 2-year manufacturer warranties.",
|
||||
},
|
||||
id: "q3", title: "Warranty coverage?", content: "We offer 2-year manufacturer warranties."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -331,8 +203,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Updated"
|
||||
title="Gaming Tech Newsletter"
|
||||
description="Get early access to our latest releases and performance tips."
|
||||
@@ -345,13 +216,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="TechGamer"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Support",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Support", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user