Update src/app/page.tsx
This commit is contained in:
241
src/app/page.tsx
241
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ShieldCheck, Users, Zap, Star } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -33,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="D2K Brands"
|
||||
/>
|
||||
@@ -59,35 +52,21 @@ export default function LandingPage() {
|
||||
description="Quality UGC drops built for high-demand Roblox markets, from character-inspired accessories to trend-driven releases."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172434.jpg",
|
||||
imageAlt: "roblox ugc render",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172434.jpg", imageAlt: "roblox ugc render"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hexagonal-texture-background_23-2150796419.jpg",
|
||||
imageAlt: "gaming abstract background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hexagonal-texture-background_23-2150796419.jpg", imageAlt: "gaming abstract background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-like-woman-with-copy-space_23-2150797702.jpg",
|
||||
imageAlt: "virtual character showcase",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-like-woman-with-copy-space_23-2150797702.jpg", imageAlt: "virtual character showcase"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-video-game-controller_23-2151005820.jpg",
|
||||
imageAlt: "3d gaming accessory",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-video-game-controller_23-2151005820.jpg", imageAlt: "3d gaming accessory"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746571.jpg",
|
||||
imageAlt: "gaming interface ui",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746571.jpg", imageAlt: "gaming interface ui"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861986.jpg",
|
||||
imageAlt: "virtual shop render",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861986.jpg", imageAlt: "virtual shop render"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,17 +79,11 @@ export default function LandingPage() {
|
||||
description="At D2K, we focus on delivering premium virtual goods and fashion accessories. Our mission is to power imagination by providing affordable, trend-setting items for the global gaming community."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Trend-Driven",
|
||||
description: "We follow the latest market trends.",
|
||||
},
|
||||
title: "Trend-Driven", description: "We follow the latest market trends."},
|
||||
{
|
||||
title: "Affordable",
|
||||
description: "High quality at reasonable prices.",
|
||||
},
|
||||
title: "Affordable", description: "High quality at reasonable prices."},
|
||||
{
|
||||
title: "Verified Quality",
|
||||
description: "Engineered for maximum detail.",
|
||||
},
|
||||
title: "Verified Quality", description: "Engineered for maximum detail."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-computer-workstation-with-desk-room_23-2150714159.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -124,32 +97,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Assets",
|
||||
description: "High detail models for gamers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861990.jpg",
|
||||
imageAlt: "close up gaming accessory",
|
||||
buttonIcon: "ShieldCheck",
|
||||
title: "Premium Assets", description: "High detail models for gamers.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861990.jpg", imageAlt: "close up gaming accessory", buttonIcon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "Avatar Customization",
|
||||
description: "Express yourself uniquely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-optimistic-young-woman-posing-listening-music-with-headphones_114579-80235.jpg",
|
||||
imageAlt: "character avatar custom",
|
||||
buttonIcon: "Users",
|
||||
title: "Avatar Customization", description: "Express yourself uniquely.", imageSrc: "http://img.b2bpic.net/free-photo/photo-optimistic-young-woman-posing-listening-music-with-headphones_114579-80235.jpg", imageAlt: "character avatar custom", buttonIcon: Users,
|
||||
},
|
||||
{
|
||||
title: "Performance Focused",
|
||||
description: "Built for optimization.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internet-speed-test-software-concept_53876-120119.jpg",
|
||||
imageAlt: "fast digital performance",
|
||||
buttonIcon: "Zap",
|
||||
title: "Performance Focused", description: "Built for optimization.", imageSrc: "http://img.b2bpic.net/free-photo/internet-speed-test-software-concept_53876-120119.jpg", imageAlt: "fast digital performance", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Community Driven",
|
||||
description: "Listening to our users.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16256.jpg",
|
||||
imageAlt: "creative team design",
|
||||
buttonIcon: "Star",
|
||||
title: "Community Driven", description: "Listening to our users.", imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16256.jpg", imageAlt: "creative team design", buttonIcon: Star,
|
||||
},
|
||||
]}
|
||||
title="Why Choose D2K"
|
||||
@@ -165,47 +122,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Missy Poppy",
|
||||
price: "100 R$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-baby-girl-with-large-red-pepper-sits-back-yard_8353-7474.jpg",
|
||||
imageAlt: "poppy playtime toy",
|
||||
},
|
||||
id: "p1", name: "Missy Poppy", price: "100 R$", imageSrc: "http://img.b2bpic.net/free-photo/little-baby-girl-with-large-red-pepper-sits-back-yard_8353-7474.jpg", imageAlt: "poppy playtime toy"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Catnap Poppy",
|
||||
price: "100 R$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-rich-woman-holding-tablet_23-2149722599.jpg",
|
||||
imageAlt: "catnap game item",
|
||||
},
|
||||
id: "p2", name: "Catnap Poppy", price: "100 R$", imageSrc: "http://img.b2bpic.net/free-photo/side-view-rich-woman-holding-tablet_23-2149722599.jpg", imageAlt: "catnap game item"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Lilly Lovebraids",
|
||||
price: "90 R$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-looks-positive-holding-headphones_114579-25095.jpg",
|
||||
imageAlt: "virtual hair accessory",
|
||||
},
|
||||
id: "p3", name: "Lilly Lovebraids", price: "90 R$", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-looks-positive-holding-headphones_114579-25095.jpg", imageAlt: "virtual hair accessory"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Keychain",
|
||||
price: "60 R$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-travel-objects_23-2147635435.jpg",
|
||||
imageAlt: "digital keychain item",
|
||||
},
|
||||
id: "p4", name: "Keychain", price: "60 R$", imageSrc: "http://img.b2bpic.net/free-photo/vintage-travel-objects_23-2147635435.jpg", imageAlt: "digital keychain item"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Necklace",
|
||||
price: "50 R$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-collection-halloween-elements_23-2148614357.jpg",
|
||||
imageAlt: "virtual necklace accessory",
|
||||
},
|
||||
id: "p5", name: "Necklace", price: "50 R$", imageSrc: "http://img.b2bpic.net/free-photo/top-view-collection-halloween-elements_23-2148614357.jpg", imageAlt: "virtual necklace accessory"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vintage Phone",
|
||||
price: "See listing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-video-games-device_23-2151005852.jpg",
|
||||
imageAlt: "vintage phone accessory",
|
||||
},
|
||||
id: "p6", name: "Vintage Phone", price: "See listing", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-video-games-device_23-2151005852.jpg", imageAlt: "vintage phone accessory"},
|
||||
]}
|
||||
title="Bestsellers"
|
||||
description="Discover our most popular virtual accessories."
|
||||
@@ -219,29 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2K+",
|
||||
title: "Active Members",
|
||||
description: "Growing community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",
|
||||
imageAlt: "growth dashboard digital",
|
||||
},
|
||||
id: "m1", value: "1.2K+", title: "Active Members", description: "Growing community.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg", imageAlt: "growth dashboard digital"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Items Created",
|
||||
description: "Constant innovation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-headphones-communicate-with-teammates-while-gaming_482257-121711.jpg",
|
||||
imageAlt: "user engagement data",
|
||||
},
|
||||
id: "m2", value: "500+", title: "Items Created", description: "Constant innovation.", imageSrc: "http://img.b2bpic.net/free-photo/man-using-headphones-communicate-with-teammates-while-gaming_482257-121711.jpg", imageAlt: "user engagement data"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "Customer approved.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-playing-vr-with-winner-cup-dark-wall_179666-39797.jpg",
|
||||
imageAlt: "item launch success",
|
||||
},
|
||||
id: "m3", value: "99%", title: "Satisfaction", description: "Customer approved.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-playing-vr-with-winner-cup-dark-wall_179666-39797.jpg", imageAlt: "item launch success"},
|
||||
]}
|
||||
title="Community Growth"
|
||||
description="Our numbers reflect our dedication."
|
||||
@@ -253,14 +162,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"D2Kbrands",
|
||||
"Roblox Creator Hub",
|
||||
"UGC Collective",
|
||||
"MetaVerse Design",
|
||||
"Pixel Art Co",
|
||||
"Game Asset Studio",
|
||||
"Future Fashion",
|
||||
]}
|
||||
"D2Kbrands", "Roblox Creator Hub", "UGC Collective", "MetaVerse Design", "Pixel Art Co", "Game Asset Studio", "Future Fashion"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with industry creators."
|
||||
/>
|
||||
@@ -272,50 +174,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing Items",
|
||||
quote: "The quality is unmatched.",
|
||||
name: "Sarah J.",
|
||||
role: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-man-laughing-playing-video-games-weekend_231208-8871.jpg",
|
||||
imageAlt: "gamer portrait happy",
|
||||
},
|
||||
id: "t1", title: "Amazing Items", quote: "The quality is unmatched.", name: "Sarah J.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-man-laughing-playing-video-games-weekend_231208-8871.jpg", imageAlt: "gamer portrait happy"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Best Shop",
|
||||
quote: "Love the trend-driven drops.",
|
||||
name: "Mike D.",
|
||||
role: "Gamer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-person-waving-streets_23-2148576170.jpg",
|
||||
imageAlt: "satisfied customer gamer",
|
||||
},
|
||||
id: "t2", title: "Best Shop", quote: "Love the trend-driven drops.", name: "Mike D.", role: "Gamer", imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-person-waving-streets_23-2148576170.jpg", imageAlt: "satisfied customer gamer"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Professional",
|
||||
quote: "Excellent communication.",
|
||||
name: "Alex K.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wears-headphones-playing-game-teaching-subscribers-esport-skills-close-up_482257-92679.jpg",
|
||||
imageAlt: "game designer professional",
|
||||
},
|
||||
id: "t3", title: "Professional", quote: "Excellent communication.", name: "Alex K.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/man-wears-headphones-playing-game-teaching-subscribers-esport-skills-close-up_482257-92679.jpg", imageAlt: "game designer professional"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Very Happy",
|
||||
quote: "Quick updates every time.",
|
||||
name: "Jordan P.",
|
||||
role: "User",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136822.jpg",
|
||||
imageAlt: "roblox user portrait",
|
||||
},
|
||||
id: "t4", title: "Very Happy", quote: "Quick updates every time.", name: "Jordan P.", role: "User", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136822.jpg", imageAlt: "roblox user portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Unique Styles",
|
||||
quote: "Best accessories on Roblox.",
|
||||
name: "Taylor B.",
|
||||
role: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-blonde-girl-keeping-hand-near-mouth-pointing_141793-114929.jpg",
|
||||
imageAlt: "gaming fashion collector",
|
||||
},
|
||||
id: "t5", title: "Unique Styles", quote: "Best accessories on Roblox.", name: "Taylor B.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-blonde-girl-keeping-hand-near-mouth-pointing_141793-114929.jpg", imageAlt: "gaming fashion collector"},
|
||||
]}
|
||||
title="Community Love"
|
||||
description="What our users are saying."
|
||||
@@ -327,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How to buy?",
|
||||
content: "Click the listing link.",
|
||||
},
|
||||
id: "f1", title: "How to buy?", content: "Click the listing link."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Custom orders?",
|
||||
content: "Check our socials.",
|
||||
},
|
||||
id: "f2", title: "Custom orders?", content: "Check our socials."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is it safe?",
|
||||
content: "Official Roblox catalog.",
|
||||
},
|
||||
id: "f3", title: "Is it safe?", content: "Official Roblox catalog."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -351,8 +209,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Stay Updated"
|
||||
title="Join the Drop List"
|
||||
description="Never miss out on new accessory drops."
|
||||
@@ -365,29 +222,19 @@ export default function LandingPage() {
|
||||
logoText="D2K Brands"
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Jobs",
|
||||
href: "#",
|
||||
},
|
||||
label: "Jobs", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
title: "Help", items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user