Merged
Conversation
None of the inherited prop pages mention these props, so it should be mentioned here.
Contributor
|
hey! I agree this is a valuable change, however be sure to read the guide in the README on updating the 'versioned docs' -- https://github.com/facebook/react-native-website#versioned-docs |
None of the inherited prop pages mention these props, so it should be mentioned here.
Contributor
Author
|
@brentvatne Ah! Just read it through and adjusted the PR accordingly 🤘🏻 |
|
Thank you for your pull request and welcome to our community. We require contributors to sign our Contributor License Agreement, and we don't seem to have you on file. In order for us to review and merge your code, please sign up at https://code.facebook.com/cla. If you are contributing on behalf of someone else (eg your employer), the individual CLA may not be sufficient and your employer may need the corporate CLA signed. If you have received this in error or have any questions, please contact us at cla@fb.com. Thanks! |
|
Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Facebook open source project. Thanks! |
1003657663
pushed a commit
to 1003657663/react-native-website
that referenced
this pull request
Nov 14, 2018
ganeshmaravi1069-bot
referenced
this pull request
in ganeshmaravi1069-bot/react-native-website
Jan 23, 2026
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Baby Dance - 2026 Viral Trend</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<style>
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.glass {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
}
</style>
</head>
<body class="bg-gray-50 font-sans">
<nav class="p-5 flex justify-between items-center glass sticky top-0 z-50 shadow-sm">
<h1 class="text-2xl font-bold text-purple-600 italic">BabyDance.AI 👶✨</h1>
<div class="space-x-4">
<button onclick="showPage('login')" class="text-gray-600 font-semibold">Login</button>
<button onclick="showPage('dashboard')" class="bg-purple-600 text-white px-6 py-2 rounded-full font-bold hover:bg-purple-700 transition">Get Started</button>
</div>
</nav>
<section id="landing-page" class="min-h-screen flex flex-col items-center justify-center text-center p-6">
<div class="max-w-3xl">
<span class="bg-purple-100 text-purple-700 px-4 py-1 rounded-full text-sm font-bold uppercase tracking-widest">#1 Trend of 2026</span>
<h2 class="text-5xl md:text-7xl font-extrabold mt-6 mb-4 text-gray-900">Make Any Celeb <span class="text-purple-600">Dance Like a Baby!</span></h2>
<p class="text-xl text-gray-600 mb-8">Upload a photo, choose a K-Pop or Bollywood hook, and let AI do the magic.</p>
<div class="flex flex-col md:flex-row gap-4 justify-center">
<button onclick="showPage('dashboard')" class="bg-black text-white px-10 py-4 rounded-2xl text-xl font-bold hover:scale-105 transition transform">Try for Free 🚀</button>
<button class="border-2 border-gray-300 px-10 py-4 rounded-2xl text-xl font-bold hover:bg-gray-100 transition">Watch Examples 📺</button>
</div>
</div>
</section>
<section id="login-page" class="hidden min-h-screen flex items-center justify-center p-6 bg-purple-50">
<div class="bg-white p-8 rounded-3xl shadow-xl w-full max-w-md text-center border">
<h3 class="text-3xl font-bold mb-2 text-gray-800">Welcome Back</h3>
<p class="text-gray-500 mb-8">Login to start creating viral reels!</p>
<button class="w-full flex items-center justify-center gap-3 border py-3 rounded-xl hover:bg-gray-50 mb-4 transition">
<img src="https://www.google.com/favicon.ico" class="w-5"> Sign in with Google
</button>
<div class="text-gray-400 my-4 text-sm font-bold">OR</div>
<input type="email" placeholder="Email Address" class="w-full border p-3 rounded-xl mb-3 focus:outline-purple-500">
<button onclick="showPage('dashboard')" class="w-full bg-purple-600 text-white py-3 rounded-xl font-bold hover:bg-purple-700">Continue</button>
</div>
</section>
<section id="dashboard-page" class="hidden min-h-screen p-4 md:p-10">
<div class="max-w-5xl mx-auto">
<div class="grid grid-cols-1 md:grid-cols-2 gap-10">
<div class="bg-white p-6 rounded-3xl shadow-lg border-2 border-dashed border-purple-200">
<h4 class="text-xl font-bold mb-4">1. Photo Upload Karein 📸</h4>
<div class="h-64 bg-gray-50 rounded-2xl flex flex-col items-center justify-center border-2 border-dashed border-gray-300 cursor-pointer hover:border-purple-400 transition">
<i class="fas fa-cloud-upload-alt text-4xl text-purple-300 mb-2"></i>
<p class="text-gray-500">Click to upload Celeb or Your Photo</p>
</div>
</div>
<div class="bg-white p-6 rounded-3xl shadow-lg border">
<h4 class="text-xl font-bold mb-4">2. Viral Dance Chunein 🎵</h4>
<div class="space-y-3 max-h-64 overflow-y-auto pr-2">
<div class="flex items-center gap-3 p-3 bg-purple-50 rounded-xl border border-purple-200 cursor-pointer">
<div class="w-12 h-12 bg-purple-500 rounded-lg flex items-center justify-center text-white font-bold italic">K</div>
<div>
<p class="font-bold">Tauba Tauba (Vicky Style)</p>
<p class="text-xs text-gray-500 italic">#Trending #Bollywood</p>
</div>
</div>
<div class="flex items-center gap-3 p-3 bg-white rounded-xl border hover:bg-gray-50 cursor-pointer">
<div class="w-12 h-12 bg-pink-500 rounded-lg flex items-center justify-center text-white font-bold italic">B</div>
<div>
<p class="font-bold">Pink Venom (Blackpink)</p>
<p class="text-xs text-gray-500 italic">#Kpop #Viral</p>
</div>
</div>
<div class="flex items-center gap-3 p-3 bg-white rounded-xl border hover:bg-gray-50 cursor-pointer">
<div class="w-12 h-12 bg-yellow-500 rounded-lg flex items-center justify-center text-white font-bold italic">S</div>
<div>
<p class="font-bold">Smooth Like Butter (BTS)</p>
<p class="text-xs text-gray-500 italic">#Kpop #Classic</p>
</div>
</div>
</div>
<button onclick="startProcessing()" id="gen-btn" class="w-full mt-6 bg-gradient-to-r from-purple-600 to-indigo-600 text-white py-4 rounded-2xl font-bold text-lg shadow-lg hover:shadow-purple-200 transition">
Generate Baby Dance ✨
</button>
</div>
</div>
<div id="processing" class="hidden mt-10 text-center">
<div class="animate-spin rounded-full h-16 w-16 border-b-4 border-purple-600 mx-auto"></div>
<p class="mt-4 font-bold text-gray-700">AI Baby converting photo... (60s remaining)</p>
</div>
</div>
</section>
<script>
function showPage(pageId) {
document.getElementById('landing-page').classList.add('hidden');
document.getElementById('login-page').classList.add('hidden');
document.getElementById('dashboard-page').classList.add('hidden');
document.getElementById(pageId + '-page').classList.remove('hidden');
}
function startProcessing() {
document.getElementById('gen-btn').innerText = "Processing...";
document.getElementById('processing').classList.remove('hidden');
setTimeout(() => {
alert("This is a demo! Integrate your AI API here to see the real magic.");
document.getElementById('processing').classList.add('hidden');
document.getElementById('gen-btn').innerText = "Generate Baby Dance ✨";
}, 3000);
}
</script>
</body>
</html>
ganeshmaravi1069-bot
referenced
this pull request
in ganeshmaravi1069-bot/react-native-website
Jan 23, 2026
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Baby Dance - 2026 Viral Trend</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<style>
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.glass {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
}
</style>
</head>
<body class="bg-gray-50 font-sans">
<nav class="p-5 flex justify-between items-center glass sticky top-0 z-50 shadow-sm">
<h1 class="text-2xl font-bold text-purple-600 italic">BabyDance.AI 👶✨</h1>
<div class="space-x-4">
<button onclick="showPage('login')" class="text-gray-600 font-semibold">Login</button>
<button onclick="showPage('dashboard')" class="bg-purple-600 text-white px-6 py-2 rounded-full font-bold hover:bg-purple-700 transition">Get Started</button>
</div>
</nav>
<section id="landing-page" class="min-h-screen flex flex-col items-center justify-center text-center p-6">
<div class="max-w-3xl">
<span class="bg-purple-100 text-purple-700 px-4 py-1 rounded-full text-sm font-bold uppercase tracking-widest">#1 Trend of 2026</span>
<h2 class="text-5xl md:text-7xl font-extrabold mt-6 mb-4 text-gray-900">Make Any Celeb <span class="text-purple-600">Dance Like a Baby!</span></h2>
<p class="text-xl text-gray-600 mb-8">Upload a photo, choose a K-Pop or Bollywood hook, and let AI do the magic.</p>
<div class="flex flex-col md:flex-row gap-4 justify-center">
<button onclick="showPage('dashboard')" class="bg-black text-white px-10 py-4 rounded-2xl text-xl font-bold hover:scale-105 transition transform">Try for Free 🚀</button>
<button class="border-2 border-gray-300 px-10 py-4 rounded-2xl text-xl font-bold hover:bg-gray-100 transition">Watch Examples 📺</button>
</div>
</div>
</section>
<section id="login-page" class="hidden min-h-screen flex items-center justify-center p-6 bg-purple-50">
<div class="bg-white p-8 rounded-3xl shadow-xl w-full max-w-md text-center border">
<h3 class="text-3xl font-bold mb-2 text-gray-800">Welcome Back</h3>
<p class="text-gray-500 mb-8">Login to start creating viral reels!</p>
<button class="w-full flex items-center justify-center gap-3 border py-3 rounded-xl hover:bg-gray-50 mb-4 transition">
<img src="https://www.google.com/favicon.ico" class="w-5"> Sign in with Google
</button>
<div class="text-gray-400 my-4 text-sm font-bold">OR</div>
<input type="email" placeholder="Email Address" class="w-full border p-3 rounded-xl mb-3 focus:outline-purple-500">
<button onclick="showPage('dashboard')" class="w-full bg-purple-600 text-white py-3 rounded-xl font-bold hover:bg-purple-700">Continue</button>
</div>
</section>
<section id="dashboard-page" class="hidden min-h-screen p-4 md:p-10">
<div class="max-w-5xl mx-auto">
<div class="grid grid-cols-1 md:grid-cols-2 gap-10">
<div class="bg-white p-6 rounded-3xl shadow-lg border-2 border-dashed border-purple-200">
<h4 class="text-xl font-bold mb-4">1. Photo Upload Karein 📸</h4>
<div class="h-64 bg-gray-50 rounded-2xl flex flex-col items-center justify-center border-2 border-dashed border-gray-300 cursor-pointer hover:border-purple-400 transition">
<i class="fas fa-cloud-upload-alt text-4xl text-purple-300 mb-2"></i>
<p class="text-gray-500">Click to upload Celeb or Your Photo</p>
</div>
</div>
<div class="bg-white p-6 rounded-3xl shadow-lg border">
<h4 class="text-xl font-bold mb-4">2. Viral Dance Chunein 🎵</h4>
<div class="space-y-3 max-h-64 overflow-y-auto pr-2">
<div class="flex items-center gap-3 p-3 bg-purple-50 rounded-xl border border-purple-200 cursor-pointer">
<div class="w-12 h-12 bg-purple-500 rounded-lg flex items-center justify-center text-white font-bold italic">K</div>
<div>
<p class="font-bold">Tauba Tauba (Vicky Style)</p>
<p class="text-xs text-gray-500 italic">#Trending #Bollywood</p>
</div>
</div>
<div class="flex items-center gap-3 p-3 bg-white rounded-xl border hover:bg-gray-50 cursor-pointer">
<div class="w-12 h-12 bg-pink-500 rounded-lg flex items-center justify-center text-white font-bold italic">B</div>
<div>
<p class="font-bold">Pink Venom (Blackpink)</p>
<p class="text-xs text-gray-500 italic">#Kpop #Viral</p>
</div>
</div>
<div class="flex items-center gap-3 p-3 bg-white rounded-xl border hover:bg-gray-50 cursor-pointer">
<div class="w-12 h-12 bg-yellow-500 rounded-lg flex items-center justify-center text-white font-bold italic">S</div>
<div>
<p class="font-bold">Smooth Like Butter (BTS)</p>
<p class="text-xs text-gray-500 italic">#Kpop #Classic</p>
</div>
</div>
</div>
<button onclick="startProcessing()" id="gen-btn" class="w-full mt-6 bg-gradient-to-r from-purple-600 to-indigo-600 text-white py-4 rounded-2xl font-bold text-lg shadow-lg hover:shadow-purple-200 transition">
Generate Baby Dance ✨
</button>
</div>
</div>
<div id="processing" class="hidden mt-10 text-center">
<div class="animate-spin rounded-full h-16 w-16 border-b-4 border-purple-600 mx-auto"></div>
<p class="mt-4 font-bold text-gray-700">AI Baby converting photo... (60s remaining)</p>
</div>
</div>
</section>
<script>
function showPage(pageId) {
document.getElementById('landing-page').classList.add('hidden');
document.getElementById('login-page').classList.add('hidden');
document.getElementById('dashboard-page').classList.add('hidden');
document.getElementById(pageId + '-page').classList.remove('hidden');
}
function startProcessing() {
document.getElementById('gen-btn').innerText = "Processing...";
document.getElementById('processing').classList.remove('hidden');
setTimeout(() => {
alert("This is a demo! Integrate your AI API here to see the real magic.");
document.getElementById('processing').classList.add('hidden');
document.getElementById('gen-btn').innerText = "Generate Baby Dance ✨";
}, 3000);
}
</script>
</body>
</html>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
None of the inherited prop pages mention these props, so it should be mentioned here.