[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_250":251,"_252":253},"routes/_app.x.$handle.$name",{"_97":96,"_32":46,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":59,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":14,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",10,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/index.ts","latestPath","fileId","4506d96e-39f5-11f0-8e65-9e149126039e","name","index.ts","fileType","http","content","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main route - serve the HTML with potential data injection\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // You can inject initial data here if needed\n // const initialData = { /* your data */ };\n // const dataScript = ``;\n // html = html.replace(\"\", `${dataScript}`);\n \n return c.html(html);\n});\n\n// API endpoint for contact form (example)\napp.post(\"/api/contact\", async c => {\n try {\n const body = await c.req.json();\n \n // Here you would typically:\n // 1. Validate the form data\n // 2. Save to database\n // 3. Send email notification\n // 4. Return success response\n \n console.log(\"Contact form submission:\", body);\n \n return c.json({ \n success: true, \n message: \"Thank you for your message! We'll get back to you soon.\" \n });\n } catch (error) {\n console.error(\"Contact form error:\", error);\n return c.json({ \n success: false, \n message: \"There was an error processing your request. Please try again.\" \n }, 500);\n }\n});\n\n// Health check endpoint\napp.get(\"/api/health\", c => {\n return c.json({ \n status: \"healthy\", \n timestamp: new Date().toISOString(),\n service: \"Husnabco Global Resources Website\"\n });\n});\n\n// 404 handler\napp.notFound(c => {\n return c.json({ error: \"Not Found\" }, 404);\n});\n\nexport default app;","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main route - serve the HTML with potential data injection\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // You can inject initial data here if needed\n // const initialData = { /* your data */ };\n // const dataScript = ``;\n // html = html.replace(\"\", `${dataScript}`);\n \n return c.html(html);\n});\n\n// API endpoint for contact form (example)\napp.post(\"/api/contact\", async c => {\n try {\n const body = await c.req.json();\n \n // Here you would typically:\n // 1. Validate the form data\n // 2. Save to database\n // 3. Send email notification\n // 4. Return success response\n \n console.log(\"Contact form submission:\", body);\n \n return c.json({ \n success: true, \n message: \"Thank you for your message! We'll get back to you soon.\" \n });\n } catch (error) {\n console.error(\"Contact form error:\", error);\n return c.json({ \n success: false, \n message: \"There was an error processing your request. Please try again.\" \n }, 500);\n }\n});\n\n// Health check endpoint\napp.get(\"/api/health\", c => {\n return c.json({ \n status: \"healthy\", \n timestamp: new Date().toISOString(),\n service: \"Husnabco Global Resources Website\"\n });\n});\n\n// 404 handler\napp.notFound(c => {\n return c.json({ error: \"Not Found\" }, 404);\n});\n\n// This is the entry point for HTTP vals\nexport default app.fetch;","createdAt",["D",1748238628739],"branchVersion","branchId","212af496-25c6-11f0-8a3a-569c3dd06744","id","212a912c-25c6-11f0-8a3a-569c3dd06744","HGRSustainabilityPlatform",["D",1746019333865],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","758e7f90-24bc-11f0-b428-111925f7ac60","pinnedFileId","212df47a-25c6-11f0-8a3a-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","f96aa84f-81c6-478f-a5f3-bfcd4df57fb0","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"isOwned",11,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Abdul01","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ3T0dRSnM5MjVMbGdwTUh3Z1A3OHllM3REOSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":246,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":14,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":247,"_81":248,"_83":249,"_85":25},"tree",[178,180,185,187,188],"files",[178,179,180,181,182,183,184,185,186,187,188],"counts",{"_168":63,"_169":138,"_170":63,"_171":172,"_173":174},"contents",[127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":162,"_32":163,"_30":164,"_134":-5,"_42":43,"_41":165,"_136":59,"_39":166,"_13":63,"_34":154,"_36":-5,"_24":25,"_140":-5,"_27":167},{"_44":156,"_32":157,"_30":158,"_134":-5,"_42":43,"_41":159,"_136":59,"_39":160,"_13":63,"_34":154,"_36":-5,"_24":25,"_140":-5,"_27":161},{"_44":149,"_32":150,"_30":151,"_134":-5,"_42":43,"_41":152,"_136":59,"_39":153,"_13":63,"_34":154,"_36":-5,"_24":25,"_140":-5,"_27":155},{"_44":142,"_32":143,"_30":144,"_134":-5,"_42":43,"_41":145,"_136":25,"_39":146,"_13":63,"_34":20,"_36":147,"_24":25,"_140":-5,"_27":148},{"_44":132,"_32":133,"_30":57,"_134":-5,"_42":43,"_41":135,"_136":59,"_39":137,"_13":138,"_34":35,"_36":139,"_24":25,"_140":-5,"_27":141},"21356ffc-25c6-11f0-8a3a-569c3dd06744","main.tsx","parentId",2,"latest",["D",1746019205520],1,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst sustainabilityProjects = [\n {\n id: 1,\n name: \"Urban Green Roofs\",\n category: \"Urban Sustainability\",\n impact: \"Reduces urban heat, improves air quality\",\n difficulty: \"Intermediate\",\n region: \"Global Urban Centers\",\n icon: \"🏢\",\n },\n {\n id: 2,\n name: \"Community Solar Gardens\",\n category: \"Renewable Energy\",\n impact: \"Provides clean energy to communities\",\n difficulty: \"Advanced\",\n region: \"Rural & Suburban Areas\",\n icon: \"☀️\",\n },\n {\n id: 3,\n name: \"Plastic Waste Recycling Hub\",\n category: \"Waste Management\",\n impact: \"Reduces plastic pollution\",\n difficulty: \"Beginner\",\n region: \"Coastal Communities\",\n icon: \"♻️\",\n },\n {\n id: 4,\n name: \"Vertical Urban Farming\",\n category: \"Agriculture\",\n impact: \"Local food production, reduced transportation emissions\",\n difficulty: \"Intermediate\",\n region: \"Urban Environments\",\n icon: \"🌱\",\n },\n {\n id: 5,\n name: \"Biodiversity Corridor Restoration\",\n category: \"Conservation\",\n impact: \"Protects wildlife, enhances ecosystem health\",\n difficulty: \"Advanced\",\n region: \"Natural Habitats\",\n icon: \"🌿\",\n },\n];\n\nfunction App() {\n const [filter, setFilter] = useState({\n category: \"\",\n difficulty: \"\",\n region: \"\",\n });\n\n const filteredProjects = sustainabilityProjects.filter(project =>\n (!filter.category || project.category === filter.category)\n && (!filter.difficulty || project.difficulty === filter.difficulty)\n && (!filter.region || project.region === filter.region)\n );\n\n return (\n

HGR Sustainability Projects 🌍

Discover and Engage with Transformative Environmental Initiatives

\n\n

\n setFilter({ ...filter, category: e.target.value })}\n >\n \n {[...new Set(sustainabilityProjects.map(p => p.category))].map(category => (\n \n ))}\n \n\n setFilter({ ...filter, difficulty: e.target.value })}\n >\n \n {[...new Set(sustainabilityProjects.map(p => p.difficulty))].map(difficulty => (\n \n ))}\n \n

