"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterCard from "@/components/sections/footer/FooterCard";
import Link from "next/link";
import { Phone, Mail, MapPin, CheckCircle, Star, Award, ThumbsUp, Zap, Smile, Heart } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "how-it-works" },
    { name: "Portfolio", id: "portfolio" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="large"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Esilos Print & Design"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "how-it-works" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Contact", id: "/contact" },
          ]}
        />
      </div>

      {/* Hero Section */}
      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Professional Websites for Local Businesses"
          description="Get a modern website that brings you more customers. Built specifically for local service businesses in Ontario."
          tag="Local Business Solutions"
          background={{ variant: "glowing-orb" }}
          imageSrc="http://img.b2bpic.net/free-vector/admin-dashboard-panel-template_23-2147900458.jpg?_wi=1"
          imageAlt="Modern business website dashboard"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          testimonials={[
            {
              name: "Maria Gonzalez",              handle: "Restaurant Owner",              testimonial: "Esilos transformed our online presence. We're getting 3x more customer calls every week!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg?_wi=1"},
            {
              name: "James Mitchell",              handle: "Contractor",              testimonial: "Professional, fast, and affordable. This is exactly what my business needed to grow.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg?_wi=1"},
            {
              name: "Sarah Chen",              handle: "Hair Salon Owner",              testimonial: "The team understood our business. Our new website gets bookings from day one.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-korean-barista-pouring-filter-coffee-prepare-batch-brew-client-cafe_1258-203378.jpg?_wi=1"},
            {
              name: "David Rodriguez",              handle: "Real Estate Agent",              testimonial: "Finally, a website built for lead generation. Absolutely worth the investment.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/blue-shape-warehouse-nature-worker_1134-1231.jpg?_wi=1"},
          ]}
          buttons={[
            { text: "Get Your Free Website Audit", href: "tel:519-792-3115" },
            { text: "Get Your Website", href: "/contact" },
          ]}
        />
      </div>

      {/* How It Works Section */}
      <div id="how-it-works" data-section="how-it-works">
        <FeatureCardSeven
          title="How It Works"
          description="Our simple 3-step process gets your business online fast"
          tag="Simple Process"
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Tell Us About Your Business",              description: "Share your business details, goals, and target customers. We'll learn what makes your business unique and what you need to succeed online.",              imageSrc: "http://img.b2bpic.net/free-photo/presentation-contract_1098-15816.jpg?_wi=1"},
            {
              id: 2,
              title: "We Build Your Website",              description: "Our design team creates a custom, mobile-optimized website built to generate customer leads. We handle everything from design to launch.",              imageSrc: "http://img.b2bpic.net/free-photo/people-around-computer_23-2149370613.jpg?_wi=1"},
            {
              id: 3,
              title: "Start Getting Customers",              description: "Your website goes live and starts working for you. Get more calls, inquiries, and customers from your professional online presence.",              imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template-infographic_23-2148368929.jpg?_wi=1"},
          ]}
        />
      </div>

      {/* Why Choose Us Section */}
      <div id="why-choose-us" data-section="why-choose-us">
        <TestimonialAboutCard
          tag="Why Choose Us"
          title="Built for Local Business Success"
          description="More Customers"
          subdescription="Esilos Print & Design - Ontario's Local Web Experts"
          icon={CheckCircle}
          imageSrc="http://img.b2bpic.net/free-photo/tired-asian-it-specialist-drinking-coffee-watching-female-colleague-working-with-laptop-indoor-portrait-young-business-people-sitting-table-together-conference-hall_197531-3708.jpg"
          imageAlt="Esilos Print & Design team workspace"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      {/* Website Examples Section */}
      <div id="website-examples" data-section="website-examples">
        <ProductCardOne
          title="Example Website Designs"
          description="See how we've transformed local businesses with professional websites"
          tag="Portfolio"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Restaurant Website",              price: "Featured",              imageSrc: "http://img.b2bpic.net/free-psd/tasty-food-landing-page-template_23-2148985989.jpg?_wi=1"},
            {
              id: "2",              name: "Contractor Website",              price: "Featured",              imageSrc: "http://img.b2bpic.net/free-psd/real-estate-building-template-design_23-2150655076.jpg?_wi=1"},
            {
              id: "3",              name: "Barbershop Website",              price: "Featured",              imageSrc: "http://img.b2bpic.net/free-vector/flat-black-friday-landing-page-template_23-2149098743.jpg?_wi=1"},
            {
              id: "4",              name: "Real Estate Website",              price: "Featured",              imageSrc: "http://img.b2bpic.net/free-psd/landing-page-template-home-interior-design-with-furniture_23-2148905035.jpg?_wi=1"},
            {
              id: "5",              name: "Auto Shop Website",              price: "Featured",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241801.jpg?_wi=1"},
            {
              id: "6",              name: "Salon Website",              price: "Featured",              imageSrc: "http://img.b2bpic.net/free-vector/businesswoman-landing-page-template_23-2148811751.jpg?_wi=1"},
          ]}
        />
      </div>

      {/* Testimonials Section */}
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Local Businesses Trust Us"
          description="Real results from real business owners in Ontario"
          tag="Success Stories"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Maria Gonzalez",              role: "Restaurant Owner",              testimonial: "We went from no website to getting 15+ customer calls per week. The best investment we made for our restaurant this year.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg?_wi=2",              icon: Star,
            },
            {
              id: "2",              name: "James Mitchell",              role: "Painting Contractor",              testimonial: "Professional, fast turnaround, and the support team was incredible. Our new website is generating quality leads consistently.",              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg?_wi=2",              icon: Award,
            },
            {
              id: "3",              name: "Sarah Chen",              role: "Hair Salon Owner",              testimonial: "The team understood our business perfectly. They built exactly what we needed. Highly recommend to any local business.",              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-korean-barista-pouring-filter-coffee-prepare-batch-brew-client-cafe_1258-203378.jpg?_wi=2",              icon: ThumbsUp,
            },
            {
              id: "4",              name: "David Rodriguez",              role: "Real Estate Agent",              testimonial: "Esilos made it simple and affordable. Our website looks premium, works great on mobile, and we're getting more inquiries than ever.",              imageSrc: "http://img.b2bpic.net/free-photo/blue-shape-warehouse-nature-worker_1134-1231.jpg?_wi=2",              icon: Zap,
            },
            {
              id: "5",              name: "Lisa Thompson",              role: "Auto Shop Owner",              testimonial: "Finally, a web design company that gets local service businesses. Our ROI was immediate. Worth every penny.",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19779.jpg",              icon: Smile,
            },
            {
              id: "6",              name: "Michael Park",              role: "Gym Manager",              testimonial: "We've had more member sign-ups since launching our new website. The design is clean, modern, and converts visitors into members.",              imageSrc: "http://img.b2bpic.net/free-photo/fitness-man_23-2148138063.jpg",              icon: Heart,
            },
          ]}
        />
      </div>

      {/* Call To Action Section */}
      <div id="cta-section" data-section="cta-section">
        <ContactSplit
          tag="Ready to Grow"
          title="Get Your Website Built Today"
          description="Join local businesses across Ontario who are getting more customers with their professional websites. Call us or fill out the form below."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/businessman-pointing-his-finger-growth-graph_53876-96227.jpg?_wi=1"
          imageAlt="Business growth illustration"
          mediaAnimation="slide-up"
          inputPlaceholder="your@email.com"
          buttonText="Get Started"
          termsText="We respect your privacy. Unsubscribe anytime. By signing up, you agree to our Terms."
        />
      </div>

      {/* FAQ Section */}
      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about getting your business website"
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "How long does it take to build a website?",              content: "Most websites are completed in 2-4 weeks, depending on complexity. We work fast without compromising quality. You'll see progress throughout the process."},
            {
              id: "2",              title: "Is the website mobile-friendly?",              content: "Absolutely. All our websites are built mobile-first. Your customers can find you and contact you easily from their phones, which is where most searches happen."},
            {
              id: "3",              title: "Do you offer ongoing support?",              content: "Yes. We provide hosting and support to keep your website running smoothly. We're here if you need updates or have questions."},
            {
              id: "4",              title: "What if I don't have professional photos?",              content: "We can help with that. Our team can source quality images or recommend a photographer. Your website won't look amateur."},
            {
              id: "5",              title: "How much does a website cost?",              content: "Pricing varies based on your needs, but we offer affordable packages for local businesses. We'll discuss your budget upfront. Call 519-792-3115 for a free consultation."},
            {
              id: "6",              title: "Do you handle SEO?",              content: "Yes. We build your website with SEO best practices built in. This helps local customers find you when they search for services like yours."},
          ]}
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Esilos"
          copyrightText="© 2025 Esilos Print & Design. All rights reserved. | Local Web Design for Ontario Businesses"
          socialLinks={[
            {
              icon: Phone,
              href: "tel:519-792-3115",              ariaLabel: "Call us at 519-792-3115"},
            {
              icon: Mail,
              href: "mailto:esilosprint@gmail.com",              ariaLabel: "Email us at esilosprint@gmail.com"},
            {
              icon: MapPin,
              href: "#",              ariaLabel: "Visit us in Ontario"},
          ]}
        />
      </div>
    </ThemeProvider>
  );
}