import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { Scale, FileText, ShieldCheck, Phone } from "lucide-react"; import { motion } from "framer-motion";

export default function LegalEaseWebsite() { return ( <div className="min-h-screen bg-gray-50 text-gray-900"> {/* Hero */} <section className="max-w-7xl mx-auto px-6 py-20 grid md:grid-cols-2 gap-10 items-center"> <div> <h1 className="text-5xl font-bold leading-tight mb-6">LegalEase</h1> <p className="text-lg mb-6 text-gray-600"> Simple, reliable legal solutions for businesses and individuals. Contracts, compliance, and legal support made easy. </p> <div className="flex gap-4"> <Button className="rounded-2xl">Get Consultation</Button> <Button variant="outline" className="rounded-2xl">Learn More</Button> </div> </div>

<motion.div
      initial={{ opacity: 0, y: 30 }}
      animate={{ opacity: 1, y: 0 }}
      transition={{ duration: 0.6 }}
      className="bg-white p-8 rounded-2xl shadow-lg"
    >
      <Scale className="mb-4" />
      <h3 className="text-xl font-semibold mb-2">Trusted Legal Support</h3>
      <p className="text-gray-600">
        Our experienced legal professionals help you navigate contracts,
        business law, and compliance with confidence.
      </p>
    </motion.div>
  </section>

  {/* Services */}
  <section className="max-w-7xl mx-auto px-6 py-16">
    <h2 className="text-3xl font-bold mb-10 text-center">Our Services</h2>

    <div className="grid md:grid-cols-3 gap-6">
      <Card className="rounded-2xl shadow-sm">
        <CardContent className="p-6">
          <FileText className="mb-4" />
          <h3 className="font-semibold text-lg mb-2">Contract Drafting</h3>
          <p className="text-gray-600 text-sm">
            Professionally written contracts to protect your business and
            prevent legal disputes.
          </p>
        </CardContent>
      </Card>

      <Card className="rounded-2xl shadow-sm">
        <CardContent className="p-6">
          <ShieldCheck className="mb-4" />
          <h3 className="font-semibold text-lg mb-2">Compliance</h3>
          <p className="text-gray-600 text-sm">
            Stay compliant with regulations and avoid costly penalties.
          </p>
        </CardContent>
      </Card>

      <Card className="rounded-2xl shadow-sm">
        <CardContent className="p-6">
          <Phone className="mb-4" />
          <h3 className="font-semibold text-lg mb-2">Legal Consultation</h3>
          <p className="text-gray-600 text-sm">
            Speak with a legal expert to get clear guidance on your
            situation.
          </p>
        </CardContent>
      </Card>
    </div>
  </section>

  {/* About */}
  <section className="bg-white py-16 px-6">
    <div className="max-w-4xl mx-auto text-center">
      <h2 className="text-3xl font-bold mb-6">About LegalEase</h2>
      <p className="text-gray-600">
        LegalEase is dedicated to simplifying legal processes for
        entrepreneurs, startups, and individuals. Our mission is to make
        legal services more accessible, transparent, and efficient.
      </p>
    </div>
  </section>

  {/* Contact */}
  <section className="py-16 px-6">
    <div className="max-w-4xl mx-auto text-center">
      <h2 className="text-3xl font-bold mb-6">Contact Us</h2>
      <p className="text-gray-600 mb-6">
        Have questions? Get in touch with our team today.
      </p>
      <Button className="rounded-2xl">Email LegalEase</Button>
    </div>
  </section>

  {/* Footer */}
  <footer className="bg-gray-900 text-white py-8 text-center text-sm">
    © {new Date().getFullYear()} LegalEase. All rights reserved.
  </footer>
</div>

); }