From b64702a3504dd70825be325d57b3b2aaca7ab838 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 21:05:53 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 38 ++++++++++++++++++-------------------- 1 file changed, 18 insertions(+), 20 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 1c465d6..3c90eb6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -48,19 +48,19 @@ export default function LandingPage() { tag="Next Generation" tagIcon={Zap} tagAnimation="slide-up" - background={{ variant: "circleGradient" }} + background={{ variant: "plain" }} buttons={[ { text: "Launch Your Server", href: "#pricing" }, { text: "Learn More", href: "#features" } ]} buttonAnimation="slide-up" carouselItems={[ - { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/four-displays-presenting-financial-data-stock-market-broker-home_482257-29617.jpg?_wi=1", imageAlt: "Server dashboard interface" }, - { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg?_wi=1", imageAlt: "Uptime monitoring system" }, - { id: "3", imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-banner-template_23-2148945818.jpg?_wi=1", imageAlt: "Security protection features" }, - { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg?_wi=1", imageAlt: "Community management tools" }, - { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/gamer-looking-internet-websites-gaming-guide-mockup-phone_482257-121625.jpg?_wi=1", imageAlt: "24/7 support team" }, - { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/back-shot-streamer-man-playing-powerful-computer-shooter-video-game-tournament-talking-with-multiple-players-into-headphones_482257-559.jpg?_wi=1", imageAlt: "Custom scripting environment" } + { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/four-displays-presenting-financial-data-stock-market-broker-home_482257-29617.jpg", imageAlt: "Server dashboard interface" }, + { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg", imageAlt: "Uptime monitoring system" }, + { id: "3", imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-banner-template_23-2148945818.jpg", imageAlt: "Security protection features" }, + { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg", imageAlt: "Community management tools" }, + { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/gamer-looking-internet-websites-gaming-guide-mockup-phone_482257-121625.jpg", imageAlt: "24/7 support team" }, + { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/back-shot-streamer-man-playing-powerful-computer-shooter-video-game-tournament-talking-with-multiple-players-into-headphones_482257-559.jpg", imageAlt: "Custom scripting environment" } ]} autoPlay={true} autoPlayInterval={4000} @@ -76,7 +76,7 @@ export default function LandingPage() { tagAnimation="slide-up" features={[ { - id: "1", title: "Lightning-Fast Performance", description: "Experience zero-lag gameplay with our optimized infrastructure deployed globally. Phantom uses advanced DDoS protection and load balancing to ensure your server runs smoothly 24/7.", media: { imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg?_wi=2", imageAlt: "Performance monitoring system" }, + id: "1", title: "Lightning-Fast Performance", description: "Experience zero-lag gameplay with our optimized infrastructure deployed globally. Phantom uses advanced DDoS protection and load balancing to ensure your server runs smoothly 24/7.", media: { imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg", imageAlt: "Performance monitoring system" }, items: [ { icon: Zap, text: "99.9% Server Uptime" }, { icon: Gauge, text: "Sub-10ms Response Times" }, @@ -85,7 +85,7 @@ export default function LandingPage() { reverse: false }, { - id: "2", title: "Advanced Security & Protection", description: "Keep your server and player data secure with military-grade encryption, automated backups, and comprehensive security protocols. Phantom protects against unauthorized access and data breaches.", media: { imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-banner-template_23-2148945818.jpg?_wi=2", imageAlt: "Security protection interface" }, + id: "2", title: "Advanced Security & Protection", description: "Keep your server and player data secure with military-grade encryption, automated backups, and comprehensive security protocols. Phantom protects against unauthorized access and data breaches.", media: { imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-banner-template_23-2148945818.jpg", imageAlt: "Security protection interface" }, items: [ { icon: Lock, text: "Military-Grade Encryption" }, { icon: Database, text: "Automated Daily Backups" }, @@ -94,7 +94,7 @@ export default function LandingPage() { reverse: true }, { - id: "3", title: "Complete Server Management", description: "Full control over your FiveM server with an intuitive admin panel. Manage players, scripts, configurations, and resources without technical expertise. Monitor everything in real-time from one dashboard.", media: { imageSrc: "http://img.b2bpic.net/free-photo/four-displays-presenting-financial-data-stock-market-broker-home_482257-29617.jpg?_wi=2", imageAlt: "Server management dashboard" }, + id: "3", title: "Complete Server Management", description: "Full control over your FiveM server with an intuitive admin panel. Manage players, scripts, configurations, and resources without technical expertise. Monitor everything in real-time from one dashboard.", media: { imageSrc: "http://img.b2bpic.net/free-photo/four-displays-presenting-financial-data-stock-market-broker-home_482257-29617.jpg", imageAlt: "Server management dashboard" }, items: [ { icon: Settings, text: "One-Click Configuration" }, { icon: Users, text: "Advanced Player Management" }, @@ -103,7 +103,7 @@ export default function LandingPage() { reverse: false }, { - id: "4", title: "Community Tools & Features", description: "Build stronger communities with integrated social features, player forums, and community management tools. Connect your players and foster engagement across your server ecosystem.", media: { imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg?_wi=2", imageAlt: "Community management tools" }, + id: "4", title: "Community Tools & Features", description: "Build stronger communities with integrated social features, player forums, and community management tools. Connect your players and foster engagement across your server ecosystem.", media: { imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg", imageAlt: "Community management tools" }, items: [ { icon: Users, text: "Player Forums & Chat" }, { icon: Trophy, text: "Leaderboards & Rankings" }, @@ -112,7 +112,7 @@ export default function LandingPage() { reverse: true }, { - id: "5", title: "Expert 24/7 Support", description: "Our dedicated support team is always available to help. Whether you need technical assistance, configuration help, or general guidance, Phantom's experts are here for you.", media: { imageSrc: "http://img.b2bpic.net/free-photo/gamer-looking-internet-websites-gaming-guide-mockup-phone_482257-121625.jpg?_wi=2", imageAlt: "Support team assistance" }, + id: "5", title: "Expert 24/7 Support", description: "Our dedicated support team is always available to help. Whether you need technical assistance, configuration help, or general guidance, Phantom's experts are here for you.", media: { imageSrc: "http://img.b2bpic.net/free-photo/gamer-looking-internet-websites-gaming-guide-mockup-phone_482257-121625.jpg", imageAlt: "Support team assistance" }, items: [ { icon: Headphones, text: "Instant Live Chat Support" }, { icon: MessageSquare, text: "Expert Technical Guidance" }, @@ -121,7 +121,7 @@ export default function LandingPage() { reverse: false }, { - id: "6", title: "Custom Scripting & Mods", description: "Unlock unlimited creativity with support for custom Lua scripts, resources, and modifications. Build unique gameplay experiences with our flexible and powerful server environment.", media: { imageSrc: "http://img.b2bpic.net/free-photo/back-shot-streamer-man-playing-powerful-computer-shooter-video-game-tournament-talking-with-multiple-players-into-headphones_482257-559.jpg?_wi=2", imageAlt: "Custom script development" }, + id: "6", title: "Custom Scripting & Mods", description: "Unlock unlimited creativity with support for custom Lua scripts, resources, and modifications. Build unique gameplay experiences with our flexible and powerful server environment.", media: { imageSrc: "http://img.b2bpic.net/free-photo/back-shot-streamer-man-playing-powerful-computer-shooter-video-game-tournament-talking-with-multiple-players-into-headphones_482257-559.jpg", imageAlt: "Custom script development" }, items: [ { icon: Code, text: "Full Lua Script Support" }, { icon: Layers, text: "Resource Management System" }, @@ -150,6 +150,7 @@ export default function LandingPage() { imageSrc="http://img.b2bpic.net/free-photo/side-view-smiley-people-playing-videogame_23-2149349991.jpg" imageAlt="Phantom team working together" mediaAnimation="slide-up" + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -163,22 +164,19 @@ export default function LandingPage() { tagAnimation="slide-up" plans={[ { - id: "starter", tag: "Starter Plan", price: "$9.99", period: "/month", description: "Perfect for small roleplay communities just getting started.", button: { text: "Get Started", href: "#contact" }, - featuresTitle: "What's Included:", features: [ + id: "starter", tag: "Starter Plan", price: "$9.99", period: "/month", description: "Perfect for small roleplay communities just getting started.", button: { text: "Get Started", href: "#contact" }, featuresTitle: "What's Included:", features: [ "Up to 32 player slots", "1 GB RAM allocation", "Daily automatic backups", "Basic admin panel", "Community support forum", "Email support" ] }, { id: "professional", tag: "Professional Plan", tagIcon: Star, - price: "$24.99", period: "/month", description: "For established servers with growing communities.", button: { text: "Choose Plan", href: "#contact" }, - featuresTitle: "Everything in Starter, plus:", features: [ + price: "$24.99", period: "/month", description: "For established servers with growing communities.", button: { text: "Choose Plan", href: "#contact" }, featuresTitle: "Everything in Starter, plus:", features: [ "Up to 128 player slots", "4 GB RAM allocation", "Hourly automatic backups", "Advanced admin panel with scripting", "Priority support via live chat", "Custom domain support", "Performance monitoring dashboard" ] }, { id: "enterprise", tag: "Enterprise Plan", tagIcon: Crown, - price: "Custom", period: "pricing", description: "Unlimited potential for professional server networks.", button: { text: "Contact Sales", href: "#contact" }, - featuresTitle: "Everything in Professional, plus:", features: [ + price: "Custom", period: "pricing", description: "Unlimited potential for professional server networks.", button: { text: "Contact Sales", href: "#contact" }, featuresTitle: "Everything in Professional, plus:", features: [ "Unlimited player slots", "Dedicated server resources", "Real-time backups", "Custom development support", "Dedicated account manager", "SLA guarantee", "White-label options", "Advanced API access" ] } @@ -290,7 +288,7 @@ export default function LandingPage() { tagAnimation="slide-up" title="Ready to Launch Your Server?" description="Join thousands of thriving FiveM communities on Phantom. Get started today with our simple signup process. Questions? Our support team is here to help." - background={{ variant: "circleGradient" }} + background={{ variant: "plain" }} useInvertedBackground={false} inputPlaceholder="Enter your email address" buttonText="Get Started Now" -- 2.49.1