\n\n

\n {filteredProjects.map(project => (\n

{project.icon}

{project.name}

\n Category: {project.category}\n

\n Impact: {project.impact}\n

\n Difficulty: {project.difficulty}\n

\n Region: {project.region}\n

\n \n

\n ))}\n

\n\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n HGR Sustainability Platform\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}\n\nconst css = `\nbody {\n font-family: 'Arial', sans-serif;\n background-color: #f4f7f6;\n margin: 0;\n padding: 0;\n color: #2c3e50;\n}\n\n.sustainability-platform {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n}\n\nheader {\n text-align: center;\n background-color: #2ecc71;\n color: white;\n padding: 20px;\n border-radius: 8px;\n}\n\n.filters {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin: 20px 0;\n}\n\nselect {\n padding: 10px;\n border-radius: 5px;\n border: 1px solid #27ae60;\n}\n\n.project-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 20px;\n}\n\n.project-card {\n background-color: white;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n transition: transform 0.3s;\n}\n\n.project-card:hover {\n transform: scale(1.05);\n}\n\n.project-icon {\n font-size: 3em;\n text-align: center;\n}\n\nbutton {\n width: 100%;\n padding: 10px;\n background-color: #3498db;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\nfooter {\n text-align: center;\n margin-top: 20px;\n padding: 10px;\n background-color: #ecf0f1;\n}\n`;","label",[133],"f0a9acc0-39f4-11f0-8d2f-9e149126039e","README.md","f0a9ad6a-39f4-11f0-8d2f-9e149126039e",3,["D",1748238462089],"# Husnabco Global Resources - Tech Website\n\nA modern, inspirational tech website for Husnabco Global Resources showcasing innovation, technology solutions, and global reach.\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Main Hono server\n├── frontend/\n│ ├── components/\n│ │ └── App.tsx # Main React application\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n├── shared/\n│ └── types.ts # Shared TypeScript types\n└── README.md\n```\n\n## Features\n\n- Modern, responsive design with tech-inspired aesthetics\n- Animated hero section with gradient backgrounds\n- Service showcase with interactive cards\n- Global presence visualization\n- Contact form with modern UI\n- Mobile-first responsive design\n- Smooth animations and transitions\n\n## Tech Stack\n\n- **Frontend**: React 18.2.0 with TypeScript\n- **Backend**: Hono framework\n- **Styling**: TailwindCSS\n- **Deployment**: Val Town\n\n## Development\n\nThe website is built as a single-page application with server-side rendering for optimal performance and SEO.\n\n## Sections\n\n1. **Hero Section**: Inspirational messaging with animated background\n2. **About**: Company overview and mission\n3. **Services**: Technology solutions offered\n4. **Global Reach**: International presence\n5. **Contact**: Get in touch form\n\n## Design Philosophy\n\nThe design emphasizes:\n- Clean, modern aesthetics\n- Tech-forward visual elements\n- Inspirational messaging\n- Professional credibility\n- Global perspective",[143],"f40029b2-39f4-11f0-acc3-9e149126039e","shared","e35b636f-a153-4059-a374-9fc82d0cd674",4,["D",1748238467672],"directory",[150],"0290485e-39f5-11f0-9721-9e149126039e","frontend","707d59ed-561e-445d-b410-8d076a26e462",5,["D",1748238492119],[157],"4506e008-39f5-11f0-8e65-9e149126039e","backend","c0025e07-fa41-4a3f-8a4c-e87ff94a1c4c",8,["D",1748238603628],[163],"pulls","branches","forks","envVars",{"_175":63,"_177":63},"connections",{"_175":63,"_176":63},"count","unfilledCount","emptyCount",{"_44":162,"_32":163,"_30":164,"_134":-5,"_42":43,"_41":165,"_136":59,"_39":243,"_13":63,"_34":154,"_36":-5,"_24":25,"_140":-5,"_190":244,"_27":245},{"_44":239,"_32":33,"_30":31,"_134":164,"_42":43,"_41":14,"_136":59,"_39":240,"_13":135,"_34":35,"_36":38,"_24":25,"_140":-5,"_190":241,"_27":242},{"_44":156,"_32":157,"_30":158,"_134":-5,"_42":43,"_41":159,"_136":59,"_39":236,"_13":63,"_34":154,"_36":-5,"_24":25,"_140":-5,"_190":237,"_27":238},{"_44":232,"_32":231,"_30":225,"_134":158,"_42":43,"_41":226,"_136":59,"_39":233,"_13":63,"_34":154,"_36":-5,"_24":25,"_140":-5,"_190":234,"_27":235},{"_44":222,"_32":223,"_30":224,"_134":225,"_42":43,"_41":226,"_136":59,"_39":227,"_13":63,"_34":200,"_36":228,"_24":25,"_140":-5,"_190":229,"_27":230},{"_44":215,"_32":216,"_30":217,"_134":158,"_42":43,"_41":159,"_136":59,"_39":218,"_13":63,"_34":20,"_36":219,"_24":25,"_140":-5,"_190":220,"_27":221},{"_44":207,"_32":208,"_30":209,"_134":158,"_42":43,"_41":210,"_136":59,"_39":211,"_13":63,"_34":200,"_36":212,"_24":25,"_140":-5,"_190":213,"_27":214},{"_44":149,"_32":150,"_30":151,"_134":-5,"_42":43,"_41":152,"_136":59,"_39":204,"_13":63,"_34":154,"_36":-5,"_24":25,"_140":-5,"_190":205,"_27":206},{"_44":196,"_32":197,"_30":198,"_134":151,"_42":43,"_41":152,"_136":59,"_39":199,"_13":63,"_34":200,"_36":201,"_24":25,"_140":-5,"_190":202,"_27":203},{"_44":142,"_32":143,"_30":144,"_134":-5,"_42":43,"_41":145,"_136":25,"_39":193,"_13":63,"_34":20,"_36":147,"_24":25,"_140":-5,"_190":194,"_27":195},{"_44":132,"_32":133,"_30":57,"_134":-5,"_42":43,"_41":135,"_136":59,"_39":189,"_13":138,"_34":35,"_36":139,"_24":25,"_140":-5,"_190":191,"_27":192},["D",1746019205520],"children",[],[133],["D",1748238462089],[],[143],"f3ffec22-39f4-11f0-acc3-9e149126039e","types.ts","f3ffecea-39f4-11f0-acc3-9e149126039e",["D",1748238467672],"script","// Shared types for Husnabco Global Resources website\n\nexport interface Service {\n id: string;\n title: string;\n description: string;\n icon: string;\n features: string[];\n}\n\nexport interface ContactForm {\n name: string;\n email: string;\n company?: string;\n message: string;\n}\n\nexport interface GlobalOffice {\n city: string;\n country: string;\n region: string;\n coordinates: {\n lat: number;\n lng: number;\n };\n}\n\nexport interface TeamMember {\n name: string;\n role: string;\n bio: string;\n image?: string;\n}",[],[150,197],["D",1748238467672],[186],[150],"05716170-39f5-11f0-b1f7-9e149126039e","index.tsx","05716210-39f5-11f0-b1f7-9e149126039e",6,["D",1748238496954],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[157,208],"028ffca0-39f5-11f0-9721-9e149126039e","index.html","028ffd5e-39f5-11f0-9721-9e149126039e",["D",1748238492119],"\n\n\n \n \n Husnabco Global Resources - Innovative Technology Solutions\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 🚀\">\n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n \n \n\n",[],[157,216],"3adcf162-39f5-11f0-9dab-9e149126039e","App.tsx","3adcf20c-39f5-11f0-9dab-9e149126039e","02245c3e-1af2-4f41-b159-7a0952c6d71c",7,["D",1748238586577],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Service, ContactForm, GlobalOffice } from \"../../shared/types.ts\";\n\nconst App: React.FC = () => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const [activeSection, setActiveSection] = useState('home');\n const [contactForm, setContactForm] = useState({\n name: '',\n email: '',\n company: '',\n message: ''\n });\n\n const services: Service[] = [\n {\n id: 'ai-ml',\n title: 'AI & Machine Learning',\n description: 'Harness the power of artificial intelligence to transform your business operations and decision-making processes.',\n icon: '🤖',\n features: ['Predictive Analytics', 'Natural Language Processing', 'Computer Vision', 'Automated Decision Systems']\n },\n {\n id: 'cloud-solutions',\n title: 'Cloud Solutions',\n description: 'Scalable, secure, and efficient cloud infrastructure solutions tailored to your business needs.',\n icon: '☁️',\n features: ['Cloud Migration', 'Multi-Cloud Strategy', 'DevOps Integration', '24/7 Monitoring']\n },\n {\n id: 'cybersecurity',\n title: 'Cybersecurity',\n description: 'Comprehensive security solutions to protect your digital assets and maintain business continuity.',\n icon: '🛡️',\n features: ['Threat Detection', 'Security Audits', 'Compliance Management', 'Incident Response']\n },\n {\n id: 'digital-transformation',\n title: 'Digital Transformation',\n description: 'End-to-end digital transformation services to modernize your business processes and technology stack.',\n icon: '🚀',\n features: ['Process Automation', 'Legacy System Modernization', 'Digital Strategy', 'Change Management']\n },\n {\n id: 'data-analytics',\n title: 'Data Analytics',\n description: 'Turn your data into actionable insights with advanced analytics and business intelligence solutions.',\n icon: '📊',\n features: ['Big Data Processing', 'Real-time Analytics', 'Data Visualization', 'Business Intelligence']\n },\n {\n id: 'iot-solutions',\n title: 'IoT Solutions',\n description: 'Connect and optimize your operations with intelligent Internet of Things implementations.',\n icon: '🌐',\n features: ['Smart Sensors', 'Edge Computing', 'Industrial IoT', 'Predictive Maintenance']\n }\n ];\n\n const globalOffices: GlobalOffice[] = [\n { city: 'New York', country: 'USA', region: 'North America', coordinates: { lat: 40.7128, lng: -74.0060 } },\n { city: 'London', country: 'UK', region: 'Europe', coordinates: { lat: 51.5074, lng: -0.1278 } },\n { city: 'Singapore', country: 'Singapore', region: 'Asia Pacific', coordinates: { lat: 1.3521, lng: 103.8198 } },\n { city: 'Dubai', country: 'UAE', region: 'Middle East', coordinates: { lat: 25.2048, lng: 55.2708 } },\n { city: 'São Paulo', country: 'Brazil', region: 'South America', coordinates: { lat: -23.5505, lng: -46.6333 } },\n { city: 'Sydney', country: 'Australia', region: 'Oceania', coordinates: { lat: -33.8688, lng: 151.2093 } }\n ];\n\n useEffect(() => {\n const handleScroll = () => {\n const sections = ['home', 'about', 'services', 'global', 'contact'];\n const scrollPosition = window.scrollY + 100;\n\n for (const section of sections) {\n const element = document.getElementById(section);\n if (element) {\n const { offsetTop, offsetHeight } = element;\n if (scrollPosition >= offsetTop && scrollPosition < offsetTop + offsetHeight) {\n setActiveSection(section);\n break;\n }\n }\n }\n };\n\n window.addEventListener('scroll', handleScroll);\n return () => window.removeEventListener('scroll', handleScroll);\n }, []);\n\n const handleContactSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n // Here you would typically send the form data to your backend\n console.log('Contact form submitted:', contactForm);\n alert('Thank you for your message! We\\'ll get back to you soon.');\n setContactForm({ name: '', email: '', company: '', message: '' });\n };\n\n const scrollToSection = (sectionId: string) => {\n document.getElementById(sectionId)?.scrollIntoView({ behavior: 'smooth' });\n setIsMenuOpen(false);\n };\n\n return (\n

