4 Commits

Author SHA1 Message Date
8b81db06b9 Update src/app/contact/page.tsx 2026-03-08 08:06:51 +00:00
b9428efc1c Update src/app/contact/page.tsx 2026-03-08 08:06:00 +00:00
01a4d7c187 Update src/app/contact/page.tsx 2026-03-08 08:05:04 +00:00
6eba458766 Update src/app/about/page.tsx 2026-03-08 08:05:04 +00:00
2 changed files with 37 additions and 211 deletions

View File

@@ -2,21 +2,9 @@
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 = [
@@ -28,27 +16,24 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Products",
items: [
{ label: "Gaming PCs", href: "/" },
{ label: "Gaming Laptops", href: "/" },
{ label: "Custom Builds", href: "/" },
{ label: "Peripherals", href: "/" },
title: "Products", items: [
{ label: "Gaming PCs", href: "/products" },
{ label: "Gaming Laptops", href: "/products" },
{ label: "Custom Builds", href: "/products" },
{ label: "Peripherals", href: "/products" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Our Team", href: "/about" },
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Our Team", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Blog", href: "#" },
],
},
{
title: "Support",
items: [
{ label: "Contact Us", href: "/contact" },
title: "Support", items: [
{ label: "Contact Us", href: "#" },
{ label: "FAQ", href: "#" },
{ label: "Warranty", href: "#" },
{ label: "Returns", href: "#" },
@@ -63,7 +48,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,117 +58,20 @@ 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!"
text="Learn more about our commitment to gaming excellence and innovation."
animationType="reveal-blur"
buttons={[
{
text: "Get in Touch",
href: "/contact",
},
{
text: "Schedule a Demo",
href: "/contact",
},
{ text: "Get in Touch", href: "#" },
{ text: "Schedule a Demo", href: "#" },
]}
background={{
variant: "fluid",
}}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>

View File

@@ -3,16 +3,9 @@
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 = [
@@ -24,27 +17,24 @@ export default function ContactPage() {
const footerColumns = [
{
title: "Products",
items: [
{ label: "Gaming PCs", href: "/" },
{ label: "Gaming Laptops", href: "/" },
{ label: "Custom Builds", href: "/" },
{ label: "Peripherals", href: "/" },
title: "Products", items: [
{ label: "Gaming PCs", href: "/products" },
{ label: "Gaming Laptops", href: "/products" },
{ label: "Custom Builds", href: "/products" },
{ label: "Peripherals", href: "/products" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Our Team", href: "/about" },
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Our Team", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Blog", href: "#" },
],
},
{
title: "Support",
items: [
{ label: "Contact Us", href: "/contact" },
title: "Support", items: [
{ label: "Contact Us", href: "#" },
{ label: "FAQ", href: "#" },
{ label: "Warranty", href: "#" },
{ label: "Returns", href: "#" },
@@ -59,7 +49,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,68 +59,20 @@ 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="Ready to elevate your gaming experience? Let's find the perfect PC for you. Contact our gaming experts today!"
animationType="reveal-blur"
buttons={[
{
text: "Email Support",
href: "mailto:support@gamerpc.com",
},
{
text: "Live Chat",
href: "#",
},
{ text: "Get in Touch", href: "/contact" },
{ text: "Schedule a Demo", href: "/contact" },
]}
background={{
variant: "fluid",
}}
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"
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -142,15 +84,11 @@ export default function ContactPage() {
tag="Industry Partners"
textboxLayout="default"
useInvertedBackground={false}
names={[
"NVIDIA", "AMD", "Intel", "Corsair", "ASUS", "MSI", "Razer", "Kingston"
]}
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"
]}
speed={40}
showCard={true}