"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import { CalendarDays, Headphones, MapPin, ShieldCheck, TrendingDown } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="large"
        background="noiseDiagonalGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Northeastern Insurance"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "gradient-bars",
      }}
      title="Your Trusted Insurance Partner in Everett, MA"
      description="At Northeastern Insurance Agency, we provide personalized coverage and peace of mind. With over 113 five-star reviews, our team is dedicated to finding you the best protection for your life, home, and auto."
      buttons={[
        {
          text: "Get a Quote",
          href: "#contact",
        },
        {
          text: "Our Services",
          href: "#features",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg"
      imageAlt="Northeastern Insurance Agency Professional Service"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408824.jpg",
          alt: "Agent 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/modern-interior-lobby-with-uncommon-furniture_1262-3576.jpg",
          alt: "Agent 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/company-managers-gathering-meeting-room-watching-project-presentation-computer-monitor-together-holding-paper-report-business-communication-teamwork-concept_74855-11622.jpg",
          alt: "Agent 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/manager-working-financial-analysis-while-standing-with-laptop_482257-79485.jpg",
          alt: "Agent 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
          alt: "Agent 5",
        },
      ]}
      avatarText="Join 1,000+ satisfied clients"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Licensed in MA",
          icon: ShieldCheck,
        },
        {
          type: "text-icon",
          text: "Locally Owned",
          icon: MapPin,
        },
        {
          type: "text-icon",
          text: "Competitive Rates",
          icon: TrendingDown,
        },
        {
          type: "text-icon",
          text: "Full Support",
          icon: Headphones,
        },
        {
          type: "text-icon",
          text: "Since 1985",
          icon: CalendarDays,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      title="Local Expertise, Personal Care"
      buttons={[
        {
          text: "Visit Our Office",
          href: "#contact",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Auto Insurance",
          description: "Reliable and affordable coverage to keep you safe on the road.",
          imageSrc: "http://img.b2bpic.net/free-photo/green-capsule-with-depression-label-grey-background_23-2147827619.jpg",
          imageAlt: "Car Insurance Coverage",
        },
        {
          title: "Homeowners Insurance",
          description: "Protect your biggest asset with comprehensive home insurance plans.",
          imageSrc: "http://img.b2bpic.net/free-photo/hand-with-umbrella_1134-142.jpg",
          imageAlt: "Home Insurance Protection",
        },
        {
          title: "Life Insurance",
          description: "Secure your family's financial future with our customized life insurance options.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-cut-family-concept_23-2148488170.jpg",
          imageAlt: "Life Insurance Coverage",
        },
      ]}
      title="Comprehensive Insurance Solutions"
      description="We offer a wide range of insurance products tailored to protect what matters most to you, from your vehicle to your family's future."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Fabrício Gonçalves",
          role: "Client",
          company: "Auto Insurance",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-businesswoman-talking-female-colleagues-office_637285-9845.jpg",
        },
        {
          id: "2",
          name: "katerine caceres",
          role: "Advisor",
          company: "Insurance Process",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-coffee-cup_23-2148095745.jpg",
        },
        {
          id: "3",
          name: "RAPHAEL SOUZA",
          role: "Client",
          company: "Full Coverage",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
        },
        {
          id: "4",
          name: "Monica Araujo",
          role: "Local Guide",
          company: "Customer Service",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
        },
        {
          id: "5",
          name: "Agatha Jochen Rohden",
          role: "Client",
          company: "Auto Policy",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
        },
      ]}
      title="Voices of Our Community"
      description="Hear what our clients have to say about their experience with Northeastern Insurance Agency."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Ready to get covered? Visit our Everett office at 743 Broadway or contact us today for a free quote."
      buttons={[
        {
          text: "Call Us Now",
          href: "tel:+16173873000",
        },
        {
          text: "Email Us",
          href: "mailto:info@northeasterninsurance.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Services",
              href: "#features",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Northeastern Insurance Agency. All rights reserved."
      bottomRightText="743 Broadway, Everett, MA 02149"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
