"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Phone, Mail, MapPin, Star, Award, ThumbsUp } from "lucide-react";

export default function PortfolioPage() {
  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>

      {/* Portfolio Gallery */}
      <div id="portfolio-gallery" data-section="portfolio-gallery">
        <ProductCardOne
          title="Our Portfolio"
          description="Explore our complete collection of custom websites built for local Ontario businesses. Each design is tailored to drive customer acquisition and online growth."
          tag="Featured Work"
          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=2",
            },
            {
              id: "2",
              name: "Contractor Website",
              price: "Featured",
              imageSrc: "http://img.b2bpic.net/free-psd/real-estate-building-template-design_23-2150655076.jpg?_wi=2",
            },
            {
              id: "3",
              name: "Barbershop Website",
              price: "Featured",
              imageSrc: "http://img.b2bpic.net/free-vector/flat-black-friday-landing-page-template_23-2149098743.jpg?_wi=2",
            },
            {
              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=2",
            },
            {
              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=2",
            },
            {
              id: "6",
              name: "Salon Website",
              price: "Featured",
              imageSrc: "http://img.b2bpic.net/free-vector/businesswoman-landing-page-template_23-2148811751.jpg?_wi=2",
            },
          ]}
        />
      </div>

      {/* Portfolio Testimonials */}
      <div id="portfolio-testimonials" data-section="portfolio-testimonials">
        <TestimonialCardTwo
          title="Client Success Stories"
          description="See how these businesses transformed with their new professional websites"
          tag="From Our Clients"
          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=5",
              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=5",
              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=5",
              icon: ThumbsUp,
            },
          ]}
        />
      </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>
  );
}