3D Real Estate Assets — Architectural Visualization, VR Walkthroughs & Property Presentations || Top Gaming Companies in India | Best Game Development in Odisha - GauravGo Games/title> <meta name="description" content="GauravGo offers 500+ production-ready 3D real estate assets — residential interiors, commercial spaces, exteriors, furniture and VR-ready property walkthroughs. Unity & Unreal Engine compatible."> <meta name="keywords" content="3D real estate assets, architectural visualization 3D, property visualization assets, real estate VR walkthrough, 3D interior design assets, Unity real estate 3D, Unreal Engine property visualization, 3D building exteriors, real estate AR VR, 3D furniture assets, property presentation 3D, architectural 3D models"> <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> <meta name="author" content="GauravGo"> <link rel="canonical" href="https://www.gauravgo.com/services/real-estate/">  <meta property="og:type" content="website"> <meta property="og:title" content="3D Real Estate Assets — Architectural Visualization & VR Walkthroughs || Top Gaming Companies in India | Best Game Development in Odisha - GauravGo Games"> <meta property="og:description" content="500+ production-ready 3D real estate assets for property visualization, interactive VR walkthroughs and real-time sales presentations. Unity & Unreal Engine ready."> <meta property="og:url" content="https://www.gauravgo.com/services/real-estate/"> <meta property="og:image" content="https://www.gauravgo.com/static/images/services_p_img/Realstate.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:image:alt" content="3D Real Estate Assets by GauravGo — Architectural Visualization"> <meta property="og:site_name" content="GauravGo"> <meta property="og:locale" content="en_IN">  <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="3D Real Estate Assets || Top Gaming Companies in India | Best Game Development in Odisha - GauravGo Games"> <meta name="twitter:description" content="500+ 3D real estate assets for architectural visualization, VR walkthroughs and property sales presentations. Unity & Unreal Engine ready."> <meta name="twitter:image" content="https://www.gauravgo.com/static/images/services_p_img/Realstate.png"> <meta name="twitter:image:alt" content="3D Real Estate Visualization Assets by GauravGo"> <meta name="twitter:site" content="@GauravGo">  <meta name="geo.region" content="IN"> <meta name="geo.placename" content="India">  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "GauravGo", "url": "https://www.gauravgo.com", "logo": "https://www.gauravgo.com/static/images/media-home-page/logo.png", "description": "GauravGo creates production-ready 3D real estate assets for architectural visualization, property walkthroughs, VR/AR presentations and real-time sales experiences." } </script>  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Service", "name": "3D Real Estate Assets", "provider": { "@type": "Organization", "name": "GauravGo", "url": "https://www.gauravgo.com" }, "description": "High-quality 3D assets for property visualization, interactive walkthroughs and real-time sales presentations. 500+ assets across residential interiors, commercial spaces, exteriors, furniture and VR-ready environments.", "serviceType": "3D Real Estate Asset Creation", "url": "https://www.gauravgo.com/services/real-estate/", "hasOfferCatalog": { "@type": "OfferCatalog", "name": "Real Estate Asset Categories", "itemListElement": [ { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Residential Interior 3D Assets", "description": "Apartments, villas and layouts with complete room setups for property visualization." } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Commercial Space 3D Assets", "description": "Offices, retail stores and showrooms in modern architectural styles." } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Building Exterior 3D Assets", "description": "Building exteriors, towers and street views at various architectural scales." } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Amenities & Common Area Assets", "description": "Lobbies, clubs, pools and shared spaces for lifestyle property visuals." } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Landscaping & Outdoor 3D Assets", "description": "Gardens, pathways and outdoor elements for property surroundings." } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Under-Construction Stage Assets", "description": "Structure phases for project progress visualization and training demos." } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Furniture & Fixture 3D Assets", "description": "Modular furniture, lighting and decor for quick property staging." } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Mixed-Use Environment Assets", "description": "Combined residential, retail and office 3D setups in one scene." } } ] } } </script>  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://www.gauravgo.com/" }, { "@type": "ListItem", "position": 2, "name": "Services", "item": "https://www.gauravgo.com/services/" }, { "@type": "ListItem", "position": 3, "name": "3D Real Estate Assets", "item": "https://www.gauravgo.com/services/real-estate/" } ] } </script>  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "What 3D real estate asset categories does GauravGo offer?", "acceptedAnswer": { "@type": "Answer", "text": "GauravGo offers 500+ 3D real estate assets across 8 categories: Residential Interiors (80+ packs), Commercial Spaces (50+ packs), Building Exteriors & Facades (60+ packs), Amenities & Common Areas (40+ packs), Landscaping & Outdoor (35+ packs), Under-Construction Stages (25+ packs), Furniture & Fixtures (90+ packs) and Mixed-Use Environments (20+ packs)." } }, { "@type": "Question", "name": "Are GauravGo's real estate 3D assets VR and AR compatible?", "acceptedAnswer": { "@type": "Answer", "text": "Yes. All GauravGo real estate assets are optimized for VR and AR applications, supporting interactive property walkthroughs and headset-based sales presentations." } }, { "@type": "Question", "name": "Which real-time engines support GauravGo's real estate assets?", "acceptedAnswer": { "@type": "Answer", "text": "GauravGo's 3D real estate assets support Unity and Unreal Engine, as well as other real-time engines used for property visualization and interactive sales demos." } }, { "@type": "Question", "name": "Can GauravGo's assets be used for property sales presentations?", "acceptedAnswer": { "@type": "Answer", "text": "Yes. GauravGo's real estate 3D assets are built specifically for professional property visualization and sales presentations, from concept-stage renders to final client-facing interactive walkthroughs." } } ] } </script>  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" media="print" onload="this.media='all'"> <noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"></noscript> <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> <link rel="icon" href="/static/images/media-home-page/logo.png" type="image/png"> <style> :root { --primary-green: #4ade80; --crystal-blue: #38bdf8; --deep-navy: #020617; --near-black: #020014; --card-bg: rgba(15, 23, 42, 0.9); --border-soft: rgba(148, 163, 184, 0.45); } * { margin: 0; padding: 0; box-sizing: border-box; } body { background: radial-gradient(circle at 0% 0%, rgba(56, 189, 248, 0.18), transparent 55%), radial-gradient(circle at 100% 100%, rgba(74, 222, 128, 0.18), transparent 55%), radial-gradient(circle at 0% 100%, rgba(147, 51, 234, 0.20), transparent 55%), linear-gradient(135deg, var(--deep-navy), var(--near-black)); color: #f9fafb; font-family: 'Orbitron', sans-serif; overflow-x: hidden; line-height: 1.6; min-height: 100vh; } .page-grid { position: fixed; inset: 0; z-index: -2; background-image: linear-gradient(rgba(148, 163, 184, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, 0.12) 1px, transparent 1px); background-size: 40px 40px; opacity: 0.18; pointer-events: none; } .page-bg-image { position: fixed; inset: 0; z-index: -3; background: linear-gradient(rgba(2, 6, 23, 0.86), rgba(2, 0, 20, 0.94)), url('/static/images/3d-assets/placeholder-real-estate.jpg') center/cover no-repeat fixed; opacity: 0.85; pointer-events: none; } .content-wrapper { padding-top: 5rem; padding-bottom: 4rem; position: relative; z-index: 1; } .neon-pill { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.4rem 1rem; border-radius: 999px; font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; background: linear-gradient(90deg, rgba(74,222,128,0.12), rgba(56,189,248,0.12)); border: 1px solid rgba(56,189,248,0.55); color: #e5e7eb; } .section { padding: 3rem 1.25rem 2.5rem; position: relative; width: 100%; } .section::before { content: ""; position: absolute; inset: 0 12%; border-top: 1px solid rgba(148, 163, 184, 0.2); opacity: 0.3; pointer-events: none; } .section-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; } .section-heading { text-align: center; margin-bottom: 2.5rem; } .section-heading h2 { font-size: clamp(1.75rem, 4vw, 2.6rem); font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.6rem; background: linear-gradient(90deg, #e5e7eb, var(--crystal-blue), var(--primary-green)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .section-heading p { font-size: 0.95rem; color: rgba(209, 213, 219, 0.85); max-width: 600px; margin: 0 auto; line-height: 1.6; } /* Hero */ .hero { min-height: 70vh; display: flex; align-items: center; padding: 3rem 1.5rem 2rem; position: relative; } .hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 0%, rgba(56,189,248,0.25), transparent 55%), radial-gradient(circle at 0% 100%, rgba(74,222,128,0.22), transparent 55%); opacity: 0.35; pointer-events: none; } .hero-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 2rem; position: relative; z-index: 1; } @media (min-width: 768px) { .hero-inner { grid-template-columns: 1.3fr 1fr; gap: 2.5rem; } } .hero-content { text-align: left; } .hero-title { font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 800; line-height: 1.1; text-transform: uppercase; margin-bottom: 1rem; background: linear-gradient(120deg, #f9fafb, var(--crystal-blue), var(--primary-green)); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: heroTitleGlow 8s ease infinite; } .hero-subtitle { font-size: clamp(0.875rem, 2vw, 0.95rem); max-width: 520px; color: rgba(226, 232, 240, 0.9); margin-bottom: 1.5rem; line-height: 1.7; } .hero-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.8rem; } .hero-tag { font-size: 0.7rem; padding: 0.4rem 0.8rem; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.5); background: rgba(15, 23, 42, 0.9); color: rgba(209, 213, 219, 0.9); white-space: nowrap; } .hero-buttons { display: flex; flex-wrap: wrap; gap: 1rem; } .btn-primary, .btn-secondary { font-weight: 600; padding: 0.85rem 1.5rem; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; font-size: 0.85rem; border: 2px solid transparent; cursor: pointer; transition: all 0.25s ease; text-decoration: none; white-space: nowrap; } .btn-primary { background: radial-gradient(circle at top, rgba(250,250,250,0.96), rgba(148,163,184,0.92)); color: #020617; box-shadow: 0 10px 30px rgba(148, 163, 184, 0.35); } .btn-primary:hover { transform: translateY(-2px); border-color: var(--primary-green); box-shadow: 0 16px 40px rgba(74, 222, 128, 0.4); } .btn-secondary { background: transparent; border-color: rgba(148, 163, 184, 0.7); color: #e5e7eb; } .btn-secondary:hover { border-color: var(--crystal-blue); background: rgba(15, 23, 42, 0.95); box-shadow: 0 10px 30px rgba(37, 99, 235, 0.5); transform: translateY(-2px); } .hero-aside { border-radius: 1.2rem; padding: 1.5rem; background: radial-gradient(circle at top left, rgba(56,189,248,0.18), transparent 55%) var(--card-bg); border: 1px solid var(--border-soft); box-shadow: 0 20px 50px rgba(15, 23, 42, 0.98), 0 0 35px rgba(56, 189, 248, 0.3); position: relative; overflow: hidden; } .hero-aside::before { content: "REAL ESTATE VISUALS"; position: absolute; top: 1rem; right: 1rem; font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase; padding: 0.3rem 0.7rem; border-radius: 999px; background: rgba(15, 23, 42, 0.95); border: 1px solid rgba(56,189,248,0.7); color: rgba(226, 232, 240, 0.9); z-index: 1; } .hero-aside-thumb { border-radius: 1rem; overflow: hidden; border: 1px solid rgba(30, 64, 175, 0.9); margin-bottom: 1rem; background: rgba(0,0,0,0.3); } .hero-aside-thumb img { width: 100%; height: auto; display: block; transition: transform 0.6s ease; } .hero-aside:hover .hero-aside-thumb img { transform: scale(1.05); } .hero-aside-meta { display: flex; flex-direction: column; gap: 0.8rem; font-size: 0.8rem; } @media (min-width: 480px) { .hero-aside-meta { flex-direction: row; justify-content: space-between; align-items: center; } } .hero-aside-title { font-weight: 700; margin-bottom: 0.3rem; font-size: 0.9rem; } .hero-aside-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; font-size: 0.7rem; color: rgba(148, 163, 184, 0.95); } .hero-aside-cta a { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.12em; padding: 0.5rem 1rem; border-radius: 999px; border: 1px solid rgba(74,222,128,0.8); background: rgba(22, 163, 74, 0.1); color: #bbf7d0; display: inline-flex; align-items: center; gap: 0.4rem; text-decoration: none; transition: all 0.25s ease; } .hero-aside-cta a:hover { background: rgba(22, 163, 74, 0.2); transform: translateX(2px); } @keyframes heroTitleGlow { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } /* Stats */ .stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; } @media (min-width: 640px) { .stats-grid { grid-template-columns: repeat(4, 1fr); gap: 1.2rem; } } .stat-item { text-align: center; padding: 1.3rem 1rem; background: var(--card-bg); border-radius: 1rem; border: 1px solid var(--border-soft); backdrop-filter: blur(12px); box-shadow: 0 15px 35px rgba(15, 23, 42, 0.95), 0 0 20px rgba(56, 189, 248, 0.18); transition: all 0.25s ease; } .stat-item:hover { transform: translateY(-4px); border-color: var(--primary-green); box-shadow: 0 20px 45px rgba(15, 23, 42, 0.98), 0 0 35px rgba(74, 222, 128, 0.3); } .stat-number { font-size: clamp(1.6rem, 4vw, 1.9rem); font-weight: 800; color: var(--primary-green); margin-bottom: 0.3rem; } .stat-label { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(148, 163, 184, 0.95); } /* Categories */ .category-grid { display: grid; grid-template-columns: 1fr; gap: 1.2rem; } @media (min-width: 640px) { .category-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .category-grid { grid-template-columns: repeat(4, 1fr); } } .category-card { position: relative; padding: 1.5rem 1.3rem; border-radius: 1.1rem; background: radial-gradient(circle at top left, rgba(56,189,248,0.18), transparent 55%) var(--card-bg); border: 1px solid var(--border-soft); box-shadow: 0 15px 35px rgba(15, 23, 42, 1), 0 0 25px rgba(56, 189, 248, 0.2); overflow: hidden; transition: all 0.25s ease; } .category-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; background: linear-gradient(90deg, var(--primary-green), var(--crystal-blue)); transform-origin: left; transform: scaleX(0); opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; } .category-card:hover { transform: translateY(-6px); border-color: var(--primary-green); box-shadow: 0 20px 50px rgba(15, 23, 42, 1), 0 0 40px rgba(74, 222, 128, 0.35); } .category-card:hover::before { transform: scaleX(1); opacity: 1; } .card-icon { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; background: rgba(56, 189, 248, 0.12); color: var(--primary-green); font-size: 1.6rem; filter: drop-shadow(0 0 10px rgba(56,189,248,0.6)); } .card-title { font-size: 1.05rem; font-weight: 700; margin-bottom: 0.5rem; } .card-text { font-size: 0.85rem; color: rgba(209, 213, 219, 0.9); line-height: 1.6; } .card-count { display: inline-flex; align-items: center; gap: 0.4rem; margin-top: 0.8rem; padding: 0.3rem 0.8rem; border-radius: 999px; font-size: 0.7rem; background: rgba(34,197,94,0.08); color: #bbf7d0; border: 1px solid rgba(74,222,128,0.6); } /* Features */ .features-row { display: grid; grid-template-columns: 1fr; gap: 1.2rem; } @media (min-width: 640px) { .features-row { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .features-row { grid-template-columns: repeat(4, 1fr); } } .feature-card { text-align: left; padding: 1.5rem 1.3rem; border-radius: 1rem; background: rgba(15, 23, 42, 0.96); border: 1px solid var(--border-soft); box-shadow: 0 15px 35px rgba(15, 23, 42, 1), 0 0 25px rgba(56, 189, 248, 0.25); transition: all 0.25s ease; } .feature-card:hover { transform: translateY(-5px); border-color: var(--crystal-blue); box-shadow: 0 20px 45px rgba(15, 23, 42, 1), 0 0 35px rgba(56, 189, 248, 0.4); } .feature-icon { font-size: 1.8rem; margin-bottom: 0.8rem; color: var(--primary-green); filter: drop-shadow(0 0 10px rgba(56,189,248,0.6)); } .feature-title { font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; } .feature-desc { font-size: 0.85rem; color: rgba(209, 213, 219, 0.9); line-height: 1.6; } /* CTA */ .cta-box { max-width: 760px; margin: 0 auto; text-align: center; padding: 2rem 1.5rem; border-radius: 1.3rem; background: radial-gradient(circle at top left, rgba(56,189,248,0.18), transparent 55%) rgba(15, 23, 42, 0.96); border: 1px solid var(--border-soft); box-shadow: 0 20px 50px rgba(15, 23, 42, 1), 0 0 40px rgba(74, 222, 128, 0.35); } .cta-box h2 { font-size: clamp(1.6rem, 3.5vw, 2.4rem); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.8rem; background: linear-gradient(90deg, #e5e7eb, var(--crystal-blue), var(--primary-green)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .cta-box p { font-size: 0.9rem; color: rgba(209, 213, 219, 0.9); margin-bottom: 1.5rem; line-height: 1.7; } /* FAQ */ .faq-section { max-width: 860px; margin: 0 auto; padding: 0 1.25rem; } .faq-item { background: radial-gradient(circle at top left, rgba(56,189,248,0.1), transparent 55%) var(--card-bg); border: 1px solid var(--border-soft); border-radius: 1rem; margin-bottom: 0.9rem; overflow: hidden; transition: border-color 0.3s ease; } .faq-item:hover { border-color: rgba(74,222,128,0.5); } .faq-question { width: 100%; background: none; border: none; color: #f9fafb; font-family: 'Orbitron', sans-serif; font-size: clamp(0.72rem, 1.4vw, 0.82rem); font-weight: 600; text-align: left; padding: 1.1rem 1.3rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 1rem; transition: color 0.3s ease; letter-spacing: 0.03em; } .faq-question:hover { color: var(--primary-green); } .faq-icon { color: var(--primary-green); font-size: 0.8rem; transition: transform 0.3s ease; flex-shrink: 0; } .faq-item.open .faq-icon { transform: rotate(180deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s ease; padding: 0 1.3rem; } .faq-item.open .faq-answer { max-height: 300px; padding: 0 1.3rem 1.1rem; } .faq-answer p { font-size: 0.82rem; color: rgba(209, 213, 219, 0.85); line-height: 1.7; font-family: 'Orbitron', sans-serif; } /* Reveal */ .reveal { opacity: 0; transform: translateY(20px); } .reveal-visible { opacity: 1; transform: translateY(0); transition: opacity 0.5s ease, transform 0.5s ease; } .delay-1 { transition-delay: 0.1s; } .delay-2 { transition-delay: 0.2s; } .delay-3 { transition-delay: 0.3s; } .delay-4 { transition-delay: 0.4s; } @media (max-width: 768px) { .content-wrapper { padding-top: 4rem; padding-bottom: 3rem; } .hero { min-height: auto; padding: 2.5rem 1rem; } .section { padding: 2.5rem 1rem; } .section::before { inset: 0 5%; } .hero-buttons { flex-direction: column; width: 100%; } .btn-primary, .btn-secondary { width: 100%; justify-content: center; } .hero-tag { font-size: 0.65rem; padding: 0.35rem 0.7rem; } } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #020617; } ::-webkit-scrollbar-thumb { background: linear-gradient(var(--primary-green), var(--crystal-blue)); border-radius: 999px; } img { max-width: 100%; height: auto; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } </style> </head> <body> <div class="page-bg-image"></div> <div class="page-grid"></div>   <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://cdnjs.cloudflare.com"> <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Russo+One&display=swap"> <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Russo+One&display=swap" rel="stylesheet" media="print" onload="this.media='all'">  <link rel="preload" as="image" href="/static/images/media-home-page/logo.png">  <script type="application/ld+json"> { "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://www.gauravgo.com/#organization", "name": "GauravGo", "url": "https://www.gauravgo.com/", "logo": { "@type": "ImageObject", "url": "/static/images/media-home-page/logo.png", "width": 32, "height": 32 }, "sameAs": [] }, { "@type": "WebSite", "@id": "https://www.gauravgo.com/#website", "url": "https://www.gauravgo.com/", "name": "GauravGo", "publisher": { "@id": "https://www.gauravgo.com/#organization" } }, { "@type": "SiteNavigationElement", "@id": "https://www.gauravgo.com/#site-navigation", "name": "GauravGo Main Navigation", "hasPart": [ { "@type": "SiteNavigationElement", "name": "Home", "url": "https://www.gauravgo.com/" }, { "@type": "SiteNavigationElement", "name": "Games", "url": "https://www.gauravgo.com/games/" }, { "@type": "SiteNavigationElement", "name": "Play Arena", "url": "https://www.gauravgo.com/online_games/" }, { "@type": "SiteNavigationElement", "name": "Services", "url": "https://www.gauravgo.com/services/" }, { "@type": "SiteNavigationElement", "name": "Our Supporters", "url": "https://www.gauravgo.com/our_supporters/" }, { "@type": "SiteNavigationElement", "name": "Media Coverage", "url": "https://www.gauravgo.com/media_coverage/" }, { "@type": "SiteNavigationElement", "name": "About Us", "url": "https://www.gauravgo.com/about/" }, { "@type": "SiteNavigationElement", "name": "Privacy Policy", "url": "https://www.gauravgo.com/privacy_policy/" }, { "@type": "SiteNavigationElement", "name": "Feedback", "url": "https://www.gauravgo.com/feedback_support/" }, { "@type": "SiteNavigationElement", "name": "Careers", "url": "https://www.gauravgo.com/careers/" } ] } ] } </script>  <nav class="navbar" role="navigation" aria-label="GauravGo Main Navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">  <div class="nav-bg-effects" aria-hidden="true" role="presentation"> <div class="grid-pattern"></div> <div class="glow-orb glow-orb-1"></div> <div class="glow-orb glow-orb-2"></div> <div class="particle-field"> <div class="particle"></div> <div class="particle"></div> <div class="particle"></div> <div class="particle"></div> <div class="particle"></div> </div> </div>  <a href="/" class="logo" aria-label="GauravGo — Go to Homepage" title="GauravGo - Gaming Platform" itemprop="url" rel="home">  <div class="logo-circuit" aria-hidden="true"> <svg viewBox="0 0 300 80" preserveAspectRatio="none"> <path class="c-path" d="M10,40 H40 V15 H80" style="--d:0s"/> <path class="c-path" d="M10,40 H40 V60 H70 V40 H100" style="--d:0.2s; stroke:var(--neon-green)"/> <path class="c-path" d="M230,40 H250 V20 H280" style="--d:0.4s"/> <path class="c-path" d="M220,40 H260 V60 H290" style="--d:0.6s; stroke:var(--neon-green)"/> <circle cx="80" cy="15" r="2" fill="var(--neon-cyan)" opacity="0.5"/> <circle cx="100" cy="40" r="2" fill="var(--neon-green)" opacity="0.5"/> <circle cx="280" cy="20" r="2" fill="var(--neon-cyan)" opacity="0.5"/> </svg> </div>  <div class="logo-icon-wrap" aria-hidden="true"> <div class="logo-ring-outer"></div> <div class="logo-ring-inner"></div> <div class="logo-orbit-dot"></div> <div class="logo-img-frame"> <img src="/static/images/media-home-page/logo.png" alt="GauravGo Gaming Platform Logo" loading="eager" fetchpriority="high" width="32" height="32" itemprop="image" decoding="async"> </div> </div>  <span class="logo-divider" aria-hidden="true"></span>  <div class="logo-text-wrap"> <span class="logo-main" data-text="GauravGo" itemprop="name">GauravGo</span> <span class="logo-tagline" aria-hidden="true">Creating Dreams</span> </div> </a>   <ul class="nav-links" role="menubar" aria-label="Primary Navigation Menu">  <li role="none"> <a class="nav-link " href="/" role="menuitem" aria-label="Home Page" itemprop="url"> <span class="link-bg" aria-hidden="true"></span> <i class="fas fa-home nav-icon" aria-hidden="true"></i> <span class="link-text" itemprop="name">Home</span> <span class="link-shine" aria-hidden="true"></span> </a> </li>  <li role="none"> <a class="nav-link " href="/games" role="menuitem" aria-label="Browse All Games" itemprop="url"> <span class="link-bg" aria-hidden="true"></span> <i class="fas fa-gamepad nav-icon" aria-hidden="true"></i> <span class="link-text" itemprop="name">Games</span> <span class="link-shine" aria-hidden="true"></span> </a> </li>  <li role="none"> <a class="nav-link play-arena " href="/online-games/" role="menuitem" aria-label="Play Arena - Online Games" itemprop="url"> <span class="arena-glow-bg" aria-hidden="true"></span> <span class="arena-pulse" aria-hidden="true"></span> <i class="fas fa-bolt nav-icon pulse-icon" aria-hidden="true"></i> <span class="link-text" itemprop="name">Play Arena</span> <span class="arena-sparkle" aria-hidden="true"></span> </a> </li>  <li role="none"> <a class="nav-link " href="/services" role="menuitem" aria-label="Our Services" itemprop="url"> <span class="link-bg" aria-hidden="true"></span> <i class="fas fa-briefcase nav-icon" aria-hidden="true"></i> <span class="link-text" itemprop="name">Services</span> <span class="link-shine" aria-hidden="true"></span> </a> </li>  <li class="dropdown" role="none"> <button type="button" class="dropdown-toggle nav-link" role="menuitem" aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-more" aria-label="More Pages"> <span class="link-bg" aria-hidden="true"></span> <span class="link-text">More</span> <i class="fas fa-chevron-down dropdown-arrow" aria-hidden="true"></i> <span class="link-shine" aria-hidden="true"></span> </button> <ul class="dropdown-menu" id="dropdown-more" role="menu" aria-label="More Pages Submenu"> <li role="none"> <a class="dropdown-link " href="/our_supporters" role="menuitem" aria-label="Our Supporters" itemprop="url"> <i class="fas fa-trophy" aria-hidden="true"></i> <span itemprop="name">Supporters</span> </a> </li> <li role="none"> <a class="dropdown-link " href="/media_coverage" role="menuitem" aria-label="Media Coverage" itemprop="url"> <i class="fas fa-photo-video" aria-hidden="true"></i> <span itemprop="name">Media</span> </a> </li> </ul> </li>  <li class="dropdown" role="none"> <button type="button" class="dropdown-toggle nav-link" role="menuitem" aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-contact" aria-label="Contact and Information"> <span class="link-bg" aria-hidden="true"></span> <span class="link-text">Contact</span> <i class="fas fa-chevron-down dropdown-arrow" aria-hidden="true"></i> <span class="link-shine" aria-hidden="true"></span> </button> <ul class="dropdown-menu" id="dropdown-contact" role="menu" aria-label="Contact Submenu"> <li role="none"> <a class="dropdown-link " href="/about" role="menuitem" aria-label="About GauravGo" itemprop="url"> <i class="fas fa-info-circle" aria-hidden="true"></i> <span itemprop="name">About</span> </a> </li> <li role="none"> <a class="dropdown-link " href="/privacy_policy" role="menuitem" aria-label="Privacy Policy" itemprop="url"> <i class="fas fa-shield-alt" aria-hidden="true"></i> <span itemprop="name">Privacy</span> </a> </li> <li role="none"> <a class="dropdown-link " href="/support/" role="menuitem" aria-label="Feedback and Support" itemprop="url"> <i class="fas fa-headset" aria-hidden="true"></i> <span itemprop="name">Support</span> </a> </li> </ul> </li>  <li role="none"> <a class="nav-link cta-link " href="/careers" role="menuitem" aria-label="Join the GauravGo Team - Careers" itemprop="url"> <span class="cta-glow" aria-hidden="true"></span> <i class="fas fa-users nav-icon" aria-hidden="true"></i> <span class="link-text" itemprop="name">Join Us</span> <span class="cta-shine" aria-hidden="true"></span> </a> </li> </ul>  <button class="hamburger" type="button" aria-label="Toggle Navigation Menu" aria-controls="nav-links-mobile" aria-expanded="false"> <span class="hamburger-box" aria-hidden="true"> <span class="hamburger-inner"></span> </span> </button> </nav> <style> :root { --neon-green: #00ff88; --neon-cyan: #00d9ff; --neon-purple: #a855f7; --neon-pink: #ff00ff; --gaming-red: #ff0055; --deep-black: #0a0a0f; --dark-navy: #0f0f1e; --card-bg: #1a1a2e; --text-white: #ffffff; --text-gray: #b4b4c8; } * { box-sizing: border-box; margin: 0; padding: 0; list-style: none; text-decoration: none; } /* ══════════════════════════════════ NAVBAR CONTAINER ══════════════════════════════════ */ .navbar { position: fixed; top: 0; left: 0; right: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0.6rem 2.5rem; /* ✅ Slightly reduced padding */ background: linear-gradient(135deg, rgba(10,10,15,0.95) 0%, rgba(26,26,46,0.92) 100%); backdrop-filter: blur(20px) saturate(180%); border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, transparent, var(--neon-cyan), var(--neon-green), transparent) 1; z-index: 1000; transition: all 0.4s cubic-bezier(0.4,0,0.2,1); font-family: 'Rajdhani', sans-serif; box-shadow: 0 10px 50px rgba(0,255,136,0.1); will-change: transform; } .navbar.scrolled { padding: 0.4rem 2.5rem; background: rgba(10,10,15,0.98); box-shadow: 0 10px 60px rgba(0,255,136,0.2), 0 0 100px rgba(0,217,255,0.15); } /* ══════════════════════════════════ BACKGROUND EFFECTS ══════════════════════════════════ */ .nav-bg-effects { position: absolute; inset: 0; overflow: hidden; pointer-events: none; opacity: 0.5; } .grid-pattern { position: absolute; inset: 0; background-image: linear-gradient(var(--neon-cyan) 1px, transparent 1px), linear-gradient(90deg, var(--neon-cyan) 1px, transparent 1px); background-size: 50px 50px; opacity: 0.03; animation: gridScroll 20s linear infinite; will-change: transform; } @keyframes gridScroll { 0% { transform: translateX(0); } 100% { transform: translateX(50px); } } .glow-orb { position: absolute; width: 300px; height: 300px; border-radius: 50%; filter: blur(60px); opacity: 0.15; animation: orbFloat 8s ease-in-out infinite; will-change: transform; } .glow-orb-1 { top:-150px; left:10%; background: radial-gradient(circle, var(--neon-green) 0%, transparent 70%); animation-delay:0s; } .glow-orb-2 { top:-100px; right:15%; background: radial-gradient(circle, var(--neon-cyan) 0%, transparent 70%); animation-delay:2s; } @keyframes orbFloat { 0%,100%{transform:translateY(0) scale(1);} 50%{transform:translateY(30px) scale(1.1);} } .particle-field { position: absolute; inset: 0; } .particle { position: absolute; width:3px; height:3px; background: var(--neon-cyan); border-radius: 50%; box-shadow: 0 0 10px var(--neon-cyan); animation: particleFloat 6s ease-in-out infinite; will-change: transform,opacity; } .particle:nth-child(1){left:10%;animation-delay:0s;} .particle:nth-child(2){left:30%;animation-delay:1.2s;} .particle:nth-child(3){left:50%;animation-delay:2.4s;} .particle:nth-child(4){left:70%;animation-delay:3.6s;} .particle:nth-child(5){left:90%;animation-delay:4.8s;} @keyframes particleFloat { 0%,100%{transform:translateY(100%) translateX(0);opacity:0;} 10%{opacity:1;} 50%{transform:translateY(-20px) translateX(20px);opacity:1;} 90%{opacity:1;} } /* ══════════════════════════════════════════ ENHANCED GAMING LOGO — SMALLER SIZE ✅ ══════════════════════════════════════════ */ .navbar .logo { position: relative; display: inline-flex; align-items: center; gap: 0.9rem; /* ✅ Was 1.4rem */ padding: 0.35rem 1.2rem 0.35rem 0.35rem; /* ✅ Was 0.5rem 1.8rem 0.5rem 0.5rem */ text-decoration: none; cursor: pointer; background: linear-gradient(135deg, rgba(0,255,136,0.08) 0%, rgba(0,217,255,0.06) 50%, rgba(168,85,247,0.08) 100%); border: 1.5px solid rgba(0,217,255,0.25); border-radius: 60px; overflow: visible; z-index: 1; animation: logoBootIn 1.2s cubic-bezier(0.22,1,0.36,1) both; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } @keyframes logoBootIn { 0% { opacity:0; transform:scale(0.55) translateY(18px); filter:brightness(3) blur(8px); } 60% { opacity:1; filter:brightness(1.4) blur(0); } 80% { transform:scale(1.04) translateY(-2px); } 100% { transform:scale(1) translateY(0); filter:brightness(1); } } .navbar .logo::before { content: ''; position: absolute; inset: -2px; border-radius: 62px; background: linear-gradient(90deg, var(--neon-cyan), var(--neon-green), var(--neon-purple), var(--gaming-red), var(--neon-cyan)); background-size: 300% 100%; opacity: 0; z-index: -1; filter: blur(12px); transition: opacity 0.4s ease; animation: borderCycle 2.5s linear infinite; } .navbar .logo::after { content: ''; position: absolute; inset: -1.5px; border-radius: 62px; background: linear-gradient(90deg, var(--neon-cyan), var(--neon-green), var(--neon-purple), var(--gaming-red), var(--neon-cyan)); background-size: 300% 100%; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 1.5px; opacity: 0; transition: opacity 0.4s ease; animation: borderCycle 2.5s linear infinite; } @keyframes borderCycle { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } } .navbar .logo:hover::before, .navbar .logo:hover::after { opacity: 1; } .navbar .logo:hover { transform: translateY(-3px); box-shadow: 0 18px 50px rgba(0,255,136,0.2), 0 0 70px rgba(0,217,255,0.12); border-color: transparent; } /* ── Circuit lines (hover reveal) ── */ .logo-circuit { position: absolute; inset: 0; border-radius: 60px; overflow: hidden; pointer-events: none; opacity: 0; transition: opacity 0.4s ease; } .navbar .logo:hover .logo-circuit { opacity: 1; } .logo-circuit svg { width:100%; height:100%; position:absolute; top:0; left:0; } .c-path { fill: none; stroke: var(--neon-cyan); stroke-width: 0.5; opacity: 0.35; stroke-dasharray: 220; stroke-dashoffset: 220; animation: circuitDraw 1.4s ease forwards var(--d, 0s); } @keyframes circuitDraw { to { stroke-dashoffset: 0; } } /* ── Icon wrap — SMALLER ✅ ── */ .logo-icon-wrap { position: relative; width: 40px; height: 40px; /* ✅ Was 54px */ flex-shrink: 0; } .logo-ring-outer { position: absolute; inset: -5px; /* ✅ Was -7px */ border-radius: 50%; border: 1.5px solid transparent; /* ✅ Was 2px */ border-top-color: var(--neon-cyan); border-right-color: var(--neon-green); animation: ringRotate 2.5s linear infinite; filter: drop-shadow(0 0 4px var(--neon-cyan)); } @keyframes ringRotate { to { transform: rotate(360deg); } } .logo-ring-inner { position: absolute; inset: -1px; /* ✅ Was -2px */ border-radius: 50%; border: 1px dashed rgba(0,217,255,0.4); /* ✅ Was 1.5px */ animation: ringRotate 4s linear infinite reverse; } .logo-orbit-dot { position: absolute; inset: -8px; /* ✅ Was -10px */ border-radius: 50%; animation: ringRotate 1.8s linear infinite; pointer-events: none; } .logo-orbit-dot::before { content:''; position: absolute; top:0; left:50%; transform: translateX(-50%); width:5px; height:5px; /* ✅ Was 6px */ background: var(--neon-green); border-radius: 50%; box-shadow: 0 0 8px var(--neon-green), 0 0 16px var(--neon-green); } /* image frame — SMALLER ✅ */ .logo-img-frame { position: relative; width: 40px; height: 40px; /* ✅ Was 54px */ border-radius: 50%; background: radial-gradient(circle, rgba(0,255,136,0.15) 0%, rgba(0,0,0,0.8) 100%); display: flex; align-items: center; justify-content: center; overflow: hidden; transition: all 0.4s ease; } .logo-img-frame::after { content:''; position: absolute; left:0; right:0; height:2px; background: linear-gradient(90deg, transparent, rgba(0,255,136,0.9), transparent); top:-2px; animation: scanLine 2s linear infinite; } @keyframes scanLine { 0% { top:-2px; opacity:0; } 8% { opacity:1; } 90% { opacity:1; } 100%{ top:100%; opacity:0; } } .logo-img-frame img { width: 32px; height: 32px; /* ✅ Was 40px */ object-fit: contain; display: block; filter: drop-shadow(0 0 10px rgba(0,255,136,0.8)); transition: transform 0.7s ease, filter 0.4s ease; animation: imgPulse 3s ease-in-out infinite; } @keyframes imgPulse { 0%,100%{ filter: drop-shadow(0 0 8px rgba(0,255,136,0.7)); } 50% { filter: drop-shadow(0 0 18px rgba(0,217,255,1)) drop-shadow(0 0 30px rgba(0,255,136,0.5)); } } .navbar .logo:hover .logo-img-frame img { transform: rotateY(360deg) scale(1.1); filter: drop-shadow(0 0 20px rgba(0,255,136,1)) brightness(1.3); } /* ── Divider ── */ .logo-divider { display: block; width: 1.5px; height: 28px; /* ✅ Was 36px */ background: linear-gradient(to bottom, transparent, rgba(0,217,255,0.6) 30%, rgba(0,255,136,0.6) 70%, transparent); border-radius: 2px; flex-shrink: 0; box-shadow: 0 0 8px rgba(0,217,255,0.4); } /* ── Text — SMALLER ✅ ── */ .logo-text-wrap { display: flex; flex-direction: column; gap: 0.05rem; } .logo-main { font-family: 'Russo One', sans-serif; font-size: 1.15rem; /* ✅ Was 1.45rem */ font-weight: 900; letter-spacing: 0.08em; /* ✅ Was 0.1em */ text-transform: uppercase; position: relative; background: linear-gradient(135deg, #ffffff 0%, var(--neon-cyan) 40%, var(--neon-green) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; line-height: 1; } .logo-main::before, .logo-main::after { content: attr(data-text); position: absolute; top:0; left:0; -webkit-background-clip: text; background-clip: text; color: transparent; opacity: 0; } .logo-main::before { background: linear-gradient(135deg, var(--gaming-red), var(--neon-purple)); -webkit-background-clip: text; background-clip: text; animation: glitchTop 6s ease-in-out infinite; } .logo-main::after { background: linear-gradient(135deg, var(--neon-cyan), var(--neon-green)); -webkit-background-clip: text; background-clip: text; animation: glitchBot 6s ease-in-out infinite 0.06s; } @keyframes glitchTop { 0%,85%,100%{ opacity:0; transform:translate(0); } 86%{ opacity:0.7; transform:translate(-3px,-1px); clip-path:polygon(0 0,100% 0,100% 40%,0 40%); } 88%{ opacity:0.7; transform:translate(3px,0); clip-path:polygon(0 20%,100% 20%,100% 60%,0 60%); } 90%{ opacity:0; } } @keyframes glitchBot { 0%,85%,100%{ opacity:0; transform:translate(0); } 87%{ opacity:0.7; transform:translate(3px,1px); clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%); } 89%{ opacity:0.7; transform:translate(-2px,0); clip-path:polygon(0 40%,100% 40%,100% 80%,0 80%); } 91%{ opacity:0; } } /* Tagline typewriter */ .logo-tagline { font-family: 'Orbitron', monospace; font-size: 0.36rem; /* ✅ Was 0.42rem */ letter-spacing: 0.28em; /* ✅ Was 0.32em */ text-transform: uppercase; color: var(--neon-cyan); opacity: 0.75; position: relative; overflow: hidden; white-space: nowrap; width: 0; animation: typewriter 1.5s steps(18) 0.9s both; } @keyframes typewriter { to { width: 100%; } } .logo-tagline::after { content: '|'; position: absolute; right: -4px; color: var(--neon-green); animation: blink 0.8s step-end infinite; } @keyframes blink { 0%,100%{opacity:1;} 50%{opacity:0;} } /* ══════════════════════════════════ NAV LINKS ══════════════════════════════════ */ .navbar .nav-links { display: flex; align-items: center; gap: 0.5rem; } .navbar .nav-link { position: relative; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.65rem 1.1rem; color: var(--text-gray); font-weight: 600; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.1em; border-radius: 50px; cursor: pointer; border: 1px solid transparent; background: transparent; transition: all 0.3s cubic-bezier(0.4,0,0.2,1); overflow: hidden; z-index: 1; } .link-bg { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(0,255,136,0.1), rgba(0,217,255,0.1)); opacity: 0; transition: opacity 0.3s ease; z-index: -1; } .link-shine { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); transition: left 0.6s ease; will-change: left; } .navbar .nav-link:hover .link-shine { left: 100%; } .nav-icon { font-size: 1rem; transition: all 0.3s ease; } .pulse-icon { animation: iconPulse 2s ease-in-out infinite; will-change: transform; } @keyframes iconPulse { 0%,100%{transform:scale(1);} 50%{transform:scale(1.2);} } .navbar .nav-link:hover, .navbar .nav-link.active { color: var(--text-white); border-color: var(--neon-cyan); box-shadow: 0 0 20px rgba(0,217,255,0.4), inset 0 0 20px rgba(0,217,255,0.1); transform: translateY(-2px); } .navbar .nav-link:hover .link-bg, .navbar .nav-link.active .link-bg { opacity: 1; } .navbar .nav-link:hover .nav-icon, .navbar .nav-link.active .nav-icon { transform: scale(1.15) rotateY(360deg); color: var(--neon-green); filter: drop-shadow(0 0 8px var(--neon-green)); } /* ── Play Arena ── */ .play-arena { position: relative; background: linear-gradient(135deg, rgba(255,0,85,0.25) 0%, rgba(168,85,247,0.3) 50%, rgba(0,217,255,0.25) 100%); border: 2px solid transparent; background-clip: padding-box; overflow: visible; } .play-arena::before { content:''; position: absolute; inset:-2px; background: linear-gradient(45deg, var(--gaming-red), var(--neon-purple), var(--neon-cyan), var(--gaming-red)); border-radius: inherit; z-index:-1; background-size:300% 300%; animation: borderGlow 3s ease infinite; will-change: background-position; } @keyframes borderGlow { 0%,100%{background-position:0% 50%;} 50%{background-position:100% 50%;} } .arena-glow-bg { position: absolute; inset:0; background: radial-gradient(circle at center, rgba(255,0,85,0.3), rgba(168,85,247,0.2), transparent); border-radius: inherit; opacity:0; transition: opacity 0.4s ease; z-index:-1; filter: blur(20px); } .arena-pulse { position: absolute; inset:-4px; background: linear-gradient(45deg, var(--gaming-red), var(--neon-purple), var(--neon-cyan)); border-radius: inherit; opacity:0; z-index:-2; filter: blur(15px); animation: arenaPulseAnim 2s ease-in-out infinite; will-change: opacity,transform; } @keyframes arenaPulseAnim { 0%,100%{ opacity:0.3; transform:scale(1); } 50% { opacity:0.6; transform:scale(1.05); } } .arena-sparkle { position:absolute; inset:0; border-radius:inherit; overflow:hidden; } .arena-sparkle::before,.arena-sparkle::after { content:''; position:absolute; width:20px; height:20px; background: radial-gradient(circle, rgba(255,255,255,0.8), transparent); border-radius:50%; animation: sparkleMove 3s ease-in-out infinite; will-change: transform,opacity; } .arena-sparkle::before { top:20%; left:-10%; animation-delay:0s; } .arena-sparkle::after { bottom:20%; right:-10%; animation-delay:1.5s; } @keyframes sparkleMove { 0% { transform:translate(0,0) scale(0); opacity:0; } 50% { transform:translate(50px,-10px) scale(1); opacity:1; } 100%{ transform:translate(100px,-20px) scale(0); opacity:0; } } .play-arena:hover { transform:translateY(-3px) scale(1.05); box-shadow:0 15px 50px rgba(255,0,85,0.5),0 0 60px rgba(168,85,247,0.4); } .play-arena:hover .arena-glow-bg { opacity:1; } .play-arena .nav-icon { color: var(--neon-cyan); filter: drop-shadow(0 0 10px var(--neon-cyan)); animation: boltShake 0.5s ease-in-out infinite; will-change: transform; } @keyframes boltShake { 0%,100%{transform:rotate(0deg) scale(1);} 25%{transform:rotate(-5deg) scale(1.1);} 75%{transform:rotate(5deg) scale(1.1);} } .play-arena:hover .nav-icon { color: var(--gaming-red); filter: drop-shadow(0 0 15px var(--gaming-red)); animation: boltElectric 0.3s ease-in-out infinite; } @keyframes boltElectric { 0%,100%{ transform:rotate(0deg) scale(1.2); filter:drop-shadow(0 0 15px var(--gaming-red)); } 50% { transform:rotate(180deg) scale(1.3); filter:drop-shadow(0 0 25px var(--gaming-red)) drop-shadow(0 0 35px var(--neon-purple)); } } .play-arena .link-text { position:relative; font-weight:900; font-size:0.95rem; color:#fff; text-shadow:0 0 10px rgba(255,255,255,0.8),0 0 20px rgba(0,217,255,0.6),0 0 30px rgba(255,0,85,0.4),2px 2px 4px rgba(0,0,0,0.8); letter-spacing:0.12em; z-index:10; } .play-arena:hover .link-text { color:#fff; text-shadow:0 0 15px rgba(255,255,255,1),0 0 25px rgba(0,217,255,0.8),0 0 35px rgba(255,0,85,0.6),0 0 45px rgba(168,85,247,0.4),2px 2px 6px rgba(0,0,0,0.9); } /* ── CTA ── */ .navbar .cta-link { position:relative; background: linear-gradient(270deg,#00ff88,#00d9ff,#a855f7,#ff0055); background-size: 600% 600%; animation: gradientMove 6s ease infinite; color: var(--deep-black); font-weight:700; border:none; box-shadow: 0 8px 30px rgba(0,255,136,0.4); overflow:hidden; } @keyframes gradientMove { 0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;} } .cta-glow { position:absolute; inset:-3px; background: linear-gradient(45deg, var(--neon-green), var(--neon-cyan), var(--neon-green)); border-radius:50px; opacity:0; filter:blur(15px); transition: opacity 0.4s ease; z-index:-1; background-size:200% 200%; animation: gradientShift 2s ease infinite; will-change: opacity; } .cta-shine { position:absolute; top:-50%; left:-50%; width:200%; height:200%; background: linear-gradient(45deg, transparent, rgba(255,255,255,0.4), transparent); transform:rotate(45deg); animation: ctaShine 3s ease-in-out infinite; will-change: transform; } @keyframes ctaShine { 0% { transform:translateX(-100%) translateY(-100%) rotate(45deg); } 100%{ transform:translateX(100%) translateY(100%) rotate(45deg); } } @keyframes gradientShift { 0%,100%{background-position:0% 50%;} 50%{background-position:100% 50%;} } .navbar .cta-link:hover { transform:translateY(-3px) scale(1.05); box-shadow:0 15px 50px rgba(0,255,136,0.6); } .navbar .cta-link:hover .cta-glow { opacity:1; } /* ══════════════════════════════════ DROPDOWN ══════════════════════════════════ */ .navbar .dropdown { position:relative; } .dropdown-arrow { font-size:0.7rem; margin-left:0.3rem; transition:transform 0.3s ease; } .dropdown.active .dropdown-arrow, .navbar .dropdown:hover .dropdown-arrow { transform:rotate(180deg); } @media (min-width: 1025px) { .navbar .dropdown-menu { position:absolute; top: calc(100% + 14px); left:50%; transform:translateX(-50%) translateY(10px); min-width:200px; background: rgba(15,15,30,0.96); backdrop-filter: blur(30px) saturate(200%); border:2px solid rgba(0,217,255,0.4); box-shadow:0 20px 60px rgba(0,0,0,0.9),0 0 50px rgba(0,217,255,0.3),inset 0 0 30px rgba(0,255,136,0.05); border-radius:18px; padding:0.8rem; opacity:0; visibility:hidden; pointer-events:none; z-index:2000; transition: all 0.35s cubic-bezier(0.4,0,0.2,1); } .navbar .dropdown:hover .dropdown-menu { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); pointer-events:auto; } .navbar .dropdown-menu::after { content:''; position:absolute; inset:-3px; background: linear-gradient(45deg, var(--neon-cyan), var(--neon-green), var(--neon-purple), var(--neon-cyan)); border-radius:20px; opacity:0.35; filter:blur(12px); z-index:-1; background-size:300% 300%; animation:gradientShift 3s ease infinite; } .navbar .dropdown, .navbar .dropdown-menu { pointer-events:auto; } } @media (max-width: 1024px) { .navbar .dropdown-menu { position:static; display:none; opacity:1; visibility:visible; transform:none; margin-top:0.5rem; margin-left:1rem; background: rgba(15,15,30,0.85); backdrop-filter: blur(20px); border:1px solid rgba(0,217,255,0.3); border-radius:15px; padding:0.5rem; box-shadow:0 10px 30px rgba(0,0,0,0.7); } .navbar .dropdown.active .dropdown-menu { display:block; animation: dropdownSlide 0.3s ease forwards; } } @keyframes dropdownSlide { from{opacity:0;transform:translateY(-10px);} to{opacity:1;transform:translateY(0);} } .dropdown-link { display:flex; align-items:center; gap:0.75rem; padding:0.75rem 1rem; color: var(--text-gray); font-size:0.9rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; border-radius:12px; border-left:3px solid transparent; transition: all 0.3s ease; margin-bottom:0.3rem; } .dropdown-link:last-child { margin-bottom:0; } .dropdown-link i { font-size:1rem; transition:all 0.3s ease; } .dropdown-link:hover, .dropdown-link.active { background: linear-gradient(135deg, rgba(0,255,136,0.15), rgba(0,217,255,0.15)); border-left-color: var(--neon-green); color: var(--text-white); transform:translateX(5px); } .dropdown-link:hover i { transform:scale(1.2) rotate(360deg); color:var(--neon-green); filter:drop-shadow(0 0 8px var(--neon-green)); } /* ══════════════════════════════════ HAMBURGER ══════════════════════════════════ */ .hamburger { display:none; padding:0.5rem; background: linear-gradient(135deg, rgba(0,255,136,0.1), rgba(0,217,255,0.1)); border:2px solid var(--neon-cyan); border-radius:12px; cursor:pointer; transition:all 0.3s ease; } .hamburger:hover { border-color:var(--neon-green); box-shadow:0 0 20px rgba(0,255,136,0.4); transform:scale(1.05); } .hamburger-box { width:30px; height:24px; display:flex; flex-direction:column; justify-content:space-around; position:relative; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width:100%; height:3px; background: var(--neon-green); border-radius:4px; transition:all 0.3s ease; box-shadow:0 0 8px var(--neon-green); } .hamburger-inner { position:relative; } .hamburger-inner::before,.hamburger-inner::after { content:''; position:absolute; left:0; } .hamburger-inner::before { top:-10px; } .hamburger-inner::after { top: 10px; } .hamburger.active .hamburger-inner { background:transparent; box-shadow:none; } .hamburger.active .hamburger-inner::before { transform:translateY(10px) rotate(45deg); background:var(--gaming-red); box-shadow:0 0 12px var(--gaming-red); } .hamburger.active .hamburger-inner::after { transform:translateY(-10px) rotate(-45deg); background:var(--gaming-red); box-shadow:0 0 12px var(--gaming-red); } /* ══════════════════════════════════ RESPONSIVE ══════════════════════════════════ */ @media (max-width: 1024px) { .navbar { padding:0.5rem 1.5rem; } .navbar .nav-links { position:fixed; top:0; right:-100%; height:100vh; width:85%; max-width:400px; background: rgba(10,10,15,0.98); backdrop-filter: blur(30px) saturate(180%); flex-direction:column; align-items:flex-start; padding:5rem 2rem 2rem; gap:0.8rem; transition: right 0.5s cubic-bezier(0.4,0,0.2,1); box-shadow:-20px 0 60px rgba(0,0,0,0.9); overflow-y:auto; overflow-x:hidden; } .navbar .nav-links.active { right:0; } .hamburger { display:block; } .navbar .nav-link { width:100%; justify-content:flex-start; } .navbar .cta-link { width:100%; justify-content:center; margin-top:1rem; } } @media (max-width: 480px) { .navbar { padding:0.4rem 1rem; } .navbar .logo { padding:0.28rem 0.8rem 0.28rem 0.3rem; gap:0.5rem; } .logo-main { font-size:0.95rem; } .logo-icon-wrap, .logo-img-frame { width:34px; height:34px; } .logo-img-frame img { width:26px; height:26px; } } /* ── Reduced motion ── */ @media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; } } </style> <script> (function () { 'use strict'; const navbar = document.querySelector('.navbar'); const hamburger = document.querySelector('.hamburger'); const navLinks = document.querySelector('.nav-links'); const dropdowns = document.querySelectorAll('.dropdown'); const dropdownToggles = document.querySelectorAll('.dropdown-toggle'); const dropdownMenus = document.querySelectorAll('.dropdown-menu'); /* ── Scroll ── */ let scrollRaf; window.addEventListener('scroll', () => { if (scrollRaf) cancelAnimationFrame(scrollRaf); scrollRaf = requestAnimationFrame(() => { navbar.classList.toggle('scrolled', window.scrollY > 50); }); }, { passive: true }); /* ── Hamburger ── */ if (hamburger) { hamburger.addEventListener('click', (e) => { e.stopPropagation(); const isOpen = navLinks.classList.toggle('active'); hamburger.classList.toggle('active', isOpen); hamburger.setAttribute('aria-expanded', isOpen ? 'true' : 'false'); document.body.style.overflow = isOpen ? 'hidden' : ''; if (!isOpen) { dropdowns.forEach(d => { d.classList.remove('active'); const btn = d.querySelector('.dropdown-toggle'); if (btn) btn.setAttribute('aria-expanded', 'false'); }); } }); } /* ── Mobile dropdown toggles ── */ dropdownToggles.forEach(toggle => { toggle.addEventListener('click', (e) => { if (window.innerWidth > 1024) return; e.preventDefault(); e.stopPropagation(); const dropdown = toggle.closest('.dropdown'); const isOpen = dropdown.classList.contains('active'); dropdowns.forEach(d => { if (d !== dropdown) { d.classList.remove('active'); const btn = d.querySelector('.dropdown-toggle'); if (btn) btn.setAttribute('aria-expanded', 'false'); } }); dropdown.classList.toggle('active', !isOpen); toggle.setAttribute('aria-expanded', (!isOpen).toString()); }); }); /* ── Desktop: aria-expanded on hover ── */ if (window.innerWidth > 1024) { dropdowns.forEach(dropdown => { const toggle = dropdown.querySelector('.dropdown-toggle'); if (!toggle) return; dropdown.addEventListener('mouseenter', () => toggle.setAttribute('aria-expanded', 'true')); dropdown.addEventListener('mouseleave', () => toggle.setAttribute('aria-expanded', 'false')); }); } /* ── Prevent close on inner click ── */ dropdownMenus.forEach(menu => menu.addEventListener('click', e => e.stopPropagation())); /* ── Outside click (mobile) ── */ document.addEventListener('click', (e) => { if (!e.target.closest('.navbar') && window.innerWidth <= 1024) { if (hamburger) { hamburger.classList.remove('active'); hamburger.setAttribute('aria-expanded', 'false'); } if (navLinks) navLinks.classList.remove('active'); document.body.style.overflow = ''; dropdowns.forEach(d => { d.classList.remove('active'); const btn = d.querySelector('.dropdown-toggle'); if (btn) btn.setAttribute('aria-expanded', 'false'); }); } }); /* ── Close mobile menu on link click ── */ document.querySelectorAll('.dropdown-link, .nav-link:not(.dropdown-toggle)').forEach(link => { link.addEventListener('click', () => { if (window.innerWidth <= 1024) { if (hamburger) { hamburger.classList.remove('active'); hamburger.setAttribute('aria-expanded', 'false'); } if (navLinks) navLinks.classList.remove('active'); document.body.style.overflow = ''; dropdowns.forEach(d => { d.classList.remove('active'); const btn = d.querySelector('.dropdown-toggle'); if (btn) btn.setAttribute('aria-expanded', 'false'); }); } }); }); /* ── Resize cleanup ── */ let resizeTimer; window.addEventListener('resize', () => { clearTimeout(resizeTimer); resizeTimer = setTimeout(() => { if (window.innerWidth > 1024) { if (hamburger) { hamburger.classList.remove('active'); hamburger.setAttribute('aria-expanded', 'false'); } if (navLinks) navLinks.classList.remove('active'); document.body.style.overflow = ''; dropdowns.forEach(d => { d.classList.remove('active'); const btn = d.querySelector('.dropdown-toggle'); if (btn) btn.setAttribute('aria-expanded', 'false'); }); } }, 150); }, { passive: true }); /* ── Mouse parallax (throttled) ── */ let mouseRaf = null; document.addEventListener('mousemove', (e) => { if (mouseRaf) return; mouseRaf = setTimeout(() => { const particles = document.querySelectorAll('.particle'); const mx = e.clientX / window.innerWidth; const my = e.clientY / window.innerHeight; particles.forEach((p, i) => { const s = (i + 1) * 0.5; p.style.transform = `translate(${(mx - 0.5) * s * 20}px, ${(my - 0.5) * s * 20}px)`; }); mouseRaf = null; }, 16); }, { passive: true }); /* ── Re-trigger circuit animation on logo hover ── */ const logo = document.querySelector('.navbar .logo'); if (logo) { logo.addEventListener('mouseenter', () => { document.querySelectorAll('.c-path').forEach(p => { p.style.animation = 'none'; p.getBoundingClientRect(); p.style.animation = ''; }); }); } })(); </script> <div class="content-wrapper">  <section class="hero" aria-label="3D Real Estate Assets Overview"> <div class="hero-inner"> <div class="hero-content reveal"> <div class="neon-pill" style="margin-bottom:1rem;" aria-hidden="true"> <i class="fa-solid fa-building"></i> Real Estate 3D Assets </div> <h1 class="hero-title">3D Real Estate Assets</h1> <p class="hero-subtitle"> High-quality 3D assets for property visualization, interactive VR walkthroughs and real-time sales presentations. Built for real estate developers, architects and studios. </p> <div class="hero-tags" aria-label="Real estate asset features"> <span class="hero-tag">Architectural Visualization</span> <span class="hero-tag">Real-Time Engines</span> <span class="hero-tag">VR / AR Ready</span> <span class="hero-tag">Marketing & Simulation</span> </div> <div class="hero-buttons"> <a href="#categories" class="btn-primary" aria-label="Browse real estate 3D asset types"> <i class="fa-solid fa-layer-group" aria-hidden="true"></i> Browse Asset Types </a> <a href="#features" class="btn-secondary" aria-label="View features for developers and firms"> <i class="fa-solid fa-briefcase" aria-hidden="true"></i> For Developers & Firms </a> </div> </div> <aside class="hero-aside reveal delay-2" aria-label="Featured Real Estate Asset Pack"> <div class="hero-aside-thumb"> <img src="/static/images/services_p_img/Realstate.png" alt="Premium apartment interior 3D asset pack with living room, bedroom and 4K PBR materials for real estate visualization" loading="eager" width="500" height="320" > </div> <div class="hero-aside-meta"> <div> <div class="hero-aside-title">Premium Apartment Interior Pack</div> <div class="hero-aside-tags"> <span>Living & Bedroom</span> <span>Photo-Real</span> <span>4K Materials</span> </div> </div> <div class="hero-aside-cta"> <a href="#categories" aria-label="View all real estate asset packs"> View Packs <i class="fa-solid fa-arrow-right" aria-hidden="true"></i> </a> </div> </div> </aside> </div> </section>  <section class="section" id="stats" aria-label="Real Estate Asset Library Statistics"> <div class="section-inner"> <div class="stats-grid"> <div class="stat-item reveal delay-1"> <div class="stat-number">500+</div> <div class="stat-label">Property Assets</div> </div> <div class="stat-item reveal delay-2"> <div class="stat-number">120+</div> <div class="stat-label">Projects Served</div> </div> <div class="stat-item reveal delay-3"> <div class="stat-number">40+</div> <div class="stat-label">Developers & Studios</div> </div> <div class="stat-item reveal delay-4"> <div class="stat-number">24/7</div> <div class="stat-label">Technical Support</div> </div> </div> </div> </section>  <section class="section" id="categories" aria-labelledby="categories-heading"> <div class="section-inner"> <div class="section-heading reveal"> <h2 id="categories-heading">Real Estate Asset Categories</h2> <p>Ready-made 3D assets for residential, commercial and mixed-use property projects.</p> </div> <div class="category-grid"> <article class="category-card reveal delay-1"> <div class="card-icon" aria-hidden="true"><i class="fas fa-couch"></i></div> <h3 class="card-title">Residential Interior Assets</h3> <p class="card-text">Apartments, villas and complete room layouts for immersive property visualization.</p> <div class="card-count"><i class="fa-solid fa-box-open" aria-hidden="true"></i> 80+ Packs</div> </article> <article class="category-card reveal delay-2"> <div class="card-icon" aria-hidden="true"><i class="fas fa-briefcase"></i></div> <h3 class="card-title">Commercial Space Assets</h3> <p class="card-text">Offices, retail stores and showrooms in modern architectural styles for commercial property demos.</p> <div class="card-count"><i class="fa-solid fa-box-open" aria-hidden="true"></i> 50+ Packs</div> </article> <article class="category-card reveal delay-3"> <div class="card-icon" aria-hidden="true"><i class="fas fa-warehouse"></i></div> <h3 class="card-title">Building Exteriors & Facades</h3> <p class="card-text">3D building exteriors, towers and street views at various architectural scales.</p> <div class="card-count"><i class="fa-solid fa-box-open" aria-hidden="true"></i> 60+ Packs</div> </article> <article class="category-card reveal delay-4"> <div class="card-icon" aria-hidden="true"><i class="fas fa-swimming-pool"></i></div> <h3 class="card-title">Amenities & Common Areas</h3> <p class="card-text">Lobbies, clubs, pools and shared spaces for lifestyle property visualization.</p> <div class="card-count"><i class="fa-solid fa-box-open" aria-hidden="true"></i> 40+ Packs</div> </article> <article class="category-card reveal delay-1"> <div class="card-icon" aria-hidden="true"><i class="fas fa-tree"></i></div> <h3 class="card-title">Landscaping & Outdoor Assets</h3> <p class="card-text">3D gardens, pathways and outdoor elements for property surroundings and site visualization.</p> <div class="card-count"><i class="fa-solid fa-box-open" aria-hidden="true"></i> 35+ Packs</div> </article> <article class="category-card reveal delay-2"> <div class="card-icon" aria-hidden="true"><i class="fas fa-hard-hat"></i></div> <h3 class="card-title">Under-Construction Stage Assets</h3> <p class="card-text">3D structure phases for project progress visualization and training demonstrations.</p> <div class="card-count"><i class="fa-solid fa-box-open" aria-hidden="true"></i> 25+ Packs</div> </article> <article class="category-card reveal delay-3"> <div class="card-icon" aria-hidden="true"><i class="fas fa-chair"></i></div> <h3 class="card-title">Furniture & Fixture Assets</h3> <p class="card-text">Modular 3D furniture, lighting and decor for rapid property staging and presentation.</p> <div class="card-count"><i class="fa-solid fa-box-open" aria-hidden="true"></i> 90+ Packs</div> </article> <article class="category-card reveal delay-4"> <div class="card-icon" aria-hidden="true"><i class="fas fa-city"></i></div> <h3 class="card-title">Mixed-Use Environment Assets</h3> <p class="card-text">Combined residential, retail and office 3D setups in a single unified scene.</p> <div class="card-count"><i class="fa-solid fa-box-open" aria-hidden="true"></i> 20+ Packs</div> </article> </div> </div> </section>  <section class="section" id="features" aria-labelledby="features-heading"> <div class="section-inner"> <div class="section-heading reveal"> <h2 id="features-heading">Designed for Real Estate Teams</h2> <p>Technical quality for developers, clear visuals for clients and property buyers.</p> </div> <div class="features-row"> <article class="feature-card reveal delay-1"> <div class="feature-icon" aria-hidden="true"><i class="fas fa-ruler-combined"></i></div> <h3 class="feature-title">Accurate Scale</h3> <p class="feature-desc">Dimensions aligned with real-world architectural standards for reliable space planning and property visualization.</p> </article> <article class="feature-card reveal delay-2"> <div class="feature-icon" aria-hidden="true"><i class="fas fa-clone"></i></div> <h3 class="feature-title">Consistent PBR Materials</h3> <p class="feature-desc">Clean PBR materials for floors, walls and finishes across all real estate scenes for photorealistic renders.</p> </article> <article class="feature-card reveal delay-3"> <div class="feature-icon" aria-hidden="true"><i class="fas fa-vr-cardboard"></i></div> <h3 class="feature-title">VR / AR Ready</h3> <p class="feature-desc">Optimized 3D assets for interactive property tours and headset-based VR walkthroughs for buyers.</p> </article> <article class="feature-card reveal delay-4"> <div class="feature-icon" aria-hidden="true"><i class="fas fa-plug"></i></div> <h3 class="feature-title">Engine Integration</h3> <p class="feature-desc">Full support for Unity, Unreal Engine and other real-time engines used in property demos and sales presentations.</p> </article> </div> </div> </section>  <section class="section" aria-labelledby="faq-heading"> <div class="section-inner"> <div class="section-heading reveal"> <h2 id="faq-heading">Frequently Asked Questions</h2> <p>Common questions about GauravGo's 3D real estate asset library.</p> </div> <div class="faq-section reveal"> <div class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <button class="faq-question" aria-expanded="false" aria-controls="faq-1"> <span itemprop="name">What 3D real estate asset categories does GauravGo offer?</span> <i class="fas fa-chevron-down faq-icon" aria-hidden="true"></i> </button> <div class="faq-answer" id="faq-1" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text">GauravGo offers 500+ 3D real estate assets across 8 categories: Residential Interiors (80+ packs), Commercial Spaces (50+ packs), Building Exteriors & Facades (60+ packs), Amenities & Common Areas (40+ packs), Landscaping & Outdoor (35+ packs), Under-Construction Stages (25+ packs), Furniture & Fixtures (90+ packs) and Mixed-Use Environments (20+ packs).</p> </div> </div> <div class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <button class="faq-question" aria-expanded="false" aria-controls="faq-2"> <span itemprop="name">Are GauravGo's real estate 3D assets VR and AR compatible?</span> <i class="fas fa-chevron-down faq-icon" aria-hidden="true"></i> </button> <div class="faq-answer" id="faq-2" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text">Yes. All GauravGo real estate assets are optimized for VR and AR applications, supporting interactive property walkthroughs and headset-based sales presentations.</p> </div> </div> <div class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <button class="faq-question" aria-expanded="false" aria-controls="faq-3"> <span itemprop="name">Which real-time engines support GauravGo's real estate assets?</span> <i class="fas fa-chevron-down faq-icon" aria-hidden="true"></i> </button> <div class="faq-answer" id="faq-3" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text">GauravGo's 3D real estate assets support Unity and Unreal Engine, as well as other real-time engines used for property visualization and interactive sales demos.</p> </div> </div> <div class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <button class="faq-question" aria-expanded="false" aria-controls="faq-4"> <span itemprop="name">Can GauravGo's assets be used for property sales presentations?</span> <i class="fas fa-chevron-down faq-icon" aria-hidden="true"></i> </button> <div class="faq-answer" id="faq-4" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text">Yes. GauravGo's real estate 3D assets are built specifically for professional property visualization and sales presentations — from concept-stage renders to final client-facing interactive walkthroughs.</p> </div> </div> </div> </div> </section>  <section class="section" aria-label="Call to Action"> <div class="section-inner"> <div class="cta-box reveal"> <div class="neon-pill" style="margin-bottom:0.8rem;" aria-hidden="true"> <i class="fa-solid fa-chart-line"></i> Visualize. Present. Close Deals. </div> <h2>Upgrade Your Property Presentations</h2> <p>Use GauravGo's 3D real estate assets to deliver professional architectural visualizations — from concept to final sales experience.</p> <div class="hero-buttons" style="justify-content:center;"> <a href="#categories" class="btn-primary" aria-label="Explore all 3D real estate assets"> <i class="fa-solid fa-layer-group" aria-hidden="true"></i> Explore Real Estate Assets </a> <a href="/services" class="btn-secondary" aria-label="Talk to GauravGo team about your project"> <i class="fa-solid fa-envelope" aria-hidden="true"></i> Talk to Our Team </a> </div> </div> </div> </section> </div>  <script type="application/ld+json"> { "@context": "https://schema.org", "@graph": [ { "@type": ["Organization", "LocalBusiness", "VideoGameDeveloper"], "@id": "https://www.gauravgo.com/#organization", "name": "GauravGo Games Technologies Pvt. Ltd.", "alternateName": "GauravGo", "url": "https://www.gauravgo.com/", "logo": { "@type": "ImageObject", "url": "/static/images/media-home-page/logo.png", "width": 50, "height": 50 }, "description": "Eastern India's pioneering game studio crafting story-driven, purpose-led experiences for a global player base and enterprises.", "foundingDate": "2022", "founder": { "@type": "Person", "name": "Dipesh Gaurav" }, "areaServed": "Worldwide", "email": "contact@gauravgo.com", "sameAs": [ "https://www.youtube.com/@gauravgotechnologies", "https://x.com/GauravGo_Games", "https://www.facebook.com/share/1BfrKLwPj2/", "https://www.instagram.com/gauravgotechnologies", "https://discord.gg/7PCzrReSbF", "https://play.google.com/store/apps/dev?id=5755378575178243977" ], "address": [ { "@type": "PostalAddress", "addressLocality": "Kakatpur", "addressRegion": "Puri, Odisha", "postalCode": "752108", "addressCountry": "IN", "streetAddress": "College Square", "name": "Registered Office" }, { "@type": "PostalAddress", "addressLocality": "Mahura, Janla, Bhubaneswar", "addressRegion": "Odisha", "postalCode": "752054", "addressCountry": "IN", "streetAddress": "AIC, CGU, Bidyanagar", "name": "Corporate Office" } ], "contactPoint": { "@type": "ContactPoint", "email": "contact@gauravgo.com", "contactType": "customer support", "availableLanguage": ["English", "Hindi", "Odia"] } } ] } </script> <footer class="gg-footer" role="contentinfo" aria-label="GauravGo Site Footer" itemscope itemtype="https://schema.org/WPFooter"> <div class="particles-bg" aria-hidden="true" role="presentation"></div> <section class="footer-cta-bar" aria-labelledby="footer-cta-heading" itemscope itemtype="https://schema.org/WebPageElement"> <div class="cta-content"> <div class="cta-text"> <span class="cta-label" aria-hidden="true"> <i class="fas fa-bolt" aria-hidden="true"></i> JOIN THE GAURAVGO UNIVERSE </span> <h2 id="footer-cta-heading" itemprop="headline"> Be part of the next generation of Indian game development </h2> <p class="cta-subtitle" itemprop="description"> Connect with thousands of gamers and get exclusive updates </p> </div> <div class="cta-actions" role="group" aria-label="Call to Action Buttons"> <a href="https://discord.gg/7PCzrReSbF" target="_blank" rel="noopener noreferrer me" class="cta-btn primary" aria-label="Join GauravGo Discord Community (opens in new tab)" title="Join our Discord server"> <i class="fab fa-discord" aria-hidden="true"></i> <span>Join Discord</span> <div class="btn-glow" aria-hidden="true"></div> </a> <a href="/games" class="cta-btn secondary cta-btn-gaming glitch-btn" aria-label="Explore GauravGo Games" title="Browse all games"> <i class="fas fa-gamepad" aria-hidden="true"></i> <span class="glitch-text" data-text="Explore Games">Explore Games</span> <span class="gaming-glow" aria-hidden="true"></span> </a> <a href="/services" class="cta-btn secondary" style="border-color: var(--primary-green);" aria-label="Explore GauravGo Services" title="View our services"> <i class="fas fa-layer-group" aria-hidden="true"></i> <span>Explore Services</span> </a> </div> </div> </section> <div class="footer-wave" aria-hidden="true" role="presentation"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none" aria-hidden="true"> <defs> <linearGradient id="waveGradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#38bdf8;stop-opacity:0.3" /> <stop offset="50%" style="stop-color:#4ade80;stop-opacity:0.3" /> <stop offset="100%" style="stop-color:#38bdf8;stop-opacity:0.3" /> </linearGradient> </defs> <path class="shape-fill" opacity="0.25" fill="url(#waveGradient)" d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" /> <path class="shape-fill" opacity="0.5" d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" /> <path class="shape-fill" d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" /> </svg> </div> <div class="footer-main" itemscope itemtype="https://schema.org/Organization"> <div class="footer-content"> <div class="footer-brand"> <a href="/" class="footer-logo" aria-label="GauravGo — Return to Homepage" title="GauravGo Gaming Platform" rel="home" itemprop="url"> <div class="logo-container"> <img src="/static/images/media-home-page/logo.png" alt="GauravGo Games Technologies Logo" loading="lazy" width="50" height="50" itemprop="logo" decoding="async" /> <div class="logo-ring" aria-hidden="true"></div> <div class="orbit-track track-1" aria-hidden="true"> <span class="orbit-icon icon-1"><i class="fas fa-gamepad"></i></span> </div> <div class="orbit-track track-2" aria-hidden="true"> <span class="orbit-icon icon-2"><i class="fas fa-bolt"></i></span> </div> <div class="orbit-track track-3" aria-hidden="true"> <span class="orbit-icon icon-3"><i class="fas fa-star"></i></span> </div> <div class="orbit-track track-4" aria-hidden="true"> <span class="orbit-icon icon-4"><i class="fas fa-fire"></i></span> </div> </div> <span itemprop="name">GauravGo</span> </a> <p class="footer-about" itemprop="description"> Eastern India's pioneering game studio crafting story-driven, purpose-led experiences for a global player base and enterprises. </p> <div class="footer-pills" aria-label="Studio specializations"> <span><i class="fas fa-building" aria-hidden="true"></i> Game Studio</span> <span><i class="fas fa-globe" aria-hidden="true"></i> Mayaverse</span> <span><i class="fas fa-crosshairs" aria-hidden="true"></i> Hyper-casual & FPS</span> </div> <div class="footer-social" role="list" aria-label="GauravGo Social Media Links"> <a href="https://www.youtube.com/@gauravgotechnologies" aria-label="Subscribe GauravGo on YouTube" title="Subscribe to our YouTube Channel" target="_blank" rel="noopener noreferrer me" class="social-btn" role="listitem" itemprop="sameAs"> <i class="fab fa-youtube" aria-hidden="true"></i> <span class="social-tooltip">Subscribe us</span> </a> <a href="https://www.instagram.com/gauravgotechnologies" aria-label="Follow GauravGo on Instagram" title="Follow us on Instagram" target="_blank" rel="noopener noreferrer me" class="social-btn" role="listitem" itemprop="sameAs"> <i class="fab fa-instagram" aria-hidden="true"></i> <span class="social-tooltip">Follow us</span> </a> <a href="https://www.linkedin.com/company/gauravgo-games" aria-label="Connect with GauravGo on LinkedIn" title="Connect on LinkedIn" target="_blank" rel="noopener noreferrer me" class="social-btn" role="listitem" itemprop="sameAs"> <i class="fab fa-linkedin-in" aria-hidden="true"></i> <span class="social-tooltip">Connect</span> </a> <a href="https://x.com/GauravGo_Games?t=8pt91c55qvugk6hlUjmRgA&s=09" aria-label="Follow GauravGo on X (Twitter)" title="Follow us on X" target="_blank" rel="noopener noreferrer me" class="social-btn" role="listitem" itemprop="sameAs"> <i class="fab fa-twitter" aria-hidden="true"></i> <span class="social-tooltip">Follow us</span> </a> <a href="https://www.facebook.com/share/1BfrKLwPj2/" aria-label="Like GauravGo on Facebook" title="Like us on Facebook" target="_blank" rel="noopener noreferrer me" class="social-btn" role="listitem" itemprop="sameAs"> <i class="fab fa-facebook-f" aria-hidden="true"></i> <span class="social-tooltip">Like us</span> </a> <a href="https://discord.gg/7PCzrReSbF" aria-label="Join GauravGo Discord Server" title="Join our Discord" target="_blank" rel="noopener noreferrer me" class="social-btn" role="listitem" itemprop="sameAs"> <i class="fab fa-discord" aria-hidden="true"></i> <span class="social-tooltip">Join server</span> </a> <a href="https://play.google.com/store/apps/dev?id=5755378575178243977&hl=en_IN" aria-label="Get GauravGo Games on Google Play Store" title="Get it on Google Play" target="_blank" rel="noopener noreferrer" class="social-btn" role="listitem" itemprop="sameAs"> <i class="fab fa-google-play" aria-hidden="true"></i> <span class="social-tooltip">Get it on Play Store</span> </a> </div> </div> <nav class="footer-links" aria-label="GauravGo Quick Links" itemscope itemtype="https://schema.org/SiteNavigationElement"> <h3><i class="fas fa-compass" aria-hidden="true"></i> Explore</h3> <ul role="list"> <li role="listitem"><a href="/" itemprop="url"><i class="fas fa-chevron-right" aria-hidden="true"></i><span itemprop="name">Home</span></a></li> <li role="listitem"><a href="/games" itemprop="url"><i class="fas fa-chevron-right" aria-hidden="true"></i><span itemprop="name">Games</span></a></li> <li role="listitem"><a href="/services" itemprop="url"><i class="fas fa-chevron-right" aria-hidden="true"></i><span itemprop="name">Services</span></a></li> <li role="listitem"><a href="/careers" itemprop="url"><i class="fas fa-chevron-right" aria-hidden="true"></i><span itemprop="name">Careers</span></a></li> <li role="listitem"><a href="/media_coverage" itemprop="url"><i class="fas fa-chevron-right" aria-hidden="true"></i><span itemprop="name">Media</span></a></li> <li role="listitem"><a href="/privacy_policy" itemprop="url" rel="nofollow"><i class="fas fa-chevron-right" aria-hidden="true"></i><span itemprop="name">Privacy Policy</span></a></li> <li role="listitem"><a href="/support/" itemprop="url"><i class="fas fa-chevron-right" aria-hidden="true"></i><span itemprop="name">Support</span></a></li> </ul> </nav> <div class="footer-links" itemscope itemtype="https://schema.org/Organization"> <h3><i class="fas fa-gamepad" aria-hidden="true"></i> Studio</h3> <ul class="footer-contact-list" role="list"> <li role="listitem" itemscope itemtype="https://schema.org/PostalAddress" itemprop="address"> <i class="fas fa-building" aria-hidden="true"></i> <address style="font-style:normal;"> <strong>Registered Office:</strong><br> <span itemprop="name">GauravGo Games Technologies</span><br> <span itemprop="streetAddress">College Square, Kakatpur</span>, <span itemprop="addressLocality">Puri</span><br> <span itemprop="addressRegion">Odisha</span>, <span itemprop="addressCountry">India</span> – <span itemprop="postalCode">752108</span> </address> </li> <li role="listitem" itemscope itemtype="https://schema.org/PostalAddress" itemprop="address"> <i class="fas fa-briefcase" aria-hidden="true"></i> <address style="font-style:normal;"> <strong>Corporate Office:</strong><br> <span itemprop="name">GauravGo Games Technologies</span><br> <span itemprop="streetAddress">AIC, CGU, Bidyanagar, Mahura, Janla</span><br> <span itemprop="addressLocality">Bhubaneswar</span><br> <span itemprop="addressRegion">Odisha</span>, <span itemprop="addressCountry">India</span> – <span itemprop="postalCode">752054</span> </address> </li> <li role="listitem"> <i class="fas fa-envelope" aria-hidden="true"></i> <a href="mailto:contact@gauravgo.com" aria-label="Email GauravGo at contact@gauravgo.com" itemprop="email" rel="nofollow">contact@gauravgo.com</a> </li> <li role="listitem"> <i class="fab fa-discord" aria-hidden="true"></i> <a href="https://discord.gg/7PCzrReSbF" target="_blank" rel="noopener noreferrer me" aria-label="Join GauravGo Games Studio Discord (opens in new tab)"> GauravGo Games Studio </a> </li> </ul> </div> </div> <div class="footer-bottom" role="contentinfo"> <div class="footer-bottom-content"> <p> <span aria-label="Copyright 2022 to 2026">© 2022–2026</span> <span class="cyber-brand" itemprop="legalName">GauravGo Games Technologies Pvt. Ltd.</span> || All Rights Reserved. </p> <div class="footer-badges" role="list" aria-label="Trust Badges"> <span class="badge" role="listitem"><i class="fas fa-shield-alt" aria-hidden="true"></i> Secure</span> <span class="badge" role="listitem"><i class="fas fa-award" aria-hidden="true"></i> Certified</span> <span class="badge" role="listitem"> <i class="fas fa-heart" aria-hidden="true"></i> <span itemprop="addressCountry" content="IN">Made in India</span> </span> </div> </div> </div> </div> </footer> <style> :root { --primary-green: #4ade80; --crystal-blue: #38bdf8; --deep-navy: #020617; --near-black: #050510; --purple-accent: #a78bfa; } * { margin: 0; padding: 0; box-sizing: border-box; } .gg-footer { position: relative; background: linear-gradient(180deg, #020617 0%, #0a0a1a 50%, #020617 100%); overflow: hidden; width: 100%; color: #e5e7eb; font-family: "Poppins", sans-serif; margin-top: 4rem; } .particles-bg { position: absolute; inset: 0; background: radial-gradient(circle at 15% 20%, rgba(56, 189, 248, 0.15), transparent 50%), radial-gradient(circle at 85% 80%, rgba(74, 222, 128, 0.15), transparent 50%), radial-gradient(circle at 50% 50%, rgba(167, 139, 250, 0.1), transparent 60%); z-index: 0; } .particles-bg::before { content: ""; position: absolute; inset: 0; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="10" cy="10" r="1.5" fill="rgba(56, 189, 248, 0.6)" /><circle cx="50" cy="30" r="2" fill="rgba(74, 222, 128, 0.5)" /><circle cx="90" cy="70" r="1" fill="rgba(167, 139, 250, 0.5)" /><circle cx="30" cy="80" r="1.5" fill="rgba(56, 189, 248, 0.4)" /><circle cx="70" cy="50" r="1" fill="rgba(74, 222, 128, 0.6)" /></svg>') repeat; opacity: 0.4; animation: particleFloat 25s linear infinite; will-change: background-position, opacity; } @keyframes particleFloat { 0% { background-position: 0 0; opacity: 0.4; } 50% { opacity: 0.6; } 100% { background-position: 200px 200px; opacity: 0.4; } } /* ── CTA GAMING BUTTON ──────────────────────────────── */ .cta-btn-gaming { border: 2px solid transparent !important; background: linear-gradient(135deg, rgba(20,30,60,0.8), rgba(10,15,35,0.9)); color: #e0f2fe !important; position: relative; overflow: hidden; box-shadow: 0 0 15px rgba(56,189,248,0.35); z-index: 1; } .cta-btn-gaming::after { content: ""; position: absolute; inset: -2px; border-radius: 999px; background: linear-gradient(90deg,#ff004c,#ff7a00,#ffee00,#00ffcc,#00c3ff,#9d00ff,#ff004c); background-size: 400% 400%; animation: rgbBorder 4s linear infinite; z-index: -1; will-change: background-position; } .cta-btn-gaming::before { content: ""; position: absolute; inset: 2px; border-radius: 999px; background: linear-gradient(135deg, rgba(10,15,35,0.95), rgba(15,23,42,0.95)); z-index: -1; } @keyframes rgbBorder { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .gaming-glow { position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(255,255,255,0.25), transparent 70%); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .cta-btn-gaming:hover { box-shadow: 0 0 25px rgba(56,189,248,0.9), 0 0 60px rgba(74,222,128,0.6), 0 0 120px rgba(167,139,250,0.4); transform: translateY(-3px) scale(1.05); } .cta-btn-gaming:hover .gaming-glow { opacity: 1; } /* Glitch */ .glitch-text { position: relative; display: inline-block; font-weight: 800; letter-spacing: 0.1em; } .glitch-text::before, .glitch-text::after { content: attr(data-text); position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; background: transparent; clip: rect(0,0,0,0); } .glitch-text::before { color: #00fff7; animation: glitchTop 2s infinite linear alternate-reverse; } .glitch-text::after { color: #ff00c8; animation: glitchBottom 1.5s infinite linear alternate-reverse; } @keyframes glitchTop { 0% { clip: rect(0,9999px,0,0); } 5% { clip: rect(0,9999px,12px,0); } 10% { clip: rect(0,9999px,0,0); } 20% { clip: rect(0,9999px,18px,0); } 30% { clip: rect(0,9999px,0,0); } 100%{ clip: rect(0,9999px,0,0); } } @keyframes glitchBottom { 0% { clip: rect(0,9999px,0,0); } 5% { clip: rect(10px,9999px,22px,0); } 10% { clip: rect(0,9999px,0,0); } 25% { clip: rect(14px,9999px,28px,0); } 40% { clip: rect(0,9999px,0,0); } 100%{ clip: rect(0,9999px,0,0); } } .cta-btn-gaming:hover i { animation: controllerShake 0.15s infinite; transform-origin: center; } @keyframes controllerShake { 0% { transform: translate(0,0) rotate(0deg); } 20% { transform: translate(-1px,1px) rotate(-3deg); } 40% { transform: translate(1px,-1px) rotate(3deg); } 60% { transform: translate(-1px,1px) rotate(-3deg); } 80% { transform: translate(1px,-1px) rotate(3deg); } 100%{ transform: translate(0,0) rotate(0deg); } } /* ── CTA BAR ────────────────────────────────────────── */ .footer-cta-bar { position: relative; max-width: 1280px; margin: 0 auto; padding: 3.5rem 2rem 2rem; z-index: 1; } .cta-content { background: linear-gradient(135deg, rgba(15,23,42,0.8), rgba(30,41,59,0.6)); border: 1px solid rgba(56,189,248,0.3); border-radius: 24px; padding: 2.5rem; display: flex; flex-wrap: wrap; gap: 2rem; justify-content: space-between; align-items: center; backdrop-filter: blur(10px); box-shadow: 0 20px 50px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1); position: relative; overflow: hidden; } .cta-content::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(56,189,248,0.1), transparent); animation: shimmer 3s infinite; will-change: left; } @keyframes shimmer { 0%{left:-100%;} 100%{left:200%;} } .cta-text { flex: 1; min-width: 300px; z-index: 1; } .cta-label { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.2em; padding: 0.4rem 1rem; border-radius: 999px; border: 1px solid rgba(56,189,248,0.6); background: linear-gradient(135deg, rgba(56,189,248,0.2), rgba(74,222,128,0.15)); color: #e0f2fe; margin-bottom: 1rem; font-weight: 600; box-shadow: 0 0 20px rgba(56,189,248,0.3); } .cta-text h2 { font-size: 1.75rem; font-weight: 700; line-height: 1.3; margin: 0 0 0.5rem 0; background: linear-gradient(135deg,#ffffff,var(--crystal-blue),var(--primary-green),var(--purple-accent)); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 30px rgba(56,189,248,0.3); } .cta-subtitle { font-size: 0.95rem; color: rgba(203,213,225,0.9); margin: 0; } .cta-actions { display: flex; flex-wrap: wrap; gap: 1rem; z-index: 1; } .cta-btn { position: relative; display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.9rem 1.8rem; border-radius: 999px; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; border: 2px solid; text-decoration: none; transition: all 0.3s cubic-bezier(0.4,0,0.2,1); overflow: hidden; } .cta-btn i { font-size: 1.1rem; transition: transform 0.3s ease; } .cta-btn.primary { background: linear-gradient(135deg, var(--crystal-blue), var(--primary-green)); border-color: transparent; color: #020617; box-shadow: 0 10px 40px rgba(56,189,248,0.4), 0 0 0 0 rgba(56,189,248,0.4); animation: pulse 2s infinite; will-change: box-shadow; } @keyframes pulse { 0%,100%{ box-shadow: 0 10px 40px rgba(56,189,248,0.4), 0 0 0 0 rgba(56,189,248,0.4); } 50% { box-shadow: 0 10px 40px rgba(56,189,248,0.4), 0 0 0 10px rgba(56,189,248,0); } } .btn-glow { position: absolute; inset: 0; background: radial-gradient(circle at center,rgba(255,255,255,0.3),transparent 70%); opacity: 0; transition: opacity 0.3s ease; } .cta-btn.primary:hover .btn-glow { opacity: 1; } .cta-btn.secondary { background: rgba(15,23,42,0.8); border-color: rgba(148,163,184,0.5); color: #e5e7eb; backdrop-filter: blur(10px); } .cta-btn:hover { transform: translateY(-3px) scale(1.02); } .cta-btn.primary:hover { box-shadow: 0 15px 50px rgba(56,189,248,0.6), 0 0 30px rgba(74,222,128,0.4); } .cta-btn.secondary:hover { border-color: var(--primary-green); background: rgba(74,222,128,0.1); color: #bbf7d0; box-shadow: 0 10px 30px rgba(74,222,128,0.3); } .cta-btn:hover i { transform: scale(1.2); } /* ── WAVE ───────────────────────────────────────────── */ .footer-wave { position: relative; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg); z-index: 1; } .footer-wave svg { display: block; width: 100%; height: 60px; } /* ── FOOTER MAIN ────────────────────────────────────── */ .footer-main { position: relative; padding: 3.5rem 2rem 2rem; z-index: 1; } .footer-content { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1.5fr; gap: 4rem; } .footer-brand { max-width: 480px; } .footer-logo { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; text-decoration: none; } .logo-container { position: relative; width: 50px; height: 50px; overflow: visible; flex-shrink: 0; } .logo-container img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 15px rgba(56,189,248,0.8)); position: relative; z-index: 2; border-radius: 50%; } .logo-ring { position: absolute; inset: -5px; border: 2px solid transparent; border-radius: 50%; background: linear-gradient(135deg, var(--crystal-blue), var(--primary-green)) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: logoRingRotate 3s linear infinite; will-change: transform; z-index: 3; } @keyframes logoRingRotate { to { transform: rotate(360deg); } } .orbit-track { position: absolute; top: 25px; left: 25px; width: 0; height: 0; animation: orbitSpin 6s linear infinite; will-change: transform; z-index: 4; } .track-1 { animation-delay: 0s; } .track-2 { animation-delay: -1.5s; } .track-3 { animation-delay: -3.0s; } .track-4 { animation-delay: -4.5s; } @keyframes orbitSpin { to { transform: rotate(360deg); } } .orbit-icon { position: absolute; display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; border-radius: 50%; font-size: 8px; animation: counterSpin 6s linear infinite; will-change: transform; pointer-events: none; } .icon-1 { animation-delay: 0s; color: #ff004c; filter: drop-shadow(0 0 5px #ff004c); } .icon-2 { animation-delay: -1.5s; color: #00d9ff; filter: drop-shadow(0 0 5px #00d9ff); } .icon-3 { animation-delay: -3.0s; color: #4ade80; filter: drop-shadow(0 0 5px #4ade80); } .icon-4 { animation-delay: -4.5s; color: #a855f7; filter: drop-shadow(0 0 5px #a855f7); } @keyframes counterSpin { from { transform: translate(30px, -7px) rotate(0deg); } to { transform: translate(30px, -7px) rotate(-360deg); } } .orbit-icon i { font-size: 8px; } .footer-logo span { font-size: 1.5rem; font-weight: 800; font-family: "Orbitron", sans-serif; text-transform: uppercase; letter-spacing: 0.15em; background: linear-gradient(135deg,#f9fafb,var(--crystal-blue),var(--primary-green)); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 30px rgba(56,189,248,0.5); } .footer-about { font-size: 0.95rem; color: rgba(203,213,225,0.9); line-height: 1.7; margin-bottom: 1.5rem; } .footer-pills { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 1.5rem; } .footer-pills span { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.12em; padding: 0.4rem 0.9rem; border-radius: 999px; border: 1px solid rgba(56,189,248,0.4); background: linear-gradient(135deg,rgba(15,23,42,0.9),rgba(30,41,59,0.7)); color: rgba(226,232,240,0.95); backdrop-filter: blur(10px); transition: all 0.3s ease; } .footer-pills span:hover { border-color: var(--primary-green); background: linear-gradient(135deg,rgba(74,222,128,0.2),rgba(56,189,248,0.1)); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(74,222,128,0.3); } .footer-social { display: flex; gap: 0.8rem; flex-wrap: wrap; } .social-btn { position: relative; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(148,163,184,0.4); background: linear-gradient(135deg,rgba(15,23,42,0.9),rgba(30,41,59,0.7)); color: #e5e7eb; transition: all 0.3s cubic-bezier(0.4,0,0.2,1); backdrop-filter: blur(10px); overflow: hidden; } .social-btn::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg,var(--crystal-blue),var(--primary-green)); opacity: 0; transition: opacity 0.3s ease; border-radius: 50%; } .social-btn i { position: relative; z-index: 1; font-size: 1.1rem; transition: transform 0.3s ease; } .social-btn .fa-twitter { color: #1da1f2; } .social-btn .fa-facebook-f { color: #1877f2; } .social-btn .fa-youtube { color: #FF0000; } .social-btn .fa-instagram { background: linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .social-btn .fa-linkedin-in { color: #0a66c2; } .social-btn .fa-discord { color: #5865f2; } .social-btn i.fa-google-play { color: #34a853; } .social-tooltip { position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%) scale(0.8); padding: 0.4rem 0.8rem; background: rgba(15,23,42,0.95); border: 1px solid rgba(56,189,248,0.5); border-radius: 8px; font-size: 0.7rem; white-space: nowrap; opacity: 0; pointer-events: none; transition: all 0.3s ease; backdrop-filter: blur(10px); will-change: opacity,transform; } .social-btn:hover { border-color: transparent; transform: translateY(-5px) scale(1.1); box-shadow: 0 10px 30px rgba(56,189,248,0.5); } .social-btn:hover::before { opacity: 1; } .social-btn:hover i { transform: scale(1.2); color: #020617; } .social-btn:hover .social-tooltip { opacity: 1; transform: translateX(-50%) scale(1); } /* ── FOOTER LINKS / NAV ─────────────────────────────── */ .footer-links h3 { display: inline-flex; align-items: center; gap: 0.6rem; font-size: 1rem; font-weight: 700; margin-bottom: 1.5rem; font-family: "Orbitron", sans-serif; text-transform: uppercase; letter-spacing: 0.15em; color: #f9fafb; position: relative; } .footer-links h3::after { content: ""; position: absolute; bottom: -8px; left: 0; width: 50px; height: 3px; background: linear-gradient(90deg,var(--crystal-blue),var(--primary-green)); border-radius: 999px; box-shadow: 0 0 10px rgba(56,189,248,0.5); } .footer-links ul { list-style: none; padding: 0; margin: 1.5rem 0 0; display: grid; gap: 0.6rem; } .footer-links a { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; color: rgba(203,213,225,0.9); text-decoration: none; transition: all 0.3s ease; } .footer-links a i { font-size: 0.7rem; color: var(--crystal-blue); transition: transform 0.3s ease; } .footer-links a:hover { color: var(--primary-green); transform: translateX(8px); } .footer-links a:hover i { transform: translateX(4px); } .footer-contact-list { gap: 1.2rem !important; } .footer-contact-list li { display: flex; align-items: flex-start; gap: 0.45rem; font-size: 0.86rem; color: rgba(209,213,219,0.95); line-height: 1.5; } .footer-contact-list li i { margin-top: 0.2rem; color: var(--crystal-blue); min-width: 16px; } .footer-contact-list a { color: var(--crystal-blue); text-decoration: none; transition: color 0.3s ease; } .footer-contact-list a:hover { color: var(--primary-green); } address { font-style: normal; } /* ── FOOTER BOTTOM ──────────────────────────────────── */ .footer-bottom { max-width: 1280px; margin: 3rem auto 0; padding-top: 2rem; border-top: 1px solid rgba(148,163,184,0.2); } .footer-bottom-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1.5rem; } .footer-bottom p { font-size: 0.85rem; color: rgba(156,163,175,0.9); margin: 0; } .footer-badges { display: flex; gap: 1rem; flex-wrap: wrap; } .badge { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.7rem; padding: 0.3rem 0.8rem; border-radius: 999px; background: linear-gradient(135deg,rgba(56,189,248,0.15),rgba(74,222,128,0.15)); border: 1px solid rgba(148,163,184,0.3); color: rgba(226,232,240,0.9); } .badge i { color: var(--primary-green); font-size: 0.8rem; } .cyber-brand { display: inline-block; background: linear-gradient(90deg,#00ffff,#8a2be2,#ff00ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: cyberPulse 3s infinite ease-in-out; transition: transform 0.35s ease; } @keyframes cyberPulse { 0%,100%{opacity:1;} 50%{opacity:0.8;} } /* ── RESPONSIVE ─────────────────────────────────────── */ @media (max-width: 1024px) { .footer-content { grid-template-columns: 1fr 1fr; gap: 3rem; } .footer-brand { max-width: 100%; } } @media (max-width: 768px) { .footer-cta-bar { padding: 2.5rem 1.5rem 1.5rem; } .cta-content { padding: 2rem; flex-direction: column; text-align: center; } .cta-text { min-width: 100%; } .cta-text h2 { font-size: 1.5rem; } .cta-actions { width: 100%; flex-direction: column; } .cta-btn { width: 100%; justify-content: center; } .footer-content { grid-template-columns: 1fr; gap: 2.5rem; } .footer-main { padding: 2.5rem 1.5rem 2rem; } .footer-bottom-content { flex-direction: column; text-align: center; } .footer-badges { justify-content: center; } /* ✅ FIX: Logo cut hone se bachane ke liye overflow visible rakho */ .footer-brand { overflow-x: visible; } /* Logo ko thoda padding do taaki orbit icons left side se clip na hon */ .footer-logo { overflow: visible; flex-wrap: nowrap; align-items: center; padding-left: 12px; /* ← YEH FIX HAI — orbit ring ke liye space */ } .cta-label { font-size: 0.6rem; letter-spacing: 0.12em; padding: 0.35rem 0.75rem; flex-wrap: wrap; text-align: center; justify-content: center; } .footer-bottom { margin-top: 2rem; padding-bottom: 1.5rem; } .social-tooltip { display: none; } .footer-pills { justify-content: flex-start; } } @media (max-width: 480px) { .cta-text h2 { font-size: 1.25rem; } .cta-label { font-size: 0.65rem; } .footer-logo span { font-size: 1.25rem; } .footer-social { justify-content: center; } .footer-bottom p { font-size: 0.75rem; text-align: center; word-break: break-word; } .cyber-brand { display: block; margin-top: 0.2rem; } .cta-btn { min-height: 48px; padding: 0.8rem 1.5rem; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } </style> <script> document.addEventListener('DOMContentLoaded', () => { // Reveal-on-scroll const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }; const revealObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('reveal-visible'); revealObserver.unobserve(entry.target); } }); }, observerOptions); document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el)); // Smooth anchor scroll document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function(e) { const targetId = this.getAttribute('href'); if (!targetId || targetId === '#') return; const targetElement = document.querySelector(targetId); if (!targetElement) return; e.preventDefault(); window.scrollTo({ top: targetElement.getBoundingClientRect().top + window.pageYOffset - 80, behavior: 'smooth' }); }); }); // FAQ accordion document.querySelectorAll('.faq-item').forEach(item => { item.querySelector('.faq-question').addEventListener('click', () => { const isOpen = item.classList.contains('open'); document.querySelectorAll('.faq-item').forEach(i => { i.classList.remove('open'); i.querySelector('.faq-question').setAttribute('aria-expanded', 'false'); }); if (!isOpen) { item.classList.add('open'); item.querySelector('.faq-question').setAttribute('aria-expanded', 'true'); } }); }); }); </script> </body> </html>