"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Linkedin, Twitter, Instagram, Youtube, Mail, Github, Globe, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="large"
      background="noise"
      cardStyle="gradient-radial"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="BuildCo"
          navItems={[
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Building Tomorrow's Spaces Today"
          description="Premium architectural solutions and construction expertise for residential and commercial projects worldwide"
          tag="Building Excellence"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719012898-1adera0v.jpg"
          imageAlt="Modern architectural building against urban skyline"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Explore Projects", href: "features" },
            { text: "Contact Us", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutMetric
          title="Building Legacy Through Innovation"
          description={[
            "BuildCo has established itself as a leader in architectural design and construction management, delivering exceptional projects across commercial, residential, and infrastructure sectors. Our team combines decades of industry experience with cutting-edge design philosophy to create spaces that inspire, function flawlessly, and stand the test of time."
          ]}
          metrics={[
            { label: "Completed Projects", value: "350+" },
            { label: "Square Meters Built", value: "2.5M+" }
          ]}
          useInvertedBackground="invertDefault"
          showBorder={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="Our Process"
          description="From initial concept through final handover, we follow a proven methodology that ensures excellence at every stage"
          tag="How It Works"
          features={[
            {
              id: 1,
              title: "Strategic Planning",              description: "We analyze site conditions, stakeholder requirements, and market trends to develop comprehensive project strategies that maximize value and sustainability",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719014783-z8xlhsds.jpg"
            },
            {
              id: 2,
              title: "Design & Development",              description: "Our award-winning design team creates innovative solutions that balance aesthetics, functionality, and environmental responsibility",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719017068-6kvxgrys.jpg"
            },
            {
              id: 3,
              title: "Execution & Quality",              description: "Using advanced construction techniques and rigorous quality management, we deliver projects on time and within budget",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719018524-g60vpqdx.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Developments"
          description="Explore our signature portfolio of exceptional residential and commercial properties"
          tag="Premium Projects"
          products={[
            {
              id: "1",              brand: "BuildCo Residential",              name: "Meridian Heights",              price: "$450K - $1.2M",              rating: 5,
              reviewCount: "284",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719020024-4g8tw8lb.jpg",              imageAlt: "Meridian Heights luxury residential development"
            },
            {
              id: "2",              brand: "BuildCo Commercial",              name: "TechHub Plaza",              price: "$3.5M - $8M",              rating: 5,
              reviewCount: "156",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719021131-pk31cw2i.jpg",              imageAlt: "TechHub Plaza commercial office complex"
            },
            {
              id: "3",              brand: "BuildCo Luxury",              name: "Skyline Penthouses",              price: "$2M - $5M",              rating: 5,
              reviewCount: "89",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719022380-xvzv7j9g.jpg",              imageAlt: "Skyline Penthouses luxury residential units"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Service Packages"
          description="Choose the partnership level that best fits your project scope and vision"
          tag="Transparent Pricing"
          plans={[
            {
              id: "1",              price: "Custom",              name: "Consultation",              buttons: [
                { text: "Schedule Call", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Initial site assessment",                "Concept development",                "Budget estimation",                "Timeline planning"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "Custom",              name: "Full Development",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "View Case Study", href: "#" }
              ],
              features: [
                "Complete design services",                "Project management",                "Construction oversight",                "Quality assurance",                "Regular reporting",                "Post-completion support"
              ]
            },
            {
              id: "3",              price: "Custom",              name: "Enterprise",              buttons: [
                { text: "Contact Sales", href: "contact" },
                { text: "Discuss Details", href: "#" }
              ],
              features: [
                "Multi-site management",                "Dedicated team allocation",                "Custom contract terms",                "Priority support",                "Exclusive benefits",                "Strategic partnership"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Leadership"
          description="Industry veterans dedicated to excellence and innovation in every project"
          tag="Expert Team"
          members={[
            {
              id: "1",              name: "Marcus Chen",              role: "Founder & Chief Architect",              description: "20+ years designing landmark structures across three continents",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719024161-s92drwqk.jpg",              imageAlt: "Marcus Chen, Founder & Chief Architect",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "2",              name: "Sarah Rodriguez",              role: "VP of Operations",              description: "Expert in project delivery and team coordination across global developments",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719025180-3kmvo54p.jpg",              imageAlt: "Sarah Rodriguez, VP of Operations",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Mail, url: "mailto:sarah@buildco.com" }
              ]
            },
            {
              id: "3",              name: "James Whitmore",              role: "Design Director",              description: "Award-winning architect specializing in sustainable urban development",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719026786-m3mrzj86.jpg",              imageAlt: "James Whitmore, Design Director",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Globe, url: "https://jameswhitmore.com" }
              ]
            },
            {
              id: "4",              name: "Elena Vasquez",              role: "Engineering Lead",              description: "Structural engineer with expertise in innovative building systems and materials",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719027982-fo6mqaam.jpg",              imageAlt: "Elena Vasquez, Engineering Lead",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Github, url: "https://github.com" }
              ]
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Client Stories"
          description="Real experiences from businesses and families who trust BuildCo"
          tag="Client Testimonials"
          testimonials={[
            {
              id: "1",              name: "David Park",              role: "CEO",              company: "TechVentures Inc",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719029799-3sz0gl3v.jpg",              imageAlt: "David Park testimonial"
            },
            {
              id: "2",              name: "Jennifer Walsh",              role: "Property Manager",              company: "Horizon Estates",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700145211-x9bffnd5.jpg",              imageAlt: "Jennifer Walsh testimonial"
            },
            {
              id: "3",              name: "Robert Thompson",              role: "Project Director",              company: "Urban Development Corp",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719031456-qfa63bve.jpg",              imageAlt: "Robert Thompson testimonial"
            },
            {
              id: "4",              name: "Michelle Okonkwo",              role: "Board Member",              company: "Metropolitan Housing",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719033107-gf1jvgvg.jpg",              imageAlt: "Michelle Okonkwo testimonial"
            },
            {
              id: "5",              name: "Karen Liu",              role: "Founder",              company: "Sustainable Living Co",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719034328-nx33kxqc.jpg",              imageAlt: "Karen Liu testimonial"
            },
            {
              id: "6",              name: "Anthony Martinez",              role: "Managing Director",              company: "Elite Properties",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700143942-ubhcmhkt.jpg",              imageAlt: "Anthony Martinez testimonial"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services, process, and projects"
          tag="Questions?"
          faqs={[
            {
              id: "1",              title: "What is your typical project timeline?",              content: "Project timelines vary based on scope and complexity. Small residential projects typically take 6-12 months, while larger commercial developments can span 18-36 months. We provide detailed schedules during the planning phase and maintain rigorous project management to ensure on-time delivery."
            },
            {
              id: "2",              title: "How do you ensure quality and compliance?",              content: "Quality is embedded in every phase of our process. We employ certified quality inspectors, follow all local building codes and international standards, and conduct regular audits. Every project undergoes comprehensive testing before handover, and we provide comprehensive documentation."
            },
            {
              id: "3",              title: "Can you work on international projects?",              content: "Yes, we have extensive experience delivering projects across multiple countries and continents. Our team understands diverse regulatory environments, cultural considerations, and international construction standards. We manage all aspects including local partnerships and compliance."
            },
            {
              id: "4",              title: "How do you approach sustainability?",              content: "Sustainability is core to our philosophy. We integrate green building practices, energy-efficient systems, responsible material sourcing, and environmental preservation strategies into every project. Many of our developments achieve LEED certification or equivalent standards."
            },
            {
              id: "5",              title: "What's your process for managing project budgets?",              content: "We provide transparent cost estimates during planning and maintain detailed budget tracking throughout execution. Regular financial reports are shared with stakeholders, and we proactively identify and communicate any necessary adjustments. Value engineering ensures maximum return on investment."
            },
            {
              id: "6",              title: "How can I get started with a consultation?",              content: "Simply contact us through our website or call our main office. We'll schedule a free initial consultation to discuss your vision, requirements, and timeline. This meeting helps us understand your project and allows you to evaluate our team's expertise."
            }
          ]}
          animationType="smooth"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Let's Build Something Great"
          description="Share your project vision with us and let's explore how BuildCo can bring it to life"
          inputs={[
            { name: "name", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "company", type: "text", placeholder: "Company Name", required: false },
            { name: "projectType", type: "text", placeholder: "Project Type", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your project vision, requirements, and timeline",            rows: 6,
            required: true
          }}
          buttonText="Start Conversation"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="BuildCo"
          description="Creating exceptional spaces through innovative design, expert engineering, and unwavering commitment to quality and sustainability across the globe."
          copyrightText="© 2025 BuildCo. All rights reserved."
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Process", href: "features" },
                { label: "Team", href: "team" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Projects",              items: [
                { label: "Residential", href: "#" },
                { label: "Commercial", href: "#" },
                { label: "Portfolio", href: "#" },
                { label: "Case Studies", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "#" },
                { label: "Sustainability", href: "#" },
                { label: "Careers", href: "#" },
                { label: "News", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Compliance", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Linkedin, href: "https://linkedin.com/company/buildco", ariaLabel: "LinkedIn" },
            { icon: Twitter, href: "https://twitter.com/buildco", ariaLabel: "Twitter" },
            { icon: Instagram, href: "https://instagram.com/buildco", ariaLabel: "Instagram" },
            { icon: Youtube, href: "https://youtube.com/@buildco", ariaLabel: "YouTube" },
            { icon: Mail, href: "mailto:hello@buildco.com", ariaLabel: "Email" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}