2 Commits

Author SHA1 Message Date
b062051a00 Update src/app/page.tsx 2026-04-27 22:25:04 +00:00
74e91fe490 Merge version_1 into main
Merge version_1 into main
2026-04-27 22:24:12 +00:00

View File

@@ -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>
@@ -128,25 +105,19 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
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: "As with all exploits, proceed with caution and follow safety protocols provided." },
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."
@@ -249,4 +187,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }