{"id":15,"date":"2025-06-19T16:37:15","date_gmt":"2025-06-19T16:37:15","guid":{"rendered":"https:\/\/fleets2share.com\/?page_id=15"},"modified":"2025-06-27T14:46:11","modified_gmt":"2025-06-27T14:46:11","slug":"home","status":"publish","type":"page","link":"https:\/\/www.fleets2share.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n Fleet2Share<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Header *\/\n header {\n background: #f8f9fa;\n padding: 15px 0;\n border-bottom: 1px solid #e0e0e0;\n }\n\n .header-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n display: flex;\n align-items: center;\n font-size: 24px;\n font-weight: bold;\n color: #FF6B35;\n }\n\n .logo::before {\n content: \"\u26a1\";\n margin-right: 8px;\n color: #FF6B35;\n }\n\n nav ul {\n display: flex;\n list-style: none;\n gap: 30px;\n }\n\n nav a {\n text-decoration: none;\n color: #333;\n font-weight: 500;\n font-size: 16px;\n }\n\n .auth-buttons {\n display: flex;\n gap: 10px;\n }\n\n .btn {\n padding: 10px 20px;\n border-radius: 25px;\n text-decoration: none;\n font-weight: 600;\n font-size: 14px;\n border: none;\n cursor: pointer;\n }\n\n .btn-signin {\n background: #FF6B35;\n color: white;\n }\n\n .btn-login {\n background: #6c757d;\n color: white;\n }\n\n \/* Hero Section *\/\n .hero {\n background: linear-gradient(to bottom, #f8f9fa 0%, #ffffff 100%);\n padding: 80px 0;\n text-align: center;\n }\n\n .hero-title {\n font-size: 4rem;\n font-weight: 700;\n margin-bottom: 20px;\n line-height: 1.1;\n }\n\n .hero-title .blue {\n color: #2C5AA0;\n }\n\n .hero-title .orange {\n color: #FF6B35;\n }\n\n .hero-subtitle {\n font-size: 18px;\n color: #666;\n max-width: 800px;\n margin: 0 auto 60px;\n line-height: 1.6;\n }\n\n .truck-container {\n display: flex;\n justify-content: center;\n margin-top: 40px;\n }\n\n .truck-image {\n width: 500px;\n height: 300px;\n background-image: url('data:image\/svg+xml;charset=UTF-8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 300\"><defs><linearGradient id=\"cabGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\"><stop offset=\"0%\" style=\"stop-color:%232856a0;stop-opacity:1\" \/><stop offset=\"50%\" style=\"stop-color:%233a6bb8;stop-opacity:1\" \/><stop offset=\"100%\" style=\"stop-color:%234a7bc8;stop-opacity:1\" \/><\/linearGradient><linearGradient id=\"trailerGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\"><stop offset=\"0%\" style=\"stop-color:%234a7bc8;stop-opacity:1\" \/><stop offset=\"100%\" style=\"stop-color:%235a8bd8;stop-opacity:1\" \/><\/linearGradient><linearGradient id=\"shadow\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\"><stop offset=\"70%\" style=\"stop-color:rgba(0,0,0,0);stop-opacity:0\" \/><stop offset=\"100%\" style=\"stop-color:rgba(0,0,0,0.3);stop-opacity:1\" \/><\/linearGradient><\/defs><ellipse cx=\"250\" cy=\"280\" rx=\"200\" ry=\"15\" fill=\"url(%23shadow)\"\/><g transform=\"translate(20,50)\"><rect x=\"0\" y=\"80\" width=\"140\" height=\"90\" fill=\"url(%23cabGrad)\" rx=\"8\"\/><rect x=\"140\" y=\"60\" width=\"220\" height=\"110\" fill=\"url(%23trailerGrad)\" rx=\"10\"\/><rect x=\"10\" y=\"90\" width=\"20\" height=\"15\" fill=\"%2387ceeb\" rx=\"2\"\/><rect x=\"35\" y=\"90\" width=\"20\" height=\"15\" fill=\"%2387ceeb\" rx=\"2\"\/><rect x=\"60\" y=\"90\" width=\"20\" height=\"15\" fill=\"%2387ceeb\" rx=\"2\"\/><rect x=\"85\" y=\"90\" width=\"20\" height=\"15\" fill=\"%2387ceeb\" rx=\"2\"\/><rect x=\"110\" y=\"90\" width=\"20\" height=\"15\" fill=\"%2387ceeb\" rx=\"2\"\/><rect x=\"150\" y=\"75\" width=\"25\" height=\"18\" fill=\"%2387ceeb\" rx=\"2\"\/><rect x=\"180\" y=\"75\" width=\"25\" height=\"18\" fill=\"%2387ceeb\" rx=\"2\"\/><rect x=\"210\" y=\"75\" width=\"25\" height=\"18\" fill=\"%2387ceeb\" rx=\"2\"\/><rect x=\"240\" y=\"75\" width=\"25\" height=\"18\" fill=\"%2387ceeb\" rx=\"2\"\/><rect x=\"270\" y=\"75\" width=\"25\" height=\"18\" fill=\"%2387ceeb\" rx=\"2\"\/><rect x=\"300\" y=\"75\" width=\"25\" height=\"18\" fill=\"%2387ceeb\" rx=\"2\"\/><rect x=\"330\" y=\"75\" width=\"25\" height=\"18\" fill=\"%2387ceeb\" rx=\"2\"\/><circle cx=\"50\" cy=\"190\" r=\"20\" fill=\"%23333\"\/><circle cx=\"50\" cy=\"190\" r=\"12\" fill=\"%23666\"\/><circle cx=\"110\" cy=\"190\" r=\"20\" fill=\"%23333\"\/><circle cx=\"110\" cy=\"190\" r=\"12\" fill=\"%23666\"\/><circle cx=\"280\" cy=\"190\" r=\"20\" fill=\"%23333\"\/><circle cx=\"280\" cy=\"190\" r=\"12\" fill=\"%23666\"\/><circle cx=\"330\" cy=\"190\" r=\"20\" fill=\"%23333\"\/><circle cx=\"330\" cy=\"190\" r=\"12\" fill=\"%23666\"\/><rect x=\"0\" y=\"110\" width=\"8\" height=\"40\" fill=\"%23c0c0c0\" rx=\"4\"\/><rect x=\"132\" y=\"110\" width=\"8\" height=\"40\" fill=\"%23c0c0c0\" rx=\"4\"\/><rect x=\"15\" y=\"120\" width=\"50\" height=\"8\" fill=\"%23c0c0c0\" rx=\"4\"\/><rect x=\"75\" y=\"120\" width=\"50\" height=\"8\" fill=\"%23c0c0c0\" rx=\"4\"\/><rect x=\"155\" y=\"105\" width=\"60\" height=\"8\" fill=\"%23c0c0c0\" rx=\"4\"\/><rect x=\"225\" y=\"105\" width=\"60\" height=\"8\" fill=\"%23c0c0c0\" rx=\"4\"\/><rect x=\"295\" y=\"105\" width=\"50\" height=\"8\" fill=\"%23c0c0c0\" rx=\"4\"\/><polygon points=\"0,80 15,70 25,70 25,80\" fill=\"%23ff6b35\"\/><rect x=\"25\" y=\"70\" width=\"8\" height=\"10\" fill=\"%23ff6b35\"\/><\/g><\/svg>');\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n filter: drop-shadow(0 20px 40px rgba(0,0,0,0.2));\n }\n\n \/* Key Features Section *\/\n .key-features {\n padding: 80px 0;\n background: #e9ecef;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 60px;\n }\n\n .section-icon {\n font-size: 40px;\n color: #2C5AA0;\n margin-bottom: 20px;\n }\n\n .section-title {\n font-size: 2.5rem;\n color: #2C5AA0;\n font-weight: 600;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .feature-item {\n text-align: center;\n background: white;\n padding: 40px 20px;\n border-radius: 15px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n\n .feature-icon {\n font-size: 3rem;\n color: #FF6B35;\n margin-bottom: 20px;\n display: block;\n }\n\n .feature-title {\n font-size: 1.1rem;\n color: #FF6B35;\n font-weight: 600;\n margin-bottom: 15px;\n }\n\n .feature-description {\n font-size: 14px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* Web App Features *\/\n .web-features {\n padding: 80px 0;\n background: white;\n }\n\n .web-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n\n .web-text h2 {\n font-size: 2.2rem;\n color: #2C5AA0;\n margin-bottom: 25px;\n font-weight: 600;\n }\n\n .web-text p {\n color: #666;\n margin-bottom: 30px;\n font-size: 16px;\n }\n\n .feature-list {\n list-style: none;\n }\n\n .feature-list li {\n margin-bottom: 15px;\n font-size: 15px;\n line-height: 1.5;\n }\n\n .feature-list li::before {\n content: \"\u25cf\";\n color: #FF6B35;\n margin-right: 10px;\n }\n\n .feature-list strong {\n color: #FF6B35;\n }\n\n .web-mockup {\n background: #f8f9fa;\n border-radius: 15px;\n padding: 20px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n }\n\n .mockup-screen {\n background: linear-gradient(135deg, #4a90e2 0%, #2c5aa0 100%);\n height: 250px;\n border-radius: 10px;\n position: relative;\n overflow: hidden;\n }\n\n .map-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 400 250\"><path d=\"M0,50 Q100,30 200,50 T400,50\" stroke=\"%23ffffff\" stroke-width=\"2\" fill=\"none\" opacity=\"0.3\"\/><path d=\"M0,100 Q150,80 300,100 T400,100\" stroke=\"%23ffffff\" stroke-width=\"2\" fill=\"none\" opacity=\"0.3\"\/><path d=\"M0,150 Q200,130 400,150\" stroke=\"%23ffffff\" stroke-width=\"2\" fill=\"none\" opacity=\"0.3\"\/><circle cx=\"80\" cy=\"60\" r=\"6\" fill=\"%23FF6B35\"\/><circle cx=\"180\" cy=\"80\" r=\"6\" fill=\"%23FF6B35\"\/><circle cx=\"280\" cy=\"100\" r=\"6\" fill=\"%23FF6B35\"\/><circle cx=\"150\" cy=\"140\" r=\"6\" fill=\"%2328a745\"\/><\/svg>') no-repeat center;\n background-size: cover;\n }\n\n \/* Mobile Features *\/\n .mobile-features {\n padding: 80px 0;\n background: #f8f9fa;\n }\n\n .mobile-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n\n .phones-display {\n display: flex;\n justify-content: center;\n gap: 20px;\n }\n\n .phone-mockup {\n width: 160px;\n height: 320px;\n background: #FF6B35;\n border-radius: 25px;\n padding: 15px;\n box-shadow: 0 15px 30px rgba(255,107,53,0.3);\n position: relative;\n }\n\n .phone-mockup:nth-child(2) {\n transform: translateY(30px);\n }\n\n .phone-screen {\n background: white;\n height: 100%;\n border-radius: 15px;\n padding: 15px 10px;\n display: flex;\n flex-direction: column;\n }\n\n .phone-header {\n background: #FF6B35;\n color: white;\n padding: 8px;\n border-radius: 8px;\n text-align: center;\n font-size: 12px;\n font-weight: 600;\n margin-bottom: 10px;\n }\n\n .phone-map {\n flex: 1;\n background: linear-gradient(135deg, #4a90e2, #2c5aa0);\n border-radius: 10px;\n margin-bottom: 10px;\n position: relative;\n }\n\n .phone-controls {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 5px;\n }\n\n .phone-btn {\n background: #FF6B35;\n color: white;\n border: none;\n padding: 8px;\n border-radius: 6px;\n font-size: 10px;\n font-weight: 600;\n }\n\n .mobile-text h2 {\n font-size: 2.2rem;\n color: #2C5AA0;\n margin-bottom: 25px;\n font-weight: 600;\n }\n\n .mobile-text p {\n color: #666;\n margin-bottom: 30px;\n font-size: 16px;\n }\n\n \/* Footer *\/\n .footer {\n background: #FF6B35;\n color: white;\n padding: 60px 0 30px;\n }\n\n .footer-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n }\n\n .footer-section h3 {\n font-size: 1.5rem;\n margin-bottom: 20px;\n font-weight: 600;\n }\n\n .footer-section p {\n margin-bottom: 25px;\n opacity: 0.9;\n line-height: 1.6;\n }\n\n .newsletter-form {\n display: flex;\n gap: 10px;\n }\n\n .newsletter-input {\n flex: 1;\n padding: 12px 15px;\n border: none;\n border-radius: 5px;\n font-size: 14px;\n }\n\n .newsletter-btn {\n background: #2C5AA0;\n color: white;\n border: none;\n padding: 12px 20px;\n border-radius: 5px;\n font-weight: 600;\n cursor: pointer;\n }\n\n .contact-info {\n list-style: none;\n }\n\n .contact-info li {\n margin-bottom: 12px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .contact-info i {\n width: 18px;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .header-content {\n flex-direction: column;\n gap: 20px;\n }\n\n nav ul {\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .hero-title {\n font-size: 2.5rem;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n }\n\n .web-content,\n .mobile-content {\n grid-template-columns: 1fr;\n }\n\n .footer-content {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Header -->\n <header>\n <div class=\"container\">\n <div class=\"header-content\">\n <div class=\"logo\">Fleet2Share<\/div>\n <nav>\n <ul>\n <li><a href=\"#\">Home<\/a><\/li>\n <li><a href=\"#\">About<\/a><\/li>\n <li><a href=\"#\">Products & Services<\/a><\/li>\n <li><a href=\"#\">Company<\/a><\/li>\n <\/ul>\n <\/nav>\n <div class=\"auth-buttons\">\n <a href=\"#\" class=\"btn btn-signin\">Sign In<\/a>\n <a href=\"#\" class=\"btn btn-login\">Log In<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- Hero Section -->\n <section class=\"hero\">\n <div class=\"container\">\n <h1 class=\"hero-title\">\n <span class=\"blue\">Smarter Truck<\/span><br>\n <span class=\"orange\">Dispatching<\/span> <span class=\"blue\">&<\/span> <span class=\"orange\">Vehicle Sharing<\/span>\n <\/h1>\n <p class=\"hero-subtitle\">\n Fleet2Share is a powerful, all-in-one mobile and web platform designed to simplify and optimize vehicle and cargo sharing for communities, logistics teams, and third-party companies.\n <\/p>\n <div class=\"truck-container\">\n <div class=\"truck-image\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Key Features -->\n <section class=\"key-features\">\n <div class=\"container\">\n <div class=\"section-header\">\n <div class=\"section-icon\">\ud83c\udf10<\/div>\n <h2 class=\"section-title\">Key Features<\/h2>\n <\/div>\n \n <div class=\"features-grid\">\n <div class=\"feature-item\">\n <i class=\"fas fa-truck feature-icon\"><\/i>\n <h3 class=\"feature-title\">Vehicle & Community Sharing<\/h3>\n <p class=\"feature-description\">Easily share your own vehicles or access shared vehicles within your network. Reduce idle time, maximize fleet utilization, and build a collaborative logistics ecosystem.<\/p>\n <\/div>\n\n <div class=\"feature-item\">\n <i class=\"fas fa-boxes feature-icon\"><\/i>\n <h3 class=\"feature-title\">Load Management<\/h3>\n <p class=\"feature-description\">Organize, assign, and track cargo loads across your fleet. Ensure timely deliveries with structured load creation and distribution tools.<\/p>\n <\/div>\n\n <div class=\"feature-item\">\n <i class=\"fas fa-users feature-icon\"><\/i>\n <h3 class=\"feature-title\">Role-Based Access Control<\/h3>\n <p class=\"feature-description\">Support for two main roles: Dispatchers can manage fleet activity, and vehicle and load management. Drivers can focus on focused access for safe and efficient operations.<\/p>\n <\/div>\n\n <div class=\"feature-item\">\n <i class=\"fas fa-tasks feature-icon\"><\/i>\n <h3 class=\"feature-title\">Task Assignment & Tracking<\/h3>\n <p class=\"feature-description\">Dispatchers can assign loads, set schedules, manage trips, and track real-time status updates for complete operational visibility.<\/p>\n <\/div>\n\n <div class=\"feature-item\">\n <i class=\"fas fa-shield-alt feature-icon\"><\/i>\n <h3 class=\"feature-title\">Secure & Organized Operations<\/h3>\n <p class=\"feature-description\">Driver access is streamlined to reduce errors and maximize focus, while all data is securely managed to protect your operations.<\/p>\n <\/div>\n\n <div class=\"feature-item\">\n <i class=\"fas fa-share-nodes feature-icon\"><\/i>\n <h3 class=\"feature-title\">Collaborative Fleet Use<\/h3>\n <p class=\"feature-description\">Built for communities and teams who want to share resources, follow vehicle activity, and reduce operational costs through intelligent asset sharing.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Web App Features -->\n <section class=\"web-features\">\n <div class=\"container\">\n <div class=\"web-content\">\n <div class=\"web-text\">\n <h2>Web App Features, Dispatcher<\/h2>\n <p>Dispatchers get access to a comprehensive control center, including:<\/p>\n \n <ul class=\"feature-list\">\n <li><strong>My Vehicles:<\/strong> Manage owned and shared vehicles, and track destinations.<\/li>\n <li><strong>Community Sharing:<\/strong> View and interact with shared vehicles.<\/li>\n <li><strong>Load Management:<\/strong> Create, publish, and track loads.<\/li>\n <li><strong>Requests & Approvals:<\/strong> View incoming usage requests from other companies.<\/li>\n <li><strong>Member Directory:<\/strong> Manage connected companies, including blocking\/unblocking.<\/li>\n <li><strong>Insights:<\/strong> Monitor followed vehicles and shared resources for performance optimization.<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"web-mockup\">\n <div class=\"mockup-screen\">\n <div class=\"map-overlay\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Mobile Features -->\n <section class=\"mobile-features\">\n <div class=\"container\">\n <div class=\"mobile-content\">\n <div class=\"phones-display\">\n <div class=\"phone-mockup\">\n <div class=\"phone-screen\">\n <div class=\"phone-header\">Fleet2Share<\/div>\n <div class=\"phone-map\"><\/div>\n <div class=\"phone-controls\">\n <button class=\"phone-btn\">Available<\/button>\n <button class=\"phone-btn\">Loading<\/button>\n <button class=\"phone-btn\">Transit<\/button>\n <button class=\"phone-btn\">Deliver<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"phone-mockup\">\n <div class=\"phone-screen\">\n <div class=\"phone-header\">Live Track<\/div>\n <div class=\"phone-map\"><\/div>\n <div class=\"phone-controls\">\n <button class=\"phone-btn\">Location<\/button>\n <button class=\"phone-btn\">Route<\/button>\n <button class=\"phone-btn\">Update<\/button>\n <button class=\"phone-btn\">Switch<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"mobile-text\">\n <h2>Mobile App Features, Driver Experience<\/h2>\n <p>Drivers have a dedicated mobile experience that includes:<\/p>\n \n <ul class=\"feature-list\">\n <li><strong>Vehicle Selection:<\/strong> Choose from assigned or shared vehicles.<\/li>\n <li><strong>Live Location Tracking:<\/strong> View real-time location on the map.<\/li>\n <li><strong>Status Updates:<\/strong> Easily update delivery or trip status (Available, Loading, etc.)<\/li>\n <li><strong>Cargo Capacity Trend:<\/strong> Specify remaining available space in kg.<\/li>\n <li><strong>Destination Planning:<\/strong> Add or update delivery destinations on the go.<\/li>\n <li><strong>Vehicle Switching:<\/strong> Seamlessly switch to another assigned vehicle if needed.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-content\">\n <div class=\"footer-section\">\n <h3>Sign up to our newsletter<\/h3>\n <p>Stay updated with Fleet2Share insights and updates for optimizing your logistics.<\/p>\n <form class=\"newsletter-form\">\n <input type=\"email\" class=\"newsletter-input\" placeholder=\"Email address\" required>\n <button type=\"submit\" class=\"newsletter-btn\">Submit<\/button>\n <\/form>\n <\/div>\n \n <div class=\"footer-section\">\n <h3>Contact Us<\/h3>\n <ul class=\"contact-info\">\n <li><i class=\"fas fa-phone\"><\/i> +90 535 558 65<\/li>\n <li><i class=\"fas fa-phone\"><\/i> +90 534 56 68<\/li>\n <li><i class=\"fas fa-envelope\"><\/i> support@fleet2share.com<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Newsletter form handling\n document.querySelector('.newsletter-form').addEventListener('submit', function(e) {\n e.preventDefault();\n const email = this.querySelector('.newsletter-input').value;\n if (email) {\n alert('Thank you for subscribing!');\n this.reset();\n }\n });\n\n \/\/ Smooth scrolling\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth'\n });\n }\n });\n });\n\n \/\/ Feature item hover effects\n document.querySelectorAll('.feature-item').forEach(item => {\n item.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-10px)';\n this.style.boxShadow = '0 15px 30px rgba(0,0,0,0.15)';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n this.style.boxShadow = '0 5px 15px rgba(0,0,0,0.1)';\n });\n });\n\n \/\/ Phone button interactions\n document.querySelectorAll('.phone-btn').forEach(btn => {\n btn.addEventListener('click', function() {\n \/\/ Reset all buttons in the same phone\n this.parentNode.querySelectorAll('.phone-btn').forEach(b => {\n b.style.background = '#FF6B35';\n });\n \/\/ Highlight clicked button\n this.style.background = '#28a745';\n \n \/\/ Reset after 2 seconds\n setTimeout(() => {\n this.style.background = '#FF6B35';\n }, 2000);\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fleet2Share Fleet2Share Home About Products & Services Company Sign In Log In Smarter Truck Dispatching & Vehicle Sharing Fleet2Share is…<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry","no-thumb"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.fleets2share.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fleets2share.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fleets2share.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fleets2share.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fleets2share.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":15,"href":"https:\/\/www.fleets2share.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/www.fleets2share.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/86"}],"wp:attachment":[{"href":"https:\/\/www.fleets2share.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}