diff --git a/Launch_Radar/src/components/BrandDetail.jsx b/Launch_Radar/src/components/BrandDetail.jsx
new file mode 100644
index 0000000..e12e0fe
--- /dev/null
+++ b/Launch_Radar/src/components/BrandDetail.jsx
@@ -0,0 +1,286 @@
+import React, { useState } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import {
+ Plus,
+ Search,
+ Bell,
+ UserCircle2,
+ Cpu,
+ Globe,
+ Users,
+ Zap,
+ Target,
+ BarChart2,
+ Calendar,
+ MessageSquare,
+ ChevronRight,
+ TrendingUp,
+ ExternalLink,
+ Laptop
+} from 'lucide-react';
+import Sidebar from './Sidebar';
+
+const BrandDetail = () => {
+ const [activeTab, setActiveTab] = useState('Profile');
+
+ const stats = [
+ { label: 'Hype Meter', value: '98.4', change: '+12%', icon: Zap, color: 'text-blue-500' },
+ { label: 'Global Rank', value: '#12', change: '+2%', icon: Globe, color: 'text-indigo-500' },
+ { label: 'Followers', value: '12.5k', change: '+15%', icon: Users, color: 'text-blue-600' }
+ ];
+
+ const products = [
+ {
+ name: 'NeuralCore X1',
+ price: '$299',
+ status: 'BEST SELLER',
+ description: 'Ultra-efficient neural processing unit optimized for real-time edge inference and...',
+ image: 'https://images.unsplash.com/photo-1591405351990-4726e33df58d?auto=format&fit=crop&q=80&w=400',
+ action: 'Buy Now'
+ },
+ {
+ name: 'EdgeVault Pro',
+ price: '$450',
+ status: 'PRE-ORDER',
+ description: 'Military-grade encrypted hardware storage specifically designed for sensitive neural...',
+ image: 'https://images.unsplash.com/photo-1517336714731-489689fd1ca8?auto=format&fit=crop&q=80&w=400',
+ action: 'Pre-order Now'
+ },
+ {
+ name: 'NeuralSync SDK',
+ price: '$0/mo',
+ status: 'FREE TIER',
+ description: 'Open-source development kit for seamlessly deploying models across multiple...',
+ image: 'https://images.unsplash.com/photo-1639322537228-f710d846310a?auto=format&fit=crop&q=80&w=400',
+ action: 'Get Started'
+ }
+ ];
+
+ const predictions = [
+ {
+ title: 'Market Dominance in Edge Computing',
+ description: 'NeuralEdge is predicted to capture 15% of the niche edge-AI hardware market within Q4 2024 based on current pre-order trajectories.',
+ confidence: 'HIGH CONFIDENCE',
+ source: 'LaunchRadar Insight Engine',
+ type: 'prediction'
+ },
+ {
+ title: 'Tier 1 Cloud Integration',
+ description: 'Rumors suggest a major partnership with AWS or Google Cloud for hybrid edge-cloud infrastructure support.',
+ confidence: 'SPECULATIVE',
+ source: 'Sentiment analysis based on recent social signals',
+ type: 'speculative'
+ }
+ ];
+
+ return (
+
+
+
+
+ {/* Navigation Bar */}
+
+
+ {['Profile', 'Products', 'Community'].map(tab => (
+ setActiveTab(tab)}
+ className={`px-6 py-2 rounded-lg text-xs font-black tracking-widest transition-all ${
+ activeTab === tab ? 'bg-white text-primary shadow-sm' : 'text-[#94a3b8] hover:text-[#64748b]'
+ }`}
+ >
+ {tab}
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Brand Profile Hero Card */}
+
+
+
+
+
+
+
+
NeuralEdge AI
+
+
+ Follow Brand
+
+
+ Contact Sales
+
+
+
+
+
+
+
+
+ "Pioneering the future of edge computing with neural architectures."
+
+
+
+ Artificial Intelligence
+
+
+
+
+
+
+
+
+ {/* Stats Grid */}
+
+ {stats.map((stat, idx) => (
+
+
+
+ {stat.value}
+
+
+
+
+ ))}
+
+
+
+
+ {/* Featured Products */}
+
+
+
+ Featured Products
+
+
+ View All Products
+
+
+
+ {products.map((product, idx) => (
+
+
+
+
+
+ {product.status}
+
+
+
+
+
{product.name}
+ {product.price}
+
+
+ {product.description}
+
+
+ {product.action}
+
+
+ ))}
+
+
+ {/* Upcoming Predictions */}
+
+
+
Upcoming Predictions
+
+
+
+ {predictions.map((p, idx) => (
+
+
+ {p.type === 'prediction' ?
+
+
+
{p.title}
+
+ {p.confidence}
+
+
+
{p.description}
+
{p.source}
+
+
+
+ ))}
+
+
+ {/* Footer Branding */}
+
+ © 2024 LaunchRadar Platform. All rights reserved.
+
+ Terms of Service
+ Privacy Policy
+ Brand Guidelines
+
+
+
+
+ );
+};
+
+export default BrandDetail;
diff --git a/Launch_Radar/src/components/BrandIntelligence.jsx b/Launch_Radar/src/components/BrandIntelligence.jsx
new file mode 100644
index 0000000..4ca2000
--- /dev/null
+++ b/Launch_Radar/src/components/BrandIntelligence.jsx
@@ -0,0 +1,273 @@
+import React from 'react';
+import { motion } from 'framer-motion';
+import {
+ Search,
+ Bell,
+ Download,
+ ChevronDown,
+ Filter,
+ TrendingUp,
+ TrendingDown,
+ Zap,
+ Target,
+ BarChart2,
+ Share2,
+ ExternalLink
+} from 'lucide-react';
+import Sidebar from './Sidebar';
+
+const IntelligenceCard = ({ name, ticker, price, change, sector, logo: Logo, forecast, probability, sentiment }) => {
+ return (
+
+
+
+
+
{ticker}
+
+ ${price}
+ = 0 ? 'text-emerald-500' : 'text-rose-500'}`}>
+ {change >= 0 ?
+
+
+
+
+ AI Forecast
+
+
+ {forecast}
+
+
+
+
+
+ Launch Prob.
+ {probability}%
+
+
+
+
+
+
+
+ Sentiment
+ {sentiment}% Positive
+
+
+
+
+
+
12 AI Updates today
+
+ View Intelligence
+
+ );
+};
+
+const BrandIntelligence = () => {
+ const data = [
+ {
+ name: 'Apple Inc.',
+ ticker: 'AAPL',
+ price: '192.42',
+ change: 1.2,
+ sector: 'Consumer Electronics & Software',
+ logo: Target,
+ forecast: 'iPhone 16 Pro & Ultra Vision headset likely in Q3 2024',
+ probability: 88,
+ sentiment: 92
+ },
+ {
+ name: 'Tesla, Inc.',
+ ticker: 'TSLA',
+ price: '174.60',
+ change: -0.8,
+ sector: 'Automotive & Energy',
+ logo: Zap,
+ forecast: 'Model 2 entry-level EV prototype reveal high likelihood in Oct.',
+ probability: 72,
+ sentiment: 68
+ },
+ {
+ name: 'Nike, Inc.',
+ ticker: 'NKE',
+ price: '102.15',
+ change: 0.4,
+ sector: 'Apparel & Footwear',
+ logo: BarChart2,
+ forecast: 'Web3-integrated sneaker drop scheduled for next month.',
+ probability: 95,
+ sentiment: 84
+ },
+ {
+ name: 'Amazon.com',
+ ticker: 'AMZN',
+ price: '180.12',
+ change: 2.4,
+ sector: 'Retail & Cloud Computing',
+ logo: BarChart2,
+ forecast: "New LLM model 'Olympus' expected to be integrated in AWS by Q4.",
+ probability: 90,
+ sentiment: 78
+ },
+ {
+ name: 'Walt Disney Co.',
+ ticker: 'DIS',
+ price: '114.30',
+ change: 0.0,
+ sector: 'Media & Entertainment',
+ logo: Target,
+ forecast: 'Major AI-driven VR attraction patent filed for Magic Kingdom.',
+ probability: 45,
+ sentiment: 62
+ },
+ {
+ name: 'Mercedes-Benz',
+ ticker: 'MBG.DE',
+ price: '75.12',
+ change: 0.9,
+ sector: 'Luxury Automotive',
+ logo: Zap,
+ forecast: 'New solid-state battery tech testing completion in early 2025.',
+ probability: 68,
+ sentiment: 74
+ }
+ ];
+
+ return (
+
+
+
+
+ {/* Header Navigation */}
+
+
+ {/* Hero Section with Actions */}
+
+
+
Global Brand Intelligence
+
+ Track real-time performance and AI-predicted product cycles for the world's most influential companies.
+
+
+
+
+
+
+
+
+
+
+ Technology
+
+ Market Cap
+
+
+
+
+ {data.map((item, index) => (
+
+
+ {/* Load More Area */}
+
+
+ Load More Brands
+
+
+
+
+ Documentation
+ API Access
+ Privacy
+
+
© 2024 LaunchRadar Intelligence. All data refreshed every 15 minutes.
+
+
+
+ );
+};
+
+export default BrandIntelligence;
diff --git a/Launch_Radar/src/components/Brands.jsx b/Launch_Radar/src/components/Brands.jsx
new file mode 100644
index 0000000..15655a6
--- /dev/null
+++ b/Launch_Radar/src/components/Brands.jsx
@@ -0,0 +1,246 @@
+import React, { useState } from 'react';
+import { motion, AnimatePresence, useMotionValue, useTransform, useSpring } from 'framer-motion';
+import {
+ Plus,
+ Search,
+ HelpCircle,
+ ChevronDown,
+ Heart,
+ ExternalLink,
+ Cpu,
+ Zap,
+ Bot,
+ Watch,
+ Eye,
+ MoreHorizontal
+} from 'lucide-react';
+import { Link } from 'react-router-dom';
+import Sidebar from './Sidebar';
+
+const BrandCard = ({ name, description, category, status, logoColor, icon: Icon }) => {
+ const x = useMotionValue(0);
+ const y = useMotionValue(0);
+ const mouseXSpring = useSpring(x);
+ const mouseYSpring = useSpring(y);
+ const rotateX = useTransform(mouseYSpring, [-0.5, 0.5], ["5deg", "-5deg"]);
+ const rotateY = useTransform(mouseXSpring, [-0.5, 0.5], ["-5deg", "5deg"]);
+
+ const handleMouseMove = (event) => {
+ const rect = event.currentTarget.getBoundingClientRect();
+ const width = rect.width;
+ const height = rect.height;
+ const mouseX = event.clientX - rect.left;
+ const mouseY = event.clientY - rect.top;
+ x.set(mouseX / width - 0.5);
+ y.set(mouseY / height - 0.5);
+ };
+
+ const handleMouseLeave = () => {
+ x.set(0);
+ y.set(0);
+ };
+
+ return (
+
+
+
+
+
{name}
+
+ {description}
+
+
+
+ Watch
+
+
+
+
+
+
+ );
+};
+
+const Brands = () => {
+ const [activeCategory, setActiveCategory] = useState('AI');
+ const [viewType, setViewType] = useState('Emerging');
+
+ const categories = [
+ { name: 'AI', icon: Cpu },
+ { name: 'EVs', icon: Zap },
+ { name: 'Robotics', icon: Bot },
+ { name: 'Wearables', icon: Watch }
+ ];
+
+ const brands = [
+ {
+ name: 'NeuroSync',
+ description: 'Direct neural interface devices for seamless human-AI collaboration.',
+ category: 'AI',
+ status: 'EMERGING',
+ logoColor: 'bg-indigo-950',
+ icon: Cpu
+ },
+ {
+ name: 'VoltFlow',
+ description: 'Next-gen solid state battery tech for ultra-long range EV mobility.',
+ category: 'EVs',
+ status: 'EMERGING',
+ logoColor: 'bg-emerald-950',
+ icon: Zap
+ },
+ {
+ name: 'Atlas Botics',
+ description: 'Autonomous last-mile delivery robots for complex urban environments.',
+ category: 'Robotics',
+ status: 'EMERGING',
+ logoColor: 'bg-slate-900',
+ icon: Bot
+ },
+ {
+ name: 'VisonAI',
+ description: 'Industry standard computer vision platform for real-time analysis.',
+ category: 'AI',
+ status: 'ESTABLISHED',
+ logoColor: 'bg-slate-100 text-slate-400',
+ icon: Eye
+ },
+ {
+ name: 'ZenRing',
+ description: 'Unobtrusive smart rings for professional health and sleep monitoring.',
+ category: 'Wearables',
+ status: 'EMERGING',
+ logoColor: 'bg-orange-100 text-orange-400',
+ icon: Watch
+ },
+ {
+ name: 'HyperGrid',
+ description: 'Decentralized AI-managed power grids for sustainable cities.',
+ category: 'Energy',
+ status: 'EMERGING',
+ logoColor: 'bg-slate-900',
+ icon: Zap
+ }
+ ];
+
+ return (
+
+
+
+
+ {/* Header Bar */}
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Title Section */}
+
+
Brands Directory
+
Explore and track the next generation of industry leaders across the technology landscape.
+
+
+ {categories.map((cat) => (
+ setActiveCategory(cat.name)}
+ className={`flex items-center gap-2 px-5 py-2.5 rounded-xl text-sm font-bold transition-all border ${
+ activeCategory === cat.name
+ ? 'bg-primary text-white border-primary shadow-lg shadow-primary/10'
+ : 'bg-white text-[#64748b] border-[#e2e8f0] hover:border-primary/50'
+ }`}
+ >
+ {cat.name}
+ ))}
+
+
+
+ setViewType('Emerging')}
+ className={`px-8 py-2.5 rounded-xl text-xs font-black tracking-widest transition-all ${
+ viewType === 'Emerging' ? 'bg-white text-primary shadow-md' : 'text-[#64748b]'
+ }`}
+ >
+ Emerging
+
+ setViewType('Established')}
+ className={`px-8 py-2.5 rounded-xl text-xs font-black tracking-widest transition-all ${
+ viewType === 'Established' ? 'bg-white text-primary shadow-md' : 'text-[#64748b]'
+ }`}
+ >
+ Established
+
+
+
+ {brands.map((brand, index) => (
+
+
+ ))}
+
+
+ {/* Load More Button */}
+
+
+ Load More Brands
+
+
+
+
+ );
+};
+
+export default Brands;
diff --git a/Launch_Radar/src/components/CTA.jsx b/Launch_Radar/src/components/CTA.jsx
index e3817f7..5230c3b 100644
--- a/Launch_Radar/src/components/CTA.jsx
+++ b/Launch_Radar/src/components/CTA.jsx
@@ -1,6 +1,8 @@
import { motion } from 'framer-motion';
+import { useNavigate } from 'react-router-dom';
-const CTA = ({ onAuthOpen }) => {
+const CTA = () => {
+ const navigate = useNavigate();
return (
@@ -28,7 +30,7 @@ const CTA = ({ onAuthOpen }) => {
onAuthOpen('SIGNUP')}
+ onClick={() => navigate('/auth?mode=signup')}
className="btn bg-white text-primary hover:bg-slate-50 transition-all duration-300 w-full sm:w-auto"
>Join the Waitlist
{
+ return (
+
+
+
+
+
+
+
{item.name}
+
{item.model}
+
+
onRemove(item.id)}
+ className="p-2 text-[#94a3b8] hover:text-rose-500 hover:bg-rose-50 rounded-xl transition-all"
+ >
+
+
+
+ ${item.price.toLocaleString()}
+
+
+
+
onUpdateQuantity(item.id, -1)}
+ className="w-10 h-10 bg-white border border-[#e2e8f0] rounded-xl flex items-center justify-center text-[#64748b] hover:text-primary transition-all shadow-sm active:scale-95"
+ >
+
+
{item.quantity}
+
onUpdateQuantity(item.id, 1)}
+ className="w-10 h-10 bg-white border border-[#e2e8f0] rounded-xl flex items-center justify-center text-[#64748b] hover:text-primary transition-all shadow-sm active:scale-95"
+ >
+
+
+
Total
+
${(item.price * item.quantity).toLocaleString()}
+
+ );
+};
+
+const Cart = () => {
+ const navigate = useNavigate();
+ const [items, setItems] = useState([
+ { id: 1, name: 'Quantum Processor X1', model: 'Model: QX-2024', price: 1200, quantity: 1, icon: Cpu, bgClass: 'bg-gradient-to-br from-blue-600/80 to-indigo-700/80' },
+ { id: 2, name: 'Neural Interface v2', model: 'BioSync Tech', price: 850, quantity: 2, icon: Headphones, bgClass: 'bg-gradient-to-br from-slate-700 to-slate-900' },
+ { id: 3, name: 'Holographic Display', model: '4K Projection Unit', price: 450, quantity: 1, icon: Monitor, bgClass: 'bg-gradient-to-br from-teal-600/80 to-emerald-700/80' }
+ ]);
+
+ const updateQuantity = (id, delta) => {
+ setItems(items.map(item =>
+ item.id === id ? { ...item, quantity: Math.max(1, item.quantity + delta) } : item
+ ));
+ };
+
+ const removeItem = (id) => {
+ setItems(items.filter(item => item.id !== id));
+ };
+
+ const subtotal = items.reduce((acc, item) => acc + (item.price * item.quantity), 0);
+ const tax = subtotal * 0.08;
+ const total = subtotal + tax;
+
+ return (
+
+
+
+
+ {/* Top Breadcrumb & Nav */}
+
+
+ {/* Title Area */}
+
+
Shopping Cart
+
Review and manage your futuristic tech hardware acquisitions.
+
+ {/* Left: Items List */}
+
+
+ Product Details
+ Unit Price
+ Quantity
+ Total
+
+
+
+ {items.map(item => (
+
+
+ {items.length === 0 && (
+
+
Your cart is empty.
+
+
Back to Store
+
+
+ )}
+
+
+
+
Continue Shopping
+
+
+
+
+
+
+ {/* Right: Summary Card */}
+
+
+
+
+
+
+ Subtotal
+ ${subtotal.toLocaleString()}
+
+
+ Est. Shipping
+ Free
+
+
+ Tax (8%)
+ ${tax.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}
+
+
+
+
+
Total Amount
+
${total.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}
+
+
USD Currency
+
+
+
+
navigate('/checkout/delivery')}
+ className="w-full py-6 bg-primary text-white rounded-[24px] font-black text-sm uppercase tracking-[0.2em] shadow-2xl shadow-primary/30 hover:scale-105 transition-all active:scale-95 flex items-center justify-center gap-4 mb-10 leading-none group"
+ >
+ Proceed to Checkout
+
+
+
+
Coupon Code
+
+ Apply
+
+
+
+
+
+
+
+
+
+
+
+);
+
+const CreditCard = ({ size }) => (
+
+
+);
+
+const Bot = ({ size, className }) => (
+
+
+);
+
+export default Cart;
diff --git a/Launch_Radar/src/components/CheckoutDelivery.jsx b/Launch_Radar/src/components/CheckoutDelivery.jsx
new file mode 100644
index 0000000..7c75b9d
--- /dev/null
+++ b/Launch_Radar/src/components/CheckoutDelivery.jsx
@@ -0,0 +1,248 @@
+import React, { useState } from 'react';
+import { motion } from 'framer-motion';
+import {
+ ChevronRight,
+ MapPin,
+ Truck,
+ Info,
+ ShieldCheck,
+ ChevronLeft,
+ Globe,
+ Zap,
+ Briefcase
+} from 'lucide-react';
+import { Link, useNavigate } from 'react-router-dom';
+import Sidebar from './Sidebar';
+
+const CheckoutDelivery = () => {
+ const navigate = useNavigate();
+ const [formData, setFormData] = useState({
+ fullName: 'Johnathan Doe',
+ address1: 'Spaceport Sector 7G, Dock 42',
+ address2: 'Apt, Suite, Unit',
+ city: 'Neo Tokyo',
+ state: 'CA',
+ zip: '90210',
+ phone: '(555) 000-0000'
+ });
+
+ return (
+
+
+
+
+ {/* Top Header - Stepper */}
+
+
+ Checkout
+
+
+
+
+
1
+
+ Location
+ Shipping Info
+
+
+
+
+
2
+
+ Payment
+ Final Step
+
+
+
+
+
+
+ {/* Form Area */}
+
+ {/* Left: Shipping Form */}
+
+
+
+
+
+
Delivery Location
+
Specify where your orbital payload should be deployed.
+
+
+
+
+
+ Full Name
+
+
+
+ Address Line 1
+
+
+
+ Address Line 2 (Optional)
+
+
+
+ City
+
+
+
+
+
State
+
+
+ CA
+ NY
+ TX
+
+
+
+
+ Zip Code
+
+
+
+
+
+
+
+ Save as default fleet destination
+
+
+
+ navigate('/checkout/payment')}
+ className="px-14 py-6 bg-primary text-white rounded-[24px] font-black text-sm uppercase tracking-[0.2em] shadow-2xl shadow-primary/30 hover:scale-105 transition-all active:scale-95 flex items-center gap-4 group"
+ >
+ Continue to Payment
+
+
+
+ {/* Right: Mission Summary */}
+
+
+
Order Summary
+
+
+
+
+
StarLink-9 Payload
+
Heavy Lift Rocket (HLR-1)
+
$2,400
+
+
+
+
+
+ Base Launch Fee
+ $2,400.00
+
+
+ Orbital Tax
+ $142.50
+
+
+ Fuel Surcharge
+ FREE
+
+
+
+ Total Amount
+ $2,542.50
+
+
+
+ {/* Mission Insight Callout */}
+
+
+
+
+
Mission Insight
+
+
+ Delivery to Neo Tokyo typically occurs within 4 orbital cycles after launch confirmation.
+
+
+ {[...Array(3)].map((_, i) => (
+
+ ))}
+
+
Trusted by 2,000+ logistics companies
+
+
+
+
+
+
+
+);
+
+export default CheckoutDelivery;
diff --git a/Launch_Radar/src/components/CheckoutPayment.jsx b/Launch_Radar/src/components/CheckoutPayment.jsx
new file mode 100644
index 0000000..7986b99
--- /dev/null
+++ b/Launch_Radar/src/components/CheckoutPayment.jsx
@@ -0,0 +1,323 @@
+import React, { useState } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import {
+ ChevronRight,
+ ChevronLeft,
+ CreditCard,
+ Search,
+ CheckCircle2,
+ Lock,
+ Zap,
+ ShieldCheck,
+ Info,
+ DollarSign
+} from 'lucide-react';
+import { Link, useNavigate } from 'react-router-dom';
+import Sidebar from './Sidebar';
+
+const CheckoutPayment = () => {
+ const navigate = useNavigate();
+ const [paymentMethod, setPaymentMethod] = useState('card');
+ const [promoCode, setPromoCode] = useState('RADAR20');
+
+ const paymentOptions = [
+ { id: 'card', name: 'Card', icon: CreditCard },
+ { id: 'paypal', name: 'PayPal', icon: Globe },
+ { id: 'apple', name: 'Apple', icon: AppleIcon },
+ { id: 'cash', name: 'Cash', icon: Banknote }
+ ];
+
+ return (
+
+
+
+
+ {/* Top Header - Stepper */}
+
+
+ Payment
+
+
+
+
+
+
+
+ Plan
+ Shipping Info
+
+
+
+
+
2
+
+ Payment
+ Final Step
+
+
+
+
+
+
+ {/* Main Layout */}
+
+ {/* Left: Payment Form */}
+
+
+
Checkout
+
Securely complete your subscription to the Pro Plan.
+
+
+ {/* Payment Methods Selector */}
+
+ {paymentOptions.map((opt) => (
+ setPaymentMethod(opt.id)}
+ className={`flex-1 py-3 px-4 rounded-[18px] text-[10px] font-black uppercase tracking-widest flex items-center justify-center gap-3 transition-all ${
+ paymentMethod === opt.id
+ ? 'bg-white text-[#0f172a] shadow-xl shadow-slate-200'
+ : 'text-[#64748b] hover:text-[#0f172a]'
+ }`}
+ >
+
+ ))}
+
+
+ {/* Form Grid */}
+
+
+ Name on Card
+
+
+
+
+
+
+
+
+
Save card information for future purchases
+
+
+
+
+
+
+
+ {/* Right: Summary & Promo */}
+
+
+
Order Summary
+
+
+
+
+
Pro Monthly Plan
+
Billed monthly. Cancel anytime.
+
+
$49.00
+
+
+
Advanced Analytics Add-on
+ $12.00
+
+
+
+
+
+ Subtotal
+ $61.00
+
+
+ Tax (0%)
+ $0.00
+
+
+
+ Total
+ $61.00
+
+
+
+
+ Confirm Order & Pay
+
+
+ By completing this purchase, you agree to Terms of Service and Privacy Policy .
+
+
+
+
+
+
+
Safe & Secure
+
Multiple Payment Options
+
+
+
+
+ {/* Promo Code Card */}
+
+
+
Promo Code
+
+
+ Apply
+
+
+
+
+
+
+
+
+
+
+
Alex Chen
+
alex@launchradar.io
+
+
+
+
+ Credit Limit
+ 85%
+
+
+
+
+
+
+
+
+);
+
+const Banknote = ({ size }) => (
+
+
+);
+
+const Globe = ({ size }) => (
+
+
+);
+
+const TagIcon = ({ size, className }) => (
+
+
+);
+
+export default CheckoutPayment;
diff --git a/Launch_Radar/src/components/CreateBrand.jsx b/Launch_Radar/src/components/CreateBrand.jsx
new file mode 100644
index 0000000..b7ffa30
--- /dev/null
+++ b/Launch_Radar/src/components/CreateBrand.jsx
@@ -0,0 +1,260 @@
+import React, { useState } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import {
+ ChevronRight,
+ Upload,
+ Info,
+ ShieldCheck,
+ Sparkles,
+ Lock,
+ ChevronLeft,
+ Image as ImageIcon,
+ CheckCircle2,
+ X
+} from 'lucide-react';
+import { Link } from 'react-router-dom';
+import Sidebar from './Sidebar';
+
+const ChevronDown = ({ className, size }) => (
+
+
+);
+
+const Bot = ({ size, className }) => (
+
+
+);
+
+const CreateBrand = () => {
+ const [currentStep, setCurrentStep] = useState(1);
+ const [selectedCategories, setSelectedCategories] = useState(['AI & ML']);
+
+ const steps = [
+ { id: 1, name: 'Identity' },
+ { id: 2, name: 'Market Position' },
+ { id: 3, name: 'Social Connections' }
+ ];
+
+ const categories = ['AI & ML', 'EV', 'Wearables', 'SaaS', 'Fintech', 'Food Tech', 'Consumer Tech'];
+
+ const toggleCategory = (cat) => {
+ if (selectedCategories.includes(cat)) {
+ setSelectedCategories(selectedCategories.filter(c => c !== cat));
+ } else {
+ setSelectedCategories([...selectedCategories, cat]);
+ }
+ };
+
+ return (
+
+
+
+
+ {/* Breadcrumb */}
+
+ Add New Brand
+
+
+ {/* Title Section */}
+
+
Create Brand Profile
+
Step {currentStep} of 3: Brand Identity & Basic Information
+
+ {steps.map((step, idx) => (
+
+
+
= step.id ? 'bg-primary text-white scale-110' : 'bg-white text-[#94a3b8] border border-[#e2e8f0]'
+ }`}>
+ {currentStep > step.id ?
+
= step.id ? 'text-[#1e293b]' : 'text-[#94a3b8]'
+ }`}>
+ {step.name}
+
+
+ )}
+
+ ))}
+
+ {/* Logo Upload */}
+
+
+
Brand Logo
+
+
+
+
+ Upload Logo
+
+
+
Profile Display Image
+
+ This will be shown on your brand profile and throughout the platform. Recommended: 400×400px, PNG or SVG. Max file size: 5MB.
+
+
+ Change image
+
+
+
+
+ {/* Core Info */}
+
+
+
Core Information
+
+
+
+
+
+
Founding Year
+
+
+ {[2024, 2023, 2022, 2021, 2020].map(yr => {yr} )}
+
+
+
+
Detailed Product Description
+
+
+
+
+
+ {/* Category Section */}
+
+
+
Industry Category
+
+
+
+ {categories.map(cat => (
+ toggleCategory(cat)}
+ className={`px-5 py-3 rounded-full text-[11px] font-black uppercase tracking-widest transition-all border ${
+ selectedCategories.includes(cat)
+ ? 'bg-primary text-white border-primary shadow-lg shadow-primary/20'
+ : 'bg-white text-[#64748b] border-[#e2e8f0] hover:border-primary/50'
+ }`}
+ >
+ {cat}
+
+ ))}
+
+ + Add Others
+
+
+
+
+ {/* Footer Actions */}
+
+
+
+
+
+ Save Draft
+
+ setCurrentStep(2)}
+ className="px-10 py-4 bg-primary text-white rounded-2xl font-black text-xs uppercase tracking-widest flex items-center gap-3 shadow-xl shadow-primary/20 hover:shadow-primary/30 hover:-translate-y-0.5 transition-all active:scale-95"
+ >
+ Next Step
+
+
+
+
+
+
+
Verify Brand
+
Official brands get a blue checkmark on their profile for increased trust.
+
+
+
+
+
Strong Taglines
+
Keep it under 6 words. A memorable tagline helps in brand recall and discovery.
+
+
+
+
+
Data Privacy
+
Your brand data is stored securely using enterprise-grade encryption protocols.
+
+
+
+
+
+
+
+ {type === 'high' ? 'High Confidence' : 'Speculative'}
+
+
+
+
+
{title}
+ Launch: {date}
+
+
+ Probability of release based on supply chain movements and patent filings.
+
+
+
+
Launch Prob.
+
{prob}%
+
+
navigate('/predictions')}
+ className="px-4 py-2 bg-[#f1f5f9] text-[#1e293b] rounded-lg font-bold text-xs hover:bg-primary hover:text-white transition-colors"
+ >
+ Analyze
+
+
+
+ );
+};
+
+const BrandSignal = ({ name, description, time, icon: Icon, category, color }) => (
+
+
+
+
+
+
{name}
+
{description}
+
+
+
+ {time}
+
+ {category}
+
+
+
+
+
+
+ {/* Header */}
+
+
+
+ {/* Hero Section */}
+
+ Market Intelligence Radar
+ Predicting the next generation of category leaders with 89% accuracy.
+
+
+
+ {/* Main Column */}
+
+ {/* Predictions */}
+
+
+
+
+
+
Trending Predictions
+
+
+ View Comprehensive Feed
+
+
+
+ {/* Live Signals */}
+
+
+
+
+
Live Brand Signals
+
+
+
+
+
+
+ Access Unlimited Signal Feed
+
+
+
+
+ {/* Sidebar */}
+
+ {/* Analytics Card */}
+
+
+
+
+
+
+ {chartData.map((entry, index) => (
+ |
+ ))}
+
+ active && (
+
+ {payload?.[0]?.value}% VELOCITY
+
+ )}
+ />
+
+
+
+
+ Sentiment Score
+ BULLISH
+
+
+ Signal Strength
+ OPTIMAL
+
+
+
+ {/* Performance Indicator */}
+
+
+
Active Predictions
+
428
+
+
+
+
+ {/* Accuracy Card */}
+
+ Algorithm Accuracy
+ 89.2%
+
+
+ +2.1% Performance Increase
+
+
+
+
+
navigate('/auth?mode=signup')}
className="btn btn-primary w-full sm:w-auto"
>
Get Early Access
diff --git a/Launch_Radar/src/components/MarketIntelligence.jsx b/Launch_Radar/src/components/MarketIntelligence.jsx
new file mode 100644
index 0000000..38ab2f9
--- /dev/null
+++ b/Launch_Radar/src/components/MarketIntelligence.jsx
@@ -0,0 +1,320 @@
+import React, { useState } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import {
+ Search,
+ HelpCircle,
+ Bell,
+ Zap,
+ TrendingUp,
+ TrendingDown,
+ Target,
+ BarChart2,
+ Cpu,
+ ShieldCheck,
+ ChevronRight,
+ Plus,
+ RefreshCw,
+ FileText,
+ Briefcase,
+ Globe,
+ Mail,
+ MoreHorizontal
+} from 'lucide-react';
+import { Link } from 'react-router-dom';
+import Sidebar from './Sidebar';
+
+const Bot = ({ size, className }) => (
+
+
+);
+
+const SectorPerformanceCard = ({ name, icon: Icon, percentage, trend, values }) => {
+ return (
+
+
+
+
{name}
+
Generative, LLM, Computer Vision
+
+
+
+
+ +{percentage}%
+ Growth Index
+
+
+
+ {values.map((v, i) => (
+ values.length - 4 ? 'bg-primary/40' : 'bg-primary/20'}`}
+ />
+ ))}
+
+
+ );
+};
+
+const MarketIntelligence = () => {
+ const [email, setEmail] = useState('');
+
+ const momentumItems = [
+ {
+ icon: FileText,
+ iconColor: 'bg-blue-50 text-blue-500',
+ title: 'New Quantum patent filing by SynapCore Ltd.',
+ time: '2m ago',
+ category: 'Patents'
+ },
+ {
+ icon: Briefcase,
+ iconColor: 'bg-indigo-50 text-indigo-500',
+ title: 'Lucid Dynamics acquires AI startup \'Nodal\'.',
+ time: '15m ago',
+ category: 'M&A'
+ },
+ {
+ icon: Target,
+ iconColor: 'bg-orange-50 text-orange-500',
+ title: 'Series C funding closed for GreenGrid Energy.',
+ time: '1h ago',
+ category: 'Venture'
+ },
+ {
+ icon: Globe,
+ iconColor: 'bg-emerald-50 text-emerald-500',
+ title: 'EU Regulatory update on semi-conductors.',
+ time: '3h ago',
+ category: 'Policy'
+ }
+ ];
+
+ return (
+
+
+
+
+ {/* Top Navigation */}
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Hero Title Area */}
+
+
Market Intelligence
+
Real-time insights and predictive data across emerging sectors.
+
+ {/* Main Chart Area */}
+
+
+
+
+
AI & Deep Tech
+
+
+
+
Predictive Forecast
+
+
+
+
+ Projected market growth for Q4 across high-velocity sectors. Data indicates a significant consolidation phase beginning next month.
+
+
+
+ {[35, 62, 48, 75, 55, 68, 88].map((v, i) => (
+
+ {i === 6 && (
+
+ )}
+
+ ))}
+
+
+
+ {/* Side Momentum Feed */}
+
+
+
Global Momentum Feed
+
+
+
+ {momentumItems.map((item, idx) => (
+
+
+
+
+
{item.title}
+
{item.time} • {item.category}
+
+
+ ))}
+
+
+
+
+
Sector Performance
+
+ {['All', 'Tech', 'Energy'].map((cat, idx) => (
+
+ {cat}
+
+ ))}
+
+
+
+
+
+ {/* Distribution and Digest Section */}
+
+ {/* Market Distribution */}
+
+
+
+
+
+ 65%
+ High Tech
+
+
+
+
+
Market Distribution
+
+ {[
+ { label: 'Software', val: 42, color: 'bg-blue-600' },
+ { label: 'Hardware', val: 23, color: 'bg-blue-400' },
+ { label: 'Services', val: 35, color: 'bg-blue-200' }
+ ].map((d, i) => (
+
+ ))}
+
+
+
+
+ {/* Weekly Digest Newsletter */}
+
+
+
Weekly Digest
+
+ Get custom sector analysis sent to your inbox every Monday. Over 50k+ pro analysts onboard.
+
+
+
+
+
+ Join
+
+
+
+
+
+
@@ -45,7 +48,7 @@ const Navbar = ({ onAuthOpen }) => {
onAuthOpen('SIGNUP')}
+ onClick={() => navigate('/auth?mode=signup')}
className="btn btn-primary !px-5 !py-2 !text-[0.9rem]"
>
Sign Up
@@ -53,7 +56,7 @@ const Navbar = ({ onAuthOpen }) => {
onAuthOpen('LOGIN')}
+ onClick={() => navigate('/auth?mode=login')}
className="btn !bg-primary !text-white hover:!bg-primary/90 !px-5 !py-2 !text-[0.9rem]"
>
Login
@@ -117,13 +120,13 @@ const Navbar = ({ onAuthOpen }) => {
{ onAuthOpen('SIGNUP'); setIsMenuOpen(false); }}
+ onClick={() => { navigate('/auth?mode=signup'); setIsMenuOpen(false); }}
className="btn btn-primary w-full !py-4 text-lg"
>
Sign Up
{ onAuthOpen('LOGIN'); setIsMenuOpen(false); }}
+ onClick={() => { navigate('/auth?mode=login'); setIsMenuOpen(false); }}
className="btn !bg-primary !text-white w-full !py-4 text-lg"
>
Login
diff --git a/Launch_Radar/src/components/NewReport.jsx b/Launch_Radar/src/components/NewReport.jsx
new file mode 100644
index 0000000..beed369
--- /dev/null
+++ b/Launch_Radar/src/components/NewReport.jsx
@@ -0,0 +1,270 @@
+import React, { useState } from 'react';
+import { motion, useMotionValue, useTransform, useSpring } from 'framer-motion';
+import {
+ Download,
+ Share2,
+ ChevronLeft,
+ Zap,
+ Target,
+ AlertCircle,
+ TrendingUp,
+ PieChart as PieChartIcon,
+ Search,
+ Bell
+} from 'lucide-react';
+import Sidebar from './Sidebar';
+import NotificationDropdown from './NotificationDropdown';
+import {
+ BarChart,
+ Bar,
+ XAxis,
+ YAxis,
+ CartesianGrid,
+ Tooltip,
+ ResponsiveContainer,
+ PieChart,
+ Pie,
+ Cell
+} from 'recharts';
+import { Link } from 'react-router-dom';
+
+const fundingData = [
+ { name: 'JAN', value: 250 },
+ { name: 'FEB', value: 380 },
+ { name: 'MAR', value: 300 },
+ { name: 'APR', value: 550 },
+ { name: 'MAY', value: 650 },
+ { name: 'JUN', value: 600 },
+];
+
+const sectorData = [
+ { name: 'LLM Operations', value: 42, color: '#2b59ff' },
+ { name: 'Vector Databases', value: 28, color: '#60a5fa' },
+ { name: 'Compute Infra', value: 30, color: '#d1d5db' },
+];
+
+const MetricCard = ({ label, value, subtext, color, trend }) => {
+ const x = useMotionValue(0);
+ const y = useMotionValue(0);
+ const mouseXSpring = useSpring(x);
+ const mouseYSpring = useSpring(y);
+ const rotateX = useTransform(mouseYSpring, [-0.5, 0.5], ["5deg", "-5deg"]);
+ const rotateY = useTransform(mouseXSpring, [-0.5, 0.5], ["-5deg", "5deg"]);
+
+ const handleMouseMove = (event) => {
+ const rect = event.currentTarget.getBoundingClientRect();
+ const width = rect.width;
+ const height = rect.height;
+ const mouseX = event.clientX - rect.left;
+ const mouseY = event.clientY - rect.top;
+ x.set(mouseX / width - 0.5);
+ y.set(mouseY / height - 0.5);
+ };
+
+ const handleMouseLeave = () => {
+ x.set(0);
+ y.set(0);
+ };
+
+ return (
+
+
+
{label}
+
+
{value}
+ {trend && {trend} }
+
+
+
+ );
+};
+
+const containerVariants = {
+ hidden: { opacity: 0 },
+ visible: {
+ opacity: 1,
+ transition: { staggerChildren: 0.1, delayChildren: 0.2 }
+ }
+};
+
+const itemVariants = {
+ hidden: { opacity: 0, y: 30, scale: 0.98 },
+ visible: {
+ opacity: 1,
+ y: 0,
+ scale: 1,
+ transition: { type: "spring", stiffness: 200, damping: 20 }
+ }
+};
+
+const NewReport = () => {
+ const [showNotifications, setShowNotifications] = useState(false);
+
+ return (
+
+
+
+
+
+
+
+ /
+ Q3 AI Infrastructure Deep-Dive
+
+
+
+
+
+
+ setShowNotifications(!showNotifications)} className={`w-11 h-11 flex items-center justify-center rounded-xl transition-all shadow-sm border border-[#e2e8f0] relative ${showNotifications ? 'bg-primary text-white shadow-lg shadow-primary/20' : 'bg-white text-[#64748b] hover:text-primary'}`}>
+ 3
+
+ setShowNotifications(false)} />
+
+
+
+
+
+
+
+ Generative AI
+ Market Leader
+
+
2024 Generative AI Infrastructure Intelligence Report
+
Comprehensive breakdown of venture capital flow, enterprise deployment metrics, and hardware scarcity indices.
+
+
+
+
+ {/* Metrics Grid */}
+
+
+
+
+
+
+
+
Funding Velocity (Quarterly)
+
+ {['6M', '1Y', 'ALL'].map(t => {t} )}
+
+
+
+
+
+ {fundingData.map((e,i)=>| 3?'#2b59ff':'#eff6ff'}/>)}
+ |
+
+
+
+
+
+
+
+
AI
+
+
Neural Intelligence Summary
+
Confidence Index: 94%
+
+
+
The market is shifting from base model hype to "Day 2 Operations" infrastructure. Enterprise-grade deployment tools are attracting 40% of new series B capital.
+
+
+
Growth Driver
+
Infrastructure Consolidation: Standardized platforms for LLM monitoring and cost optimization.
+
+
+
Headwind Factor
+
Hardware Bottlenecks: H100 scarcity remains the primary deceleration point for late-stage training cycles.
+
+
+
+
+
+
+
+ Sector Allocation
+
+
+ {sectorData.map((e,i)=>| )} |
+
+ Top
+ OPS
+
+
+ {sectorData.map(s => (
+
+ {s.name}
+ {s.value}%
+
+ ))}
+
+
+
+
+
+
+
NeuralLayer
+
Distributed Inference Engine
+
+
"Pioneering sub-10ms edge inference for enterprise AR. Extreme M&A target potential for Q4."
+
+
+ Detailed Intelligence Deep-Dive
+
+
+
+
+
+
+
+ {isOpen && (
+ <>
+ {/* Backdrop for closing */}
+
+
+
+ {/* Header */}
+
+
+
Notifications
+
+ 3
+
+
+
+ Mark all as read
+
+
+ {['All', 'Launches', 'Predictions'].map(tab => (
+ setActiveTab(tab)}
+ className={`text-sm font-bold transition-all relative pb-1 ${
+ activeTab === tab ? 'text-primary' : 'text-[#94a3b8] hover:text-[#475569]'
+ }`}
+ >
+ {tab}
+ {activeTab === tab && (
+
+ ))}
+
+
+ {/* List */}
+
+ {filteredNotifications.map((notif) => (
+
+
+
+
+
+
+
+ {notif.type}
+
+ {notif.time}
+
+
+ {notif.title}
+
+
+ View Details
+
+
+ {notif.unread && (
+
+ )}
+
+ ))}
+
+
+ See all notifications
+
+
+
+
+ )}
+
+ );
+};
+
+export default NotificationDropdown;
diff --git a/Launch_Radar/src/components/SectorReport.jsx b/Launch_Radar/src/components/SectorReport.jsx
new file mode 100644
index 0000000..eb6212f
--- /dev/null
+++ b/Launch_Radar/src/components/SectorReport.jsx
@@ -0,0 +1,333 @@
+import React from 'react';
+import { motion } from 'framer-motion';
+import {
+ FileText,
+ Share2,
+ Download,
+ TrendingUp,
+ TrendingDown,
+ Zap,
+ Target,
+ MessageSquare,
+ ChevronRight,
+ Search,
+ MoreHorizontal,
+ Plus
+} from 'lucide-react';
+import { Link } from 'react-router-dom';
+import Sidebar from './Sidebar';
+
+const Bot = ({ size, className }) => (
+
+
+);
+
+const MetricStat = ({ label, value, change, color, barWidth, isTrend = false }) => (
+
+ {label}
+
+ {value}
+ {change && (
+
+ {change}
+
+ )}
+
+
+
+
+);
+
+const SectorReport = () => {
+ return (
+
+
+
+
+ {/* Top Header - Breadcrumbs & Actions */}
+
+
+ {/* Hero Report Header */}
+
+
+
+ Generative AI
+ High Growth
+
+
Q3 2024 Generative AI Infrastructure Report
+
+ A comprehensive breakdown of venture capital flow, model efficiency metrics, and competitive landscape within the infrastructure layer.
+
+
+
+
+
+
+
+
+
+
+
+ {/* Main Charts Distribution */}
+
+ {/* Large Area Chart / Bar Chart */}
+
+
+
+
Funding Trends Over Time
+
Quarterly venture capital investment ($M)
+
+
+ {['6M', '1Y', 'All'].map((t, i) => (
+ {t}
+ ))}
+
+
+
+
+ {[45, 65, 40, 85, 78, 62].map((v, i) => (
+
+
+ {i === 4 &&
}
+
+
{['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'][i]}
+
+ ))}
+
+ {[...Array(5)].map((_, i) =>
)}
+
+
+
+
+ {/* Sub-Sector Allocation */}
+
+
Sub-Sector Allocation
+
+
+
+
+
+ Leader
+ LLM Ops
+
+
+
+
+ {[
+ { label: 'LLM Operations', val: 42, color: 'bg-blue-700' },
+ { label: 'Vector Databases', val: 28, color: 'bg-blue-400' },
+ { label: 'Compute Infra', val: 30, color: 'bg-slate-300' }
+ ].map((d, i) => (
+
+ ))}
+
+
+
+ {/* AI Analysis Rationale */}
+
+
+
+
+
+
AI Analysis Rationale
+
Updated 4 hours ago • Confidence Level: 94%
+
+
+
+
+
+ The current market sentiment for the Generative AI Infrastructure sector remains decidedly bullish, driven by the decoupling of base model development and enterprise-grade deployment tools. We observed a significant 12.4% uptick in Q3 funding specifically targeting "Day 2 Operations" (monitoring, compliance, and cost management).
+
+
+
+
+
Key Driver: Infrastructure Consolidation
+
Smaller, specialized LLM tools are being absorbed into unified "OS-style" platforms, reducing integration friction for Fortune 500 adopters.
+
+
+
Risk Factor: GPU Scarcity
+
While software demand is surging, the physical layer remains bottle-necked by H100 availability, slowing down model iteration cycles for Series A startups.
+
+
+
+
+ Our predictive models suggest that the "Vector Database" frenzy is beginning to stabilize as standardized incumbents emerge. Investors should now pivot focus towards Custom Hardware Interoperability and On-Premise Private LLM Deployment , which are projected to lead Q4 growth metrics by up to 18%.
+
+
+
+
+ {/* Radar Pick & Competitors Side */}
+
+ {/* Radar Pick Card */}
+
+
+
+
Radar Pick
+
+
+
+
+ N
+
+
+
NeuralLayer.ai
+
Series A • $24M Raised
+
+
+
+
+ NeuralLayer is pioneering distributed inference for edge devices. Our models indicate an 88% probability of acquisition within 12 months.
+
+
+
+ View Deep-Dive
+
+
+
+ {/* Top Competitors Leaderboard */}
+
+
Top Competitors
+
+ {[
+ { id: '01', name: 'Anthropic', val: 92 },
+ { id: '02', name: 'Cohere', val: 84 },
+ { id: '03', name: 'Mistral AI', val: 78 }
+ ].map((c, i) => (
+
+
+
+ {c.id}
+ {c.name}
+
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+);
+
+const Settings = () => {
+ const [activeTab, setActiveTab] = useState('Account');
+
+ const tabs = [
+ { label: 'Account', icon: User },
+ { label: 'Security', icon: Shield },
+ { label: 'Notifications', icon: Bell },
+ { label: 'Appearance', icon: Monitor },
+ { label: 'Language', icon: Globe }
+ ];
+
+ return (
+
+
+
+
+ {/* Top Header */}
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Profile Header Card */}
+
+
+
+
+
+
+
+
+
+
+
+
Alex Rivers
+
+
+
+
+ • Since Jan 2023
+
+
+
+
+
+
+ {/* Tabs Navigation */}
+
+ {tabs.map((tab) => (
+ setActiveTab(tab.label)}
+ />
+ ))}
+
+
+ {/* Settings Content Area */}
+
+
+ {/* Section 1: Personal Information */}
+
+
+
Personal Information
+ Update
+
+
+
+
+
+ {/* Section 2: Planning & Billing */}
+
+ Plan & Billing
+
+
+
+
+
+
+
Pro Monthly Plan
+
Next billing date: Feb 12, 2024
+
+
+
+
$29.00/mo
+
Manage Subscription
+
+
+
+
+ View Invoices
+
+
+ Change Method
+
+
+
+
+ {/* Section 3: Danger Zone */}
+
+ Danger Zone
+
+
+
+
Delete Account
+
Once you delete your account, there is no going back. Please be certain.
+
+
+ Deactivate Account
+
+
+
+ {/* Footer info */}
+
+
+ LaunchRadar v2.4.1 • © 2024 LaunchRadar Inc. All rights reserved.
+
+
+ Privacy Policy
+ Terms of Service
+ Status
+
+
+
+
+
Storage
+
+
+
7.5 GB of 10 GB used
+
Upgrade Plan
+
+
+
+ {/* Logo */}
+
+
+
+
+
+
LaunchRadar
+
{user.plan}
+
+
+
+ {navItems.map((item) => (
+
+ {item.name}
+ {item.name === 'Store' && cartCount > 0 && (
+
+ {cartCount}
+
+ )}
+
+
+ ))}
+
+
+ {/* Credits Card */}
+
+
+ Credits
+ 1,240 / 2,000
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Sidebar;
diff --git a/Launch_Radar/src/components/Store.jsx b/Launch_Radar/src/components/Store.jsx
new file mode 100644
index 0000000..e7cf918
--- /dev/null
+++ b/Launch_Radar/src/components/Store.jsx
@@ -0,0 +1,301 @@
+import React, { useState } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import {
+ Search,
+ ShoppingCart,
+ ChevronRight,
+ Star,
+ Cpu,
+ Globe,
+ ShieldCheck,
+ Zap,
+ MoreVertical,
+ Filter,
+ ChevronDown,
+ RefreshCw,
+ Heart
+} from 'lucide-react';
+import { Link } from 'react-router-dom';
+import Sidebar from './Sidebar';
+import { useApp } from '../context/AppContext';
+
+const ProductCard = ({ product, index }) => {
+ const { addToCart } = useApp();
+ const [added, setAdded] = useState(false);
+
+ const handleAddToCart = () => {
+ addToCart();
+ setAdded(true);
+ setTimeout(() => setAdded(false), 2000);
+ };
+
+ return (
+
+ {/* Product Image Area */}
+
+
+
+ {product.tag}
+
+
+
+
+
+
+ {product.icon &&
+
+
+
{product.name}
+ ${product.price}
+
+
+ {product.category} / {product.type}
+
+
+
+ {[...Array(5)].map((_, i) => (
+ ({product.reviews} Reviews)
+
+
+
+
Market Demand
+
+
+
+
{product.demand}% Yes
+
+
+
+
+
+ {product.specs.map((spec, i) => (
+
+ {spec.icon &&
+ ))}
+
+
+
+ {added ? (
+ <>
+
+
+
+ );
+};
+
+const Store = () => {
+ const { cartCount, user } = useApp();
+ const [loadCount, setLoadCount] = useState(4);
+ const categories = ['All Products', 'Hardware', 'SaaS Platforms', 'AI Modules', 'Neural Gear'];
+
+ const products = [
+ {
+ name: 'NeuralPad X1',
+ price: '899.00',
+ category: 'Hardware',
+ type: 'Interface',
+ tag: 'Trending',
+ tagClass: 'bg-primary shadow-lg shadow-primary/30',
+ bgClass: 'bg-gradient-to-br from-orange-400 to-amber-500',
+ rating: 4.8,
+ reviews: 128,
+ demand: 82,
+ specs: [{ icon: Zap, label: 'A15 Quantum' }, { icon: Globe, label: '48H Life' }]
+ },
+ {
+ name: 'CloudPulse AI',
+ price: '49/mo',
+ category: 'SaaS',
+ type: 'Productivity',
+ tag: 'New Release',
+ tagClass: 'bg-emerald-500 shadow-lg shadow-emerald-500/30',
+ bgClass: 'bg-gradient-to-br from-teal-400 to-emerald-500',
+ rating: 4.9,
+ reviews: '3.4k',
+ demand: 94,
+ specs: [{ icon: Cpu, label: 'Infinite Scale' }, { icon: ShieldCheck, label: 'End-to-End' }]
+ },
+ {
+ name: 'Titan Core 9',
+ price: '2,499.00',
+ category: 'Infrastructure',
+ type: 'AI',
+ tag: 'Best Seller',
+ tagClass: 'bg-indigo-500 shadow-lg shadow-indigo-500/30',
+ bgClass: 'bg-gradient-to-br from-slate-600 to-slate-800',
+ rating: 4.7,
+ reviews: 42,
+ demand: 68,
+ specs: [{ icon: Zap, label: '120 TFLOPS' }, { icon: RefreshCw, label: 'Liquid Cooled' }]
+ },
+ {
+ name: 'Optic V2 Pro',
+ price: '1,200.00',
+ category: 'Hardware',
+ type: 'Vision',
+ tag: 'Staff Pick',
+ tagClass: 'bg-rose-500 shadow-lg shadow-rose-500/30',
+ bgClass: 'bg-gradient-to-br from-slate-800 to-indigo-950',
+ rating: 4.9,
+ reviews: 892,
+ demand: 76,
+ specs: [{ icon: Globe, label: '8K Per Eye' }, { icon: Zap, label: 'Spatial Audio' }]
+ }
+ ];
+
+ return (
+
+
+
+
+ {/* Header Actions */}
+
+
+ {/* Hero Area */}
+
+
+
+ Marketplace
+
+
Discover Tomorrow
+
+ Curated futuristic tech, high-performance software, and infrastructure tools for elite growth teams.
+
+
+
+
+
+
Your Cart
+
{cartCount} Items • ${ (cartCount * 299).toLocaleString() }.00
+
+ Checkout
+
+
+
+
+ {categories.map((cat, i) => (
+
+ {cat}
+
+ ))}
+
+
+
+
+
+ Sort: Popular
+
+
+ {products.map((p, i) => (
+
+ ))}
+
+
+ Load More Products
+
+
+ {/* New Feature Sidebar Callout - Absolute Pos (Mocking the UI layout) */}
+
+
+
New Feature
+
+ Check out our new AI-driven market prediction tool.
+
+
+
Explore Now
+
+
+
+
+ {children}
+
+ );
+};
+
+export const useApp = () => useContext(AppContext);
diff --git a/Launch_Radar/src/index.css b/Launch_Radar/src/index.css
index 599e73f..5650353 100644
--- a/Launch_Radar/src/index.css
+++ b/Launch_Radar/src/index.css
@@ -5,10 +5,30 @@
--color-primary: #2b59ff;
--color-primary-hover: #1e40c1;
--color-bg-color: #f6f9fc;
+ --color-card-bg: #ffffff;
+ --color-sidebar-bg: #ffffff;
+ --color-sidebar-active: #2b59ff;
--color-text-main: #1a1f36;
--color-text-muted: #697386;
--color-accent-purple: #7c3aed;
--color-accent-green: #10b981;
+ --color-accent-orange: #f59e0b;
+ --color-border-light: #e3e8ee;
+}
+
+@layer utilities {
+ .shadow-premium {
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
+ }
+ .shadow-premium-hover {
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ }
+ .sidebar-item {
+ @apply flex items-center gap-3 px-4 py-3 rounded-xl transition-all duration-200 cursor-pointer text-[#64748b] hover:bg-[#f1f5f9] hover:text-[#1e293b];
+ }
+ .sidebar-item-active {
+ @apply bg-primary text-white hover:bg-primary-hover hover:text-white shadow-lg shadow-primary/20;
+ }
}
body {
+ 
+ 
+ 
+