Merge version_1 into main #1
314
src/app/page.tsx
314
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Target, Zap, Users } from 'lucide-react';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
@@ -32,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Builds",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Builds", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="PC Xpertz"
|
||||
/>
|
||||
@@ -56,93 +49,52 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Build Your Ultimate Gaming Beast"
|
||||
description="Experience unparalleled performance. Expertly assembled gaming PCs tailored for elite performance and aesthetics."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexgamer",
|
||||
testimonial: "The build quality is insane. Everything runs buttery smooth.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexgamer", testimonial: "The build quality is insane. Everything runs buttery smooth.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahcoder",
|
||||
testimonial: "PC Xpertz turned my setup into a true masterpiece.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-influencer-endorsing-wireless-mouse-from-sponsor_482257-128136.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahcoder", testimonial: "PC Xpertz turned my setup into a true masterpiece.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-influencer-endorsing-wireless-mouse-from-sponsor_482257-128136.jpg"},
|
||||
{
|
||||
name: "Mike T.",
|
||||
handle: "@miket",
|
||||
testimonial: "Flawless cable management and top-tier components. Recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg",
|
||||
},
|
||||
name: "Mike T.", handle: "@miket", testimonial: "Flawless cable management and top-tier components. Recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg"},
|
||||
{
|
||||
name: "Jordan L.",
|
||||
handle: "@jordanbuilds",
|
||||
testimonial: "Customer service is top notch. Delivery was incredibly fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110063.jpg",
|
||||
},
|
||||
name: "Jordan L.", handle: "@jordanbuilds", testimonial: "Customer service is top notch. Delivery was incredibly fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110063.jpg"},
|
||||
{
|
||||
name: "Elena M.",
|
||||
handle: "@elena",
|
||||
testimonial: "I never hit below 144FPS now. Worth every cent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-freelancer-listening-podcast-being-focused-online-work_482257-121502.jpg",
|
||||
},
|
||||
name: "Elena M.", handle: "@elena", testimonial: "I never hit below 144FPS now. Worth every cent.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-freelancer-listening-podcast-being-focused-online-work_482257-121502.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tech-guru-filming-tech-review-mini-led-lights-unboxing-product_482257-124300.jpg"
|
||||
imageAlt="gaming pc neon setup"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
alt: "Positive Middle-aged Business Leader at Window",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Positive Middle-aged Business Leader at Window"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
|
||||
alt: "Content Senior Businessman with Arms Crossed",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg", alt: "Content Senior Businessman with Arms Crossed"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
|
||||
alt: "Closeup Portrait of Confident Business Leader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg", alt: "Closeup Portrait of Confident Business Leader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
alt: "Smiling Middle-aged Business Leader at Window",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "Smiling Middle-aged Business Leader at Window"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-content-creator-recommending-office-mouse-device_482257-97318.jpg",
|
||||
alt: "Happy content creator recommending office mouse device",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-content-creator-recommending-office-mouse-device_482257-97318.jpg", alt: "Happy content creator recommending office mouse device"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ gamers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Liquid Cooling",
|
||||
},
|
||||
type: "text", text: "Liquid Cooling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "RTX 4090 Ready",
|
||||
},
|
||||
type: "text", text: "RTX 4090 Ready"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Overclocking",
|
||||
},
|
||||
type: "text", text: "Custom Overclocking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Performance",
|
||||
},
|
||||
type: "text", text: "Elite Performance"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,17 +106,11 @@ export default function LandingPage() {
|
||||
description="At PC Xpertz, we don't just assemble computers, we engineer experiences. Our passion lies in pushing the limits of modern technology to provide you with the most immersive gaming environments possible."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Custom Builds",
|
||||
},
|
||||
value: "500+", title: "Custom Builds"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
value: "100%", title: "Customer Satisfaction"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
},
|
||||
value: "24/7", title: "Support"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-opens-topcase-small-personal-computer-before-upgraiding-memory-wide-angle-view_346278-1212.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -179,26 +125,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Cooling",
|
||||
title: "Advanced Cooling",
|
||||
subtitle: "Silent, efficient",
|
||||
description: "Liquid cooling loops designed for maximum thermal output management.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg",
|
||||
},
|
||||
tag: "Cooling", title: "Advanced Cooling", subtitle: "Silent, efficient", description: "Liquid cooling loops designed for maximum thermal output management.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg"},
|
||||
{
|
||||
tag: "GPU",
|
||||
title: "Pro Graphics",
|
||||
subtitle: "Raw power",
|
||||
description: "High-end GPUs optimized for ray tracing and ultra-high frame rates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motherboard-circuit-technology-remixed-media_53876-124660.jpg",
|
||||
},
|
||||
tag: "GPU", title: "Pro Graphics", subtitle: "Raw power", description: "High-end GPUs optimized for ray tracing and ultra-high frame rates.", imageSrc: "http://img.b2bpic.net/free-photo/motherboard-circuit-technology-remixed-media_53876-124660.jpg"},
|
||||
{
|
||||
tag: "Storage",
|
||||
title: "Lightning Storage",
|
||||
subtitle: "Zero latency",
|
||||
description: "NVMe storage solutions that eliminate load times and stuttering.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-elements-background_23-2148882634.jpg",
|
||||
},
|
||||
tag: "Storage", title: "Lightning Storage", subtitle: "Zero latency", description: "NVMe storage solutions that eliminate load times and stuttering.", imageSrc: "http://img.b2bpic.net/free-photo/technology-elements-background_23-2148882634.jpg"},
|
||||
]}
|
||||
title="Engineered for Dominance"
|
||||
description="Our builds integrate the latest breakthroughs in thermal and computational design."
|
||||
@@ -213,41 +144,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Xpertz Pro Alpha",
|
||||
price: "$1,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gaming-setup-with-rgb-keyboard_23-2149829134.jpg",
|
||||
},
|
||||
id: "p1", name: "Xpertz Pro Alpha", price: "$1,499", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gaming-setup-with-rgb-keyboard_23-2149829134.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Xpertz Elite Omega",
|
||||
price: "$2,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/epic-gaming-setup_23-2151954731.jpg",
|
||||
},
|
||||
id: "p2", name: "Xpertz Elite Omega", price: "$2,299", imageSrc: "http://img.b2bpic.net/free-photo/epic-gaming-setup_23-2151954731.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Xpertz Battle Royale",
|
||||
price: "$1,899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rgb-system-desktop-pro-gamer-playing-first-person-shooter-video-game-online-competition-streaming-studio-is-equipped-with-professional-setup-with-powerful-pc-ready-online-game_482257-3879.jpg",
|
||||
},
|
||||
id: "p3", name: "Xpertz Battle Royale", price: "$1,899", imageSrc: "http://img.b2bpic.net/free-photo/close-up-rgb-system-desktop-pro-gamer-playing-first-person-shooter-video-game-online-competition-streaming-studio-is-equipped-with-professional-setup-with-powerful-pc-ready-online-game_482257-3879.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Xpertz Creator Ultra",
|
||||
price: "$2,599",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529414.jpg",
|
||||
},
|
||||
id: "p4", name: "Xpertz Creator Ultra", price: "$2,599", imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529414.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Xpertz Compact Core",
|
||||
price: "$1,199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-cable_23-2149413410.jpg",
|
||||
},
|
||||
id: "p5", name: "Xpertz Compact Core", price: "$1,199", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-cable_23-2149413410.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Xpertz Visionary",
|
||||
price: "$3,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-rgb-led-lights-system-desktop-woman-gamer-playing-space-shoother-video-games-online-championship-gaming-studio-equipped-with-professional-streaming-setup_482257-29255.jpg",
|
||||
},
|
||||
id: "p6", name: "Xpertz Visionary", price: "$3,299", imageSrc: "http://img.b2bpic.net/free-photo/closeup-rgb-led-lights-system-desktop-woman-gamer-playing-space-shoother-video-games-online-championship-gaming-studio-equipped-with-professional-streaming-setup_482257-29255.jpg"},
|
||||
]}
|
||||
title="Featured Systems"
|
||||
description="Ready-to-game configurations designed for performance seekers."
|
||||
@@ -261,52 +168,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Starter",
|
||||
price: "$1,200",
|
||||
period: "/unit",
|
||||
description: "Solid entry into elite gaming.",
|
||||
button: {
|
||||
text: "Customize",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"16GB RAM",
|
||||
"RTX 3060",
|
||||
"500GB SSD",
|
||||
],
|
||||
id: "basic", tag: "Starter", price: "$1,200", period: "/unit", description: "Solid entry into elite gaming.", button: {
|
||||
text: "Customize"},
|
||||
featuresTitle: "Included:", features: [
|
||||
"16GB RAM", "RTX 3060", "500GB SSD"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Enthusiast",
|
||||
price: "$2,500",
|
||||
period: "/unit",
|
||||
description: "Performance without compromise.",
|
||||
button: {
|
||||
text: "Customize",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"32GB RAM",
|
||||
"RTX 4080",
|
||||
"2TB NVMe",
|
||||
],
|
||||
id: "pro", tag: "Enthusiast", price: "$2,500", period: "/unit", description: "Performance without compromise.", button: {
|
||||
text: "Customize"},
|
||||
featuresTitle: "Included:", features: [
|
||||
"32GB RAM", "RTX 4080", "2TB NVMe"],
|
||||
},
|
||||
{
|
||||
id: "ultra",
|
||||
tag: "Extreme",
|
||||
price: "$4,000",
|
||||
period: "/unit",
|
||||
description: "The ultimate gaming machine.",
|
||||
button: {
|
||||
text: "Customize",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"64GB RAM",
|
||||
"RTX 4090",
|
||||
"4TB Gen5 SSD",
|
||||
],
|
||||
id: "ultra", tag: "Extreme", price: "$4,000", period: "/unit", description: "The ultimate gaming machine.", button: {
|
||||
text: "Customize"},
|
||||
featuresTitle: "Included:", features: [
|
||||
"64GB RAM", "RTX 4090", "4TB Gen5 SSD"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Tier"
|
||||
@@ -321,19 +198,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "FPS Average",
|
||||
value: "240+",
|
||||
id: "m1", title: "FPS Average", value: "240+", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Build Speed",
|
||||
value: "72h",
|
||||
id: "m2", title: "Build Speed", value: "72h", icon: Target,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Users Served",
|
||||
value: "1k+",
|
||||
id: "m3", title: "Users Served", value: "1k+", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Numbers That Count"
|
||||
@@ -347,45 +218,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent",
|
||||
quote: "My games load instantly now.",
|
||||
name: "Sarah",
|
||||
role: "Streamer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-show-front-view_23-2149943750.jpg",
|
||||
},
|
||||
id: "t1", title: "Excellent", quote: "My games load instantly now.", name: "Sarah", role: "Streamer", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-show-front-view_23-2149943750.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Fantastic",
|
||||
quote: "The aesthetics are just incredible.",
|
||||
name: "Mark",
|
||||
role: "Gamer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-young-man-excited-about-his-wining-while-playing-shooter-games-stream_482257-17351.jpg",
|
||||
},
|
||||
id: "t2", title: "Fantastic", quote: "The aesthetics are just incredible.", name: "Mark", role: "Gamer", imageSrc: "http://img.b2bpic.net/free-photo/pov-young-man-excited-about-his-wining-while-playing-shooter-games-stream_482257-17351.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Superb",
|
||||
quote: "Highly knowledgeable team.",
|
||||
name: "Leo",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-model-studio_23-2148532569.jpg",
|
||||
},
|
||||
id: "t3", title: "Superb", quote: "Highly knowledgeable team.", name: "Leo", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-model-studio_23-2148532569.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Top Tier",
|
||||
quote: "Best build quality I've seen.",
|
||||
name: "Anna",
|
||||
role: "Pro Gamer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
|
||||
},
|
||||
id: "t4", title: "Top Tier", quote: "Best build quality I've seen.", name: "Anna", role: "Pro Gamer", imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Reliable",
|
||||
quote: "Never disappointed by their service.",
|
||||
name: "James",
|
||||
role: "Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg",
|
||||
},
|
||||
id: "t5", title: "Reliable", quote: "Never disappointed by their service.", name: "James", role: "Editor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg"},
|
||||
]}
|
||||
title="Community Love"
|
||||
description="See why gamers choose PC Xpertz."
|
||||
@@ -396,8 +237,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Build Your Build"
|
||||
title="Ready to get started?"
|
||||
description="Submit your requirements and let our experts design your perfect gaming rig."
|
||||
@@ -413,49 +253,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Warranty",
|
||||
href: "#",
|
||||
},
|
||||
label: "Warranty", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
label: "Discord", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user