import Navigation from '@/components/Navigation';
import Footer from '@/components/Footer';
import HeroSection from '@/components/home/HeroSection';
import ValuePillars from '@/components/home/ValuePillars';
import ProcessTimeline from '@/components/home/ProcessTimeline';
import ServicesOverview from '@/components/home/ServicesOverview';
import ProofSection from '@/components/home/ProofSection';
import CTASection from '@/components/home/CTASection';
import TrustedBy from '@/components/home/TrustedBy';
import ScrollReveal from '@/components/ScrollReveal';
import { useSEO } from '@/hooks/useSEO';

const Index = () => {
  useSEO({
    title: 'IT Support Corpus Christi ⚡ 24/7 Managed Services | Bay Area Affiliates',
    description: 'Stop IT headaches! 25+ years experience, 2-hour response time, 24/7 monitoring. Managed IT services in Corpus Christi & Coastal Bend. Free assessment. Call (361) 765-8400',
    keywords: 'managed IT services corpus christi, IT support coastal bend, 24/7 IT monitoring, business computer solutions, Windows 11 migration, VPN setup, network security corpus christi',
    canonical: 'https://bayarea-cc.com/',
    ogImage: 'https://bayarea-cc.com/og-image.png',
  });

  return (
    <div className="min-h-screen">
      <Navigation />
      <main id="main-content" role="main">
        <HeroSection />

        <ScrollReveal delay={0.2} width="100%">
          <TrustedBy />
        </ScrollReveal>

        <ScrollReveal width="100%">
          <ValuePillars />
        </ScrollReveal>

        <ScrollReveal width="100%">
          <ProcessTimeline />
        </ScrollReveal>

        <ScrollReveal width="100%">
          <ServicesOverview />
        </ScrollReveal>

        <ScrollReveal width="100%">
          <ProofSection />
        </ScrollReveal>

        <ScrollReveal width="100%">
          <CTASection />
        </ScrollReveal>
      </main>
      <Footer />
    </div>
  );
};

export default Index;
