-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy patheslint.json
More file actions
1 lines (1 loc) · 50.2 KB
/
eslint.json
File metadata and controls
1 lines (1 loc) · 50.2 KB
1
[{"filePath":"D:\\Space\\eslint.config.js","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"D:\\Space\\postcss.config.js","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"D:\\Space\\src\\App.jsx","messages":[{"ruleId":"no-unused-vars","severity":2,"message":"'motion' is defined but never used. Allowed unused vars must match /^[A-Z_]/u.","line":2,"column":10,"nodeType":"Identifier","messageId":"unusedVar","endLine":2,"endColumn":16,"suggestions":[{"messageId":"removeVar","data":{"varName":"motion"},"fix":{"range":[69,76],"text":""},"desc":"Remove unused variable 'motion'."}]}],"suppressedMessages":[],"errorCount":1,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"import React, { useEffect, useState, useRef } from 'react';\nimport { motion, useScroll, useTransform, AnimatePresence } from 'framer-motion';\nimport { Orbit, ArrowUpRight, Play, Zap, Shield, Battery, Radio, Settings, Locate, ChevronDown, CheckCircle2, Activity } from 'lucide-react';\n\nconst globalStyles = `\n@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Barlow:wght@300;400;500;600&display=swap');\n\n@layer components {\n .liquid-glass {\n background: rgba(255, 255, 255, 0.015);\n background-blend-mode: luminosity;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n border: none;\n box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1), 0 4px 24px rgba(0, 0, 0, 0.2);\n position: relative;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .liquid-glass::before {\n content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1px;\n background: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.05) 80%, rgba(255,255,255,0.2) 100%);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;\n }\n .liquid-glass-strong {\n background: rgba(255, 255, 255, 0.02);\n background-blend-mode: luminosity;\n backdrop-filter: blur(50px);\n -webkit-backdrop-filter: blur(50px);\n border: none;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.2);\n position: relative; overflow: hidden;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .liquid-glass-strong::before {\n content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.2px;\n background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.15) 20%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.15) 80%, rgba(255,255,255,0.4) 100%);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;\n }\n}\n`;\n\nconst EASE = [0.16, 1, 0.3, 1];\n\nconst BlurText = ({ text, className = \"\", delay = 0 }) => {\n const words = text.split(\" \");\n return (\n <motion.div\n className={`flex flex-wrap ${className}`}\n initial=\"hidden\"\n whileInView=\"visible\"\n viewport={{ once: true, margin: \"-50px\" }}\n variants={{\n visible: { transition: { staggerChildren: 0.08, delayChildren: delay } },\n hidden: {},\n }}\n >\n {words.map((word, index) => (\n <motion.span\n key={index}\n className=\"mr-[0.25em] inline-block\"\n variants={{\n hidden: { filter: 'blur(12px)', opacity: 0, y: 40 },\n visible: {\n filter: 'blur(0px)',\n opacity: 1,\n y: 0,\n transition: { duration: 1.2, ease: EASE }\n }\n }}\n >\n {word}\n </motion.span>\n ))}\n </motion.div>\n );\n};\n\nconst Reveal = ({ children, className = \"\", delay = 0 }) => (\n <motion.div\n className={className}\n initial={{ filter: 'blur(12px)', opacity: 0, y: 40 }}\n whileInView={{ filter: 'blur(0px)', opacity: 1, y: 0 }}\n viewport={{ once: true, margin: \"-50px\" }}\n transition={{ duration: 1.2, ease: EASE, delay }}\n >\n {children}\n </motion.div>\n);\n\nconst Navbar = () => {\n return (\n <nav className=\"fixed top-6 left-0 right-0 z-50 px-6 lg:px-12 flex justify-between items-center pointer-events-none\">\n <motion.div \n initial={{ opacity: 0, y: -20 }}\n animate={{ opacity: 1, y: 0 }}\n transition={{ duration: 1, ease: EASE }}\n className=\"pointer-events-auto\"\n >\n <button className=\"w-12 h-12 flex items-center justify-center rounded-full liquid-glass hover:scale-105 transition-transform duration-500\">\n <Orbit className=\"w-6 h-6 text-white\" />\n </button>\n </motion.div>\n\n <motion.div \n initial={{ opacity: 0, y: -20 }}\n animate={{ opacity: 1, y: 0 }}\n transition={{ duration: 1, ease: EASE, delay: 0.2 }}\n className=\"pointer-events-auto flex items-center gap-2\"\n >\n <div className=\"hidden md:flex items-center space-x-8 px-8 py-3 rounded-full liquid-glass mr-4\">\n {['Home', 'Voyages', 'Worlds', 'Innovation', 'Launch'].map((item) => (\n <a key={item} href={`#${item.toLowerCase()}`} className=\"text-sm uppercase tracking-[0.2em] text-white/70 hover:text-white transition-colors duration-300\">\n {item}\n </a>\n ))}\n </div>\n <button className=\"flex items-center gap-2 px-6 py-3 rounded-full bg-white text-black font-medium hover:bg-white/90 transition-colors duration-300\">\n <span className=\"text-sm uppercase tracking-[0.1em]\">Claim a Spot</span>\n <ArrowUpRight className=\"w-4 h-4\" />\n </button>\n </motion.div>\n </nav>\n );\n};\n\nconst HeroVideo = () => {\n const containerRef = useRef(null);\n\n useEffect(() => {\n if (containerRef.current) {\n containerRef.current.innerHTML = `\n <video \n autoPlay \n muted \n loop \n playsInline \n class=\"absolute inset-0 w-full h-full object-cover\"\n src=\"https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260306_115329_5e00c9c5-4d69-49b7-94c3-9c31c60bb644.mp4\"\n ></video>\n `;\n }\n }, []);\n\n return <div ref={containerRef} className=\"absolute inset-0 w-full h-full object-cover\" />;\n};\n\nconst Hero = () => {\n const { scrollY } = useScroll();\n const y = useTransform(scrollY, [0, 1000], [0, 300]);\n const opacity = useTransform(scrollY, [0, 800], [1, 0]);\n const scale = useTransform(scrollY, [0, 1000], [1, 1.1]);\n\n return (\n <section id=\"home\" className=\"relative h-screen w-full flex flex-col items-center justify-center overflow-hidden\">\n <motion.div style={{ y, opacity, scale }} className=\"absolute inset-0 w-full h-full\">\n <HeroVideo />\n <div className=\"absolute inset-0 bg-gradient-to-b from-transparent via-[#02040A]/40 to-[#02040A]\" />\n </motion.div>\n\n <div className=\"relative z-10 flex flex-col items-center text-center px-4 max-w-5xl\">\n <Reveal delay={0.2}>\n <div className=\"px-4 py-2 rounded-full liquid-glass mb-8 inline-flex items-center gap-2\">\n <span className=\"w-2 h-2 rounded-full bg-white animate-pulse\" />\n <span className=\"text-xs uppercase tracking-[0.25em] text-white/90\">New Frontiers</span>\n </div>\n </Reveal>\n\n <BlurText \n text=\"Venture Past Our Sky Across the Universe\" \n className=\"text-5xl md:text-7xl lg:text-9xl font-heading italic text-balance tracking-tight mb-8 justify-center\"\n />\n\n <Reveal delay={0.6} className=\"max-w-2xl mx-auto mb-12\">\n <p className=\"text-lg md:text-xl text-white/70 font-body leading-relaxed\">\n Embark on the definitive luxury sub-orbital and deep space experience. \n Designed for those who seek to transcend the bounds of our world.\n </p>\n </Reveal>\n\n <Reveal delay={0.8} className=\"flex flex-col sm:flex-row items-center gap-4\">\n <button className=\"w-full sm:w-auto px-8 py-4 rounded-full liquid-glass-strong text-white font-medium hover:scale-105 transition-all duration-300\">\n Explore Voyages\n </button>\n <button className=\"w-full sm:w-auto px-8 py-4 rounded-full flex items-center justify-center gap-3 text-white/80 hover:text-white hover:bg-white/5 transition-all duration-300\">\n <span className=\"w-10 h-10 rounded-full liquid-glass flex items-center justify-center\">\n <Play className=\"w-4 h-4 ml-1\" />\n </span>\n Watch Video\n </button>\n </Reveal>\n </div>\n </section>\n );\n};\n\nconst Mission = () => {\n return (\n <section className=\"relative py-40 flex flex-col items-center justify-center text-center px-6\" id=\"innovation\">\n <div className=\"absolute top-0 right-1/2 w-px h-32 bg-gradient-to-b from-transparent to-white/20\" />\n <div className=\"absolute w-[600px] h-[600px] bg-blue-500/10 rounded-full blur-[120px] pointer-events-none\" />\n \n <BlurText \n text=\"We are not just building ships. We are engineering the next great chapter of human history.\" \n className=\"text-4xl md:text-6xl font-heading italic max-w-4xl text-balance tracking-tight justify-center leading-tight\"\n />\n </section>\n );\n};\n\nconst Specs = () => {\n const specsData = [\n { icon: <Zap className=\"w-5 h-5\"/>, label: \"Cruising Speed\", value: \"0.2c\" },\n { icon: <Shield className=\"w-5 h-5\"/>, label: \"Hull Integrity\", value: \"Quantum-Weave\" },\n { icon: <Settings className=\"w-5 h-5\"/>, label: \"Capacity\", value: \"800 Souls\" },\n { icon: <Battery className=\"w-5 h-5\"/>, label: \"Life Support\", value: \"Infinity Loop\" },\n { icon: <Radio className=\"w-5 h-5\"/>, label: \"Deep Comms\", value: \"Tachyon Link\" },\n { icon: <CheckCircle2 className=\"w-5 h-5\"/>, label: \"Shielding\", value: \"Thermal-Mass\" },\n ];\n\n return (\n <section className=\"py-24 px-6 lg:px-12 max-w-screen-2xl mx-auto\" id=\"voyages\">\n <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\n <Reveal className=\"group h-[650px] w-full rounded-[2.5rem] liquid-glass overflow-hidden relative p-8 flex flex-col justify-end\">\n <img \n src=\"https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=1600&auto=format&fit=crop\" \n alt=\"Space Vessel\" \n className=\"absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-[1.5s] ease-out z-0\"\n />\n <div className=\"absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent z-10\" />\n <div className=\"relative z-20\">\n <p className=\"text-white/70 uppercase tracking-[0.2em] text-sm mb-2\">Odyssey Class</p>\n <h3 className=\"text-4xl font-heading italic text-white tracking-tight\">The Apex Voyager</h3>\n </div>\n </Reveal>\n\n <div className=\"flex flex-col justify-center lg:pl-12\">\n <Reveal delay={0.2}>\n <h2 className=\"text-5xl font-heading italic mb-12 tracking-tight\">Unrivaled Engineering</h2>\n </Reveal>\n <div className=\"grid grid-cols-2 gap-4\">\n {specsData.map((spec, i) => (\n <Reveal key={i} delay={0.1 * i + 0.3} className=\"liquid-glass p-6 rounded-3xl flex flex-col gap-4 group\">\n <div className=\"w-12 h-12 rounded-full bg-white/5 border border-white/10 flex items-center justify-center text-white/70 group-hover:text-white transition-colors\">\n {spec.icon}\n </div>\n <div>\n <p className=\"text-white/50 text-xs uppercase tracking-[0.2em] mb-1\">{spec.label}</p>\n <p className=\"text-xl font-medium\">{spec.value}</p>\n </div>\n </Reveal>\n ))}\n </div>\n </div>\n </div>\n </section>\n );\n};\n\nconst Features = () => {\n const features = [\n { title: \"Zero-G Lounge\", desc: \"Experience true weightlessness in our premium observation deck.\", icon: <Activity /> },\n { title: \"Hyper-Sleep Pods\", desc: \"Arrive refreshed with stasis-grade hibernation chambers.\", icon: <Settings /> },\n { title: \"Synthetic Gravity\", desc: \"Maintains optimal 1G environments for extended interstellar trips.\", icon: <Zap /> },\n { title: \"Culinary Printers\", desc: \"High-fidelity molecular gastronomy for gourmet meals anywhere.\", icon: <Settings /> },\n { title: \"Bio-Sphere Park\", desc: \"A massive central terrarium generating fresh oxygen and nature.\", icon: <CheckCircle2 /> },\n { title: \"Quantum Computing\", desc: \"Real-time navigation mapping across the known universe.\", icon: <Shield /> },\n ];\n\n return (\n <section className=\"relative py-32 px-6 lg:px-12 max-w-screen-2xl mx-auto\">\n <div className=\"absolute w-[500px] h-[500px] bg-indigo-500/10 rounded-full blur-[120px] pointer-events-none top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\" />\n \n <div className=\"mb-20 text-center\">\n <Reveal>\n <h2 className=\"text-5xl md:text-6xl font-heading italic tracking-tight\">Engineering the Impossible</h2>\n </Reveal>\n </div>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 relative z-10\">\n {features.map((f, i) => (\n <Reveal key={i} delay={0.1 * i} className=\"liquid-glass-strong p-8 rounded-[2rem] hover:-translate-y-1 transition-transform duration-500 group\">\n <div className=\"w-16 h-16 rounded-2xl border border-white/10 flex items-center justify-center mb-6 bg-white/5 text-white/70\">\n {f.icon}\n </div>\n <h4 className=\"text-2xl font-heading italic mb-3\">{f.title}</h4>\n <p className=\"text-white/60 text-sm leading-relaxed\">{f.desc}</p>\n </Reveal>\n ))}\n </div>\n </section>\n );\n};\n\nconst Timeline = () => {\n const steps = [\n { title: \"Atmospheric Ascent\", desc: \"Breach the thermosphere in under 4 minutes with multi-stage dampening.\" },\n { title: \"Orbital Transfer\", desc: \"Align trajectories in low-Earth orbit as we prep the main thrusters.\" },\n { title: \"Deep Space Cruise\", desc: \"Slip into the silence of the void in unparalleled quiet luxury.\" },\n { title: \"Destination Arrival\", desc: \"Enter orbit around distant worlds, ready for planetary descent.\" }\n ];\n\n return (\n <section className=\"py-32 px-6 relative max-w-5xl mx-auto\">\n <Reveal className=\"text-center mb-24\">\n <h2 className=\"text-5xl font-heading italic tracking-tight\">The Journey Paradigm</h2>\n </Reveal>\n \n <div className=\"relative\">\n <div className=\"absolute left-4 md:left-1/2 top-0 bottom-0 w-px bg-gradient-to-b from-transparent via-white/20 to-transparent md:-translate-x-1/2\" />\n \n {steps.map((step, i) => {\n const isEven = i % 2 === 0;\n return (\n <div key={i} className={`relative flex flex-col md:flex-row items-center mb-16 last:mb-0 ${isEven ? 'md:flex-row' : 'md:flex-row-reverse'}`}>\n <div className=\"absolute left-4 md:left-1/2 w-4 h-4 rounded-full bg-white md:-translate-x-1/2 shadow-[0_0_20px_5px_rgba(255,255,255,0.3)] z-10\" />\n \n <div className={`w-full md:w-1/2 pl-12 md:pl-0 ${isEven ? 'md:pr-16 text-left md:text-right' : 'md:pl-16 text-left'}`}>\n <Reveal delay={0.2} className=\"liquid-glass p-8 rounded-3xl inline-block w-full text-left\">\n <p className=\"text-xs uppercase tracking-[0.2em] text-white/50 mb-2\">Phase {i + 1}</p>\n <h4 className=\"text-2xl font-heading italic mb-3 text-white\">{step.title}</h4>\n <p className=\"text-white/60 text-sm leading-relaxed\">{step.desc}</p>\n </Reveal>\n </div>\n </div>\n );\n })}\n </div>\n </section>\n );\n};\n\nconst Destinations = () => {\n const places = [\n { name: \"Mars\", label: \"Red Sands Resort\", img: \"https://images.unsplash.com/photo-1614730321146-b6fa6a46bcb4?q=80&w=1600&auto=format&fit=crop\" },\n { name: \"Lunar Gateway\", label: \"Orbital Hub\", img: \"https://images.unsplash.com/photo-1522030299830-16b8d3d049fe?q=80&w=1600&auto=format&fit=crop\" },\n { name: \"Titan\", label: \"Methane Lakes\", img: \"https://images.unsplash.com/photo-1630839437035-dac17da580d0?q=80&w=1600&auto=format&fit=crop\" },\n { name: \"Europa\", label: \"Subsurface Oceans\", img: \"https://images.unsplash.com/photo-1614732414444-096e5f1122d5?q=80&w=1600&auto=format&fit=crop\" }\n ];\n\n return (\n <section className=\"py-32 px-6 lg:px-12 max-w-screen-2xl mx-auto\" id=\"worlds\">\n <div className=\"flex justify-between items-end mb-16\">\n <Reveal>\n <h2 className=\"text-5xl md:text-6xl font-heading italic tracking-tight\">Worlds Await</h2>\n </Reveal>\n <Reveal delay={0.2}>\n <button className=\"hidden md:flex items-center gap-2 text-sm uppercase tracking-[0.1em] text-white/60 hover:text-white transition-colors\">\n View All Destinations <ArrowUpRight className=\"w-4 h-4\"/>\n </button>\n </Reveal>\n </div>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n {places.map((p, i) => {\n const isLarge = i === 0 || i === 3;\n return (\n <Reveal key={i} delay={0.1 * i} className={`group relative rounded-[2rem] overflow-hidden h-[400px] md:h-[500px] ${isLarge ? 'md:col-span-2' : 'col-span-1'}`}>\n <img src={p.img} alt={p.name} className=\"absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-[2s] ease-out z-0\" />\n <div className=\"absolute inset-0 bg-gradient-to-t from-[#02040A] via-[#02040A]/20 to-transparent z-10\" />\n <div className=\"absolute bottom-0 left-0 right-0 p-8 z-20 flex justify-between items-end\">\n <div>\n <p className=\"text-white/70 uppercase tracking-[0.2em] text-sm mb-2\">{p.label}</p>\n <h3 className=\"text-4xl font-heading italic text-white tracking-tight\">{p.name}</h3>\n </div>\n <button className=\"w-12 h-12 rounded-full liquid-glass flex items-center justify-center group-hover:bg-white group-hover:text-black transition-colors duration-500\">\n <ArrowUpRight className=\"w-5 h-5\" />\n </button>\n </div>\n </Reveal>\n );\n })}\n </div>\n </section>\n );\n};\n\nconst FAQ = () => {\n const faqs = [\n { q: \"What is the training protocol required?\", a: \"All passengers undergo a 3-week orbital adaptation program at our terrestrial center before boarding.\" },\n { q: \"How secure is the quantum drive?\", a: \"Our proprietary systems feature triple-redundant fail-safes and real-time core shielding.\" },\n { q: \"Can I bring biological pets?\", a: \"Currently, only registered service synthetics are permitted on Class-A deep space cruises.\" },\n { q: \"What medical facilities are aboard?\", a: \"A fully staffed Tier 1 trauma and stasis recovery bay operates 24/7.\" },\n ];\n\n const [open, setOpen] = useState(null);\n\n return (\n <section className=\"py-32 px-6 max-w-4xl mx-auto\">\n <Reveal className=\"text-center mb-16\">\n <h2 className=\"text-5xl font-heading italic tracking-tight\">Common Inquiries</h2>\n </Reveal>\n \n <div className=\"space-y-4\">\n {faqs.map((faq, i) => {\n const isOpen = open === i;\n return (\n <Reveal key={i} delay={0.1 * i}>\n <button \n onClick={() => setOpen(isOpen ? null : i)}\n className=\"w-full text-left liquid-glass p-6 rounded-3xl group\"\n >\n <div className=\"flex justify-between items-center\">\n <span className=\"text-lg font-medium\">{faq.q}</span>\n <ChevronDown className={`w-5 h-5 text-white/50 transition-transform duration-500 ${isOpen ? 'rotate-180' : ''}`} />\n </div>\n <AnimatePresence>\n {isOpen && (\n <motion.div\n initial={{ height: 0, opacity: 0 }}\n animate={{ height: 'auto', opacity: 1 }}\n exit={{ height: 0, opacity: 0 }}\n transition={{ duration: 0.4, ease: EASE }}\n className=\"overflow-hidden\"\n >\n <p className=\"pt-4 text-white/60 text-sm leading-relaxed\">{faq.a}</p>\n </motion.div>\n )}\n </AnimatePresence>\n </button>\n </Reveal>\n );\n })}\n </div>\n </section>\n );\n};\n\nconst Footer = () => {\n return (\n <footer className=\"border-t border-white/10 pt-24 pb-8 px-6 lg:px-12 max-w-screen-2xl mx-auto mt-20\">\n <div className=\"grid grid-cols-1 lg:grid-cols-12 gap-12 mb-24\">\n <div className=\"lg:col-span-6 flex flex-col gap-8\">\n <Orbit className=\"w-8 h-8 text-white\" />\n <h2 className=\"text-6xl font-heading italic tracking-tight max-w-md\">The universe is calling.</h2>\n <div className=\"flex gap-4 max-w-md mt-4\">\n <input \n type=\"email\" \n placeholder=\"YOUR EMAIL\" \n className=\"w-full liquid-glass rounded-full px-6 py-4 outline-none text-sm placeholder:text-white/30 placeholder:tracking-[0.1em]\"\n />\n <button className=\"px-8 rounded-full bg-white text-black text-sm uppercase tracking-[0.1em] font-medium hover:bg-white/90\">\n Subscribe\n </button>\n </div>\n </div>\n\n <div className=\"lg:col-span-3 flex flex-col gap-4\">\n <p className=\"text-white/40 text-xs uppercase tracking-[0.2em] mb-4\">Missions</p>\n {['Orbital Edge', 'Lunar Base Alpha', 'Mars Horizon', 'Deep Voyager'].map(link => (\n <a key={link} href=\"#\" className=\"text-white/70 hover:text-white transition-colors\">{link}</a>\n ))}\n </div>\n\n <div className=\"lg:col-span-3 flex flex-col gap-4\">\n <p className=\"text-white/40 text-xs uppercase tracking-[0.2em] mb-4\">Company</p>\n {['Our Story', 'Engineering', 'Careers', 'Press'].map(link => (\n <a key={link} href=\"#\" className=\"text-white/70 hover:text-white transition-colors\">{link}</a>\n ))}\n </div>\n </div>\n\n <div className=\"flex flex-col md:flex-row justify-between items-center pt-8 border-t border-white/10 gap-6\">\n <p className=\"text-white/40 text-sm tracking-wide\">© 2026 OMNI GALACTIC. ALL RIGHTS RESERVED.</p>\n \n <div className=\"flex items-center gap-6\">\n <span className=\"text-white/40 text-xs uppercase tracking-[0.2em]\">Partners:</span>\n <span className=\"font-heading italic text-xl text-white/60\">Aeon</span>\n <span className=\"font-heading italic text-xl text-white/60\">Vela</span>\n <span className=\"font-heading italic text-xl text-white/60\">Zeno</span>\n </div>\n\n <div className=\"flex gap-6\">\n <a href=\"#\" className=\"text-white/40 text-sm hover:text-white transition-colors\">Privacy</a>\n <a href=\"#\" className=\"text-white/40 text-sm hover:text-white transition-colors\">Terms</a>\n </div>\n </div>\n </footer>\n );\n};\n\nexport default function App() {\n return (\n <>\n <style dangerouslySetInnerHTML={{ __html: globalStyles }} />\n <div className=\"min-h-screen bg-[#02040A] font-body selection:bg-white/30 selection:text-white overflow-x-hidden text-white w-full\">\n <Navbar />\n <main>\n <Hero />\n <Mission />\n <Specs />\n <Features />\n <Timeline />\n <Destinations />\n <FAQ />\n </main>\n <Footer />\n </div>\n </>\n );\n}\n","usedDeprecatedRules":[]},{"filePath":"D:\\Space\\src\\main.jsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"D:\\Space\\tailwind.config.js","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"D:\\Space\\vite.config.js","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]}]