import { motion } from 'motion/react';
import { SEO } from '../components/SEO';

export default function Terms() {
  return (
    <div className="pt-20">
      <SEO 
        title="Terms & Conditions"
        description="Review the Terms and Conditions for engaging with SkyX Markets' digital services, including software development and consulting."
      />
      <section className="py-20 bg-[#020617] border-b border-slate-800 relative">
        <div className="absolute inset-0 pattern-dots opacity-[0.03] text-white" />
        <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
          <motion.h1 
            initial={{ opacity: 0, y: 20 }}
            animate={{ opacity: 1, y: 0 }}
            className="heading-display text-4xl md:text-5xl font-bold mb-6"
          >
            Terms & <span className="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-amber-400">Conditions</span>
          </motion.h1>
          <motion.div 
            initial={{ opacity: 0, y: 20 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ delay: 0.1 }}
            className="px-3 py-1 bg-slate-800/50 border border-slate-700 rounded-full w-fit mb-8 inline-block"
          >
            <span className="text-xs font-semibold uppercase tracking-widest text-slate-300">Last Updated: April 2026</span>
          </motion.div>
        </div>
      </section>

      <section className="py-16 bg-slate-900">
        <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 prose prose-invert prose-slate prose-a:text-amber-500 hover:prose-a:text-amber-400">
          <p className="text-lg text-slate-300 leading-relaxed mb-8">
            Welcome to SkyX Markets. These Terms and Conditions govern your use of our website and services. By accessing or using our website, you agree to be bound by these Terms.
          </p>

          <h2 className="text-2xl font-bold text-white mt-12 mb-6">1. Intellectual Property</h2>
          <p className="text-slate-400 mb-6">
            The Site and its original content, features, and functionality are owned by SkyX Markets and are protected by international copyright, trademark, patent, trade secret, and other intellectual property or proprietary rights laws.
          </p>

          <h2 className="text-2xl font-bold text-white mt-12 mb-6">2. Use License</h2>
          <p className="text-slate-400 mb-6">
            Permission is granted to temporarily download one copy of the materials (information or software) on SkyX Markets' website for personal, non-commercial transitory viewing only. This is the grant of a license, not a transfer of title.
          </p>

          <h2 className="text-2xl font-bold text-white mt-12 mb-6">3. Professional Services</h2>
          <p className="text-slate-400 mb-6">
            For clients engaging in Software Development, Digital Marketing, Research Analysis, or Business Consulting, specific Statements of Work (SOW) or Master Services Agreements (MSA) will supersede these general terms regarding deliverables, timelines, and payment structures.
          </p>

          <h2 className="text-2xl font-bold text-white mt-12 mb-6">4. Limitations</h2>
          <p className="text-slate-400 mb-6">
            In no event shall SkyX Markets or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on SkyX Markets' website or the outcomes of our strategic advice.
          </p>

          <h2 className="text-2xl font-bold text-white mt-12 mb-6">5. Revisions and Errata</h2>
          <p className="text-slate-400 mb-6">
            The materials appearing on SkyX Markets' website could include technical, typographical, or photographic errors. SkyX Markets does not warrant that any of the materials on its website are accurate, complete, or current.
          </p>

          <h2 className="text-2xl font-bold text-white mt-12 mb-6">6. Governing Law</h2>
          <p className="text-slate-400 mb-6">
            Any claim relating to SkyX Markets' website shall be governed by the laws of our operating jurisdiction without regard to its conflict of law provisions.
          </p>
        </div>
      </section>
    </div>
  );
}