\n {/* Navigation */}\n

\n \n Husnabco Global\n \n

\n \n {/* Desktop Navigation */}\n

\n {['home', 'about', 'services', 'global', 'contact'].map((item) => (\n scrollToSection(item)}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-all duration-300 ${\n activeSection === item\n ? 'bg-blue-600 text-white'\n : 'text-gray-300 hover:bg-gray-700 hover:text-white'\n }`}\n >\n {item.charAt(0).toUpperCase() + item.slice(1)}\n \n ))}\n

\n\n {/* Mobile menu button */}\n

\n setIsMenuOpen(!isMenuOpen)}\n className=\"text-gray-400 hover:text-white focus:outline-none focus:text-white\"\n >\n \n \n

\n\n {/* Mobile Navigation */}\n {isMenuOpen && (\n

\n {['home', 'about', 'services', 'global', 'contact'].map((item) => (\n scrollToSection(item)}\n className=\"block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 w-full text-left\"\n >\n {item.charAt(0).toUpperCase() + item.slice(1)}\n \n ))}\n

\n )}\n

\n\n {/* Hero Section */}\n

\n \n {/* Floating elements */}\n

\n\n

\n Innovating Tomorrow\n

\n Empowering businesses worldwide with cutting-edge technology solutions, \n digital transformation, and innovative strategies that drive success in the digital age.\n

\n scrollToSection('services')}\n className=\"px-8 py-4 bg-gradient-to-r from-blue-600 to-purple-600 rounded-lg font-semibold text-lg hover:from-blue-700 hover:to-purple-700 transition-all duration-300 transform hover:scale-105 animate-pulse-glow\"\n >\n Explore Solutions 🚀\n \n scrollToSection('contact')}\n className=\"px-8 py-4 border-2 border-blue-500 rounded-lg font-semibold text-lg hover:bg-blue-500 transition-all duration-300 transform hover:scale-105\"\n >\n Get Started 💡\n \n

\n\n {/* About Section */}\n

\n About Husnabco Global Resources\n

\n We are a global technology company dedicated to transforming businesses through innovation, \n expertise, and cutting-edge solutions that drive digital excellence.\n

\n\n

Our Mission

\n To empower organizations worldwide by delivering innovative technology solutions that \n accelerate growth, enhance efficiency, and create sustainable competitive advantages \n in an ever-evolving digital landscape.\n

500+

Projects Delivered

50+

Countries Served

99.9%

Uptime Guarantee

24/7

Global Support

Why Choose Us?

\n ✓\n Global expertise with local understanding\n
\n ✓\n Cutting-edge technology solutions\n
\n ✓\n Proven track record of success\n
\n ✓\n Dedicated support and partnership\n
\n ✓\n Innovation-driven approach\n

\n\n {/* Services Section */}\n

\n Our Technology Solutions\n

\n Comprehensive technology services designed to accelerate your digital transformation \n and drive business innovation across all industries.\n

\n\n

\n {services.map((service, index) => (\n \n

{service.icon}

{service.title}

{service.description}

\n ▸\n {feature}\n

\n ))}\n

\n \n\n {/* Global Presence Section */}\n

\n Global Presence\n

\n With offices and partners across six continents, we deliver world-class technology \n solutions with local expertise and global scale.\n

\n\n

\n {globalOffices.map((office, index) => (\n \n

{office.city}

{office.country}

{office.region}

\n ))}\n

\n\n

Ready to Go Global?

\n Join thousands of companies worldwide who trust Husnabco Global Resources \n for their technology transformation journey.\n

\n scrollToSection('contact')}\n className=\"px-6 py-3 bg-white text-blue-600 rounded-lg font-semibold hover:bg-gray-100 transition-all duration-300 transform hover:scale-105\"\n >\n Start Your Journey 🌍\n \n

\n \n

\n\n {/* Contact Section */}\n

\n Get In Touch\n

\n Ready to transform your business with innovative technology solutions? \n Let's discuss how we can help you achieve your goals.\n

\n\n

Contact Information

\n 📧\n

Email

contact@husnabcoglobal.com

\n 📞\n

Phone

+1 (555) 123-4567

\n 🌐\n

Global Support

24/7 Worldwide Coverage

\n\n

\n \n Full Name *\n \n setContactForm({ ...contactForm, name: e.target.value })}\n className=\"w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-white\"\n placeholder=\"Your full name\"\n />\n

\n \n Email Address *\n \n setContactForm({ ...contactForm, email: e.target.value })}\n className=\"w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-white\"\n placeholder=\"your.email@company.com\"\n />\n

\n \n Company\n \n setContactForm({ ...contactForm, company: e.target.value })}\n className=\"w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-white\"\n placeholder=\"Your company name\"\n />\n

\n \n Message *\n \n setContactForm({ ...contactForm, message: e.target.value })}\n className=\"w-full px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-white\"\n placeholder=\"Tell us about your project or how we can help...\"\n />\n

\n \n Send Message 🚀\n \n \n

\n\n {/* Footer */}\n \n \n );\n};\n\nexport default App;",[],[157,231,223],"components","3add279a-39f5-11f0-9dab-9e149126039e",["D",1748238586577],[182],[157,231],["D",1748238492119],[181,183,184],[157],"5402ed9a-39f5-11f0-b1f7-9e149126039e",["D",1748238628739],[],[163,33],["D",1748238603628],[179],[163],["D",1746019333865],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"ctx",{"_79":-5,"_124":283,"_284":285,"_286":287,"_288":25,"_289":25,"_290":25,"_291":59,"_292":-5,"_293":-7,"_294":-7,"_295":63,"_296":25,"_297":25,"_298":-5,"_299":25,"_300":25,"_301":25,"_302":-5},"ENV",{"_254":255,"_256":257,"_258":87,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v10