"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import TeamCardTen from "@/components/sections/team/TeamCardTen";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Palette, Brush, Sparkles } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "About", id: "about" },
    { name: "Services", id: "services" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="medium"
      background="blurBottom"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Marlils"
          bottomLeftText="Contemporary Creative Studio"
          bottomRightText="hello@marlils.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Design that fits people."
          description="Spaces and identities meant to be lived in, not just admired."
          background={{ variant: "plain" }}
          leftCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/minimalist-modern-vases-books-arrangement_23-2149681092.jpg?_wi=1",
              imageAlt: "Marlils Studio workspace and design environment",
            },
          ]}
          rightCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/minimalist-modern-vases-books-arrangement_23-2149681092.jpg?_wi=2",
              imageAlt: "Contemporary creative design studio",
            },
          ]}
          tag="Contemporary Studio"
          tagAnimation="slide-up"
          buttons={[{ text: "Get in Touch", href: "/contact" }]}
          buttonAnimation="slide-up"
          carouselPosition="left"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Marlils"
          description={[
            "Marlils is a family creative studio — mother and daughter — bringing together interior design, graphic design, branding, and custom objects.",
            "Every project is personal, functional, and built to last. We believe in creating spaces and identities that enhance the way people live and work.",
            "Founded by Laura and Maria, Marlils combines decades of creative expertise with a personal touch that transforms projects into meaningful experiences.",
          ]}
          useInvertedBackground={false}
          buttons={[{ text: "Explore Our Work", href: "/services" }]}
          buttonAnimation="slide-up"
          showBorder={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFive
          title="Our Services"
          description="Three areas of expertise, unified by a commitment to thoughtful, functional design."
          features={[
            {
              title: "Interior Design",
              description: "Creating environments that balance aesthetics with functionality. We design spaces for living, working, and creating.",
              icon: Palette,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushion_1203-9.jpg?_wi=1",
                  imageAlt: "Interior design portfolio piece",
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-vector/home-furnitures-landing-page-tempalte_23-2148402689.jpg?_wi=1",
                  imageAlt: "Contemporary interior space",
                },
              ],
            },
            {
              title: "Graphic Design & Branding",
              description: "Visual identities that communicate your story. From logos to complete brand systems, we craft coherent visual languages.",
              icon: Brush,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418511.jpg?_wi=1",
                  imageAlt: "Branding and graphic design work",
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas_176420-1671.jpg?_wi=1",
                  imageAlt: "Brand identity materials",
                },
              ],
            },
            {
              title: "Custom Objects & Art",
              description: "Bespoke pieces designed and crafted with intention. Limited editions and one-of-a-kind objects that elevate any space.",
              icon: Sparkles,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/vases-with-green-pink-light-assortment_23-2149835494.jpg?_wi=1",
                  imageAlt: "Custom designed objects",
                },
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushion_1203-9.jpg?_wi=2",
                  imageAlt: "Artistic installations",
                },
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Services"
          tagAnimation="slide-up"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Laura & Maria"
          tag="The Studio"
          tagAnimation="slide-up"
          membersAnimation="slide-up"
          members={[
            {
              id: "laura",
              name: "Laura",
              imageSrc: "http://img.b2bpic.net/free-photo/lovable-woman-with-long-hair-wearing-white-clothes-looking-camera-smiling_291650-451.jpg?_wi=1",
              imageAlt: "Laura, Co-founder of Marlils Studio",
            },
            {
              id: "maria",
              name: "Maria",
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-female-dressed-long-neck-brown-jacket-grey-background_613910-15043.jpg?_wi=1",
              imageAlt: "Maria, Co-founder of Marlils Studio",
            },
          ]}
          memberVariant="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Let's build something together."
          description="Interested in a collaboration? Reach out to discuss your project. We'd love to hear from you."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="your@email.com"
          buttonText="Send"
          termsText="By contacting Marlils, you agree to share your project details with us."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Marlils"
          leftLink={{ text: "hello@marlils.com", href: "mailto:hello@marlils.com" }}
          rightLink={{ text: "© 2024 Marlils Studio", href: "/" }}
        />
      </div>
    </ThemeProvider>
  );
}