"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Services",          id: "#services"},
        {
          name: "Case Studies",          id: "#case-studies"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Maxim Capșa"
      button={{
        text: "Free Consultation",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "rotated-rays-static"}}
      title="Websites & Automation for Small Businesses"
      description="I help small businesses in Germany launch online with modern websites, automation and simple digital solutions."
      leftCarouselItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111384.jpg", imageAlt: "Workspace" },
        { imageSrc: "http://img.b2bpic.net/free-photo/handsome-manager-man-glasses-sits-table-holds-laptop-types-sends-message-works-project_1258-245276.jpg", imageAlt: "Workspace" },
        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-copy-space_23-2148459721.jpg", imageAlt: "Workspace" },
        { imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039314.jpg", imageAlt: "Workspace" },
        { imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-pensive-business-woman-trendy-outfit-sitting-minimalistic-office_197531-10673.jpg", imageAlt: "Workspace" },
      ]}
      rightCarouselItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg", imageAlt: "Maxim Capșa" },
        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg", imageAlt: "Maxim Capșa" },
        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg", imageAlt: "Maxim Capșa" },
        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-sunglasses-sitting-along-with-laptop-white-space_140725-11140.jpg", imageAlt: "Maxim Capșa" },
        { imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9654.jpg", imageAlt: "Maxim Capșa" },
      ]}
      buttons={[
        { text: "Free Consultation", href: "#contact" },
        { text: "View Services", href: "#services" },
      ]}
      avatarText="Trusted by 100+ small businesses across Germany"
      marqueeItems={[
        { type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-desk-concept-with-copy-space_23-2148459729.jpg", alt: "Partner 1" },
        { type: "image", src: "http://img.b2bpic.net/free-photo/luxury-design-modern-wooden-table-decor-generated-by-ai_188544-27803.jpg", alt: "Partner 2" },
        { type: "image", src: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108702.jpg", alt: "Partner 3" },
        { type: "image", src: "http://img.b2bpic.net/free-photo/elegant-desk-arrangement-with-copy-space_23-2148975856.jpg", alt: "Partner 4" },
        { type: "image", src: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292771.jpg", alt: "Partner 5" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Officially registered in Germany."
      description="I help small businesses create modern landing pages, automate communication and simplify online sales. My focus is on creating premium, trustworthy digital experiences that help your local business stand out and thrive."
      imageSrc="http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg"
      imageAlt="Maxim Capșa"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Premium Digital Solutions"
      description="Comprehensive services tailored for small businesses and local service providers."
      accordionItems={[
        { id: "1", title: "Landing Pages", content: "Custom-designed high-converting pages for your local business." },
        { id: "2", title: "Tilda Websites", content: "Professional, easy-to-manage sites built on Tilda." },
        { id: "3", title: "Telegram & IG Automation", content: "Streamline communication with automated bots and tools." },
        { id: "4", title: "Google Business Profile", content: "Get found locally with optimized business listings." },
      ]}
      imageSrc="http://img.b2bpic.net/free-vector/20-web-design-solid-glyph-icon-pack-like-insurance-error-access-alert-mobile_1142-16948.jpg"
      imageAlt="Services"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="process" data-section="process">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="My 4-Step Process"
      tag="Working with me"
      metrics={[
        { id: "1", value: "1", description: "Free Consultation" },
        { id: "2", value: "2", description: "Project Discussion" },
        { id: "3", value: "3", description: "Design & Setup" },
        { id: "4", value: "4", description: "Launch & Support" },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="case-studies" data-section="case-studies">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        { id: "1", brand: "Wellness", name: "Fitness Coach Landing Page", price: "Custom", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-making-natural-face-mask_23-2148883846.jpg" },
        { id: "2", brand: "Automation", name: "Telegram Sales Bot", price: "Custom", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-computer_23-2151966696.jpg" },
        { id: "3", brand: "Services", name: "Craftsman Portfolio Website", price: "Custom", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/build-your-own-body-strength-fitness-exercise-get-fit_53876-21371.jpg" },
        { id: "4", brand: "Beauty", name: "Local Spa Booking Site", price: "Custom", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-vector/internet-banking-insights_53876-93196.jpg" },
        { id: "5", brand: "E-commerce", name: "Custom Product Catalog", price: "Custom", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/exercise-banner-blank-bird-badge-graphic_53876-21373.jpg" },
        { id: "6", brand: "Business", name: "Professional Startup Site", price: "Custom", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg" },
      ]}
      title="Selected Projects"
      description="Minimal, elegant, and effective digital experiences for my clients."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      tag="Contact"
      title="Let's elevate your brand."
      description="Ready to launch your premium online presence? Let's discuss your project today. I am based in Germany and serve clients across Europe."
      buttons={[
        { text: "Message via Telegram", href: "#" },
        { text: "Message via WhatsApp", href: "#" },
      ]}
      background={{ variant: "sparkles-gradient" }}
      useInvertedBackground={false}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Maxim Capșa"
      leftLink={{ text: "Privacy Policy", href: "#" }}
      rightLink={{ text: "Terms of Service", href: "#" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
