Update src/app/page.tsx
This commit is contained in:
210
src/app/page.tsx
210
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GTA VI HQ"
|
||||
/>
|
||||
@@ -54,101 +46,56 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Welcome to the Vice City Revolution"
|
||||
description="Secure your place in the most anticipated gaming experience of the decade. Pre-order and gain exclusive early access."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@gamer_x",
|
||||
testimonial: "The visuals are absolutely stunning, totally redefined what I expect from an open world game.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-basketball-match_23-2150847414.jpg",
|
||||
},
|
||||
name: "Alex R.", handle: "@gamer_x", testimonial: "The visuals are absolutely stunning, totally redefined what I expect from an open world game.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-basketball-match_23-2150847414.jpg"},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@s_chen",
|
||||
testimonial: "Finally, the detail and gameplay I have been waiting for. Cannot wait for release day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-young-lady-colorful-coat-orange-t-shirt-with-black-earphones-posing-black-background-dance-modern-fashion_140725-16071.jpg",
|
||||
},
|
||||
name: "Sarah Chen", handle: "@s_chen", testimonial: "Finally, the detail and gameplay I have been waiting for. Cannot wait for release day.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-young-lady-colorful-coat-orange-t-shirt-with-black-earphones-posing-black-background-dance-modern-fashion_140725-16071.jpg"},
|
||||
{
|
||||
name: "Mike J.",
|
||||
handle: "@j_mike",
|
||||
testimonial: "Game of the century. Pre-ordered and ready to dominate the streets.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25918.jpg",
|
||||
},
|
||||
name: "Mike J.", handle: "@j_mike", testimonial: "Game of the century. Pre-ordered and ready to dominate the streets.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25918.jpg"},
|
||||
{
|
||||
name: "Chloe V.",
|
||||
handle: "@c_vamp",
|
||||
testimonial: "The atmosphere and world building are just next level. Best purchase I've made this year.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-controller_23-2149005235.jpg",
|
||||
},
|
||||
name: "Chloe V.", handle: "@c_vamp", testimonial: "The atmosphere and world building are just next level. Best purchase I've made this year.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-controller_23-2149005235.jpg"},
|
||||
{
|
||||
name: "Devin B.",
|
||||
handle: "@b_dev",
|
||||
testimonial: "Everything about this launch feels monumental. Excited is an understatement.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athlete-with-arms-crossed_23-2147644391.jpg",
|
||||
},
|
||||
name: "Devin B.", handle: "@b_dev", testimonial: "Everything about this launch feels monumental. Excited is an understatement.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athlete-with-arms-crossed_23-2147644391.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Access Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Get Access Now", href: "#products"},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Features", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153692.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg",
|
||||
alt: "Gamer avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg", alt: "Gamer avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-african-american-street-basketball-player-camouflage-jacket-isolated-dark-background_613910-19521.jpg",
|
||||
alt: "Gamer avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-african-american-street-basketball-player-camouflage-jacket-isolated-dark-background_613910-19521.jpg", alt: "Gamer avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-male-soccer-player-ready-match_23-2150887388.jpg",
|
||||
alt: "Gamer avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-male-soccer-player-ready-match_23-2150887388.jpg", alt: "Gamer avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-with-facial-hair_181624-21795.jpg",
|
||||
alt: "Gamer avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-with-facial-hair_181624-21795.jpg", alt: "Gamer avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg",
|
||||
alt: "Gamer avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg", alt: "Gamer avatar 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "PRE-ORDER NOW",
|
||||
},
|
||||
type: "text", text: "PRE-ORDER NOW"},
|
||||
{
|
||||
type: "text",
|
||||
text: "VICE CITY 2024",
|
||||
},
|
||||
type: "text", text: "VICE CITY 2024"},
|
||||
{
|
||||
type: "text",
|
||||
text: "ELITE ACCESS",
|
||||
},
|
||||
type: "text", text: "ELITE ACCESS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "LIMITED EDITION",
|
||||
},
|
||||
type: "text", text: "LIMITED EDITION"},
|
||||
{
|
||||
type: "text",
|
||||
text: "NEXT-GEN GAMING",
|
||||
},
|
||||
type: "text", text: "NEXT-GEN GAMING"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,41 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Physical Steelbook",
|
||||
price: "$99.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-arrangement_23-2149854290.jpg",
|
||||
},
|
||||
id: "1", name: "Physical Steelbook", price: "$99.99", imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-arrangement_23-2149854290.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Early Access Pass",
|
||||
price: "$49.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-cards-template-design_1043-359.jpg",
|
||||
},
|
||||
id: "2", name: "Early Access Pass", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-vector/business-cards-template-design_1043-359.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Virtual Cash Bundle",
|
||||
price: "$79.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/twisted-dollar-bills-black-background-finance-concept-background_169016-60003.jpg",
|
||||
},
|
||||
id: "3", name: "Virtual Cash Bundle", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/twisted-dollar-bills-black-background-finance-concept-background_169016-60003.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Collector Figurine",
|
||||
price: "$149.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172444.jpg",
|
||||
},
|
||||
id: "4", name: "Collector Figurine", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172444.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Custom Controller",
|
||||
price: "$199.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746614.jpg",
|
||||
},
|
||||
id: "5", name: "Custom Controller", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746614.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Digital Artbook",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-vibrant-neon-cactus-desert_23-2151244883.jpg",
|
||||
},
|
||||
id: "6", name: "Digital Artbook", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-vibrant-neon-cactus-desert_23-2151244883.jpg"},
|
||||
]}
|
||||
title="Exclusive Editions & Bundles"
|
||||
description="Unlock more with our curated limited release packages and digital enhancements."
|
||||
@@ -204,25 +127,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Next-Gen Pursuits",
|
||||
description: "Engage in highly realistic police chases with advanced AI and dynamic city environments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674228.jpg",
|
||||
},
|
||||
title: "Next-Gen Pursuits", description: "Engage in highly realistic police chases with advanced AI and dynamic city environments.", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674228.jpg"},
|
||||
{
|
||||
title: "Living World",
|
||||
description: "Explore an expansive and interactive Vice City where every street corner tells a unique story.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-urban-scenery_23-2150712470.jpg",
|
||||
},
|
||||
title: "Living World", description: "Explore an expansive and interactive Vice City where every street corner tells a unique story.", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-urban-scenery_23-2150712470.jpg"},
|
||||
{
|
||||
title: "Smart Ecosystem",
|
||||
description: "Utilize an integrated mobile platform for seamless mission tracking, customization, and social interaction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-finance-digital-market-graph-user-interface-with-diagram-technology-hud-graphic-concept_90220-1365.jpg",
|
||||
},
|
||||
title: "Smart Ecosystem", description: "Utilize an integrated mobile platform for seamless mission tracking, customization, and social interaction.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-finance-digital-market-graph-user-interface-with-diagram-technology-hud-graphic-concept_90220-1365.jpg"},
|
||||
]}
|
||||
title="Unmatched Next-Gen Experience"
|
||||
description="Discover the revolutionary mechanics and immersive environments of GTA 6."
|
||||
@@ -238,23 +153,14 @@ export default function LandingPage() {
|
||||
description="Join millions of players preparing to step into the future of open-world gaming."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Pre-orders",
|
||||
value: "2M+",
|
||||
},
|
||||
id: "1", icon: Users,
|
||||
title: "Pre-orders", value: "2M+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: MapPin,
|
||||
title: "Map Size",
|
||||
value: "3x",
|
||||
},
|
||||
id: "2", icon: MapPin,
|
||||
title: "Map Size", value: "3x"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Database,
|
||||
title: "Launch Date",
|
||||
value: "2025",
|
||||
},
|
||||
id: "3", icon: Database,
|
||||
title: "Launch Date", value: "2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -266,15 +172,9 @@ export default function LandingPage() {
|
||||
description="Join the mailing list for pre-release updates and exclusive bonus rewards."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-running-night-city-streets_23-2149285659.jpg"
|
||||
/>
|
||||
@@ -286,29 +186,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user