| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Axzora - Super App Vision</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"> |
| <style> |
| @keyframes float { |
| 0%, 100% { transform: translateY(0); } |
| 50% { transform: translateY(-10px); } |
| } |
| body { |
| font-family: 'Poppins', sans-serif; |
| background-color: #f8fafc; |
| } |
| .animate-float { |
| animation: float 6s ease-in-out infinite; |
| } |
| .gradient-bg { |
| background: linear-gradient(135deg, #6b46c1 0%, #4299e1 100%); |
| } |
| .card-hover:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
| } |
| .transition-all { |
| transition: all 0.3s ease; |
| } |
| </style> |
| </head> |
| <body> |
| |
| <nav class="bg-white/80 backdrop-blur-md shadow-lg border-b border-white/20"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="flex justify-between h-16"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 flex items-center"> |
| <span class="text-indigo-600 font-bold text-xl">Axzora</span> |
| </div> |
| <div class="hidden md:ml-6 md:flex md:space-x-8"> |
| <a href="#" class="border-indigo-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Home</a> |
| <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Features</a> |
| <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Mr. Happy</a> |
| <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Project Jagruti</a> |
| <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">About</a> |
| </div> |
| </div> |
| <div class="hidden md:ml-6 md:flex md:items-center"> |
| <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-md text-sm font-medium transition-all">Get Started</button> |
| </div> |
| <div class="-mr-2 flex items-center md:hidden"> |
| <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"> |
| <span class="sr-only">Open main menu</span> |
| <svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> |
| </svg> |
| </button> |
| </div> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <div class="relative overflow-hidden gradient-bg text-white"> |
| <div class="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-indigo-900/20 to-purple-900/0 animate-pulse"></div> |
| <div class="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-10"></div> |
| <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8"> |
| <div class="text-center"> |
| <h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl"> |
| <span class="block">Redefining Digital Experiences</span> |
| <span class="block">with Axzora Super App</span> |
| </h1> |
| <p class="mt-6 max-w-lg mx-auto text-xl"> |
| One platform to unify e-commerce, social media, finance, travel, food delivery, and entertainment - powered by AI and quantum-resistant security. |
| </p> |
| <div class="mt-10 flex justify-center space-x-4"> |
| <a href="#" class="bg-white text-indigo-600 px-8 py-3 rounded-md text-base font-medium hover:bg-gray-100 transition-all">Explore Features</a> |
| <a href="#" class="bg-indigo-700 text-white px-8 py-3 rounded-md text-base font-medium hover:bg-indigo-800 transition-all">Meet Mr. Happy</a> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="py-12 bg-gray-50"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="lg:text-center"> |
| <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">AI Innovation</h2> |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
| Multi-Profile Architecture |
| </p> |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> |
| One assistant that adapts to every family member's unique needs |
| </p> |
| </div> |
|
|
| <div class="mt-10 grid md:grid-cols-2 gap-8 items-center"> |
| <div> |
| <div class="bg-white p-6 rounded-lg shadow-md"> |
| <h3 class="text-lg font-medium text-gray-900 mb-4">Context-Aware Profiles</h3> |
| <p class="text-gray-600 mb-4"> |
| Mr. Happy maintains distinct profiles for each family member, learning individual preferences |
| for everything from food tastes to entertainment choices. Our context-aware APIs dynamically |
| adjust based on real-time inputs like location, time of day, and past interactions. |
| </p> |
| <div class="bg-indigo-50 p-4 rounded-md"> |
| <p class="text-indigo-700 italic">"Would you like me to order your usual masala chai - extra strong with less sugar?"</p> |
| </div> |
| </div> |
|
|
| <div class="mt-6 bg-white p-6 rounded-lg shadow-md"> |
| <h3 class="text-lg font-medium text-gray-900 mb-4">Seamless Profile Switching</h3> |
| <p class="text-gray-600"> |
| Using advanced voice biometrics, Mr. Happy automatically recognizes who's speaking and |
| switches to their personalized profile instantly. No manual selection needed - just natural |
| conversation. |
| </p> |
| </div> |
| </div> |
| <div class="flex justify-center"> |
| <img src="https://images.unsplash.com/photo-1600880292203-757bb62b4baf" alt="Family using digital devices" class="rounded-lg shadow-xl w-full h-auto"> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="py-12 bg-white"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="lg:text-center"> |
| <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Integrated Services</h2> |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
| Everything You Need in One Place |
| </p> |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> |
| Why toggle between ten different apps when one can do it all? |
| </p> |
| </div> |
|
|
| <div class="mt-10"> |
| <div class="grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-3"> |
| |
| <div class="bg-white/10 backdrop-blur-md rounded-xl shadow-lg overflow-hidden card-hover transition-all hover:scale-[1.02] hover:shadow-xl border border-white/20"> |
| <div class="p-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3"> |
| <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" /> |
| </svg> |
| </div> |
| <div class="ml-5"> |
| <h3 class="text-lg leading-6 font-medium text-gray-900">E-commerce</h3> |
| </div> |
| </div> |
| <p class="mt-2 text-base text-gray-500"> |
| Shop millions of products with personalized recommendations powered by Mr. Happy's AI. |
| </p> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden card-hover transition-all"> |
| <div class="p-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3"> |
| <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" /> |
| </svg> |
| </div> |
| <div class="ml-5"> |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Social Media</h3> |
| </div> |
| </div> |
| <p class="mt-2 text-base text-gray-500"> |
| Connect with friends, share moments, and discover communities tailored to your interests. |
| </p> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden card-hover transition-all"> |
| <div class="p-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3"> |
| <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> |
| </svg> |
| </div> |
| <div class="ml-5"> |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Finance</h3> |
| </div> |
| </div> |
| <p class="mt-2 text-base text-gray-500"> |
| Secure banking, investments, and payments with quantum-resistant encryption technology. |
| </p> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden card-hover transition-all"> |
| <div class="p-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3"> |
| <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" /> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> |
| </svg> |
| </div> |
| <div class="ml-5"> |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Travel</h3> |
| </div> |
| </div> |
| <p class="mt-2 text-base text-gray-500"> |
| Book flights, hotels, and experiences with AI-powered personalized recommendations. |
| </p> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden card-hover transition-all"> |
| <div class="p-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3"> |
| <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> |
| </svg> |
| </div> |
| <div class="ml-5"> |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Food Delivery</h3> |
| </div> |
| </div> |
| <p class="mt-2 text-base text-gray-500"> |
| Order from your favorite restaurants with AI suggestions based on your taste preferences. |
| </p> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden card-hover transition-all"> |
| <div class="p-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3"> |
| <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 20h16a1 1 0 001-1V5a1 1 0 00-1-1H4a1 1 0 00-1 1v14a1 1 0 001 1z" /> |
| </svg> |
| </div> |
| <div class="ml-5"> |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Entertainment</h3> |
| </div> |
| </div> |
| <p class="mt-2 text-base text-gray-500"> |
| Stream movies, music, and shows with content curated just for you by Mr. Happy. |
| </p> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden card-hover transition-all"> |
| <div class="p-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3"> |
| <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129" /> |
| </svg> |
| </div> |
| <div class="ml-5"> |
| <h3 class="text-lg leading-6 font-medium text-gray-900">Language AI</h3> |
| </div> |
| </div> |
| <p class="mt-2 text-base text-gray-500"> |
| Fluent in 10+ Indian languages with advanced NLP for colloquialisms and code-mixing. |
| </p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="py-12 bg-gray-50"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="lg:text-center"> |
| <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">AI Innovation</h2> |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
| Meet Mr. Happy - Your Digital CEO |
| </p> |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> |
| A generative AI persona that proactively manages your digital life across all services. |
| </p> |
| </div> |
|
|
| <div class="mt-10"> |
| <div class="grid md:grid-cols-2 gap-8 items-center"> |
| <div> |
| <div class="bg-white p-6 rounded-lg shadow-md"> |
| <h3 class="text-lg font-medium text-gray-900 mb-4">Persona Builder (The 11-Day Cycle)</h3> |
| <p class="text-gray-600 mb-4"> |
| Mr. Happy discreetly constructs detailed user personas by analyzing behavior across all app modules. Every 11 days, it engages users with personalized, contextual questions to refine their persona. |
| </p> |
| <div class="bg-indigo-50 p-4 rounded-md"> |
| <p class="text-indigo-700 italic">"You've been watching a lot of sci-fi lately; do you have a favorite sub-genre? I'd like to remember your taste for future movie suggestions."</p> |
| </div> |
| </div> |
|
|
| <div class="mt-6 bg-white p-6 rounded-lg shadow-md"> |
| <h3 class="text-lg font-medium text-gray-900 mb-4">Multi-Language Proficiency</h3> |
| <p class="text-gray-600"> |
| Mr. Happy employs sophisticated NLP to comprehend and respond in a user's preferred language, facilitating global accessibility while understanding cultural nuances. |
| </p> |
| </div> |
| </div> |
|
|
| <div class="flex justify-center relative"> |
| <div class="bg-white/10 backdrop-blur-md p-8 rounded-full shadow-2xl border-8 border-indigo-100/30 relative overflow-hidden"> |
| <div class="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-10"></div> |
| <div class="w-48 h-48 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-full flex items-center justify-center relative overflow-hidden"> |
| <div class="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-10"></div> |
| <div class="relative z-10"> |
| <svg class="h-32 w-32 text-white animate-pulse" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /> |
| </svg> |
| </div> |
| </div> |
| </div> |
| <div class="absolute inset-0 flex items-center justify-center"> |
| <div class="w-64 h-64 rounded-full border-2 border-indigo-300/30 animate-ping opacity-20"></div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="py-12 bg-white"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="lg:text-center"> |
| <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Social Impact</h2> |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
| Project Jagruti |
| </p> |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> |
| Empowering Indian women through Miss Happy voice assistant |
| </p> |
| </div> |
|
|
| <div class="mt-10"> |
| <div class="bg-indigo-700 rounded-lg shadow-xl overflow-hidden"> |
| <div class="grid md:grid-cols-2"> |
| <div class="p-8 text-white"> |
| <h3 class="text-2xl font-bold mb-4">Core Principles</h3> |
| <ul class="space-y-4"> |
| <li class="flex items-start"> |
| <svg class="h-6 w-6 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> |
| </svg> |
| <span class="ml-2">Empathetic & Non-Judgmental: Supportive, calm, and reassuring tone</span> |
| </li> |
| <li class="flex items-start"> |
| <svg class="h-6 w-6 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> |
| </svg> |
| <span class="ml-2">Simplicity: Legal concepts broken down into everyday language</span> |
| </li> |
| <li class="flex items-start"> |
| <svg class="h-6 w-6 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> |
| </svg> |
| <span class="ml-2">Age-Appropriate Segmentation: Content tailored to different age groups</span> |
| </li> |
| <li class="flex items-start"> |
| <svg class="h-6 w-6 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> |
| </svg> |
| <span class="ml-2">Action-Oriented: Clear next steps and helpline numbers provided</span> |
| </li> |
| <li class="flex items-start"> |
| <svg class="h-6 w-6 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> |
| </svg> |
| <span class="ml-2">Absolute Privacy: Conversations are private and secure</span> |
| </li> |
| </ul> |
| </div> |
| <div class="bg-white p-8"> |
| <h3 class="text-xl font-bold text-gray-900 mb-4">User Journey</h3> |
| <div class="space-y-4"> |
| <div class="bg-indigo-50 p-4 rounded-md"> |
| <p class="text-indigo-700 font-medium">User Prompt:</p> |
| <p class="text-gray-700 italic">"Hey Happy, what are my rights?"</p> |
| </div> |
| <div class="bg-indigo-100 p-4 rounded-md"> |
| <p class="text-indigo-700 font-medium">Miss Happy Response:</p> |
| <p class="text-gray-700 italic">"I can certainly help with that. To give you the right information, could you tell me which group you belong to? You can say: Young Girl, Teenager, Adult Woman, or Senior Citizen."</p> |
| </div> |
| <div class="bg-indigo-50 p-4 rounded-md"> |
| <p class="text-indigo-700 font-medium">Age-Specific Content Example (Adult Women):</p> |
| <p class="text-gray-700 italic">"Under the Protection of Women from Domestic Violence Act, you have rights against physical, emotional, sexual, verbal, and economic abuse. Would you like information about local support services?"</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="py-12 bg-white"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="lg:text-center"> |
| <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Seamless Integration</h2> |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
| Connected to India's Digital Infrastructure |
| </p> |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> |
| One assistant that works with all your essential services |
| </p> |
| </div> |
|
|
| <div class="mt-10"> |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-6"> |
| <div class="bg-white p-4 rounded-lg shadow-md flex flex-col items-center"> |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Yono_by_SBI_Logo.svg/1200px-Yono_by_SBI_Logo.svg.png" alt="UPI" class="h-16 w-auto"> |
| <p class="mt-4 text-center font-medium">UPI Payments</p> |
| </div> |
| <div class="bg-white p-4 rounded-lg shadow-md flex flex-col items-center"> |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/12/Flipkart_logo.png/800px-Flipkart_logo.png" alt="Flipkart" class="h-16 w-auto"> |
| <p class="mt-4 text-center font-medium">E-commerce</p> |
| </div> |
| <div class="bg-white p-4 rounded-lg shadow-md flex flex-col items-center"> |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/df/IRCTC_Logo.png/800px-IRCTC_Logo.png" alt="IRCTC" class="h-16 w-auto"> |
| <p class="mt-4 text-center font-medium">Train Bookings</p> |
| </div> |
| <div class="bg-white p-4 rounded-lg shadow-md flex flex-col items-center"> |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Practo_logo.png/800px-Practo_logo.png" alt="Practo" class="h-16 w-auto"> |
| <p class="mt-4 text-center font-medium">Doctor Appointments</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="py-12 bg-gray-50"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="lg:text-center"> |
| <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Security</h2> |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
| Quantum-Resistant Foundations |
| </p> |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> |
| Built with security and privacy at its core |
| </p> |
| </div> |
|
|
| <div class="mt-10"> |
| <div class="grid md:grid-cols-3 gap-8"> |
| <div class="bg-white p-6 rounded-lg shadow-md"> |
| <div class="flex items-center mb-4"> |
| <div class="flex-shrink-0 bg-indigo-500 rounded-md p-2"> |
| <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /> |
| </svg> |
| </div> |
| <h3 class="ml-3 text-lg font-medium text-gray-900">Data Encryption</h3> |
| </div> |
| <p class="text-gray-600"> |
| All user data is encrypted using post-quantum cryptography algorithms to protect against future threats. |
| </p> |
| </div> |
|
|
| <div class="bg-white p-6 rounded-lg shadow-md"> |
| <div class="flex items-center mb-4"> |
| <div class="flex-shrink-0 bg-indigo-500 rounded-md p-2"> |
| <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /> |
| </svg> |
| </div> |
| <h3 class="ml-3 text-lg font-medium text-gray-900">Privacy Controls</h3> |
| </div> |
| <p class="text-gray-600"> |
| Granular privacy settings allow users to control exactly what data is shared across services. |
| </p> |
| </div> |
|
|
| <div class="bg-white p-6 rounded-lg shadow-md"> |
| <div class="flex items-center mb-4"> |
| <div class="flex-shrink-0 bg-indigo-500 rounded-md p-2"> |
| <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" /> |
| </svg> |
| </div> |
| <h3 class="ml-3 text-lg font-medium text-gray-900">Regulatory Compliance</h3> |
| </div> |
| <p class="text-gray-600"> |
| Designed to comply with GDPR, CCPA, and India's DPDP Act with built-in consent management. |
| </p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="gradient-bg text-white relative overflow-hidden"> |
| <div class="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-10"></div> |
| <div class="relative z-10 transform transition-all duration-500 hover:scale-[1.01]"> |
| <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> |
| <div class="md:flex md:items-center md:justify-between"> |
| <div class="md:w-2/3"> |
| <h2 class="text-3xl font-extrabold tracking-tight sm:text-4xl"> |
| Ready to experience the future of digital interaction? |
| </h2> |
| <p class="mt-3 max-w-3xl text-lg"> |
| Join the waitlist to be among the first to access Axzora's revolutionary super app. |
| </p> |
| </div> |
| <div class="mt-8 md:mt-0 md:w-1/3"> |
| <form class="sm:flex"> |
| <label for="email" class="sr-only">Email address</label> |
| <input id="email" type="email" placeholder="Enter your email" class="w-full px-5 py-3 border border-transparent placeholder-gray-500 focus:ring-2 focus:ring-offset-2 focus:ring-offset-indigo-700 focus:ring-white focus:border-white sm:max-w-xs rounded-md"> |
| <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0"> |
| <button type="submit" class="w-full bg-white text-indigo-600 px-5 py-3 border border-transparent rounded-md font-medium hover:bg-gray-100 transition-all"> |
| Join Waitlist |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <footer class="bg-gray-800"> |
| <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8"> |
| <div> |
| <h3 class="text-white text-sm font-semibold tracking-wider uppercase">Product</h3> |
| <ul class="mt-4 space-y-2"> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">Features</a></li> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">Pricing</a></li> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">Security</a></li> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">Integrations</a></li> |
| </ul> |
| </div> |
| <div> |
| <h3 class="text-white text-sm font-semibold tracking-wider uppercase">Company</h3> |
| <ul class="mt-4 space-y-2"> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">About</a></li> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">Careers</a></li> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">Press</a></li> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">Contact</a></li> |
| </ul> |
| </div> |
| <div> |
| <h3 class="text-white text-sm font-semibold tracking-wider uppercase">Resources</h3> |
| <ul class="mt-4 space-y-2"> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">Documentation</a></li> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">Guides</a></li> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">Blog</a></li> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">Support</a></li> |
| </ul> |
| </div> |
| <div> |
| <h3 class="text-white text-sm font-semibold tracking-wider uppercase">Legal</h3> |
| <ul class="mt-4 space-y-2"> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">Privacy</a></li> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">Terms</a></li> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">Cookie Policy</a></li> |
| <li><a href="#" class="text-gray-300 hover:text-white text-sm">GDPR</a></li> |
| </ul> |
| </div> |
| </div> |
| <div class="mt-8 border-t border-gray-700 pt-8 md:flex md:items-center md:justify-between"> |
| <div class="flex space-x-6 md:order-2"> |
| <a href="#" class="text-gray-400 hover:text-white"> |
| <span class="sr-only">Facebook</span> |
| <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> |
| <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" /> |
| </svg> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-white"> |
| <span class="sr-only">Twitter</span> |
| <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> |
| <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" /> |
| </svg> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-white"> |
| <span class="sr-only">Instagram</span> |
| <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> |
| <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" /> |
| </svg> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-white"> |
| <span class="sr-only">LinkedIn</span> |
| <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> |
| <path fill-rule="evenodd" d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" clip-rule="evenodd" /> |
| </svg> |
| </a> |
| </div> |
| <p class="mt-8 text-base text-gray-400 md:mt-0 md:order-1"> |
| © 2023 Axzora. All rights reserved. |
| </p> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| |
| document.addEventListener('DOMContentLoaded', function() { |
| const mobileMenuButton = document.querySelector('.md\\:hidden button'); |
| const mobileMenu = document.querySelector('.md\\:hidden + .hidden'); |
| |
| mobileMenuButton.addEventListener('click', function() { |
| if (mobileMenu.classList.contains('hidden')) { |
| mobileMenu.classList.remove('hidden'); |
| } else { |
| mobileMenu.classList.add('hidden'); |
| } |
| }); |
| }); |
| </script> |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=ikalki/asd" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
