bender/6dbea80c-c15b-4a4c-a164-e0ed5e66a091
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-30 23:18:35 +00:00
parent 572ac72501
commit cf9e2feaba
1 changed files with 70 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

266
src/app/page.tsx
View File

@@ -2,13 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Crown, Headphones, Lock, ShieldCheck, Zap } from "lucide-react";
export default function LandingPage() {
@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Categories",
id: "categories",
},
name: "Categories", id: "categories"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="GameVault"
/>
@@ -53,81 +45,52 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Level Up Your Gaming Experience"
description="Instant delivery of premium digital video games, GTA RP accounts, and Steam profiles. Secure, verified, and ready to play."
kpis={[
{
value: "10k+",
label: "Satisfied Gamers",
},
value: "10k+", label: "Satisfied Gamers"},
{
value: "5min",
label: "Instant Delivery",
},
value: "5min", label: "Instant Delivery"},
{
value: "24/7",
label: "Expert Support",
},
value: "24/7", label: "Expert Support"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Browse Games",
href: "#products",
},
text: "Browse Games", href: "#products"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/professional-gaming-website-hero-backgro-1774912526050-03c6c4d5.png?_wi=1"
mediaAnimation="slide-up"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png",
alt: "Gamer 1",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png", alt: "Gamer 1"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-female-gamer-professional--1774912526539-e66e6f13.png",
alt: "Gamer 2",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-female-gamer-professional--1774912526539-e66e6f13.png", alt: "Gamer 2"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-young-man-professional-lig-1774912525881-635aa0c0.png",
alt: "Gamer 3",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-young-man-professional-lig-1774912525881-635aa0c0.png", alt: "Gamer 3"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-female-gamer-with-glasses--1774912526339-11d5db61.png",
alt: "Gamer 4",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-female-gamer-with-glasses--1774912526339-11d5db61.png", alt: "Gamer 4"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png",
alt: "Gamer 5",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png", alt: "Gamer 5"},
]}
avatarText="Join our community of over 10,000 active gamers."
marqueeItems={[
{
type: "text-icon",
text: "Instant Delivery",
icon: Zap,
type: "text-icon", text: "Instant Delivery", icon: Zap,
},
{
type: "text-icon",
text: "Verified Accounts",
icon: ShieldCheck,
type: "text-icon", text: "Verified Accounts", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Secure Payments",
icon: Lock,
type: "text-icon", text: "Secure Payments", icon: Lock,
},
{
type: "text-icon",
text: "24/7 Support",
icon: Headphones,
type: "text-icon", text: "24/7 Support", icon: Headphones,
},
{
type: "text-icon",
text: "Lifetime Access",
icon: Crown,
type: "text-icon", text: "Lifetime Access", icon: Crown,
},
]}
/>
@@ -141,26 +104,11 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Premium GTA RP Account",
price: "$29.99",
variant: "Online",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-gta-rp-pack-1774912526911-af715fe4.png?_wi=1",
},
id: "p1", name: "Premium GTA RP Account", price: "$29.99", variant: "Online", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-gta-rp-pack-1774912526911-af715fe4.png?_wi=1"},
{
id: "p2",
name: "Steam Starter Pack",
price: "$15.99",
variant: "Offline",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-steam-accou-1774912526776-d45bdfc6.png?_wi=1",
},
id: "p2", name: "Steam Starter Pack", price: "$15.99", variant: "Offline", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-steam-accou-1774912526776-d45bdfc6.png?_wi=1"},
{
id: "p3",
name: "Ultimate RPG Bundle",
price: "$49.99",
variant: "Online",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-digital-vid-1774912526239-b751543e.png?_wi=1",
},
id: "p3", name: "Ultimate RPG Bundle", price: "$49.99", variant: "Online", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-digital-vid-1774912526239-b751543e.png?_wi=1"},
]}
title="Featured Games"
description="Our most popular digital accounts and gaming bundles."
@@ -174,38 +122,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "cat1",
title: "GTA RP",
author: "Most Popular",
description: "High-quality GTA Roleplay accounts with perks.",
tags: [
"Online",
"RP",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-gta-rp-pack-1774912526911-af715fe4.png?_wi=2",
},
id: "cat1", title: "GTA RP", author: "Most Popular", description: "High-quality GTA Roleplay accounts with perks.", tags: [
"Online", "RP"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-gta-rp-pack-1774912526911-af715fe4.png?_wi=2"},
{
id: "cat2",
title: "Offline Games",
author: "Steam Collection",
description: "Access thousands of titles offline via Steam.",
tags: [
"Offline",
"Steam",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-steam-accou-1774912526776-d45bdfc6.png?_wi=2",
},
id: "cat2", title: "Offline Games", author: "Steam Collection", description: "Access thousands of titles offline via Steam.", tags: [
"Offline", "Steam"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-steam-accou-1774912526776-d45bdfc6.png?_wi=2"},
{
id: "cat3",
title: "Online Games",
author: "Competitive",
description: "Top-tier accounts for online multiplayer titles.",
tags: [
"Online",
"Competitive",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-digital-vid-1774912526239-b751543e.png?_wi=2",
},
id: "cat3", title: "Online Games", author: "Competitive", description: "Top-tier accounts for online multiplayer titles.", tags: [
"Online", "Competitive"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-digital-vid-1774912526239-b751543e.png?_wi=2"},
]}
title="Game Categories"
description="Choose from a wide variety of verified digital accounts."
@@ -213,112 +140,59 @@ export default function LandingPage() {
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex R.",
date: "Oct 2023",
title: "Verified Buyer",
quote: "Instant delivery and exactly what I paid for. GTA RP account is perfect.",
tag: "Verified",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/professional-gaming-website-hero-backgro-1774912526050-03c6c4d5.png?_wi=2",
imageAlt: "Professional gaming website hero background featuring vibrant neon lines in blue and purple against ",
},
{
id: "t2",
name: "Sarah K.",
date: "Sep 2023",
title: "Verified Buyer",
quote: "Bought a Steam account, everything worked perfectly within minutes.",
tag: "Verified",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-female-gamer-professional--1774912526539-e66e6f13.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-digital-vid-1774912526239-b751543e.png?_wi=3",
imageAlt: "High-quality cover art for a digital video game, clean minimalist style, neon accent border.",
},
{
id: "t3",
name: "Mark D.",
date: "Aug 2023",
title: "Verified Buyer",
quote: "Support team helped me setup my offline Steam account easily. 5 stars!",
tag: "Verified",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-young-man-professional-lig-1774912525881-635aa0c0.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-steam-accou-1774912526776-d45bdfc6.png?_wi=3",
imageAlt: "High-quality cover art for a Steam account package, blue neon accent.",
},
{
id: "t4",
name: "Elena P.",
date: "July 2023",
title: "Verified Buyer",
quote: "The best place to find high-end gaming accounts at affordable prices.",
tag: "Verified",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-female-gamer-with-glasses--1774912526339-11d5db61.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/high-quality-cover-art-for-a-gta-rp-pack-1774912526911-af715fe4.png?_wi=3",
imageAlt: "High-quality cover art for a GTA RP package, purple neon accent.",
},
{
id: "t5",
name: "Chris B.",
date: "June 2023",
title: "Verified Buyer",
quote: "Reliable and fast. Will definitely come back for more games.",
tag: "Verified",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png",
imageAlt: "Portrait of a happy gamer wearing headset, professional studio lighting, dark background.",
},
<TestimonialCardFifteen
testimonial="Our experience with GameVault has been consistently excellent. Reliable, fast, and secure – truly the go-to for gamers."
rating={5}
author="The Gaming Community"
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-happy-gamer-wearing-headse-1774912525799-757d47e2.png", alt: "Gamer" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-female-gamer-professional--1774912526539-e66e6f13.png", alt: "Gamer" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgYwGFqLSGO5c7lb52cFzruK2R/portrait-of-a-young-man-professional-lig-1774912525881-635aa0c0.png", alt: "Gamer" }
]}
title="What Gamers Say"
description="Trusted by thousands of gamers worldwide."
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={true}
<FaqSplitText
sideTitle="Common Questions"
sideDescription="Find answers to our most common inquiries about delivery and accounts."
faqs={[
{
id: "f1",
title: "How is the account delivered?",
content: "Accounts are delivered instantly to your registered email address upon payment confirmation.",
},
id: "f1", title: "How is the account delivered?", content: "Accounts are delivered instantly to your registered email address upon payment confirmation."},
{
id: "f2",
title: "Are these accounts secure?",
content: "Yes, all our accounts are strictly verified and secured before being added to the catalog.",
},
id: "f2", title: "Are these accounts secure?", content: "Yes, all our accounts are strictly verified and secured before being added to the catalog."},
{
id: "f3",
title: "Do you offer customer support?",
content: "Our support team is available 24/7 via live chat and email to help with your purchase.",
},
id: "f3", title: "Do you offer customer support?", content: "Our support team is available 24/7 via live chat and email to help with your purchase."},
]}
title="Common Questions"
description="Find answers to our most common inquiries about delivery and accounts."
faqsAnimation="slide-up"
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="GameVault"
leftLink={{
text: "Terms of Service",
href: "#",
}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
<FooterBase
columns={[
{
title: "GameVault", items: [
{ label: "About Us", href: "#" },
{ label: "Contact", href: "#" },
{ label: "Support", href: "#" }
]
},
{
title: "Legal", items: [
{ label: "Terms of Service", href: "#" },
{ label: "Privacy Policy", href: "#" },
{ label: "Refund Policy", href: "#" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}