"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Building2, Leaf, Pencil, ClipboardCheck, ShieldCheck, BookOpen, Heart, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Carioca Constru & Co"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Services", id: "features" },
            { name: "Blog", id: "blog" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get in Touch", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          tag="Construction Excellence"
          tagIcon={Sparkles}
          title="Building Dreams in Rio de Janeiro"
          description="Carioca Constru & Co brings vibrant energy and uncompromising quality to every construction project. From residential complexes to commercial developments, we transform visions into reality with innovative design and expert execution."
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/rockefeller-center_1368-6222.jpg",              imageAlt: "Modern construction project in Rio de Janeiro"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg",              imageAlt: "Professional construction team at work"
            }
          ]}
          rating={5}
          ratingText="Trusted by leading Rio developers"
          buttons={[
            { text: "View Our Projects", href: "features" },
            { text: "Schedule Consultation", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose Carioca Constru & Co"
          description="With years of experience and a passion for excellence, we deliver construction solutions that exceed expectations."
          tabs={[
            {
              id: "passion",              label: "Rio Spirit",              description: "We embody the vibrant energy and passion of Rio de Janeiro. Our team brings creativity, dedication, and a tropical warmth to every project, making us more than just a construction company—we're builders of community."
            },
            {
              id: "innovation",              label: "Innovation",              description: "Cutting-edge technology and sustainable practices define our approach. We integrate smart building solutions, eco-friendly materials, and modern architectural trends to create structures that are both beautiful and responsible."
            },
            {
              id: "quality",              label: "Quality",              description: "Every brick, beam, and detail matters. Our commitment to uncompromising quality means rigorous inspections, premium materials, and expert craftsmanship at every stage of development."
            },
            {
              id: "partnership",              label: "Partnership",              description: "We view every client as a partner in creation. Transparent communication, collaborative planning, and dedicated project management ensure your vision becomes reality on time and within budget."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-tropical-sunset-with-coconut-palm-trees-beach-blue-sky-with-vintage-effect-toned_158538-26105.jpg"
          imageAlt="Rio de Janeiro tropical landscape"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFive
          title="Our Expertise & Services"
          description="Comprehensive construction solutions tailored to your unique needs and vision"
          tag="Services"
          tagIcon={Building2}
          features={[
            {
              title: "Sustainable Building Design",              description: "Eco-conscious construction with green materials and energy-efficient systems. We design buildings that respect Rio's natural beauty while minimizing environmental impact.",              icon: Leaf,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/tall-skyscraper-tree_1353-272.jpg",                  imageAlt: "Sustainable construction project"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/tall-skyscraper-tree_1353-272.jpg",                  imageAlt: "Green building materials and design"
                }
              ]
            },
            {
              title: "Architectural Innovation",              description: "Contemporary designs that blend functionality with aesthetic excellence. Our architects create stunning spaces that capture Rio's vibrant spirit while meeting modern living standards.",              icon: Pencil,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/close-up-coffee-cup-with-blueprints-desk_23-2148397886.jpg",                  imageAlt: "Architectural design and innovation"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/close-up-coffee-cup-with-blueprints-desk_23-2148397886.jpg",                  imageAlt: "Modern building blueprint"
                }
              ]
            },
            {
              title: "Expert Project Management",              description: "Seamless coordination from conception to completion. Our experienced managers ensure timely delivery, budget control, and quality assurance throughout every phase of construction.",              icon: ClipboardCheck,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg",                  imageAlt: "Project management and coordination"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg",                  imageAlt: "Construction site management"
                }
              ]
            },
            {
              title: "Quality & Safety Standards",              description: "Uncompromising dedication to excellence and worker safety. We maintain international standards and conduct rigorous quality inspections at every stage to guarantee lasting structural integrity.",              icon: ShieldCheck,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/close-up-construction-engineer-writing_23-2148233751.jpg",                  imageAlt: "Quality control and safety inspection"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/close-up-construction-engineer-writing_23-2148233751.jpg",                  imageAlt: "Professional safety standards"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Our Impact & Achievement in Rio de Janeiro's Construction Industry"
          tag="Growth"
          metrics={[
            {
              id: "1",              value: "200+",              description: "Successful projects completed across residential, commercial, and institutional sectors throughout Rio de Janeiro and beyond."
            },
            {
              id: "2",              value: "15+",              description: "Years of dedicated service building trust, relationships, and structures that define Rio's skyline and community."
            },
            {
              id: "3",              value: "98%",              description: "Client satisfaction rate reflecting our commitment to quality, communication, and exceptional project delivery."
            },
            {
              id: "4",              value: "500+",              description: "Skilled professionals including architects, engineers, and craftspeople working together to create excellence."
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardTwo
          title="Latest Insights & Articles"
          description="Stay informed with articles about construction trends, sustainable building practices, and Rio's architectural evolution."
          tag="Blog"
          tagIcon={BookOpen}
          blogs={[
            {
              id: "1",              category: ["Construction", "Trends"],
              title: "The Future of Construction in Rio de Janeiro",              excerpt: "Explore emerging trends in Brazilian construction, from smart buildings to sustainable urban development reshaping Rio's skyline.",              imageSrc: "https://img.b2bpic.net/free-photo/lyon-france-december-22-2014-musee-des-confluences-musee-des-confluences-is-located-confluence-rhone-saone-rivers_268835-1074.jpg",              imageAlt: "Modern construction trends",              authorName: "Carlos Silva",              authorAvatar: "https://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",              date: "15 Jan 2025"
            },
            {
              id: "2",              category: ["Sustainability", "Materials"],
              title: "Eco-Friendly Construction Materials for Tropical Climates",              excerpt: "Discover sustainable building materials specifically suited to Rio's tropical environment and how they enhance durability and aesthetics.",              imageSrc: "https://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-638.jpg",              imageAlt: "Sustainable construction materials",              authorName: "Marina Costa",              authorAvatar: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              date: "10 Jan 2025"
            },
            {
              id: "3",              category: ["Architecture", "Culture"],
              title: "Blending Carioca Culture with Modern Architecture",              excerpt: "How contemporary design can honor Rio's vibrant cultural heritage while creating innovative spaces for 21st-century living.",              imageSrc: "https://img.b2bpic.net/free-photo/modern-buildings-with-yellow-lines_1112-273.jpg",              imageAlt: "Rio de Janeiro architectural design",              authorName: "Roberto Mendes",              authorAvatar: "https://img.b2bpic.net/free-photo/side-view-business-man-city_23-2148479568.jpg",              date: "05 Jan 2025"
            },
            {
              id: "4",              category: ["Innovation", "Technology"],
              title: "Smart Building Technology: The Next Wave",              excerpt: "Learn how IoT integration and automation systems are transforming construction into intelligent, responsive environments.",              imageSrc: "https://img.b2bpic.net/free-photo/lyon-france-december-22-2014-musee-des-confluences-musee-des-confluences-is-located-confluence-rhone-saone-rivers_268835-1074.jpg",              imageAlt: "Smart building technology",              authorName: "Felipe Rocha",              authorAvatar: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",              date: "28 Dec 2024"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Client Success Stories"
          description="Hear from satisfied clients whose projects were transformed by our expertise and dedication."
          tag="Testimonials"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "João Pereira",              role: "Development Director",              testimonial: "Carioca Constru & Co delivered our luxury residential complex ahead of schedule and under budget. Their attention to detail and tropical design sensibility created something truly special.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",              imageAlt: "João Pereira"
            },
            {
              id: "2",              name: "Ana Oliveira",              role: "Project Manager",              testimonial: "Working with their team was seamless. Transparent communication, professional management, and beautiful execution made our commercial project a success. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Ana Oliveira"
            },
            {
              id: "3",              name: "Miguel Santos",              role: "Architect",              testimonial: "They truly understand the balance between innovation and tradition. Our collaborative project celebrates Rio's spirit while meeting all modern standards. Exceptional partners.",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-business-man-city_23-2148479568.jpg",              imageAlt: "Miguel Santos"
            },
            {
              id: "4",              name: "Lucia Rodrigues",              role: "Property Owner",              testimonial: "From concept to completion, their team was professional, creative, and deeply committed to my vision. My property is now a stunning showcase of modern tropical living.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",              imageAlt: "Lucia Rodrigues"
            },
            {
              id: "5",              name: "Diego Costa",              role: "CEO",              testimonial: "Their innovative approach to sustainable construction made our tech park a model for eco-friendly development. Quality, vision, and professionalism throughout.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",              imageAlt: "Diego Costa"
            },
            {
              id: "6",              name: "Patricia Mendes",              role: "Interior Designer",              testimonial: "Excellent structural work that provided the perfect foundation for our interior vision. Their craftmanship and attention to detail are unmatched in Rio.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Patricia Mendes"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          tagIcon={Mail}
          title="Ready to Build Your Vision?"
          description="Contact Carioca Constru & Co today to discuss your construction project. Our team is eager to bring your dreams to life with quality, innovation, and Rio's vibrant energy."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/seascape-with-silhouettes-palm-trees-pink-clouds_181624-31007.jpg"
          imageAlt="Rio de Janeiro tropical landscape"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy and will only send you relevant project updates and insights about construction trends in Rio."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Carioca Constru & Co"
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Services", href: "#features" },
                { label: "Projects", href: "#features" },
                { label: "Blog", href: "#blog" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Construction Guide", href: "#blog" },
                { label: "Sustainability", href: "#features" },
                { label: "FAQs", href: "#blog" },
                { label: "News", href: "#blog" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Email: info@cariocaconstru.com", href: "mailto:info@cariocaconstru.com" },
                { label: "Phone: +55 21 3000-0000", href: "tel:+552130000000" },
                { label: "Rio de Janeiro, Brazil", href: "#" },
                { label: "Schedule Consultation", href: "#contact" }
              ]
            },
            {
              title: "Follow Us",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" }
              ]
            }
          ]}
          copyrightText="© 2025 Carioca Constru & Co. All rights reserved. Building the future of Rio de Janeiro."
        />
      </div>
    </ThemeProvider>
  );
}