"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Cog, Crown, Grid, Instagram, Leaf, Linkedin, Sparkles, User } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="grid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Process",          id: "#process"},
        {
          name: "Portfolio",          id: "#portfolio"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/discount-sale-wax-seal_1048-16735.jpg"
      logoAlt="OJ 1001 Designs logo"
      brandName="OJ 1001 Designs"
      button={{
        text: "Get Started",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      title="Curated Spaces for Discerning Tastes"
      description="Bespoke interior design that transforms environments into personal sanctuaries. Discover how OJ 1001 Design reimagines luxury living."
      testimonials={[
        {
          name: "Isabella Rossi",          handle: "@IsabellaR",          testimonial: "OJ 1001 Designs transformed my home into a true masterpiece. Every detail reflects unparalleled elegance and comfort.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-exited-woman-dressed-shine-t-shirt-pink-skirt-posing-kitchen-with-confetti_291650-566.jpg",          imageAlt: "Isabella Rossi"},
        {
          name: "Julian Vance",          handle: "@JulianV",          testimonial: "The team delivered an exceptional design for our commercial property. It perfectly captures our brand's luxury ethos.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-with-hands-head-sofa_1262-1975.jpg",          imageAlt: "Julian Vance"},
        {
          name: "Sophie Dubois",          handle: "@SophieD",          testimonial: "Working with OJ 1001 Designs was a dream. They brought my vision to life with such creativity and professionalism.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg",          imageAlt: "Sophie Dubois"},
        {
          name: "Marcus Thorne",          handle: "@MarcusT",          testimonial: "Our new residence is simply stunning. The bespoke elements and attention to detail are truly exquisite.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/excited-smiling-blond-girl-happily-keeping-thumbs-up-near-with-copy-space-text-promotional-content-isolated-yellow-background-like-expression_574295-2945.jpg",          imageAlt: "Marcus Thorne"},
        {
          name: "Elena Petrova",          handle: "@ElenaP",          testimonial: "OJ 1001 Designs exceeded all expectations. Our space feels both grand and intimately personal.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-girl-white-shirt-black-pants-pointing-with-index-finger-camera-smiling-cheerfully-sitting-chair-light-living-room_141793-94147.jpg",          imageAlt: "Elena Petrova"},
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "Explore Our Collections",          href: "#portfolio"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",          alt: "Client 1"},
        {
          src: "http://img.b2bpic.net/free-photo/groom-portrait-outdoor_624325-1547.jpg",          alt: "Client 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg",          alt: "Client 3"},
        {
          src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",          alt: "Client 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",          alt: "Client 5"},
      ]}
      avatarText="Trusted by over 100 discerning clients"
      imageSrc="http://img.b2bpic.net/free-photo/flower-vase-glass-table_1203-793.jpg"
      imageAlt="Luxurious living room interior"
      mediaAnimation="opacity"
      marqueeItems={[
        {
          type: "text-icon",          text: "Innovative Design",          icon: Sparkles,
        },
        {
          type: "text-icon",          text: "Sustainable Luxury",          icon: Leaf,
        },
        {
          type: "text-icon",          text: "Exquisite Craftsmanship",          icon: Cog,
        },
        {
          type: "text-icon",          text: "Personalized Approach",          icon: User,
        },
        {
          type: "text-icon",          text: "Timeless Elegance",          icon: Crown,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Our Vision for Elevated Living"
      description={[
        "At OJ 1001 Designs, we believe true luxury lies in bespoke environments crafted with passion and precision. We transcend conventional design, creating spaces that reflect individuality, elegance, and unparalleled comfort.",        "With a meticulous eye for detail and a deep understanding of architectural harmony, our team transforms visions into reality. We partner with affluent homeowners and commercial developers to deliver designs that are both timeless and deeply personal, ensuring every element is thoughtfully considered and impeccably executed."]}
    />
  </div>

  <div id="process" data-section="process">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Initial Consultation & Visioning",          description: "We begin by deeply understanding your aspirations, lifestyle, and aesthetic preferences. This collaborative phase sets the foundation for your unique design narrative.",          imageSrc: "http://img.b2bpic.net/free-photo/office-coffee-interior-design_23-2151909904.jpg",          imageAlt: "Designer sketching interior plans"},
        {
          title: "Concept Development & Presentation",          description: "Our team crafts detailed design concepts, including mood boards, material palettes, and preliminary layouts, to visualize your future space.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-young-beautiful-female-architect-striped-clothes-doing-her-drawings-with-ruler-pen-working-with-interest-new-project_176420-8527.jpg",          imageAlt: "Concept mood board"},
        {
          title: "Detailed Design & Documentation",          description: "Refining the chosen concept, we produce comprehensive drawings, specifications, and bespoke furniture designs, ensuring every element is meticulously planned.",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-house-real-estate-sale-property-generative-ai_169016-29366.jpg",          imageAlt: "Detailed architectural drawing"},
        {
          title: "Project Management & Execution",          description: "We oversee every aspect of the project, from contractor coordination to quality control, guaranteeing a flawless realization of your design.",          imageSrc: "http://img.b2bpic.net/free-photo/architect-finishing-home-schematics-after-collaborating-with-engineers-ensure-designs-meet-client_482257-133033.jpg",          imageAlt: "Construction site supervision"},
      ]}
      title="Our Bespoke Design Journey"
      description="Experience a seamless journey from initial concept to final installation. Our structured yet flexible process ensures your unique vision is realized with precision and unparalleled artistry."
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardOne
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      animationType="slide-up"
      products={[
        {
          id: "p-1",          name: "Metropolitan Serenity",          price: "Bespoke Residence",          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199314.jpg",          imageAlt: "Luxury minimalist bedroom"},
        {
          id: "p-2",          name: "Grandeur Dining",          price: "Commercial Project",          imageSrc: "http://img.b2bpic.net/free-photo/getting-ready-dinner-young-dark-haired-woman-serving-table-kitchen_259150-59706.jpg",          imageAlt: "Opulent dining room"},
        {
          id: "p-3",          name: "Executive Retreat",          price: "Private Office",          imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-pensive-business-woman-trendy-outfit-sitting-minimalistic-office_197531-10673.jpg",          imageAlt: "Chic home office"},
        {
          id: "p-4",          name: "Culinary Opulence",          price: "Luxury Kitchen",          imageSrc: "http://img.b2bpic.net/free-photo/dark-kitchen-cabinets-with-gold-hardware-details-elegant-interior-with-wooden-counter-plant_169016-72764.jpg",          imageAlt: "Expansive luxury kitchen"},
        {
          id: "p-5",          name: "Sanctuary Bath",          price: "Residential Ensuite",          imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929573.jpg",          imageAlt: "Spa-like luxury bathroom"},
        {
          id: "p-6",          name: "Boutique Lounge",          price: "Hospitality Project",          imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg",          imageAlt: "Vibrant luxury lounge area"},
      ]}
      title="Our Signature Collections"
      description="Explore a selection of our acclaimed interior design projects, showcasing our versatility and commitment to exquisite craftsmanship across diverse styles and scales."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="OJ 1001 Designs brought a level of sophistication and personalized detail to our home that we never thought possible. Their vision transformed our space into an artful sanctuary."
      rating={5}
      author="Dr. Eleanor Vance, Private Client"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/handsome-man-smiling-with-copy-space_23-2148435784.jpg",          alt: "Dr. Eleanor Vance"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",          alt: "Mr. Jonathan Lee"},
        {
          src: "http://img.b2bpic.net/free-photo/pretty-girl-with-short-curly-hair-eyeglasses-white-t-shir_574295-1267.jpg",          alt: "Ms. Sarah Chen"},
        {
          src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg",          alt: "Mr. David Kim"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg",          alt: "Dr. Emily Wong"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "The Sterling Group",        "Architech Solutions",        "Grandeur Hotels",        "Elite Properties",        "Vanguard Developments",        "Luxe Living Estates",        "Horizon Architects",        "Signature Resorts"]}
      title="Trusted by Leading Visionaries"
      description="We've had the privilege of collaborating with discerning clients, luxury real estate firms, and innovative architects to create spaces that inspire and delight."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "What is the scope of your design services?",          content: "We offer comprehensive interior design services, including full-scale renovations, new construction design, bespoke furniture design, space planning, material selection, and project management for both residential and commercial properties."},
        {
          id: "faq-2",          title: "How do you ensure the design reflects my personal style?",          content: "Our process begins with an in-depth consultation to understand your preferences, lifestyle, and aspirations. We collaborate closely through visioning sessions and concept development to ensure the final design is a true reflection of your unique taste."},
        {
          id: "faq-3",          title: "What is your typical project timeline?",          content: "Project timelines vary significantly based on complexity and scope. After our initial consultation, we provide a detailed project proposal that includes an estimated timeline tailored to your specific needs."},
        {
          id: "faq-4",          title: "Do you work with existing furniture or art collections?",          content: "Absolutely. We specialize in integrating cherished pieces into new designs, ensuring they complement the overall aesthetic and tell a cohesive story within your transformed space."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg"
      imageAlt="Interior design consultation"
      mediaAnimation="opacity"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find answers to common inquiries about our luxury interior design services, bespoke process, and what makes OJ 1001 Designs truly unique."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      text="Ready to redefine your space? Let's create something extraordinary together."
      buttons={[
        {
          text: "Schedule a Consultation",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-photo/discount-sale-wax-seal_1048-16735.jpg"
      logoAlt="OJ 1001 Designs logo"
      logoText="OJ 1001 Designs"
      copyrightText="© 2024 OJ 1001 Designs. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://instagram.com/oj1001designs",          ariaLabel: "Instagram"},
        {
          icon: Linkedin,
          href: "#",          ariaLabel: "LinkedIn"},
        {
          icon: Grid,
          href: "#",          ariaLabel: "Pinterest"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
