"use client";

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Wrench, CheckCircle, Clock, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Obaidalla Technical Engineering"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "About", id: "#about" },
            { name: "Services", id: "#services" },
            { name: "Projects", id: "#projects" },
            { name: "Team", id: "#team" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "FAQ", id: "#faq" },
            { name: "Contact", id: "#contact" }
          ]}
          logoSrc="http://img.b2bpic.net/free-photo/3d-green-moss-abstract-shape_23-2151382281.jpg"
          logoAlt="engineering logo geometric design"
          button={{
            text: "View Our Projects",            href: "#projects"
          }}
        />
      </div>
      <div id="home" data-section="home">
        <HeroSplit
          title="Engineering Solutions Built on Precision"
          description="Obaidalla Technical Engineering delivers expert design, consulting, and project management for industrial, infrastructure, and construction sectors. Partner with engineers who turn complex challenges into reliable outcomes."
          background={{ variant: "downward-rays-animated-grid" }}
          buttons={[
            { text: "View Our Projects", href: "#projects" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900785.jpg"
          imageAlt="engineering infrastructure 3d render"
          mediaAnimation="slide-up"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>
      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Expertise"
          title="Leading Engineering Excellence"
          description="With decades of combined experience, our team specializes in complex engineering challenges, delivering innovative and reliable solutions across diverse sectors."
          subdescription="We prioritize precision, efficiency, and client satisfaction in every project, from initial concept to successful completion."
          icon={Wrench}
          imageSrc="http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153847.jpg"
          imageAlt="engineering team collaboration meeting"
          mediaAnimation="opacity"
          useInvertedBackground={false}
        />
      </div>
      <div id="services" data-section="services">
        <FeatureCardEight
          tag="Our Services"
          title="Comprehensive Engineering Services"
          description="We offer a full spectrum of technical engineering solutions designed to meet the rigorous demands of modern infrastructure and industrial projects."
          features={[
            { title: "Design & Planning", description: "Meticulous design and strategic planning form the bedrock of successful projects, ensuring optimal efficiency and structural integrity.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-437.jpg", imageAlt: "Engineering blueprints on screen" },
            { title: "Project Management", description: "From conception to completion, our expert project management ensures timely delivery, budget adherence, and seamless coordination.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-expert-designing-assembly-lines-virtual-reality-close-up_482257-118003.jpg", imageAlt: "Project manager overseeing site" },
            { title: "Technical Consulting", description: "Leverage our deep industry knowledge to navigate complex technical challenges with informed strategies and innovative solutions.", imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371865.jpg", imageAlt: "Engineers discussing technical documents" }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="metrics" data-section="metrics">
        <MetricCardOne
          tag="Our Impact"
          title="Proven Success in Engineering"
          description="Our commitment to excellence is reflected in the tangible results and lasting value we deliver to our clients worldwide."
          metrics={[
            { id: "m1", value: "250+", title: "Projects Completed", description: "Successfully delivered complex engineering ventures across diverse sectors.", icon: CheckCircle },
            { id: "m2", value: "20+", title: "Years in Operation", description: "Decades of experience fostering trust and innovation in the engineering field.", icon: Clock },
            { id: "m3", value: "98%", title: "Client Satisfaction", description: "High client retention reflecting our dedication to quality and service excellence.", icon: Star }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="projects" data-section="projects">
        <ProductCardTwo
          tag="Our Portfolio"
          title="Showcasing Our Engineering Projects"
          description="Explore our diverse portfolio of successful projects, demonstrating our capability in delivering high-quality engineering solutions for complex challenges."
          products={[
            { id: "p1", brand: "Industrial Solutions", name: "Advanced Manufacturing Plant", price: "Large Scale", rating: 5, reviewCount: "12 reviews", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-employee-doing-solar-panel-assembly-job-pc_482257-119310.jpg", imageAlt: "Advanced Manufacturing Plant" },
            { id: "p2", brand: "Urban Development", name: "Integrated Smart City Infrastructure", price: "Mega Project", rating: 5, reviewCount: "9 reviews", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-shanghai-overpass-night_1359-951.jpg", imageAlt: "Integrated Smart City Infrastructure" },
            { id: "p3", brand: "Civil Engineering", name: "Iconic River Crossing Bridge", price: "Landmark", rating: 5, reviewCount: "15 reviews", imageSrc: "http://img.b2bpic.net/free-photo/oresund-bridge-located-malmo-sweden-calm-blue-water-daylight_181624-48536.jpg", imageAlt: "Iconic River Crossing Bridge" },
            { id: "p4", brand: "Sustainable Energy", name: "Renewable Energy Park Design", price: "Eco Project", rating: 5, reviewCount: "8 reviews", imageSrc: "http://img.b2bpic.net/free-photo/closeup-wild-yellow-flowers-with-blurry-white-windmills_181624-14575.jpg", imageAlt: "Renewable Energy Park Design" },
            { id: "p5", brand: "Commercial Build", name: "Modern Commercial Complex", price: "High Value", rating: 4, reviewCount: "10 reviews", imageSrc: "http://img.b2bpic.net/free-photo/city-park-blue-sky-with-downtown-skyline-background_1127-3064.jpg", imageAlt: "Modern Commercial Complex" },
            { id: "p6", brand: "IT Infrastructure", name: "State-of-the-Art Data Center", price: "Specialized", rating: 5, reviewCount: "7 reviews", imageSrc: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-133727.jpg", imageAlt: "State-of-the-Art Data Center" }
          ]}
          gridVariant="bento-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="team" data-section="team">
        <TeamCardSix
          tag="Our Experts"
          title="Meet Our Engineering Leadership"
          description="Our team of highly skilled and certified engineers brings unparalleled expertise and dedication to every project, driving innovation and precision."
          members={[
            { id: "t1", name: "Dr. Ahmed Obaidalla", role: "CEO & Lead Structural Engineer", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-handsome-businessman-looking-laptop_74855-4095.jpg", imageAlt: "Dr. Ahmed Obaidalla" },
            { id: "t2", name: "Eng. Sarah Khan", role: "Head of Project Management", imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-employs-virtual-reality-headset-digital-environment-focused-performance_482257-136139.jpg", imageAlt: "Eng. Sarah Khan" },
            { id: "t3", name: "Eng. David Lee", role: "Chief Design Architect", imageSrc: "http://img.b2bpic.net/free-photo/man-checking-paperwork-details-computer-screen-solving-tasks_482257-112948.jpg", imageAlt: "Eng. David Lee" },
            { id: "t4", name: "Eng. Maria Gomez", role: "Senior Civil Engineer", imageSrc: "http://img.b2bpic.net/free-photo/woman-architect-using-touch-screen-building-model-maquette-layout-engineer-working-with-blueprint-plan-construction-development-graphic-design-architectural-office_482257-31903.jpg", imageAlt: "Eng. Maria Gomez" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          tag="Client Success Stories"
          title="What Our Partners Say"
          description="Discover why leading firms trust Obaidalla Technical Engineering for critical projects. Our clients' satisfaction speaks volumes about our commitment to excellence."
          testimonials={[
            { id: "ts1", title: "Exceptional Project Delivery", quote: "Obaidalla Technical Engineering delivered our complex infrastructure project ahead of schedule and within budget. Their precision and professionalism are unmatched.", name: "Khalid Al-Mansoori", role: "Project Director, Al-Mansoori Construction", imageSrc: "http://img.b2bpic.net/free-photo/team-admin-server-hub-checking-recovery-plan-monitoring-data-center_482257-122088.jpg", imageAlt: "Khalid Al-Mansoori" },
            { id: "ts2", title: "Reliable Technical Expertise", quote: "Their team provided invaluable technical consulting for our industrial plant upgrade. The insights and solutions were crucial for optimizing our operations.", name: "Fatima Zahra", role: "Procurement Head, Horizon Industries", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18998.jpg", imageAlt: "Fatima Zahra" },
            { id: "ts3", title: "Seamless Collaboration", quote: "Working with Obaidalla Technical Engineering was a true partnership. Their collaborative approach and commitment to quality made our project a resounding success.", name: "Dr. Hassan Ali", role: "Chief Engineer, Public Works Department", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-white-poster_1187-1567.jpg", imageAlt: "Dr. Hassan Ali" },
            { id: "ts4", title: "Innovative Design Solutions", quote: "The architectural design for our new commercial complex was both innovative and structurally brilliant. Obaidalla exceeded our expectations at every turn.", name: "Amira Khan", role: "CEO, Urban Edge Properties", imageSrc: "http://img.b2bpic.net/free-photo/injured-man-receives-support-office_482257-120231.jpg", imageAlt: "Amira Khan" },
            { id: "ts5", title: "Unwavering Dedication", quote: "From initial concept to final execution, the dedication of Obaidalla's team was evident. They navigated challenges with expertise and ensured a flawless outcome.", name: "Omar Fahd", role: "Owner, Fahd Contracting Solutions", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-partners-having-meeting-cafe_1262-1954.jpg", imageAlt: "Omar Fahd" }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqDouble
          tag="Got Questions?"
          title="Frequently Asked Questions"
          description="Find quick answers to common inquiries about our engineering services, project processes, and client engagement models."
          faqs={[
            { id: "q1", title: "What types of engineering projects do you specialize in?", content: "We specialize in a broad range of engineering projects, including industrial facilities, urban infrastructure, commercial complexes, and specialized technical consulting for various sectors. Our expertise covers structural, civil, mechanical, and electrical engineering disciplines." },
            { id: "q2", title: "How do you ensure project quality and timely delivery?", content: "Our quality assurance process integrates rigorous design reviews, material specifications, and continuous on-site supervision. We employ advanced project management methodologies and strict adherence to timelines and budgets to ensure successful and timely project delivery." },
            { id: "q3", title: "Can you handle projects internationally?", content: "Yes, Obaidalla Technical Engineering has experience managing and delivering projects for clients both domestically and internationally. Our team is equipped to navigate diverse regulatory environments and collaborate with global partners to achieve project objectives." },
            { id: "q4", title: "What is your typical client engagement process?", content: "Our engagement process typically begins with an initial consultation to understand your project needs. This is followed by a detailed proposal, design phase, engineering, project execution, and post-completion support. We maintain transparent communication throughout every stage." },
            { id: "q5", title: "How do you approach sustainable engineering practices?", content: "Sustainability is a core principle in our designs. We integrate eco-friendly materials, energy-efficient systems, and environmentally responsible construction methods to minimize ecological impact and enhance long-term operational efficiency of our projects." }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Partner with Us for Your Next Project"
          description="Ready to discuss your engineering needs? Reach out to our team of experts for a comprehensive consultation and tailored solution proposal."
          inputs={[
            { name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
            { name: "companyName", type: "text", placeholder: "Your Company Name", required: true },
            { name: "workEmail", type: "email", placeholder: "Work Email", required: true },
            { name: "phoneNumber", type: "tel", placeholder: "Phone Number (Optional)" }
          ]}
          textarea={{ name: "projectDetails", placeholder: "Tell us about your project...", rows: 5, required: true }}
          imageSrc="http://img.b2bpic.net/free-photo/pensive-woman-talking-phone-thinking-looking-aside-thoughtful-standing-against-blue-backgroun_1258-164296.jpg"
          imageAlt="engineering workstation modern office"
          mediaAnimation="opacity"
          mediaPosition="left"
          buttonText="Submit Inquiry"
          useInvertedBackground={true}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterMedia
          logoSrc="http://img.b2bpic.net/free-vector/quality-services-bumper-sticker-template-design_742173-4835.jpg"
          logoAlt="engineering logo minimalist footer"
          logoText="Obaidalla Technical Engineering"
          columns={[
            { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Our Team", href: "#team" }, { label: "Careers", href: "#" }] },
            { title: "Services", items: [{ label: "Design & Planning", href: "#services" }, { label: "Project Management", href: "#services" }, { label: "Consulting", href: "#services" }] },
            { title: "Resources", items: [{ label: "Projects", href: "#projects" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
          ]}
          copyrightText="© 2024 Obaidalla Technical Engineering. All rights reserved."
          imageSrc="http://img.b2bpic.net/free-photo/abstract-triangles-background_1048-16321.jpg"
          imageAlt="abstract technical background dark"
        />
      </div>
    </ThemeProvider>
  );
}
