import { Link } from "react-router-dom";
import { LandingNav } from "@/components/landing/LandingNav";
import { HeroSection } from "@/components/landing/HeroSection";
import { FeatureCards } from "@/components/landing/FeatureCards";
import acmNavIcon from "@/assets/acm-nav-icon.png";

const Index = () => {
  return (
    <div className="min-h-screen bg-background flex flex-col">
      <LandingNav />
      <main className="flex-grow">
        <HeroSection />
        <FeatureCards />
      </main>

      {/* Footer */}
      <footer className="border-t bg-card py-12 px-6">
        <div className="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-6">
          <div className="flex flex-col items-center md:items-start gap-2">
            <div className="flex items-center gap-1.5">
              <div className="flex h-8 w-8 items-center justify-center rounded-sm bg-foreground overflow-hidden">
                <img src={acmNavIcon} alt="ACM" className="h-5 w-5 object-contain" />
              </div>
              <span className="text-sm font-extrabold tracking-tight">ACM</span>
            </div>
            <p className="text-muted-foreground text-sm mt-2">
              &copy; {new Date().getFullYear()} Avria Community Management, LLC. All rights reserved.
            </p>
          </div>
          <div className="flex gap-8 text-sm font-medium text-muted-foreground">
            <Link to="/privacy" className="hover:text-primary transition-colors">Privacy Policy</Link>
            <Link to="/terms" className="hover:text-primary transition-colors">Terms of Service</Link>
            <a href="mailto:cam@avriacam.com" className="hover:text-primary transition-colors">Contact</a>
          </div>
        </div>
      </footer>
    </div>
  );
};

export default Index;
