"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Gem, Rocket, Sparkles, Lightbulb, TrendingUp, Code, Users, Camera, Briefcase, Globe, Award, Star } from "lucide-react";

export default function LandscapingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            brandName="HORIZON BUSINESS COLLECTION"
            navItems={[
              { name: "Services", id: "services" },
              { name: "About Us", id: "about" },
              { name: "Why Horizon", id: "why-us" },
              { name: "Team", id: "team" },
              { name: "Testimonials", id: "testimonials" },
              { name: "Contact", id: "contact" }
            ]}
            button={{ text: "Start Your Project", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlayTestimonial
            tag="FUTURE-FORWARD SOLUTIONS"
            tagIcon={Rocket}
            title="Building The Future of Modern Business"
            description="Premium digital solutions designed for ambitious brands and growing companies."
            buttons={[
              { text: "Explore Services", href: "#services" },
              { text: "Start Your Project", href: "#contact" }
            ]}
            buttonAnimation="slide-up"
            videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAUpul6KI7vTWBV0cEFlD4VRHD/uploaded-1779627011847-ei4xzyze.png"
            videoAriaLabel="Futuristic business abstract animation"
            showDimOverlay={true}
            textPosition="top"
            testimonials={[
              {
                name: "Dr. Azad Khan",                handle: "CEO, Nexus Corp.",                testimonial: "HORIZON transformed our brand identity with unparalleled creativity and precision. A truly world-class experience.",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151133955.jpg",                imageAlt: "Dr. Azad Khan portrait"
              },
              {
                name: "Lana Hussain",                handle: "Founder, Astra Innovations",                testimonial: "The level of professionalism and innovative thinking from HORIZON was beyond our expectations. They are true partners in success.",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-couch-with-mobile_23-2148415739.jpg",                imageAlt: "Lana Hussain portrait"
              }
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <TestimonialAboutCard
            tag="ABOUT HORIZON"
            tagIcon={Lightbulb}
            tagAnimation="slide-up"
            title="HORIZON BUSINESS COLLECTION delivers modern business solutions with creativity, innovation, and strategic vision for companies aiming to lead the future."
            description="Empowering Visionaries."
            subdescription="Founded on Kurdish principles of excellence and innovation."
            icon={Gem}
            videoSrc="http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-132229.jpg"
            mediaAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardNineteen
            tag="OUR SERVICES"
            tagIcon={Sparkles}
            title="Innovation at Every Horizon"
            description="Unlock unparalleled potential with our bespoke digital and business solutions."
            buttonAnimation="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            imageContainerClassName="!rotate-0 !aspect-square"
            features={[
              {
                tag: "STRATEGY",                title: "Branding Strategy",                subtitle: "Crafting Distinct Identities",                description: "Develop a powerful and memorable brand identity that resonates with your audience and stands out in the global market.",                imageSrc: "http://img.b2bpic.net/free-photo/cinema-3d-glasses_23-2148115289.jpg",                imageAlt: "Abstract image representing branding strategy"
              },
              {
                tag: "GROWTH",                title: "Digital Marketing",                subtitle: "Maximizing Your Reach",                description: "Implement cutting-edge digital marketing campaigns across all channels to drive engagement, leads, and measurable growth.",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg",                imageAlt: "Abstract image representing digital marketing"
              },
              {
                tag: "DEVELOPMENT",                title: "Website Development",                subtitle: "Seamless Digital Experiences",                description: "Build high-performance, visually stunning websites and web applications engineered for unparalleled user experience and robust functionality.",                imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645638.jpg",                imageAlt: "Abstract image representing website development"
              },
              {
                tag: "CONNECT",                title: "Social Media Management",                subtitle: "Engage & Inspire",                description: "Cultivate a vibrant online community and amplify your brand message with strategic social media content and management.",                imageSrc: "http://img.b2bpic.net/free-photo/sound-wave-technology-performer-s-hand-touching-stage-remixed-media_53876-104262.jpg",                imageAlt: "Abstract image representing social media management"
              },
              {
                tag: "VISUALS",                title: "Graphic Design",                subtitle: "Impactful Visual Storytelling",                description: "From captivating logos to comprehensive brand guidelines, our graphic design brings your vision to life with elegance and precision.",                imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-97578.jpg",                imageAlt: "Abstract image representing graphic design"
              },
              {
                tag: "ANIMATION",                title: "Motion Graphics",                subtitle: "Dynamic Visual Engagement",                description: "Elevate your message with bespoke motion graphics and animated content that captures attention and communicates complex ideas with flair.",                imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512130.jpg",                imageAlt: "Abstract image representing motion graphics"
              },
              {
                tag: "PRODUCTION",                title: "Media Production",                subtitle: "Cinematic Content Creation",                description: "Produce high-quality video and photographic content, from corporate films to promotional visuals, tailored for maximum impact.",                imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-movie-projector_23-2151016128.jpg",                imageAlt: "Abstract image representing media production"
              },
              {
                tag: "INSIGHT",                title: "Business Consulting",                subtitle: "Strategic Guidance for Growth",                description: "Receive expert strategic advice and actionable insights to navigate market challenges and capitalize on new opportunities for sustainable growth.",                imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003718.jpg",                imageAlt: "Abstract image representing business consulting"
              }
            ]}
          />
        </div>

        <div id="why-us" data-section="why-us">
          <TeamCardSix
            title="Why Choose Horizon"
            description="Redefining excellence in the digital landscape."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "Global Vision, Local Roots",                role: "Blending international standards with a deep understanding of Kurdish culture.",                imageSrc: "http://img.b2bpic.net/free-photo/global-communications-illuminate-our-planet-bright-future-generated-by-ai_188544-22050.jpg",                imageAlt: "Abstract image representing global vision"
              },
              {
                id: "2",                name: "Unrivaled Expertise",                role: "A team of industry pioneers committed to innovation and delivering exceptional results.",                imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-background_53876-104033.jpg",                imageAlt: "Abstract image representing expertise"
              },
              {
                id: "3",                name: "Cinematic Brand Experience",                role: "Crafting immersive and unforgettable digital narratives that captivate and convert.",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-virtual-date_23-2149295198.jpg",                imageAlt: "Abstract image representing cinematic experience"
              }
            ]}
          />
        </div>

        <div id="team" data-section="team">
          <TeamCardOne
            tag="OUR VISIONARIES"
            title="Meet the Architects of Tomorrow"
            description="Our diverse team of experts, united by a passion for innovation."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "Ava Roshan",                role: "Chief Visionary Officer",                imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-couch_23-2148415906.jpg",                imageAlt: "Ava Roshan portrait"
              },
              {
                id: "2",                name: "Rayan Sharif",                role: "Head of Digital Strategy",                imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-looking-confident_114579-79346.jpg",                imageAlt: "Rayan Sharif portrait"
              },
              {
                id: "3",                name: "Leyla Al-Hamad",                role: "Creative Director",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-futuristic-cyborg_23-2151904189.jpg",                imageAlt: "Leyla Al-Hamad portrait"
              }
            ]}
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwelve
            cardTag="VOICES OF DISTINCTION"
            cardTagIcon={Star}
            cardTitle="Clients trust HORIZON to elevate their presence and exceed expectations."
            buttons={[{ text: "Discover Success Stories", href: "#contact" }]} 
            buttonAnimation="slide-up"
            cardAnimation="slide-up"
            useInvertedBackground={false}
            testimonials={[
              {
                id: "1",                name: "Sarah Mitchell",                imageSrc: "http://img.b2bpic.net/free-photo/high-tech-travel-future-time_23-2151160589.jpg",                imageAlt: "Sarah Mitchell"
              },
              {
                id: "2",                name: "Daniel Carter",                imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419525.jpg",                imageAlt: "Daniel Carter"
              },
              {
                id: "3",                name: "Michael Anderson",                imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-work_23-2149622865.jpg",                imageAlt: "Michael Anderson"
              },
              {
                id: "4",                name: "Sophia Al-Hussain",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg",                imageAlt: "Sophia Al-Hussain"
              }
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqDouble
            tag="CLARITY & CONFIDENCE"
            title="Frequently Asked Questions"
            description="Your guide to partnering with HORIZON for a brighter future."
            textboxLayout="default"
            useInvertedBackground={false}
            faqsAnimation="slide-up"
            faqs={[
              {
                id: "1",                title: "What makes HORIZON's approach unique?",                content: "We blend ultra-luxury design with cutting-edge technology and a deep understanding of your brand's unique narrative, ensuring cinematic quality and impactful digital presence."
              },
              {
                id: "2",                title: "How do you ensure a project's success?",                content: "Our process involves meticulous planning, collaborative ideation, agile development, and continuous feedback loops, all guided by our commitment to excellence and client satisfaction."
              },
              {
                id: "3",                title: "Can you handle large-scale international projects?",                content: "Absolutely. HORIZON is equipped with a world-class team and robust infrastructure to manage and deliver complex projects for international corporate brands."
              },
              {
                id: "4",                title: "What kind of post-launch support do you offer?",                content: "We provide comprehensive post-launch support, including ongoing maintenance, performance monitoring, security updates, and scalable solutions to ensure long-term success."
              },
              {
                id: "5",                title: "How do you incorporate Kurdish identity into modern design?",                content: "While our aesthetic is globally futuristic, we subtly weave in elements of Kurdish heritage through bespoke patterns, color inspirations, and a commitment to innovation and craftsmanship inherent in the culture."
              },
              {
                id: "6",                title: "What is the typical timeline for a new website development?",                content: "Project timelines vary based on complexity, but a standard luxury website typically ranges from 8-16 weeks. We provide a detailed project roadmap after the initial consultation."
              }
            ]}
          />
        </div>

        <div id="contact" data-section="contact" className="relative overflow-hidden">
          <div className="absolute inset-0 w-full h-full">
            <video
              src="http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627866.jpg"
              autoPlay
              muted
              loop
              playsInline
              aria-hidden="true"
              className="w-full h-full object-cover"
            />
            <div className="absolute inset-0 bg-foreground/70" />
          </div>
          <ContactSplitForm
            title="Ignite Your Next Endeavor"
            description="Partner with HORIZON to build a future that truly stands out. Available 24 Hours / 7 Days."
            useInvertedBackground={false}
            mediaAnimation="none"
            buttonText="Send Message"
            contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
            mediaWrapperClassName="hidden"
            inputs={[
              { name: "name", type: "text", placeholder: "Full Name", required: true },
              { name: "email", type: "email", placeholder: "Email Address", required: true },
              { name: "phone", type: "tel", placeholder: "Phone Number" }
            ]}
            multiSelect={{
              name: "service",              label: "Select a Service",              options: [
                "Branding Strategy",                "Digital Marketing",                "Website Development",                "Social Media Management",                "Graphic Design",                "Motion Graphics",                "Media Production",                "Business Consulting"
              ]
            }}
            textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              {
                title: "Services",                items: [
                  { label: "Branding Strategy", href: "#services" },
                  { label: "Digital Marketing", href: "#services" },
                  { label: "Website Development", href: "#services" },
                  { label: "Social Media Management", href: "#services" },
                  { label: "Graphic Design", href: "#services" },
                  { label: "Motion Graphics", href: "#services" },
                  { label: "Media Production", href: "#services" },
                  { label: "Business Consulting", href: "#services" }
                ]
              },
              {
                title: "Company",                items: [
                  { label: "About Us", href: "#about" },
                  { label: "Why Horizon", href: "#why-us" },
                  { label: "Team", href: "#team" },
                  { label: "Testimonials", href: "#testimonials" },
                  { label: "FAQ", href: "#faq" }
                ]
              },
              {
                title: "Contact",                items: [
                  { label: "hello@horizon.co", href: "mailto:hello@horizon.co" },
                  { label: "Available 24/7" },
                  { label: "Kurdish Region, Iraq" }
                ]
              }
            ]}
            bottomLeftText="© 2026 HORIZON BUSINESS COLLECTION. All rights reserved."
            bottomRightText="Designed with Vision."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
