Merge version_2 into main #8
@@ -1,200 +1,30 @@
|
||||
"use client";
|
||||
|
||||
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: "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: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const AboutPage = () => {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="GamerPC"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
{/* Navbar content */}
|
||||
</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">
|
||||
{/* About section with background fixed */}
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default AboutPage;
|
||||
@@ -1,169 +1,30 @@
|
||||
"use client";
|
||||
|
||||
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: "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: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const ContactPage = () => {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="GamerPC"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
{/* Navbar content */}
|
||||
</div>
|
||||
|
||||
<div id="contact-primary" data-section="contact-primary">
|
||||
<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."
|
||||
animationType="reveal-blur"
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Support",
|
||||
href: "mailto:support@gamerpc.com",
|
||||
},
|
||||
{
|
||||
text: "Live Chat",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
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"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Gaming Leaders"
|
||||
description="Powered by the world's most advanced gaming technology partners."
|
||||
tag="Industry 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",
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="GamerPC"
|
||||
copyrightText="© 2025 GamerPC Inc. All rights reserved."
|
||||
columns={footerColumns}
|
||||
/>
|
||||
<div id="contact" data-section="contact">
|
||||
{/* Contact section with background fixed and names property added */}
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default ContactPage;
|
||||
Reference in New Issue
Block a user