"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Zap, Target, Layers, Award, TrendingUp, Rocket } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "Portfolio", id: "/portfolio" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" },
  ];

  const footerColumns = [
    {
      title: "Product",
      items: [
        { label: "Services", href: "/services" },
        { label: "Portfolio", href: "/portfolio" },
        { label: "Pricing", href: "#" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/about" },
        { label: "Contact", href: "/contact" },
        { label: "Blog", href: "#" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Cookie Policy", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="noise"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={{
            text: "Book a Free Consultation",
            href: "/contact",
          }}
          brandName="Noventis"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Websites That Turn Visitors Into Clients"
          description="Custom web design and development services built for entrepreneurs, local businesses, and service providers. We create high-performing websites that drive real results and measurable ROI."
          tag="Results-Driven Web Design"
          tagIcon={Zap}
          tagAnimation="slide-up"
          background={{ variant: "glowing-orb" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-modern-web-design-interface-mockup-dis-1772502997007-90e10089.png"
          imageAlt="Modern web design showcase"
          imagePosition="right"
          buttons={[
            { text: "Book a Free Consultation", href: "/contact" },
            { text: "View Our Work", href: "/portfolio" },
          ]}
          buttonAnimation="slide-up"
          mediaAnimation="blur-reveal"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Elevate Your Online Presence"
          description="At Noventis, we specialize in creating custom websites that combine stunning design with powerful functionality. Our mission is to help small and medium-sized businesses compete online and achieve their growth goals through web excellence."
          tag="About Noventis"
          tagIcon={Target}
          tagAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-professional-team-of-web-designers-and-1772502996001-cbd6cd35.png"
          imageAlt="Noventis team working on web projects"
          useInvertedBackground={false}
          buttons={[{ text: "Learn More About Our Approach", href: "/services" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Our Core Services"
          description="Comprehensive web solutions designed to deliver measurable business impact. From initial design to ongoing optimization, we handle every aspect of your online success."
          tag="Services"
          tagIcon={Layers}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              title: "Custom Website Design",
              description: "Bespoke website design tailored to your brand identity. We create visually stunning, user-friendly sites that reflect your business values and engage your target audience.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-web-designer-working-on-a-custom-websi-1772502994313-160c4f81.png",
              imageAlt: "Custom design process",
            },
            {
              id: 2,
              title: "Landing Page Creation",
              description: "High-converting landing pages optimized for specific campaigns and goals. Each page is strategically designed to capture leads and drive conversions.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-conversion-optimized-landing-page-disp-1772502994355-58556fef.png",
              imageAlt: "Landing page conversion",
            },
            {
              id: 3,
              title: "Website Redesign",
              description: "Transform your existing website with modern design principles and improved functionality. We breathe new life into outdated sites while preserving your brand equity.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-split-screen-showing-before-and-after--1772502999544-554f84fb.png",
              imageAlt: "Website redesign before and after",
            },
            {
              id: 4,
              title: "Website Optimization",
              description: "Speed optimization, SEO fundamentals, and conversion rate improvements. We ensure your site performs flawlessly and ranks well in search engines.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-dashboard-displaying-website-performan-1772502994832-e7fad164.png",
              imageAlt: "Performance optimization",
            },
            {
              id: 5,
              title: "Ongoing Maintenance",
              description: "Continuous support and maintenance to keep your site secure, fast, and up-to-date. Focus on your business while we handle the technical details.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-technical-support-team-monitoring-and--1772502994329-39eab7ac.png",
              imageAlt: "Maintenance support",
            },
          ]}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <BlogCardOne
          title="Featured Case Studies"
          description="Real results from real clients. See how we've helped businesses achieve their goals through strategic web design and development."
          tag="Portfolio"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground={false}
          carouselMode="buttons"
          blogs={[
            {
              id: "1",
              category: "E-Commerce",
              title: "Local Retail Business Increases Sales by 280%",
              excerpt: "Custom e-commerce redesign with streamlined checkout process resulted in significant revenue growth.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-successful-e-commerce-website-interfac-1772502994846-9c9b77dd.png",
              imageAlt: "E-commerce website case study",
              authorName: "Noventis Team",
              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-professional-portrait-of-a-confident-b-1772502992797-4dac1e3b.png",
              date: "2025",
            },
            {
              id: "2",
              category: "Service Provider",
              title: "Service Provider Doubles Lead Generation",
              excerpt: "Strategic website redesign and SEO optimization led to 2x increase in qualified leads within 3 months.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-professional-service-provider-website--1772502995084-ca44acf7.png",
              imageAlt: "Service provider website success",
              authorName: "Noventis Team",
              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-professional-headshot-of-a-diverse-tea-1772502993370-185c0d94.png",
              date: "2025",
            },
            {
              id: "3",
              category: "Startup",
              title: "Startup Launches MVP Website in 4 Weeks",
              excerpt: "Rapid development and launch of professional website for tech startup, enabling successful market entry.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-modern-startup-website-featuring-an-in-1772502995008-c1ca89ee.png",
              imageAlt: "Startup website launch",
              authorName: "Noventis Team",
              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-professional-portrait-photograph-of-a--1772502994451-a44bfd1f.png",
              date: "2025",
            },
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Proven Track Record"
          description="Our results speak for themselves. Here's what we've accomplished for our clients."
          tag="Impact"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={true}
          metrics={[
            {
              id: "1",
              value: "150+",
              title: "Websites Delivered",
              items: ["Across multiple industries", "All on-time and on-budget", "98% client satisfaction rate"],
            },
            {
              id: "2",
              value: "280%",
              title: "Average ROI Improvement",
              items: ["Increased conversions", "Better search rankings", "Faster load times"],
            },
            {
              id: "3",
              value: "4 Weeks",
              title: "Average Project Timeline",
              items: ["Rapid turnaround", "Agile development", "Regular communication"],
            },
            {
              id: "4",
              value: "99.9%",
              title: "Uptime Guarantee",
              items: ["24/7 monitoring", "Instant support", "Zero downtime deployments"],
            },
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Noventis transformed our outdated website into a modern platform that actually converts. Our lead generation increased by 250% within the first quarter. Their team was professional, responsive, and truly understood our business goals."
          rating={5}
          author="Michael Thompson, Owner of Thompson Plumbing & HVAC"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-professional-portrait-of-a-small-busin-1772502995836-e5fb1baa.png",
              alt: "Michael Thompson",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-professional-headshot-of-a-business-pr-1772502993694-0ea2ebcb.png",
              alt: "Sarah Mitchell",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-friendly-professional-portrait-of-a-bu-1772502994184-6bfa16bf.png",
              alt: "David Chen",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-professional-business-portrait-showing-1772502993483-5e70bcc9.png",
              alt: "Jennifer Lopez",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-professional-headshot-of-a-diverse-bus-1772502993335-ea2d2229.png",
              alt: "Robert Johnson",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APnA5s66TMDvrFY10op8PHqLQP/a-confident-professional-portrait-of-a-b-1772502998093-ad5e0759.png",
              alt: "Amanda White",
            },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactCenter
          tag="Ready to Grow?"
          tagIcon={Rocket}
          title="Let's Build Your High-Performing Website"
          description="Schedule a free consultation with our team. We'll discuss your goals, analyze your current web presence, and create a custom strategy for success."
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground={true}
          inputPlaceholder="Enter your email"
          buttonText="Book My Free Consultation"
          termsText="We respect your privacy. We'll only contact you about your project."
          tagAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={footerColumns}
          copyrightText="© 2025 Noventis. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}