Merge version_2 into main #2
197
src/app/page.tsx
197
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Items",
|
||||
id: "products",
|
||||
},
|
||||
name: "Items", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Roblox Shop"
|
||||
/>
|
||||
@@ -53,19 +45,14 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Roblox Premium Assets"
|
||||
description="Unlock your potential with the highest quality virtual items and limited-edition assets, delivered instantly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/binary-numbers_1048-4877.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -79,17 +66,11 @@ export default function LandingPage() {
|
||||
description="We specialize in providing top-tier, verified digital assets for Roblox enthusiasts. Quality, speed, and safety are our core values."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Users",
|
||||
},
|
||||
value: "10k+", title: "Happy Users"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Rare Items",
|
||||
},
|
||||
value: "500+", title: "Rare Items"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
},
|
||||
value: "24/7", title: "Support"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-home-creating-3d-render-apartment-interior-layout_482257-126412.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -105,59 +86,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Rare",
|
||||
name: "Obsidian Blade",
|
||||
price: "5,000 Robux",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-purple-fist-womens-day-celebration_23-2151257669.jpg?_wi=1",
|
||||
},
|
||||
id: "1", brand: "Rare", name: "Obsidian Blade", price: "5,000 Robux", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/view-purple-fist-womens-day-celebration_23-2151257669.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Legendary",
|
||||
name: "Cosmic Armor",
|
||||
price: "12,000 Robux",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=on99fy&_wi=1",
|
||||
},
|
||||
id: "2", brand: "Legendary", name: "Cosmic Armor", price: "12,000 Robux", rating: 5,
|
||||
reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=on99fy&_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Common",
|
||||
name: "Gold Coin Set",
|
||||
price: "1,000 Robux",
|
||||
rating: 4,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg?_wi=1",
|
||||
},
|
||||
id: "3", brand: "Common", name: "Gold Coin Set", price: "1,000 Robux", rating: 4,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Limited",
|
||||
name: "Vortex Fedora",
|
||||
price: "3,500 Robux",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-beauty-cosmetics-makeover-skincare-digital-tablet_53876-123870.jpg",
|
||||
},
|
||||
id: "4", brand: "Limited", name: "Vortex Fedora", price: "3,500 Robux", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/illustration-beauty-cosmetics-makeover-skincare-digital-tablet_53876-123870.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Epic",
|
||||
name: "Spectral Fox",
|
||||
price: "7,500 Robux",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149390.jpg",
|
||||
},
|
||||
id: "5", brand: "Epic", name: "Spectral Fox", price: "7,500 Robux", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149390.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Legendary",
|
||||
name: "Starfall Aura",
|
||||
price: "15,000 Robux",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-bright-circle_1122-717.jpg",
|
||||
},
|
||||
id: "6", brand: "Legendary", name: "Starfall Aura", price: "15,000 Robux", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-bright-circle_1122-717.jpg"},
|
||||
]}
|
||||
title="Featured Collections"
|
||||
description="Browse our hand-picked selection of high-value virtual items designed to make you stand out."
|
||||
@@ -170,60 +115,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Smith",
|
||||
date: "Oct 2023",
|
||||
title: "Top tier service",
|
||||
quote: "Instant delivery and great support. Highly recommend!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/binary-numbers_1048-4877.jpg?_wi=2",
|
||||
imageAlt: "futuristic digital world neon",
|
||||
},
|
||||
id: "1", name: "Alex Smith", date: "Oct 2023", title: "Top tier service", quote: "Instant delivery and great support. Highly recommend!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg", imageSrc: "http://img.b2bpic.net/free-photo/binary-numbers_1048-4877.jpg?_wi=2", imageAlt: "futuristic digital world neon"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan Lee",
|
||||
date: "Nov 2023",
|
||||
title: "Amazing items",
|
||||
quote: "The rare items I bought are exactly as described.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-creating-3d-render-apartment-interior-layout_482257-126412.jpg?_wi=2",
|
||||
imageAlt: "digital designer workspace modern",
|
||||
},
|
||||
id: "2", name: "Jordan Lee", date: "Nov 2023", title: "Amazing items", quote: "The rare items I bought are exactly as described.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-home-creating-3d-render-apartment-interior-layout_482257-126412.jpg?_wi=2", imageAlt: "digital designer workspace modern"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Taylor Jones",
|
||||
date: "Jan 2024",
|
||||
title: "Very reliable",
|
||||
quote: "Never had an issue with their platform. Very trustworthy.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14950.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-purple-fist-womens-day-celebration_23-2151257669.jpg?_wi=2",
|
||||
imageAlt: "rare digital sword 3d icon",
|
||||
},
|
||||
id: "3", name: "Taylor Jones", date: "Jan 2024", title: "Very reliable", quote: "Never had an issue with their platform. Very trustworthy.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14950.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-purple-fist-womens-day-celebration_23-2151257669.jpg?_wi=2", imageAlt: "rare digital sword 3d icon"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Casey Brown",
|
||||
date: "Feb 2024",
|
||||
title: "Fastest shop ever",
|
||||
quote: "I got my order within minutes of payment.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=on99fy&_wi=2",
|
||||
imageAlt: "limited edition armor 3d icon",
|
||||
},
|
||||
id: "4", name: "Casey Brown", date: "Feb 2024", title: "Fastest shop ever", quote: "I got my order within minutes of payment.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=on99fy&_wi=2", imageAlt: "limited edition armor 3d icon"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Morgan Davis",
|
||||
date: "Mar 2024",
|
||||
title: "Great prices",
|
||||
quote: "Best prices I've found for virtual assets.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-sporty-boy-wearing-headband-wristbands-headphones-phone-armband-with-dental-braces-clenching-fists-isolated-crimson-wall-with-copy-space_141793-79717.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg?_wi=2",
|
||||
imageAlt: "digital coins 3d icon",
|
||||
},
|
||||
id: "5", name: "Morgan Davis", date: "Mar 2024", title: "Great prices", quote: "Best prices I've found for virtual assets.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-sporty-boy-wearing-headband-wristbands-headphones-phone-armband-with-dental-braces-clenching-fists-isolated-crimson-wall-with-copy-space_141793-79717.jpg", imageSrc: "http://img.b2bpic.net/free-photo/settings-sign-front-side_187299-39541.jpg?_wi=2", imageAlt: "digital coins 3d icon"},
|
||||
]}
|
||||
title="User Reviews"
|
||||
description="Don't just take our word for it—join thousands of satisfied players."
|
||||
@@ -236,20 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I receive my item?",
|
||||
content: "You will receive an invite to a trade session immediately after payment is confirmed.",
|
||||
},
|
||||
id: "1", title: "How do I receive my item?", content: "You will receive an invite to a trade session immediately after payment is confirmed."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is this service safe?",
|
||||
content: "Absolutely. We ensure all transactions are secure and verified.",
|
||||
},
|
||||
id: "2", title: "Is this service safe?", content: "Absolutely. We ensure all transactions are secure and verified."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What if I don't receive my item?",
|
||||
content: "Contact our 24/7 support immediately and we will resolve it for you.",
|
||||
},
|
||||
id: "3", title: "What if I don't receive my item?", content: "Contact our 24/7 support immediately and we will resolve it for you."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-service-satisfaction-feedback-icon_53876-124008.jpg"
|
||||
title="Common Questions"
|
||||
@@ -263,14 +154,14 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Get In Touch"
|
||||
description="Questions? Suggestions? We'd love to hear from you. Send us a message below."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/system-admin-working-diverse-computer-network-security-data-center_482257-118332.jpg"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
onSubmit={(email) => console.log("New admin email set to:", "karimruziboy662@gmail.com")}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -278,29 +169,19 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Items",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Items", href: "#products"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -310,4 +191,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user