Merge version_1 into main #1
270
src/app/page.tsx
270
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Gamepad2, TrendingUp, Cpu } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -32,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Games",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Games", id: "#products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
]}
|
||||
brandName="GameReady"
|
||||
/>
|
||||
@@ -55,65 +48,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Stop Guessing, Start Gaming."
|
||||
description="Instantly verify if your rig can handle the latest AAA titles. Our compatibility engine analyzes your hardware in seconds."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-man-laughing-playing-video-games-weekend_231208-8873.jpg",
|
||||
alt: "gamer portrait headphones",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-man-laughing-playing-video-games-weekend_231208-8873.jpg", alt: "gamer portrait headphones"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-pretty-woman-holding-game-controller-joystick-isolated-pink-wall_141793-112743.jpg",
|
||||
alt: "streamer portrait professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-pretty-woman-holding-game-controller-joystick-isolated-pink-wall_141793-112743.jpg", alt: "streamer portrait professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105160.jpg",
|
||||
alt: "tech enthusiast gamer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105160.jpg", alt: "tech enthusiast gamer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149250007.jpg",
|
||||
alt: "hardcore gamer intense portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149250007.jpg", alt: "hardcore gamer intense portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-playing-videogame_23-2149005181.jpg",
|
||||
alt: "Full shot man playing videogame",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-playing-videogame_23-2149005181.jpg", alt: "Full shot man playing videogame"},
|
||||
]}
|
||||
avatarText="Join 50k+ gamers checking their specs daily"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Get Started", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Intel Core i9 Ready",
|
||||
},
|
||||
type: "text", text: "Intel Core i9 Ready"},
|
||||
{
|
||||
type: "text",
|
||||
text: "NVIDIA RTX 4090 Supported",
|
||||
},
|
||||
type: "text", text: "NVIDIA RTX 4090 Supported"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AMD Ryzen 9 Certified",
|
||||
},
|
||||
type: "text", text: "AMD Ryzen 9 Certified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "4K Ultra Optimized",
|
||||
},
|
||||
type: "text", text: "4K Ultra Optimized"},
|
||||
{
|
||||
type: "text",
|
||||
text: "144Hz Refresh Tested",
|
||||
},
|
||||
type: "text", text: "144Hz Refresh Tested"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,28 +92,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Specs Scan",
|
||||
description: "Detect your exact GPU, CPU, and RAM configurations automatically.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rgb-lights-illuminated-fans-gaming-computer_482257-116556.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Real-time Specs Scan", description: "Detect your exact GPU, CPU, and RAM configurations automatically.", imageSrc: "http://img.b2bpic.net/free-photo/rgb-lights-illuminated-fans-gaming-computer_482257-116556.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Game Library Match",
|
||||
description: "Compare thousands of titles against your hardware specs instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/offline-twitch-banner-gammer-style_52683-40692.jpg",
|
||||
buttonIcon: "Gamepad2",
|
||||
title: "Game Library Match", description: "Compare thousands of titles against your hardware specs instantly.", imageSrc: "http://img.b2bpic.net/free-vector/offline-twitch-banner-gammer-style_52683-40692.jpg", buttonIcon: Gamepad2,
|
||||
},
|
||||
{
|
||||
title: "Performance Forecasting",
|
||||
description: "Know if you'll hit 60FPS+ at 4K before you hit download.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347224.jpg",
|
||||
buttonIcon: "TrendingUp",
|
||||
title: "Performance Forecasting", description: "Know if you'll hit 60FPS+ at 4K before you hit download.", imageSrc: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347224.jpg", buttonIcon: TrendingUp,
|
||||
},
|
||||
{
|
||||
title: "Upgrade Recommendations",
|
||||
description: "Get smart suggestions on which parts to upgrade for maximum gain.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-professional-supervising-data-center-workplace-checking-hardware_482257-122186.jpg",
|
||||
buttonIcon: "Cpu",
|
||||
title: "Upgrade Recommendations", description: "Get smart suggestions on which parts to upgrade for maximum gain.", imageSrc: "http://img.b2bpic.net/free-photo/it-professional-supervising-data-center-workplace-checking-hardware_482257-122186.jpg", buttonIcon: Cpu,
|
||||
},
|
||||
]}
|
||||
title="Why Gamers Trust GameReady"
|
||||
@@ -161,41 +117,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Cyber Frontier",
|
||||
price: "Verified",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136906.jpg",
|
||||
},
|
||||
id: "g1", name: "Cyber Frontier", price: "Verified", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136906.jpg"},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Dragon's Legacy",
|
||||
price: "Check Needed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-dragon-character_23-2151129021.jpg",
|
||||
},
|
||||
id: "g2", name: "Dragon's Legacy", price: "Check Needed", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-dragon-character_23-2151129021.jpg"},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Apex Racer 2025",
|
||||
price: "Verified",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-portrait-with-flying-man-outside_23-2150006859.jpg",
|
||||
},
|
||||
id: "g3", name: "Apex Racer 2025", price: "Verified", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-portrait-with-flying-man-outside_23-2150006859.jpg"},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Tactical Wars",
|
||||
price: "Optimized",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/game-night-entertainment-invitation-template_23-2151062338.jpg",
|
||||
},
|
||||
id: "g4", name: "Tactical Wars", price: "Optimized", imageSrc: "http://img.b2bpic.net/free-psd/game-night-entertainment-invitation-template_23-2151062338.jpg"},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Shadow Strike",
|
||||
price: "Low End",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-powerful-3d-weapon_23-2150888829.jpg",
|
||||
},
|
||||
id: "g5", name: "Shadow Strike", price: "Low End", imageSrc: "http://img.b2bpic.net/free-photo/view-powerful-3d-weapon_23-2150888829.jpg"},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Forgotten Wilds",
|
||||
price: "Verified",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754926.jpg",
|
||||
},
|
||||
id: "g6", name: "Forgotten Wilds", price: "Verified", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754926.jpg"},
|
||||
]}
|
||||
title="Trending Games Compatibility"
|
||||
description="Check if your system is battle-ready for these popular titles."
|
||||
@@ -209,37 +141,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Core",
|
||||
price: "Free",
|
||||
subtitle: "Basic Scan",
|
||||
features: [
|
||||
"Hardware detection",
|
||||
"Manual lookup",
|
||||
"Basic advice",
|
||||
],
|
||||
id: "p1", badge: "Core", price: "Free", subtitle: "Basic Scan", features: [
|
||||
"Hardware detection", "Manual lookup", "Basic advice"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#",
|
||||
},
|
||||
text: "Sign Up", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$9.99",
|
||||
subtitle: "Unlimited Benchmarks",
|
||||
features: [
|
||||
"All Core features",
|
||||
"Cloud backup",
|
||||
"Priority support",
|
||||
],
|
||||
id: "p2", badge: "Pro", price: "$9.99", subtitle: "Unlimited Benchmarks", features: [
|
||||
"All Core features", "Cloud backup", "Priority support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
text: "Upgrade", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -255,20 +169,11 @@ export default function LandingPage() {
|
||||
tag="Trusted Data"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
description: "Games Analyzed",
|
||||
},
|
||||
id: "m1", value: "1M+", description: "Games Analyzed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500K+",
|
||||
description: "Hardware Scans",
|
||||
},
|
||||
id: "m2", value: "500K+", description: "Hardware Scans"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Accuracy Rate",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "Accuracy Rate"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -281,59 +186,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Streamer",
|
||||
company: "GameStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", role: "Streamer", company: "GameStream", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah M.",
|
||||
role: "Hardware Pro",
|
||||
company: "PCBuilder",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah M.", role: "Hardware Pro", company: "PCBuilder", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan P.",
|
||||
role: "Developer",
|
||||
company: "IndieDev",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269942.jpg",
|
||||
},
|
||||
id: "t3", name: "Jordan P.", role: "Developer", company: "IndieDev", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269942.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mike D.",
|
||||
role: "Gamer",
|
||||
company: "Casual Gaming",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396797.jpg",
|
||||
},
|
||||
id: "t4", name: "Mike D.", role: "Gamer", company: "Casual Gaming", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396797.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena K.",
|
||||
role: "Analyst",
|
||||
company: "TechData",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-young-lady-standing-blue-background-high-quality-photo_114579-91951.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena K.", role: "Analyst", company: "TechData", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-young-lady-standing-blue-background-high-quality-photo_114579-91951.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Community Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Community Rating"},
|
||||
{
|
||||
value: "120+",
|
||||
label: "Countries Served",
|
||||
},
|
||||
value: "120+", label: "Countries Served"},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Users",
|
||||
},
|
||||
value: "10k+", label: "Happy Users"},
|
||||
]}
|
||||
title="Verified by the Community"
|
||||
description="See why top gamers rely on our data."
|
||||
@@ -346,20 +220,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is my data private?",
|
||||
content: "Absolutely. We only use your specs for compatibility analysis.",
|
||||
},
|
||||
id: "q1", title: "Is my data private?", content: "Absolutely. We only use your specs for compatibility analysis."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Does this work on mobile?",
|
||||
content: "Currently optimized for PC and Laptop hardware benchmarking.",
|
||||
},
|
||||
id: "q2", title: "Does this work on mobile?", content: "Currently optimized for PC and Laptop hardware benchmarking."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it free to use?",
|
||||
content: "Our basic scan tool is free for everyone.",
|
||||
},
|
||||
id: "q3", title: "Is it free to use?", content: "Our basic scan tool is free for everyone."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
@@ -374,14 +239,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
text="Ready to check your compatibility?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -391,29 +253,19 @@ export default function LandingPage() {
|
||||
logoText="GameReady"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user