Merge version_2 into main #2
57
src/app/about/page.tsx
Normal file
57
src/app/about/page.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/#products" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="TechGamer"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about" className="py-24">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="About Our Mission"
|
||||
description="We are dedicated to revolutionizing the gaming experience through high-performance hardware and expert-led innovation. Our journey began with a simple goal: to make premium gaming gear accessible to everyone."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212590.jpg"
|
||||
imageAlt="about our mission"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="TechGamer"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Support", href: "/#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
113
src/app/page.tsx
113
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="TechGamer"
|
||||
/>
|
||||
@@ -47,16 +43,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "glowing-orb"}}
|
||||
background={{ 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/view-tiny-music-boxes-collection_23-2150545663.jpg", imageAlt: "graphics card details"}
|
||||
{ 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" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -72,12 +65,9 @@ export default function LandingPage() {
|
||||
title="Hardware Evolution"
|
||||
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: "Proven Performance", description: "Benchmarked components for true reliability."},
|
||||
{
|
||||
title: "Future Proofing", description: "Upgrade paths for long-term power."},
|
||||
{ title: "Expert Selection", description: "Hand-picked hardware for maximum efficiency." },
|
||||
{ title: "Proven Performance", description: "Benchmarked components for true reliability." },
|
||||
{ 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"
|
||||
@@ -91,18 +81,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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: "p6", name: "Mechanical Keyboard", price: "$149", variant: "Input", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gaming-setup-arrangement_23-2149680238.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: "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: "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" },
|
||||
]}
|
||||
title="Hardware Collection"
|
||||
description="Explore our curated catalog of essential gaming hardware."
|
||||
@@ -115,12 +99,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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: "f3", title: "Compatibility", subtitle: "Ready for all setups.", category: "Standard", value: "Multi"},
|
||||
{ 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: "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."
|
||||
@@ -133,22 +114,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "plan1", badge: "Essential", price: "$500", subtitle: "Entry level gaming", features: [
|
||||
"Entry GPU", "Standard RAM", "Basic Cooling"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan2", badge: "Elite", price: "$1500", subtitle: "Competitive edge", features: [
|
||||
"High-End GPU", "Ultra RAM", "Liquid Cooling"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ id: "plan1", badge: "Essential", price: "$500", subtitle: "Entry level gaming", features: ["Entry GPU", "Standard RAM", "Basic Cooling"], buttons: [{ text: "Select", href: "#contact" }] },
|
||||
{ id: "plan2", badge: "Elite", price: "$1500", subtitle: "Competitive edge", features: ["High-End GPU", "Ultra RAM", "Liquid Cooling"], buttons: [{ text: "Select", href: "#contact" }] },
|
||||
]}
|
||||
title="Upgrade Tiers"
|
||||
description="Tailor your setup to your specific budget and gaming needs."
|
||||
@@ -162,21 +129,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -187,12 +144,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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: "q3", title: "Warranty coverage?", content: "We offer 2-year manufacturer warranties."},
|
||||
{ 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: "q3", title: "Warranty coverage?", content: "We offer 2-year manufacturer warranties." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -202,8 +156,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Updated"
|
||||
title="Gaming Tech Newsletter"
|
||||
description="Get early access to our latest releases and performance tips."
|
||||
@@ -215,10 +168,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="TechGamer"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Support", href: "#contact"}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Support", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user