"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "FAQ",
          id: "/faq",
        },
        {
          name: "Blog",
          id: "/blog",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/flat-design-mechanical-engineering-logo_23-2150028712.jpg"
      logoAlt="Tech Guru Logo"
      brandName="Tech Guru Technical Services Co"
      button={{
        text: "Book a Repair",
        href: "/contact#appointment-form",
      }}
    />
  </div>

  <div id="blog-list" data-section="blog-list">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      title="Latest Appliance Care Tips & News"
      description="Stay informed with our expert advice on maintaining your home appliances, troubleshooting common issues, and extending their lifespan."
      tag="Our Blog"
      tagIcon={Sparkles}
      blogs={[
        {
          id: "blog-1",
          category: "Maintenance",
          title: "How to Maintain Your Washing Machine for Longer Life",
          excerpt: "Discover essential tips and tricks to keep your washing machine running efficiently and avoid common breakdowns.",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-organized-laundry-room-with-white-cabinets-shelving_23-2151983211.jpg",
          imageAlt: "Washing machine maintenance",
          authorName: "Tech Guru Team",
          authorAvatar: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-16454.jpg",
          date: "July 15, 2024",
        },
        {
          id: "blog-2",
          category: "Troubleshooting",
          title: "Why Your Refrigerator Isn't Cooling: Common Causes & Fixes",
          excerpt: "Learn about the most frequent reasons why your fridge might not be cooling properly and what steps you can take.",
          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-facilities-picture-fridge-with-food-inside_259150-58057.jpg",
          imageAlt: "Refrigerator not cooling",
          authorName: "Tech Guru Experts",
          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg",
          date: "July 10, 2024",
        },
        {
          id: "blog-3",
          category: "Repair Guides",
          title: "Signs Your Oven Needs Repair: Don't Ignore These Warning Signals",
          excerpt: "Identify the critical indicators that suggest your oven might need professional repair before it completely breaks down.",
          imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176715.jpg",
          imageAlt: "Oven needing repair",
          authorName: "Tech Guru Insights",
          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg",
          date: "July 5, 2024",
        },
      ]}
    />
  </div>

  <div id="blog-newsletter" data-section="blog-newsletter">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-static",
      }}
      text="Subscribe to Our Newsletter for Exclusive Tips & Offers. Get expert appliance maintenance advice directly in your inbox."
      buttons={[
        {
          text: "Subscribe Now",
          href: "/contact",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/holiday-shanghai-street-water-landmark-famous_1417-1178.jpg?_wi=4"
      imageAlt="Dubai City Skyline"
      logoSrc="http://img.b2bpic.net/free-vector/gradient-cleaning-service-logo-template_23-2149221053.jpg"
      logoAlt="Tech Guru Logo"
      logoText="Tech Guru Technical Services Co"
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "About Us",
              href: "/#about",
            },
            {
              label: "FAQs",
              href: "/faq",
            },
            {
              label: "Blog",
              href: "/blog",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Washing Machine Repair",
              href: "/services/washing-machine",
            },
            {
              label: "Refrigerator Repair",
              href: "/services/refrigerator",
            },
            {
              label: "Dishwasher Repair",
              href: "/services/dishwasher",
            },
            {
              label: "View All Services",
              href: "/services",
            },
          ],
        },
        {
          title: "Contact Information",
          items: [
            {
              label: "+971 58 931 5357",
              href: "tel:+971589315357",
            },
            {
              label: "info@techguruuae.com",
              href: "mailto:info@techguruuae.com",
            },
            {
              label: "Al Moosa Tower 2, Dubai",
              href: "https://www.google.com/maps/search/Al+Moosa+Tower+2,+Sheikh+Zayed+Road,+Dubai",
            },
          ],
        },
        {
          title: "Business Hours",
          items: [
            {
              label: "Open Daily",
              href: "#",
            },
            {
              label: "8:00 AM – 10:00 PM",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Tech Guru Technical Services Co. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
