Merge version_1 into main #1
526
src/app/page.tsx
526
src/app/page.tsx
@@ -29,394 +29,162 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Games",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Rockstar Portals"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Games", id: "products" },
|
||||
{ name: "Support", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Rockstar Portals"
|
||||
button={{ text: "Play Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="ROCKSTAR PORTALS"
|
||||
description="Download and play the most iconic open-world experiences on the planet. Optimized for performance and speed."
|
||||
buttons={[
|
||||
{
|
||||
text: "Download Games",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ninja-digital-art_23-2151234840.jpg",
|
||||
imageAlt: "gaming hero high action dark",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-science-fiction-octagon-mandala-design-with-neon-blue-light_181624-23226.jpg",
|
||||
imageAlt: "gaming hero high action dark",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-medieval-fantasy-landscape_23-2150916322.jpg",
|
||||
imageAlt: "gaming hero high action dark",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153706.jpg",
|
||||
imageAlt: "gaming hero high action dark",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151140179.jpg",
|
||||
imageAlt: "gaming hero high action dark",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-ninja-wearing-equipment_23-2150960960.jpg",
|
||||
imageAlt: "gaming hero high action dark",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="ROCKSTAR PORTALS"
|
||||
description="Download and play the most iconic open-world experiences on the planet. Optimized for performance and speed."
|
||||
buttons={[{ text: "Download Games", href: "#products" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ninja-digital-art_23-2151234840.jpg", imageAlt: "gaming hero high action dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-science-fiction-octagon-mandala-design-with-neon-blue-light_181624-23226.jpg", imageAlt: "gaming hero high action dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-medieval-fantasy-landscape_23-2150916322.jpg", imageAlt: "gaming hero high action dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153706.jpg", imageAlt: "gaming hero high action dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151140179.jpg", imageAlt: "gaming hero high action dark" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-ninja-wearing-equipment_23-2150960960.jpg", imageAlt: "gaming hero high action dark" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Ultra-Fast Downloads",
|
||||
description: "High-bandwidth servers for rapid installation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-mixing-dj-turntables-doing-music-production-tutorial_482257-118694.jpg",
|
||||
imageAlt: "gaming controller glowing green neon",
|
||||
},
|
||||
{
|
||||
title: "Optimized Engines",
|
||||
description: "Custom patches for maximum framerate stability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-cloud_23-2149406772.jpg",
|
||||
imageAlt: "cloud server data center neon green",
|
||||
},
|
||||
{
|
||||
title: "Hardware Sync",
|
||||
description: "Real-time updates for your gaming hardware.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg",
|
||||
imageAlt: "graphics card gamer aesthetic",
|
||||
},
|
||||
]}
|
||||
title="Built for Performance"
|
||||
description="Experience our games with the best optimization and server speeds."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Ultra-Fast Downloads", description: "High-bandwidth servers for rapid installation.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-mixing-dj-turntables-doing-music-production-tutorial_482257-118694.jpg", imageAlt: "gaming controller glowing green neon" },
|
||||
{ title: "Optimized Engines", description: "Custom patches for maximum framerate stability.", imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-cloud_23-2149406772.jpg", imageAlt: "cloud server data center neon green" },
|
||||
{ title: "Hardware Sync", description: "Real-time updates for your gaming hardware.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-blue-light_23-2149417059.jpg", imageAlt: "graphics card gamer aesthetic" },
|
||||
]}
|
||||
title="Built for Performance"
|
||||
description="Experience our games with the best optimization and server speeds."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Open World Adventures",
|
||||
price: "$59.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-group-adventurers_23-2151470679.jpg",
|
||||
imageAlt: "open world game poster dark",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Western Frontiers",
|
||||
price: "$49.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/war-conflict-landscape-with-fighters_23-2149766338.jpg",
|
||||
imageAlt: "western game poster aesthetic",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Racing Legends",
|
||||
price: "$39.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674225.jpg",
|
||||
imageAlt: "racing game motion blur car",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Noir Crime Thrillers",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thunderstorm-city-nighttime_23-2151750421.jpg",
|
||||
imageAlt: "cyberpunk game poster rain",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Retro Pixel Classic",
|
||||
price: "$19.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/8-bit-graphics-pixels-scene-with-person-walking-dog-park_23-2151120973.jpg",
|
||||
imageAlt: "retro arcade game cover art",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Space Exploration",
|
||||
price: "$44.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603094.jpg",
|
||||
imageAlt: "space exploration game poster",
|
||||
},
|
||||
]}
|
||||
title="Masterpiece Collection"
|
||||
description="Browse and download our most popular blockbuster titles."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Open World Adventures", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-group-adventurers_23-2151470679.jpg", imageAlt: "open world game poster dark" },
|
||||
{ id: "p2", name: "Western Frontiers", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/war-conflict-landscape-with-fighters_23-2149766338.jpg", imageAlt: "western game poster aesthetic" },
|
||||
{ id: "p3", name: "Racing Legends", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674225.jpg", imageAlt: "racing game motion blur car" },
|
||||
{ id: "p4", name: "Noir Crime Thrillers", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/thunderstorm-city-nighttime_23-2151750421.jpg", imageAlt: "cyberpunk game poster rain" },
|
||||
{ id: "p5", name: "Retro Pixel Classic", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-photo/8-bit-graphics-pixels-scene-with-person-walking-dog-park_23-2151120973.jpg", imageAlt: "retro arcade game cover art" },
|
||||
{ id: "p6", name: "Space Exploration", price: "$44.99", imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603094.jpg", imageAlt: "space exploration game poster" },
|
||||
]}
|
||||
title="Masterpiece Collection"
|
||||
description="Browse and download our most popular blockbuster titles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10M+",
|
||||
title: "Active Players",
|
||||
description: "Monthly active users.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Downloads",
|
||||
description: "Daily game downloads.",
|
||||
icon: Download,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable download servers.",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Global Gaming Reach"
|
||||
description="Trusted by millions of players worldwide."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "10M+", title: "Active Players", description: "Monthly active users.", icon: Users },
|
||||
{ id: "m2", value: "500+", title: "Downloads", description: "Daily game downloads.", icon: Download },
|
||||
{ id: "m3", value: "99.9%", title: "Uptime", description: "Reliable download servers.", icon: ShieldCheck },
|
||||
]}
|
||||
title="Global Gaming Reach"
|
||||
description="Trusted by millions of players worldwide."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "GameCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg",
|
||||
imageAlt: "gamer portrait dark room headset",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-spotlight_23-2149304646.jpg",
|
||||
imageAlt: "game reviewer portrait studio",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-participating-gaming-competition-all-night_482257-103536.jpg",
|
||||
imageAlt: "tech enthusiast portrait home office",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Lead Dev",
|
||||
company: "StudioXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-battling-enemies-multiplayer-shooter-discussing-with-other-players-through-headphones-mic_482257-77140.jpg",
|
||||
imageAlt: "esports athlete focused portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Smith",
|
||||
role: "Pro Gamer",
|
||||
company: "EliteTeam",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-casual-clothes-wearing-glasses-holding-smartphone-playing-games-looking-disappointed-standing-orange-background_141793-140380.jpg",
|
||||
imageAlt: "gamer portrait dark room headset",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "1M+",
|
||||
label: "Reviews",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
]}
|
||||
title="Player Reviews"
|
||||
description="Hear what our global community has to say about us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "GameCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg", imageAlt: "gamer portrait dark room headset" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-spotlight_23-2149304646.jpg", imageAlt: "game reviewer portrait studio" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Marketing", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-participating-gaming-competition-all-night_482257-103536.jpg", imageAlt: "tech enthusiast portrait home office" },
|
||||
{ id: "4", name: "David Kim", role: "Lead Dev", company: "StudioXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gamer-battling-enemies-multiplayer-shooter-discussing-with-other-players-through-headphones-mic_482257-77140.jpg", imageAlt: "esports athlete focused portrait" },
|
||||
{ id: "5", name: "Alex Smith", role: "Pro Gamer", company: "EliteTeam", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-casual-clothes-wearing-glasses-holding-smartphone-playing-games-looking-disappointed-standing-orange-background_141793-140380.jpg", imageAlt: "gamer portrait dark room headset" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.9/5", label: "Rating" },
|
||||
{ value: "1M+", label: "Reviews" },
|
||||
{ value: "100%", label: "Satisfaction" },
|
||||
]}
|
||||
title="Player Reviews"
|
||||
description="Hear what our global community has to say about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I download?",
|
||||
content: "Just click the download button on any game page.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it safe?",
|
||||
content: "Our files are verified and secure for all users.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "System requirements?",
|
||||
content: "Check the game info page for details.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Need help getting started with your games?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do I download?", content: "Just click the download button on any game page." },
|
||||
{ id: "q2", title: "Is it safe?", content: "Our files are verified and secure for all users." },
|
||||
{ id: "q3", title: "System requirements?", content: "Check the game info page for details." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Need help getting started with your games?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest News"
|
||||
description="Updates on upcoming releases and patches."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "News",
|
||||
title: "New Update 2.0",
|
||||
excerpt: "Performance improvements for open worlds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100341.jpg",
|
||||
imageAlt: "open world game poster dark",
|
||||
authorName: "John Doe",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/joyful-middle-aged-blonde-slavic-woman-holding-mobile-phone-showing-thumb-up-with-closed-eyes-isolated-crimson-wall_141793-79722.jpg",
|
||||
date: "Oct 24",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Community",
|
||||
title: "Tournament Soon",
|
||||
excerpt: "Join our official gaming tournament.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/southwest-landscape-digital-art_23-2151785522.jpg",
|
||||
imageAlt: "western game poster aesthetic",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/pleased-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105239.jpg",
|
||||
date: "Oct 25",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "DevLog",
|
||||
title: "Behind the Scenes",
|
||||
excerpt: "How we build our realistic environments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139132.jpg",
|
||||
imageAlt: "racing game motion blur car",
|
||||
authorName: "Sam Smith",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-working-laptop_23-2150226057.jpg",
|
||||
date: "Oct 26",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest News"
|
||||
description="Updates on upcoming releases and patches."
|
||||
blogs={[
|
||||
{ id: "b1", category: "News", title: "New Update 2.0", excerpt: "Performance improvements for open worlds.", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100341.jpg", imageAlt: "open world game poster dark", authorName: "John Doe", authorAvatar: "http://img.b2bpic.net/free-photo/joyful-middle-aged-blonde-slavic-woman-holding-mobile-phone-showing-thumb-up-with-closed-eyes-isolated-crimson-wall_141793-79722.jpg", date: "Oct 24" },
|
||||
{ id: "b2", category: "Community", title: "Tournament Soon", excerpt: "Join our official gaming tournament.", imageSrc: "http://img.b2bpic.net/free-photo/southwest-landscape-digital-art_23-2151785522.jpg", imageAlt: "western game poster aesthetic", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/pleased-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105239.jpg", date: "Oct 25" },
|
||||
{ id: "b3", category: "DevLog", title: "Behind the Scenes", excerpt: "How we build our realistic environments.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139132.jpg", imageAlt: "racing game motion blur car", authorName: "Sam Smith", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-man-working-laptop_23-2150226057.jpg", date: "Oct 26" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Contact Support"
|
||||
description="Our team is available 24/7 to resolve issues."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your issue",
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg"
|
||||
imageAlt="gaming support contact desk"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Contact Support"
|
||||
description="Our team is available 24/7 to resolve issues."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Describe your issue", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg"
|
||||
imageAlt="gaming support contact desk"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9079.jpg"
|
||||
logoText="Rockstar Portals"
|
||||
columns={[
|
||||
{
|
||||
title: "Games",
|
||||
items: [
|
||||
{
|
||||
label: "Adventures",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Racing",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
imageAlt="abstract dark network background"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9079.jpg"
|
||||
logoText="Rockstar Portals"
|
||||
columns={[
|
||||
{ title: "Games", items: [{ label: "Adventures", href: "#products" }, { label: "Racing", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
imageAlt="abstract dark network background"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user