import Navigation from "@/components/Navigation";
import Footer from "@/components/Footer";
import ScrollToTop from "@/components/ScrollToTop";
import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { FileText, ArrowLeft, CheckCircle2, ArrowRight, Phone } from "lucide-react";
import { Link } from "react-router-dom";
import { useEffect } from "react";

const TaxPreparation = () => {
  useEffect(() => {
    window.scrollTo(0, 0);
  }, []);

  const features = [
    "Individual and business tax returns",
    "Quarterly estimated tax planning", 
    "Tax strategy optimization",
    "Multi-state tax compliance",
    "Audit-ready documentation",
    "Year-round tax consultation"
  ];

  const benefits = [
    "Maximize deductions and minimize tax liability",
    "Ensure compliance with current tax laws",
    "Professional preparation and review",
    "Electronic filing for faster refunds",
    "Ongoing support throughout the year",
    "Strategic planning for future tax years"
  ];

  return (
    <div className="min-h-screen">
      <Navigation />
      <main className="pt-16">
        {/* Hero Section */}
        <section 
          className="relative py-32 flex items-center justify-center"
          style={{
            backgroundImage: 'url(/lovable-uploads/financialtools-subpages.png)',
            backgroundSize: 'cover',
            backgroundPosition: 'center',
            backgroundRepeat: 'no-repeat'
          }}
        >
          <div className="absolute inset-0 bg-black/60"></div>
          <div className="container mx-auto px-4 relative z-10">
            <div className="max-w-4xl mx-auto">
              <div className="flex items-center gap-4 mb-8">
                <Link 
                  to="/services" 
                  className="flex items-center gap-2 text-white hover:text-brass gentle-transition"
                >
                  <ArrowLeft className="w-5 h-5" />
                  <span className="font-medium">Back to Services</span>
                </Link>
              </div>
              
              <div className="flex items-center gap-4 mb-8">
                <div className="w-16 h-16 bg-brass/20 rounded-2xl flex items-center justify-center">
                  <FileText className="w-8 h-8 text-brass" strokeWidth={1.5} />
                </div>
                <div>
                  <h1 className="text-display-xl font-display font-bold text-white mb-2">
                    Tax Preparation & Planning
                  </h1>
                  <p className="text-body-lg text-white/90">
                    Comprehensive tax services designed to maximize your deductions and minimize your liability
                  </p>
                </div>
              </div>
            </div>
          </div>
        </section>

        {/* Main Content */}
        <section className="py-24 bg-background">
          <div className="container mx-auto px-4">
            <div className="max-w-4xl mx-auto">
              
              {/* Description */}
              <div className="mb-16">
                <p className="text-body-lg text-sage leading-relaxed mb-6">
                  Our significant investment in computerized tax preparation and research software enables us to accurately and efficiently prepare returns for various types of entities including individuals, corporations, partnerships, trusts, estates, and not-for-profit organizations.
                </p>
                <p className="text-body-lg text-sage leading-relaxed">
                  Tax planning is an essential element of the tax preparation process. By making tax planning part of your overall business strategy, you can use our experience and access to the most current new developments in the tax laws to minimize both your current and future tax liabilities.
                </p>
              </div>

              {/* Features Grid */}
              <div className="grid lg:grid-cols-2 gap-12 mb-16">
                <div>
                  <h2 className="text-display-md font-display font-semibold text-forest mb-6">
                    Our Tax Services Include
                  </h2>
                  <div className="space-y-4">
                    {features.map((feature, index) => (
                      <div key={index} className="flex items-center gap-3">
                        <CheckCircle2 className="w-5 h-5 text-brass flex-shrink-0" strokeWidth={1.5} />
                        <span className="text-sage">{feature}</span>
                      </div>
                    ))}
                  </div>
                </div>

                <div>
                  <h2 className="text-display-md font-display font-semibold text-forest mb-6">
                    Key Benefits
                  </h2>
                  <div className="space-y-4">
                    {benefits.map((benefit, index) => (
                      <div key={index} className="flex items-center gap-3">
                        <CheckCircle2 className="w-5 h-5 text-brass flex-shrink-0" strokeWidth={1.5} />
                        <span className="text-sage">{benefit}</span>
                      </div>
                    ))}
                  </div>
                </div>
              </div>

              {/* Additional Details */}
              <div className="bg-card rounded-2xl p-8 card-elevation mb-16">
                <h2 className="text-display-md font-display font-semibold text-forest mb-6">
                  Why Choose Our Tax Services?
                </h2>
                <div className="prose prose-lg text-sage space-y-4">
                  <p>
                    With years of experience and ongoing education in tax law changes, our team stays current with the latest developments to ensure you receive the maximum benefit from your tax preparation and planning.
                  </p>
                  <p>
                    We take a proactive approach to tax planning, working with you throughout the year to implement strategies that will minimize your tax burden while ensuring full compliance with all applicable tax laws and regulations.
                  </p>
                  <p>
                    Our computerized systems and quality review processes ensure accuracy and efficiency, giving you confidence that your returns are prepared correctly and filed on time.
                  </p>
                </div>
              </div>

              {/* CTA Section */}
              <div className="text-center">
                <h2 className="text-display-md font-display font-semibold text-forest mb-6">
                  Ready to Optimize Your Tax Strategy?
                </h2>
                <p className="text-body-lg text-sage mb-8 max-w-2xl mx-auto">
                  Let us help you navigate the complexities of tax preparation and planning to ensure you're taking advantage of every opportunity to minimize your tax liability.
                </p>
                <div className="flex flex-col sm:flex-row gap-4 justify-center">
                  <Button 
                    size="lg" 
                    className="bg-brass hover:bg-brass/90 text-white btn-shadow text-lg px-8 py-3 rounded-2xl"
                    onClick={() => window.location.href = '/contact'}
                  >
                    Schedule Consultation
                    <ArrowRight className="ml-2 w-5 h-5" />
                  </Button>
                  <Button 
                    size="lg"
                    variant="outline"
                    className="border-brass text-brass hover:bg-brass/10 text-lg px-8 py-3 rounded-2xl"
                    onClick={() => window.open('tel:+13618839999')}
                  >
                    <Phone className="mr-2 w-5 h-5" />
                    (361) 883-8999
                  </Button>
                </div>
              </div>
            </div>
          </div>
        </section>
      </main>
      <Footer />
      <ScrollToTop />
    </div>
  );
};

export default TaxPreparation;
