"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Home", id: "/" },
              { name: "Gallery", id: "/gallery" },
              { name: "Contact", id: "/contact" }
            ]}
            brandName="Al Madain Consulting"
          />
        </div>
        <div id="hero" data-section="hero">
          <HeroBillboardScroll
            background={{ variant: "plain" }}
            title="Excellence in Engineering Consultancy"
            description="Providing premier structural and engineering solutions in Doha, Qatar. Building the future with precision."
            buttons={[
              { text: "Explore Gallery", href: "/gallery" },
              { text: "Contact Us", href: "/contact" }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-working-with-solar-engineering-team-doing-brainstorming-improving_482257-135271.jpg"
          />
        </div>
        <div id="about" data-section="about">
          <SplitAbout
            textboxLayout="split"
            useInvertedBackground={true}
            title="Decades of Technical Precision"
            description="We specialize in providing high-end structural consulting for complex projects in Qatar."
            bulletPoints={[
              { title: "Structural Design", description: "Robust and compliant designs." },
              { title: "Site Supervision", description: "Ensuring quality on the field." },
              { title: "Technical Audit", description: "Risk mitigation and safety." }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/shareholders-team-ensure-factory-follows-safety-procedures-before-investing_482257-119563.jpg"
            mediaAnimation="slide-up"
          />
        </div>
        <div id="testimonials" data-section="testimonials">
          <TestimonialCardThirteen
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={true}
            showRating={true}
            title="Trusted by Leaders"
            description="Hear what our partners say about our consulting services."
            testimonials={[
              { id: "1", name: "Shahab Almarri", handle: "@client", testimonial: "The best in Qatar", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg" },
              { id: "2", name: "Tito Tito", handle: "@client", testimonial: "Excellent service and design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg" },
              { id: "3", name: "Ahmed Rashid", handle: "@partner", testimonial: "Professional and timely delivery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-with-plans-helmet_1149-1127.jpg" },
              { id: "4", name: "Fatima Al-Sayed", handle: "@developer", testimonial: "Exceptional structural insights.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg" },
              { id: "5", name: "Jassim Ali", handle: "@client", testimonial: "Highly recommended for all.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2901.jpg" }
            ]}
          />
        </div>
        <div id="blog" data-section="blog">
          <BlogCardTwo
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            title="Engineering Insights"
            blogs={[
              { id: "1", category: "Sustainability", title: "Sustainable Doha", excerpt: "Exploring green building in Qatar", authorName: "Admin", authorAvatar: "", date: "2024-01-01", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-modern-architecture-facade_1359-831.jpg" },
              { id: "2", category: "Innovation", title: "Future of Design", excerpt: "The next generation of structural planning", authorName: "Admin", authorAvatar: "", date: "2024-01-02", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-modern-architecture-facade_1359-831.jpg" }
            ]}
          />
        </div>
        <div id="contact" data-section="contact">
          <ContactCenter
            useInvertedBackground={false}
            background={{ variant: "plain" }}
            tag="Inquiry"
            title="Project Consultation"
            description="Request a structural assessment for your upcoming development."
            inputPlaceholder="Enter your business email"
          />
        </div>
        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="http://img.b2bpic.net/free-photo/empty-architectural-office-with-building-model-blueprints-plans-table-nobody-space-used-real-estate-design-development-with-architecture-construction-structure_482257-27835.jpg"
            logoText="Al Madain Engineering"
            columns={[
              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Gallery", href: "/gallery" }] },
              { title: "Contact", items: [{ label: "Doha Office", href: "/contact" }] }
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}