Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 29730e1008 | |||
| 621f1f0ac5 | |||
| b062051a00 | |||
| 74e91fe490 |
160
src/app/page.tsx
160
src/app/page.tsx
@@ -33,14 +33,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Method", id: "#method" },
|
||||||
name: "Method", id: "#method"},
|
{ name: "Steps", id: "#steps" },
|
||||||
{
|
{ name: "Stats", id: "#stats" },
|
||||||
name: "Steps", id: "#steps"},
|
{ name: "Support", id: "#faq" },
|
||||||
{
|
|
||||||
name: "Stats", id: "#stats"},
|
|
||||||
{
|
|
||||||
name: "Support", id: "#faq"},
|
|
||||||
]}
|
]}
|
||||||
brandName="GTA 3.3 Hub"
|
brandName="GTA 3.3 Hub"
|
||||||
/>
|
/>
|
||||||
@@ -48,13 +44,11 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogo
|
<HeroLogo
|
||||||
logoText="GTA 3.3"
|
logoText="GTA 3.3 Method"
|
||||||
description="The definitive strategic method for optimizing your GTA income. Master the flow, maximize the gains."
|
description="The definitive guide to performing the 3.3 bug in GTA 5 Online. Maximize your efficiency and secure your assets with this proven strategy."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "See Steps", href: "#steps" },
|
||||||
text: "Get Started", href: "#steps"},
|
{ text: "Learn More", href: "#method" },
|
||||||
{
|
|
||||||
text: "View Stats", href: "#stats"},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/thunderstorm-city-nighttime_23-2151750454.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/thunderstorm-city-nighttime_23-2151750454.jpg"
|
||||||
imageAlt="GTA 3.3 Strategy Header"
|
imageAlt="GTA 3.3 Strategy Header"
|
||||||
@@ -64,17 +58,11 @@ export default function LandingPage() {
|
|||||||
<div id="method" data-section="method">
|
<div id="method" data-section="method">
|
||||||
<AboutMetric
|
<AboutMetric
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Method Efficiency"
|
title="Understanding 3.3"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ icon: Zap, label: "Complexity", value: "Low" },
|
||||||
icon: Zap,
|
{ icon: TrendingUp, label: "Profit Gain", value: "High" },
|
||||||
label: "Time Saved", value: "45%"},
|
{ icon: ShieldCheck, label: "Patch Status", value: "Active" },
|
||||||
{
|
|
||||||
icon: TrendingUp,
|
|
||||||
label: "Profit Boost", value: "2.1x"},
|
|
||||||
{
|
|
||||||
icon: ShieldCheck,
|
|
||||||
label: "Safety Rate", value: "99.9%"},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -85,21 +73,13 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Precise Timing", description: "Execute the 3.3 sequence within the required frame window.", buttonIcon: Clock },
|
||||||
title: "Route Optimization", description: "Perfect pathing for maximum efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529412.jpg", buttonIcon: Navigation,
|
{ title: "Route Pathing", description: "Efficient navigation to optimize the glitch trigger points.", buttonIcon: Navigation },
|
||||||
},
|
{ title: "Safety First", description: "Maintain low profiles to prevent account flagging during execution.", buttonIcon: Shield },
|
||||||
{
|
{ title: "Resource Prep", description: "Pre-requisites to ensure the method triggers successfully every time.", buttonIcon: Briefcase },
|
||||||
title: "Resource Management", description: "Keep overheads low and income high.", imageSrc: "http://img.b2bpic.net/free-vector/casino-slots-gameplay-main-screen-gambling-ui-icons-cartoon-elements-buttons-set-design-game-interface-elements-assets-lucky-symbols-mobile-gamble-app-slot-machine-vector_88138-1423.jpg", buttonIcon: Briefcase,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Timing Precision", description: "Executed with frame-perfect timing.", imageSrc: "http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg", buttonIcon: Clock,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Safety Protocols", description: "Ensure your assets stay protected.", imageSrc: "http://img.b2bpic.net/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_335224-162.jpg", buttonIcon: Shield,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Core Strategy Pillars"
|
title="Method Requirements"
|
||||||
description="Optimizing every variable of the 3.3 method to ensure consistent results and peak performance."
|
description="A detailed look at the core components required to successfully perform the 3.3 bug without complications."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -110,15 +90,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "Phase 1", description: "Setting up your spawn and clearing the cache."},
|
||||||
id: "s1", value: "Step 01", description: "Initialize session and secure perimeter."},
|
{ id: "2", value: "Phase 2", description: "Triggering the 3.3 sequence in specific locations."},
|
||||||
{
|
{ id: "3", value: "Phase 3", description: "Execution and extraction of benefits."},
|
||||||
id: "s2", value: "Step 02", description: "Deploy strategic assets per 3.3 specs."},
|
|
||||||
{
|
|
||||||
id: "s3", value: "Step 03", description: "Extract profit and finalize rotation."},
|
|
||||||
]}
|
]}
|
||||||
title="Execution Timeline"
|
title="Step-by-Step Execution"
|
||||||
description="Follow the sequence to master the 3.3 method."
|
description="Follow this precise sequence to successfully perform the 3.3 method."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -129,24 +106,18 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic", badge: "Entry", price: "$0", subtitle: "Community Basic", buttons: [
|
id: "community", badge: "Community", price: "Free", subtitle: "Baseline Strategy",
|
||||||
{
|
buttons: [{ text: "Get Started", href: "#" }],
|
||||||
text: "Access Now", href: "#"},
|
features: ["Public Method Guide", "Community Discussion", "Basic Requirements"]
|
||||||
],
|
|
||||||
features: [
|
|
||||||
"Basic Strategy", "Weekly Updates", "Public Forum"],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "pro", badge: "Pro", price: "$19", subtitle: "Advanced Optimization", buttons: [
|
id: "pro", badge: "Pro Guide", price: "Premium", subtitle: "Advanced Tips",
|
||||||
{
|
buttons: [{ text: "View Pro Guide", href: "#" }],
|
||||||
text: "Get Pro", href: "#"},
|
features: ["Video Walkthrough", "Private Discord Access", "Hotfix Alerts", "Advanced Timing Tools"]
|
||||||
],
|
|
||||||
features: [
|
|
||||||
"All Basic Features", "Private Tools", "1-on-1 Advice", "High-Speed Nodes"],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Performance Packages"
|
title="Method Access"
|
||||||
description="Select the level of optimization you need."
|
description="Choose how you want to learn the 3.3 bug."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -156,25 +127,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Alex", handle: "@gta_pro", testimonial: "The 3.3 method works perfectly when you follow the timing steps exactly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232848.jpg" },
|
||||||
id: "1", name: "Sarah", handle: "@sarah_pro", testimonial: "The 3.3 method completely changed my approach to GTA. Absolutely essential.", rating: 5,
|
{ id: "2", name: "Ben", handle: "@ls_trader", testimonial: "Finally an explanation that doesn't skip the hard parts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-laughing-woman-playing-videogame_23-2149350007.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232848.jpg"},
|
|
||||||
{
|
|
||||||
id: "2", name: "Marcus", handle: "@m_gamer", testimonial: "Finally, a strategy that actually works as advertised. Highly recommended.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-laughing-woman-playing-videogame_23-2149350007.jpg"},
|
|
||||||
{
|
|
||||||
id: "3", name: "Elena", handle: "@elena_gta", testimonial: "Clear, concise, and incredibly effective. Simply the best.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-disappointed-after-losing-livestream_482257-115598.jpg"},
|
|
||||||
{
|
|
||||||
id: "4", name: "David", handle: "@d_tech", testimonial: "I reached my goals in half the time thanks to this guide.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-brutal-male-casual-clothes-dark-background_613910-16055.jpg"},
|
|
||||||
{
|
|
||||||
id: "5", name: "James", handle: "@j_streams", testimonial: "Best community resource for serious players.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-looks-positive-wearing-headphones_114579-14803.jpg"},
|
|
||||||
]}
|
]}
|
||||||
showRating={true}
|
showRating={true}
|
||||||
title="Community Voices"
|
title="Success Stories"
|
||||||
description="Hear what the pros say about the 3.3 method."
|
description="Players who mastered the 3.3 method."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -182,10 +140,9 @@ export default function LandingPage() {
|
|||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={["LS Guides", "Gaming Strategy Hub", "Pro GTA Lab", "Efficiency Pros"]}
|
||||||
"OptiGaming", "LosSantosTactics", "ProfitNodes", "StrategyInc", "VelocityLabs", "ApexPro", "GamerUnited"]}
|
title="As Referenced By"
|
||||||
title="Trusted Partners"
|
description="Reliable gaming communities that verified the process."
|
||||||
description="Collaborating with top-tier gaming organizations."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -194,15 +151,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "q1", title: "What is the 3.3 method?", content: "A specific sequence of in-game actions that triggers a known internal state bug for benefit." },
|
||||||
id: "f1", title: "What is the 3.3 method?", content: "A high-efficiency resource management system."},
|
{ id: "q2", title: "Is it patched?", content: "Currently active on all major platforms." },
|
||||||
{
|
{ id: "q3", title: "Is it bannable?", content: "Our methods follow strict stealth protocols to ensure account safety during execution." },
|
||||||
id: "f2", title: "Is it safe?", content: "99.9% success rate within current game patches."},
|
|
||||||
{
|
|
||||||
id: "f3", title: "How do I start?", content: "Simply download the starter pack from the stats page."},
|
|
||||||
]}
|
]}
|
||||||
title="Common Questions"
|
title="FAQ"
|
||||||
description="Quick answers to help you get moving faster."
|
description="Common inquiries regarding the 3.3 bug."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -210,13 +164,11 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Reach Out"
|
title="Need Assistance?"
|
||||||
description="Need specific strategy help? Contact us anytime."
|
description="Contact us if you are having trouble with a specific part of the 3.3 method."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Name" },
|
||||||
name: "name", type: "text", placeholder: "Your Name"},
|
{ name: "email", type: "email", placeholder: "Email" },
|
||||||
{
|
|
||||||
name: "email", type: "email", placeholder: "Your Email"},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/aesthetic-galaxy-black-background_53876-111371.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/aesthetic-galaxy-black-background_53876-111371.jpg"
|
||||||
/>
|
/>
|
||||||
@@ -225,22 +177,8 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Learn", items: [{ label: "3.3 Method", href: "#method" }, { label: "Steps", href: "#steps" }] },
|
||||||
title: "Product", items: [
|
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||||
{
|
|
||||||
label: "Method", href: "#method"},
|
|
||||||
{
|
|
||||||
label: "Steps", href: "#steps"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Company", items: [
|
|
||||||
{
|
|
||||||
label: "About", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Careers", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2024 GTA 3.3 Hub"
|
bottomLeftText="© 2024 GTA 3.3 Hub"
|
||||||
bottomRightText="All rights reserved."
|
bottomRightText="All rights reserved."
|
||||||
|
|||||||
Reference in New Issue
Block a user