"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Clock, Diamond, Lightbulb, Sparkles, UserCheck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeLargeTitles"
        background="aurora"
        cardStyle="layered-gradient"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Projects",          id: "#projects"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Our Team",          id: "#team"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Elegance Interiors"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      title="Crafting Exquisite Spaces"
      description="Transforming visions into luxurious realities with bespoke commercial and residential interior design."
      testimonials={[
        {
          name: "Sarah Chen",          handle: "@sarah_designs",          testimonial: "Elegance Interiors transformed my home into a sanctuary. Every detail reflects luxury and comfort. Absolutely phenomenal work!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",          imageAlt: "Sarah Chen"},
        {
          name: "Michael Davies",          handle: "@davies_co",          testimonial: "Our commercial space now radiates professionalism and elegance. The team delivered beyond expectations, on time and within budget.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-discussing-break-time_23-2149308452.jpg",          imageAlt: "Michael Davies"},
        {
          name: "Emily Rodriguez",          handle: "@emily_spaces",          testimonial: "Working with Elegance Interiors was a dream. They understood my style perfectly and added so much value to my property.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-woman-white-jacket-leaning-fence-street-she-is-smiling-side_197531-1118.jpg",          imageAlt: "Emily Rodriguez"},
        {
          name: "David Kim",          handle: "@kim_properties",          testimonial: "Their innovative approach to residential design is unmatched. Our clients are consistently impressed with the finished product.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",          imageAlt: "David Kim"},
        {
          name: "Jessica Lee",          handle: "@jess_designs",          testimonial: "From concept to completion, the process was seamless. My new office is not just beautiful, but incredibly functional.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",          imageAlt: "Jessica Lee"},
      ]}
      tag="Luxury Interior Design"
      buttons={[
        {
          text: "Explore Projects",          href: "#projects"},
        {
          text: "Get a Consultation",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",          alt: "Client Avatar 1"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",          alt: "Client Avatar 2"},
        {
          src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",          alt: "Client Avatar 3"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",          alt: "Client Avatar 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16037.jpg",          alt: "Client Avatar 5"},
      ]}
      avatarText="Trusted by over 100+ clients"
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-luxury-sofa_74190-6516.jpg"
      imageAlt="Luxury interior design living room"
      mediaAnimation="blur-reveal"
      marqueeItems={[
        {
          type: "text-icon",          text: "Bespoke Design",          icon: Sparkles,
        },
        {
          type: "text-icon",          text: "Exceptional Quality",          icon: Diamond,
        },
        {
          type: "text-icon",          text: "Client Focused",          icon: UserCheck,
        },
        {
          type: "text-icon",          text: "Innovative Spaces",          icon: Lightbulb,
        },
        {
          type: "text-icon",          text: "Timeless Elegance",          icon: Clock,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="About Elegance Interiors"
      description="With a passion for transforming spaces, Elegance Interiors specializes in creating bespoke, high-end designs for both commercial and residential clients. Our expertise lies in blending aesthetics with functionality, delivering environments that inspire and impress."
      metrics={[
        {
          value: "15+",          title: "Years of Experience"},
        {
          value: "200+",          title: "Completed Projects"},
        {
          value: "98%",          title: "Client Satisfaction"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg"
      imageAlt="Modern interior design office reception"
      mediaAnimation="blur-reveal"
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Residential Design",          description: "Crafting personalized sanctuaries that reflect your unique style and enhance everyday living. From luxurious living rooms to serene bedrooms, we create homes that are both beautiful and functional.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg",          imageAlt: "Luxury residential interior design living room"},
        {
          title: "Commercial Solutions",          description: "Designing impactful commercial spaces that elevate brand identity and foster productivity. We specialize in offices, retail, and hospitality sectors, ensuring aesthetic appeal and operational efficiency.",          imageSrc: "http://img.b2bpic.net/free-photo/white-business-center-with-beautiful-textures-unique-design-with-interior-staircases_181624-5474.jpg",          imageAlt: "Modern commercial interior design office lobby"},
        {
          title: "Consultation & Planning",          description: "Offering expert guidance from conceptualization to execution. Our comprehensive consultations ensure every detail aligns with your vision and budget, providing a seamless design journey.",          imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg",          imageAlt: "Interior design consultation meeting with client"},
      ]}
      title="Our Expert Design Services"
      description="Whether it's a cozy home or a bustling business, our tailored services bring your vision to life with unparalleled elegance."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "project-living-room",          name: "Luxury Living Room",          price: "Upon Request",          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407597.jpg",          imageAlt: "Luxury living room interior design"},
        {
          id: "project-office-lobby",          name: "Corporate Office Lobby",          price: "Upon Request",          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797676.jpg",          imageAlt: "Modern office lobby interior design"},
        {
          id: "project-hotel-suite",          name: "Boutique Hotel Suite",          price: "Upon Request",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-spa_23-2148000417.jpg",          imageAlt: "Boutique hotel room interior design"},
        {
          id: "project-kitchen-design",          name: "Modern Kitchen Design",          price: "Upon Request",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976545.jpg",          imageAlt: "Residential kitchen interior design"},
        {
          id: "project-retail-store",          name: "High-End Retail Store",          price: "Upon Request",          imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-store-employee-arranging-new-designer-clothes-hangers_482257-118505.jpg",          imageAlt: "Modern retail store interior design"},
        {
          id: "project-master-bedroom",          name: "Elegant Master Bedroom",          price: "Upon Request",          imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497266.jpg",          imageAlt: "Luxury master bedroom interior design"},
      ]}
      title="Our Latest Projects"
      description="Explore our portfolio of stunning residential and commercial interior design projects, showcasing our commitment to luxury and impeccable style."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Anya Sharma",          role: "Homeowner",          company: "Private Residence",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741777.jpg",          imageAlt: "Anya Sharma"},
        {
          id: "2",          name: "Omar Hassan",          role: "Hotel Manager",          company: "Grand Vista Hotel",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-elegant-classic-jacket_613910-11188.jpg",          imageAlt: "Omar Hassan"},
        {
          id: "3",          name: "Lena Petrova",          role: "Business Owner",          company: "Chic Boutique",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/longhaired-brunette-woman-sunglasses-black-jacket-smiles-walks-outside-asian-tanned-lady-with-red-lips-poses-near-building_197531-27915.jpg",          imageAlt: "Lena Petrova"},
        {
          id: "4",          name: "Carlos Gomez",          role: "CEO",          company: "Gomez Corp",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-businessman-glasses-suit-pointing-fingers-up-showing-advertisement_176420-31750.jpg",          imageAlt: "Carlos Gomez"},
        {
          id: "5",          name: "Sofia Ricci",          role: "Property Developer",          company: "Ricci Estates",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-4015.jpg",          imageAlt: "Sofia Ricci"},
      ]}
      title="What Our Clients Say"
      description="Hear from our delighted clients about their experience with Elegance Interiors and the stunning transformations we've achieved."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      team={[
        {
          id: "1",          name: "Amina Khan",          role: "Lead Designer & Founder",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-engineer_23-2148826529.jpg",          imageAlt: "Amina Khan, Lead Designer & Founder"},
        {
          id: "2",          name: "Leo Martinez",          role: "Senior Architect",          imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg",          imageAlt: "Leo Martinez, Senior Architect"},
        {
          id: "3",          name: "Chloe Dubois",          role: "Project Manager",          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2425.jpg",          imageAlt: "Chloe Dubois, Project Manager"},
      ]}
      title="Meet Our Visionary Team"
      description="Behind every stunning design is a team of passionate experts dedicated to crafting beautiful and functional spaces."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "What is your design process?",          content: "Our process begins with a detailed consultation to understand your vision, followed by concept development, design presentation, material selection, and meticulous execution, ensuring every step aligns with your expectations."},
        {
          id: "2",          title: "Do you handle both residential and commercial projects?",          content: "Yes, we have extensive experience in both residential and commercial interior design. Our portfolio includes luxurious homes, corporate offices, retail spaces, and boutique hotels."},
        {
          id: "3",          title: "How long does a typical project take?",          content: "Project timelines vary based on scope and complexity. A small residential refresh might take a few weeks, while a large commercial build-out could take several months. We provide a detailed timeline after the initial consultation."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our interior design services and how we work with clients."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Get in Touch"
      title="Let's Create Something Extraordinary"
      description="Ready to transform your space? Contact us today to schedule a consultation and bring your vision to life."
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-chatting-work-event_23-2149304735.jpg"
      imageAlt="Luxury interior design consultation desk"
      mediaAnimation="blur-reveal"
      inputPlaceholder="Enter your email"
      buttonText="Send Inquiry"
      termsText="By sending an inquiry, you agree to our privacy policy and terms of service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-vector/minimal-logo-template-set-with-pastel-colors_23-2148371141.jpg"
      logoAlt="Elegance Interiors Logo"
      logoText="Elegance Interiors"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
