Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 00a8571f5c | |||
| 676a07d901 | |||
| 0ec2c00f11 | |||
| ecc34c2d77 | |||
| 8f53b77ab1 | |||
| 8f62dae22f | |||
| c693ae8fdc | |||
| a5c801add6 | |||
| 2bbf9e2fd7 | |||
| 860e9ca997 | |||
| 01a4d7c187 | |||
| 6eba458766 |
@@ -2,60 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
Zap,
|
||||
Thermometer,
|
||||
Cpu,
|
||||
Palette,
|
||||
ShieldCheck,
|
||||
Truck,
|
||||
Activity,
|
||||
BarChart3,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
{ name: "Featured", id: "featured" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Specs", id: "specs" },
|
||||
{ name: "Daily Offers", id: "daily-offers" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{ label: "Gaming PCs", href: "/" },
|
||||
{ label: "Gaming Laptops", href: "/" },
|
||||
{ label: "Custom Builds", href: "/" },
|
||||
{ label: "Peripherals", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Warranty", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -63,7 +19,7 @@ export default function AboutPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -73,128 +29,22 @@ export default function AboutPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="GamerPC"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/",
|
||||
}}
|
||||
button={{ text: "Shop Now", href: "/products" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<FeatureHoverPattern
|
||||
title="Why Choose GamerPC?"
|
||||
description="Discover the features that make us the preferred choice for gaming enthusiasts and professionals."
|
||||
tag="Key Advantages"
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Lightning-Fast Performance",
|
||||
description:
|
||||
"Cutting-edge GPUs and CPUs deliver 240+ fps on ultra settings. Experience gaming at its peak performance.",
|
||||
},
|
||||
{
|
||||
icon: Thermometer,
|
||||
title: "Advanced Cooling Systems",
|
||||
description:
|
||||
"Liquid cooling and precision airflow keep your system running cool during intense gaming sessions.",
|
||||
},
|
||||
{
|
||||
icon: Cpu,
|
||||
title: "Latest Components",
|
||||
description:
|
||||
"Built with current-gen hardware from NVIDIA, AMD, and Intel for the ultimate performance boost.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Customizable Designs",
|
||||
description:
|
||||
"Choose from multiple chassis, RGB lighting options, and custom build configurations to match your style.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Lifetime Support",
|
||||
description:
|
||||
"Dedicated support team available 24/7 for troubleshooting, upgrades, and technical assistance.",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Fast Shipping",
|
||||
description:
|
||||
"Same-day preparation and rapid delivery. Get your gaming PC ready to dominate in days, not weeks.",
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="specs" data-section="specs">
|
||||
<MetricCardThree
|
||||
title="Performance Metrics"
|
||||
description="Real-world benchmarks showcasing our gaming PC capabilities."
|
||||
tag="Technical Specs"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Activity,
|
||||
title: "Max FPS",
|
||||
value: "240+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Zap,
|
||||
title: "Processing Power",
|
||||
value: "12-Core",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: BarChart3,
|
||||
title: "VRAM Available",
|
||||
value: "24GB",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
icon: Thermometer,
|
||||
title: "Temp Control",
|
||||
value: "35-55°C",
|
||||
},
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to elevate your gaming experience? Let's find the perfect PC for you. Contact our gaming experts today!"
|
||||
animationType="reveal-blur"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Schedule a Demo",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
background={{
|
||||
variant: "fluid",
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="GamerPC"
|
||||
copyrightText="© 2025 GamerPC Inc. All rights reserved."
|
||||
columns={footerColumns}
|
||||
/>
|
||||
<div id="about" data-section="about" className="min-h-screen flex items-center justify-center p-6">
|
||||
<div className="max-w-2xl text-center">
|
||||
<h1 className="text-4xl font-bold mb-4">About GamerPC</h1>
|
||||
<p className="text-lg text-foreground/80 mb-6">
|
||||
We are dedicated to providing premium gaming systems built with the latest technology and uncompromising quality. Our mission is to empower gamers with the tools they need to compete, create, and dominate.
|
||||
</p>
|
||||
<p className="text-lg text-foreground/80">
|
||||
Founded on the principles of performance, reliability, and customer excellence, GamerPC has become the trusted choice for competitive gamers, streamers, and PC enthusiasts worldwide.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,55 +3,17 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
Clock,
|
||||
MapPin,
|
||||
Phone,
|
||||
Mail,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Featured", id: "featured" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Specs", id: "specs" },
|
||||
{ name: "Daily Offers", id: "daily-offers" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{ label: "Gaming PCs", href: "/" },
|
||||
{ label: "Gaming Laptops", href: "/" },
|
||||
{ label: "Custom Builds", href: "/" },
|
||||
{ label: "Peripherals", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Warranty", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -59,7 +21,7 @@ export default function ContactPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -69,101 +31,41 @@ export default function ContactPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="GamerPC"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/",
|
||||
}}
|
||||
button={{ text: "Shop Now", href: "/products" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-primary" data-section="contact-primary">
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Get in touch with our gaming experts. We're here to help you find the perfect PC build for your needs and answer any questions you may have."
|
||||
text="Get in touch with our gaming experts. We're here to help you find the perfect system for your needs."
|
||||
animationType="reveal-blur"
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Support",
|
||||
href: "mailto:support@gamerpc.com",
|
||||
},
|
||||
{
|
||||
text: "Live Chat",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Email Us", href: "mailto:support@gamerpc.com" },
|
||||
{ text: "Call Now", href: "tel:+1-800-GAMERPC" },
|
||||
]}
|
||||
background={{
|
||||
variant: "fluid",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-info" data-section="contact-info">
|
||||
<MetricCardThree
|
||||
title="Contact Information"
|
||||
description="Reach out to us through any of these channels"
|
||||
tag="Support"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Phone,
|
||||
title: "Phone",
|
||||
value: "+1-555-0123",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Mail,
|
||||
title: "Email",
|
||||
value: "support@gamerpc.com",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: MapPin,
|
||||
title: "Location",
|
||||
value: "Gaming Hub HQ",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
icon: Clock,
|
||||
title: "Hours",
|
||||
value: "24/7 Support",
|
||||
},
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProofOne
|
||||
title="Trusted by Gaming Leaders"
|
||||
description="Powered by the world's most advanced gaming technology partners."
|
||||
tag="Industry Partners"
|
||||
title="Our Partners"
|
||||
description="We work with the best technology partners in the industry."
|
||||
tag="Technology Partners"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/modern-abstract-data-architect-business-card_23-2149020595.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-texture-technology-facebook-cover_23-2149161834.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-electronics-logos-pack_23-2148976732.jpg",
|
||||
"http://img.b2bpic.net/free-vector/viking-mask-logo-colorful-gradient_677411-1477.jpg",
|
||||
"http://img.b2bpic.net/free-vector/black-friday-sale-neon-background_23-2147967948.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-design-gaming-logo_23-2150760192.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148221684.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-laptop-logo-template_23-2148995976.jpg",
|
||||
"http://img.b2bpic.net/free-vector/modern-abstract-data-architect-business-card_23-2149020595.jpg", "http://img.b2bpic.net/free-vector/gradient-texture-technology-facebook-cover_23-2149161834.jpg", "http://img.b2bpic.net/free-vector/flat-electronics-logos-pack_23-2148976732.jpg", "http://img.b2bpic.net/free-vector/viking-mask-logo-colorful-gradient_677411-1477.jpg", "http://img.b2bpic.net/free-vector/black-friday-sale-neon-background_23-2147967948.jpg", "http://img.b2bpic.net/free-vector/flat-design-gaming-logo_23-2150760192.jpg", "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148221684.jpg", "http://img.b2bpic.net/free-vector/gradient-laptop-logo-template_23-2148995976.jpg"
|
||||
]}
|
||||
names={[
|
||||
"NVIDIA", "AMD", "Intel", "Corsair", "ASUS", "MSI", "Razer", "Kingston"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="GamerPC"
|
||||
copyrightText="© 2025 GamerPC Inc. All rights reserved."
|
||||
columns={footerColumns}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
1433
src/app/layout.tsx
1433
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
@@ -24,13 +24,15 @@ import {
|
||||
Sparkles,
|
||||
TrendingUp,
|
||||
Users,
|
||||
Clock,
|
||||
Gift,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Featured", id: "featured" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Specs", id: "specs" },
|
||||
{ name: "Daily Offers", id: "daily-offers" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
];
|
||||
|
||||
@@ -68,7 +70,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -111,13 +113,13 @@ export default function HomePage() {
|
||||
tag="Best Sellers"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "UltraForce Elite RTX 4090", price: "$3,499.00", imageSrc: "http://img.b2bpic.net/free-photo/dangerous-hacker-with-his-team-doing-cyber-crimes-from-his-apartment_482257-21831.jpg", imageAlt: "UltraForce Elite RTX 4090 gaming PC", initialQuantity: 1,
|
||||
id: "1", name: "UltraForce Elite RTX 4090", price: "$3,499.00", imageSrc: "http://img.b2bpic.net/free-photo/dangerous-hacker-with-his-team-doing-cyber-crimes-from-his-apartment_482257-21831.jpg?_wi=1", imageAlt: "UltraForce Elite RTX 4090 gaming PC", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "2", name: "ProGamer Titanium RTX 4080", price: "$2,299.00", imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529372.jpg", imageAlt: "ProGamer Titanium RTX 4080 laptop", initialQuantity: 1,
|
||||
id: "2", name: "ProGamer Titanium RTX 4080", price: "$2,299.00", imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529372.jpg?_wi=1", imageAlt: "ProGamer Titanium RTX 4080 laptop", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "3", name: "StreamMaster Pro RTX 4070", price: "$1,799.00", imageSrc: "http://img.b2bpic.net/free-photo/computerchip-technology-electronics-industry_93675-128229.jpg", imageAlt: "StreamMaster Pro RTX 4070 system", initialQuantity: 1,
|
||||
id: "3", name: "StreamMaster Pro RTX 4070", price: "$1,799.00", imageSrc: "http://img.b2bpic.net/free-photo/computerchip-technology-electronics-industry_93675-128229.jpg?_wi=1", imageAlt: "StreamMaster Pro RTX 4070 system", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -158,24 +160,24 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="specs" data-section="specs">
|
||||
<div id="daily-offers" data-section="daily-offers">
|
||||
<MetricCardThree
|
||||
title="Performance Metrics"
|
||||
description="Real-world benchmarks showcasing our gaming PC capabilities."
|
||||
tag="Technical Specs"
|
||||
title="Daily Offers & Deals"
|
||||
description="Limited-time gaming PC promotions updated daily with exclusive discounts."
|
||||
tag="Hot Deals"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", icon: Activity,
|
||||
title: "Max FPS", value: "240+"},
|
||||
id: "1", icon: Gift,
|
||||
title: "Flash Sale", value: "Save 20%"},
|
||||
{
|
||||
id: "2", icon: Zap,
|
||||
title: "Processing Power", value: "12-Core"},
|
||||
id: "2", icon: Clock,
|
||||
title: "Ends In", value: "24 Hours"},
|
||||
{
|
||||
id: "3", icon: BarChart3,
|
||||
title: "VRAM Available", value: "24GB"},
|
||||
id: "3", icon: TrendingUp,
|
||||
title: "Best Offer", value: "RTX 4080"},
|
||||
{
|
||||
id: "4", icon: Thermometer,
|
||||
title: "Temp Control", value: "35-55°C"},
|
||||
id: "4", icon: Users,
|
||||
title: "Qty Left", value: "5 Units"},
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
@@ -192,7 +194,7 @@ export default function HomePage() {
|
||||
{
|
||||
id: "basic", price: "$899.00", name: "Esports Starter", buttons: [
|
||||
{ text: "Configure", href: "/products" },
|
||||
{ text: "Learn More", href: "#specs" },
|
||||
{ text: "Learn More", href: "#daily-offers" },
|
||||
],
|
||||
features: [
|
||||
"RTX 3060 Graphics", "16GB DDR4 Memory", "512GB SSD Storage", "1-Year Warranty", "Email Support"],
|
||||
@@ -201,7 +203,7 @@ export default function HomePage() {
|
||||
id: "pro", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$1,699.00", name: "Pro Gamer Elite", buttons: [
|
||||
{ text: "Configure", href: "/products" },
|
||||
{ text: "Learn More", href: "#specs" },
|
||||
{ text: "Learn More", href: "#daily-offers" },
|
||||
],
|
||||
features: [
|
||||
"RTX 4070 Graphics", "32GB DDR5 Memory", "1TB NVMe SSD", "2-Year Warranty", "Priority Support", "Free Upgrades"],
|
||||
@@ -209,7 +211,7 @@ export default function HomePage() {
|
||||
{
|
||||
id: "ultimate", price: "$3,299.00", name: "Ultimate Performance", buttons: [
|
||||
{ text: "Configure", href: "/products" },
|
||||
{ text: "Learn More", href: "#specs" },
|
||||
{ text: "Learn More", href: "#daily-offers" },
|
||||
],
|
||||
features: [
|
||||
"RTX 4090 Graphics", "64GB DDR5 Memory", "2TB NVMe SSD", "3-Year Warranty", "24/7 VIP Support", "Lifetime Upgrades", "Custom Build Options"],
|
||||
@@ -228,17 +230,17 @@ export default function HomePage() {
|
||||
tag="Customer Reviews"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alex Chen, Professional Esports Player", date: "Date: 15 January 2025", title: "Absolutely dominates in competitive play!", quote: "This gaming PC has transformed my competitive gaming experience. The RTX 4090 delivers consistent 240+ fps, giving me the edge I need against top-tier opponents. Customer support was phenomenal.", tag: "Pro Gamer Elite", avatarSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg", avatarAlt: "Alex Chen", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg", imageAlt: "Professional esports player setup"},
|
||||
id: "1", name: "Alex Chen, Professional Esports Player", date: "Date: 15 January 2025", title: "Absolutely dominates in competitive play!", quote: "This gaming PC has transformed my competitive gaming experience. The RTX 4090 delivers consistent 240+ fps, giving me the edge I need against top-tier opponents. Customer support was phenomenal.", tag: "Pro Gamer Elite", avatarSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg", avatarAlt: "Alex Chen", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg?_wi=1", imageAlt: "Professional esports player setup"},
|
||||
{
|
||||
id: "2", name: "Jordan Mills, Gaming Content Creator", date: "Date: 22 December 2024", title: "Perfect for streaming 4K gameplay!", quote: "The StreamMaster Pro handles simultaneous gaming and streaming without breaking a sweat. Zero lag, perfect thermal management, and the RGB customization is incredible. Highly recommend to any streamer!", tag: "StreamMaster Pro RTX 4070", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg", avatarAlt: "Jordan Mills", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg", imageAlt: "Gaming streamer setup"},
|
||||
id: "2", name: "Jordan Mills, Gaming Content Creator", date: "Date: 22 December 2024", title: "Perfect for streaming 4K gameplay!", quote: "The StreamMaster Pro handles simultaneous gaming and streaming without breaking a sweat. Zero lag, perfect thermal management, and the RGB customization is incredible. Highly recommend to any streamer!", tag: "StreamMaster Pro RTX 4070", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg", avatarAlt: "Jordan Mills", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg?_wi=1", imageAlt: "Gaming streamer setup"},
|
||||
{
|
||||
id: "3", name: "Marcus Rodriguez, System Integrator", date: "Date: 8 January 2025", title: "Premium build quality and components", quote: "I've built systems for years, and these components are top-tier. The attention to detail in cable management, cooling setup, and component selection is exceptional. My clients are absolutely thrilled.", tag: "Ultimate Performance", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg", avatarAlt: "Marcus Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg", imageAlt: "System builder workspace"},
|
||||
{
|
||||
id: "4", name: "Sarah Thompson, Gaming Enthusiast", date: "Date: 28 December 2024", title: "Best investment I've made for gaming!", quote: "Finally upgraded from my old rig, and wow! The difference is night and day. Running all games on max settings, beautiful frame rates, and the build quality feels premium. Worth every penny!", tag: "Pro Gamer Elite", avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-walking-evening-outside-street_1303-17079.jpg", avatarAlt: "Sarah Thompson", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-walking-evening-outside-street_1303-17079.jpg", imageAlt: "Happy customer portrait"},
|
||||
{
|
||||
id: "5", name: "Chris Nakamura, Casual Gamer", date: "Date: 5 January 2025", title: "Amazing value for money", quote: "The Esports Starter is incredible for the price. I'm playing all my favorite titles on high settings without any issues. Great first gaming PC for someone just getting into gaming.", tag: "Esports Starter", avatarSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg", avatarAlt: "Chris Nakamura", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg", imageAlt: "Gaming enthusiast"},
|
||||
id: "5", name: "Chris Nakamura, Casual Gamer", date: "Date: 5 January 2025", title: "Amazing value for money", quote: "The Esports Starter is incredible for the price. I'm playing all my favorite titles on high settings without any issues. Great first gaming PC for someone just getting into gaming.", tag: "Esports Starter", avatarSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg", avatarAlt: "Chris Nakamura", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg?_wi=2", imageAlt: "Gaming enthusiast"},
|
||||
{
|
||||
id: "6", name: "Emma Davidson, VR Gaming Pioneer", date: "Date: 12 January 2025", title: "VR performance is mind-blowing!", quote: "Running high-fidelity VR games at consistent 90+ fps is now possible. The cooling keeps the system stable during long VR sessions. This is the VR machine I've always wanted!", tag: "Ultimate Performance", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg", avatarAlt: "Emma Davidson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg", imageAlt: "VR gamer setup"},
|
||||
id: "6", name: "Emma Davidson, VR Gaming Pioneer", date: "Date: 12 January 2025", title: "VR performance is mind-blowing!", quote: "Running high-fidelity VR games at consistent 90+ fps is now possible. The cooling keeps the system stable during long VR sessions. This is the VR machine I've always wanted!", tag: "Ultimate Performance", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg", avatarAlt: "Emma Davidson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg?_wi=2", imageAlt: "VR gamer setup"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -283,4 +285,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,14 +19,13 @@ export default function ProductsPage() {
|
||||
const navItems = [
|
||||
{ name: "Featured", id: "featured" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Specs", id: "specs" },
|
||||
{ name: "Daily Offers", id: "daily-offers" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{ label: "Gaming PCs", href: "/products" },
|
||||
{ label: "Gaming Laptops", href: "/products" },
|
||||
{ label: "Custom Builds", href: "/products" },
|
||||
@@ -34,8 +33,7 @@ export default function ProductsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Our Team", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -43,8 +41,7 @@ export default function ProductsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "#" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Warranty", href: "#" },
|
||||
@@ -82,52 +79,22 @@ export default function ProductsPage() {
|
||||
tag="Full Selection"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "UltraForce Elite RTX 4090",
|
||||
price: "$3,499.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dangerous-hacker-with-his-team-doing-cyber-crimes-from-his-apartment_482257-21831.jpg?_wi=2",
|
||||
imageAlt: "UltraForce Elite RTX 4090 gaming PC",
|
||||
initialQuantity: 1,
|
||||
id: "1", name: "UltraForce Elite RTX 4090", price: "$3,499.00", imageSrc: "http://img.b2bpic.net/free-photo/dangerous-hacker-with-his-team-doing-cyber-crimes-from-his-apartment_482257-21831.jpg?_wi=2", imageAlt: "UltraForce Elite RTX 4090 gaming PC", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "ProGamer Titanium RTX 4080",
|
||||
price: "$2,299.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529372.jpg?_wi=2",
|
||||
imageAlt: "ProGamer Titanium RTX 4080 laptop",
|
||||
initialQuantity: 1,
|
||||
id: "2", name: "ProGamer Titanium RTX 4080", price: "$2,299.00", imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529372.jpg?_wi=2", imageAlt: "ProGamer Titanium RTX 4080 laptop", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "StreamMaster Pro RTX 4070",
|
||||
price: "$1,799.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computerchip-technology-electronics-industry_93675-128229.jpg?_wi=2",
|
||||
imageAlt: "StreamMaster Pro RTX 4070 system",
|
||||
initialQuantity: 1,
|
||||
id: "3", name: "StreamMaster Pro RTX 4070", price: "$1,799.00", imageSrc: "http://img.b2bpic.net/free-photo/computerchip-technology-electronics-industry_93675-128229.jpg?_wi=2", imageAlt: "StreamMaster Pro RTX 4070 system", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "GamingEssentials RTX 3080",
|
||||
price: "$1,299.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dangerous-hacker-with-his-team-doing-cyber-crimes-from-his-apartment_482257-21831.jpg?_wi=3",
|
||||
imageAlt: "GamingEssentials RTX 3080 system",
|
||||
initialQuantity: 1,
|
||||
id: "4", name: "GamingEssentials RTX 3080", price: "$1,299.00", imageSrc: "http://img.b2bpic.net/free-photo/dangerous-hacker-with-his-team-doing-cyber-crimes-from-his-apartment_482257-21831.jpg?_wi=3", imageAlt: "GamingEssentials RTX 3080 system", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "EsportsMaster RTX 3070 Ti",
|
||||
price: "$999.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529372.jpg?_wi=3",
|
||||
imageAlt: "EsportsMaster RTX 3070 Ti system",
|
||||
initialQuantity: 1,
|
||||
id: "5", name: "EsportsMaster RTX 3070 Ti", price: "$999.00", imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529372.jpg?_wi=3", imageAlt: "EsportsMaster RTX 3070 Ti system", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "BudgetGamer RTX 3060",
|
||||
price: "$699.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computerchip-technology-electronics-industry_93675-128229.jpg?_wi=3",
|
||||
imageAlt: "BudgetGamer RTX 3060 system",
|
||||
initialQuantity: 1,
|
||||
id: "6", name: "BudgetGamer RTX 3060", price: "$699.00", imageSrc: "http://img.b2bpic.net/free-photo/computerchip-technology-electronics-industry_93675-128229.jpg?_wi=3", imageAlt: "BudgetGamer RTX 3060 system", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -145,19 +112,13 @@ export default function ProductsPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Unbeatable Performance",
|
||||
description: "Latest-generation GPUs and CPUs deliver exceptional frame rates and responsiveness for competitive advantage.",
|
||||
},
|
||||
title: "Unbeatable Performance", description: "Latest-generation GPUs and CPUs deliver exceptional frame rates and responsiveness for competitive advantage."},
|
||||
{
|
||||
icon: Thermometer,
|
||||
title: "Expert Thermal Management",
|
||||
description: "Advanced cooling solutions ensure optimal temperatures even during marathon gaming sessions and streaming.",
|
||||
},
|
||||
title: "Expert Thermal Management", description: "Advanced cooling solutions ensure optimal temperatures even during marathon gaming sessions and streaming."},
|
||||
{
|
||||
icon: Cpu,
|
||||
title: "Premium Components",
|
||||
description: "We partner with industry leaders like NVIDIA, AMD, and Intel to source the best components available.",
|
||||
},
|
||||
title: "Premium Components", description: "We partner with industry leaders like NVIDIA, AMD, and Intel to source the best components available."},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
|
||||
Reference in New Issue
Block a user