"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Portfolio",
          id: "features",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="ARCHITECTURA"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="ARCHITECTURA"
      description="Architecture That Transforms Vision Into Reality. We combine strategic thinking with bold aesthetics to deliver projects that define their communities."
      buttons={[
        {
          text: "Explore Our Work",
          href: "#features",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/drafting-tools-blueprints_23-2147785556.jpg",
          imageAlt: "modern architecture facade building",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204615.jpg",
          imageAlt: "modern interior architecture design",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/empty-peaceful-place-outdoors_23-2148739339.jpg",
          imageAlt: "sustainable residential exterior house",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-high-rise-triangular-building_181624-2820.jpg",
          imageAlt: "urban mixed use architecture complex",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-apartment-library-modern-old-literature-generated-by-ai_188544-38522.jpg",
          imageAlt: "architectural interior library design",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg",
          imageAlt: "modern corporate atrium interior",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="Design With Purpose"
      description="At Architectura, we believe that every space should be a dialogue between form and function. Our studio focuses on creating innovative solutions that respect the environment while pushing boundaries of modern aesthetics."
      bulletPoints={[
        {
          title: "Strategic Design",
          description: "We analyze your site and goals before a single line is drawn.",
        },
        {
          title: "Sustainable Practices",
          description: "Eco-friendly design that stands the test of time.",
        },
        {
          title: "Bold Aesthetics",
          description: "Innovative designs that challenge common perspectives.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/stationery-lying-paper-sheet_23-2147823690.jpg"
      mediaAnimation="slide-up"
      imageAlt="architectural studio workspace modern"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Commercial Development",
          subtitle: "Focusing on ROI and user experience",
          category: "Commercial",
          value: "Retail & Office",
        },
        {
          id: "f2",
          title: "Custom Residential",
          subtitle: "Luxury bespoke home designs",
          category: "Residential",
          value: "Modern Houses",
        },
        {
          id: "f3",
          title: "Mixed-Use Planning",
          subtitle: "Creating cohesive urban hubs",
          category: "Mixed-Use",
          value: "Public/Private",
        },
      ]}
      title="Our Specializations"
      description="We deliver excellence across diverse typologies, ensuring high-impact results for developers and individual clients alike."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      members={[
        {
          id: "t1",
          name: "Elena Rossi",
          role: "Principal Architect",
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hard-hat-using-laptop_1303-29779.jpg",
          imageAlt: "architect female professional portrait",
        },
        {
          id: "t2",
          name: "Mark Stevens",
          role: "Director of Design",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-helmet-crossed-arms_23-2148269266.jpg",
          imageAlt: "architect male professional portrait",
        },
        {
          id: "t3",
          name: "Sarah Chen",
          role: "Lead Interior Designer",
          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-portrait-businesswoman_23-2148139885.jpg",
          imageAlt: "design lead architect portrait",
        },
        {
          id: "t4",
          name: "David Miller",
          role: "Project Manager",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg",
          imageAlt: "project manager architect portrait",
        },
      ]}
      title="The Minds Behind the Designs"
      description="A diverse group of architects and designers united by a passion for urban transformation and residential excellence."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "50+",
          title: "Projects Completed",
          items: [
            "Commercial",
            "Residential",
            "Public",
          ],
        },
        {
          id: "m2",
          value: "12",
          title: "Industry Awards",
          items: [
            "Design Excellence",
            "Sustainability",
          ],
        },
        {
          id: "m3",
          value: "30+",
          title: "Active Clients",
          items: [
            "Developers",
            "Corporate",
            "Private",
          ],
        },
      ]}
      title="Proven Impact"
      description="Numbers reflect our commitment to delivering exceptional results for our clients and their communities."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Architectura transformed our vision into a landmark project. Their strategic approach is unmatched."
      rating={5}
      author="Jonathan Wells, Property Developer"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",
          alt: "business client portrait studio",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
          alt: "business client portrait studio",
        },
        {
          src: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
          alt: "business client portrait studio",
        },
        {
          src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
          alt: "business client portrait studio",
        },
        {
          src: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg",
          alt: "business client portrait studio",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "How do we get started?",
          content: "Initial consultations are free. We assess site viability and project goals.",
        },
        {
          id: "q2",
          title: "Do you handle permitting?",
          content: "Yes, we manage all regulatory processes and permitting as part of our service.",
        },
        {
          id: "q3",
          title: "How long is the design phase?",
          content: "Typically 3-6 months depending on the complexity of the mixed-use or residential project.",
        },
      ]}
      sideTitle="Common Inquiries"
      sideDescription="Everything you need to know about starting your architectural journey with us."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Let's Connect"
      title="Start Your Next Vision"
      description="Ready to design something extraordinary? Reach out and let's explore your possibilities."
      imageSrc="http://img.b2bpic.net/free-photo/close-up-divider-ruler-math-blocks-blueprint-wooden-desk_23-2147863924.jpg"
      mediaAnimation="slide-up"
      inputPlaceholder="Work email address"
      imageAlt="architectural model close up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283264.jpg"
      logoText="ARCHITECTURA"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Team",
              href: "#team",
            },
            {
              label: "Portfolio",
              href: "#features",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Commercial",
              href: "#features",
            },
            {
              label: "Residential",
              href: "#features",
            },
            {
              label: "Planning",
              href: "#features",
            },
          ],
        },
      ]}
      imageAlt="modern architecture building detail"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
