"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Sparkles, Film, Clapperboard, Star, Award, CheckCircle, Zap } from "lucide-react";

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

  const footerColumns = [
    {
      items: [
        { label: "Home", href: "/" },
        { label: "Services", href: "/services" },
        { label: "Portfolio", href: "/portfolio" },
        { label: "About", href: "/about" },
      ],
    },
    {
      items: [
        { label: "Contact", href: "/contact" },
        { label: "Email: info@raymsent.com", href: "mailto:info@raymsent.com" },
        { label: "Phone: 0802 213 5257", href: "tel:08022135257" },
        { label: "Asaba, Delta State, Nigeria", href: "#" },
      ],
    },
    {
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Cookie Policy", href: "#" },
        { label: "Disclaimer", href: "#" },
      ],
    },
    {
      items: [
        { label: "Instagram", href: "https://instagram.com" },
        { label: "YouTube", href: "https://youtube.com" },
        { label: "Facebook", href: "https://facebook.com" },
        { label: "LinkedIn", href: "https://linkedin.com" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLarge"
      background="grid"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="RAYMS STUDIOS"
          navItems={navItems}
          button={{
            text: "Book a Consultation",
            href: "/contact",
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Bringing Stories to Life Through Film"
          description="RAYMS Entertainment Studios creates cinematic experiences that captivate, inspire, and transform. From concept to final cut, we deliver premium film production, music videos, and commercials that elevate your brand."
          tag="Premium Film Production"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{
            variant: "rotated-rays-animated",
          }}
          buttons={[
            {
              text: "View Portfolio",
              href: "/portfolio",
            },
            {
              text: "Book a Consultation",
              href: "/contact",
            },
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-cinematic-film-production-scene-with-p-1773959704944-352b3534.png?_wi=1",
              imageAlt: "Professional film production studio with advanced equipment",
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-dramatic-film-reel-or-movie-production-1773959705204-4f7d4620.png?_wi=1",
              imageAlt: "Cinematic film production scene with dramatic lighting",
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-music-video-production-scene-with-dyna-1773959704609-74e87b44.png?_wi=1",
              imageAlt: "Music video production with dynamic creative energy",
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-commercial-advertisement-production-sc-1773959706298-09c65ec4.png?_wi=1",
              imageAlt: "Professional commercial production shoot",
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-post-production-editing-suite-with-pro-1773959704689-b8c5264c.png?_wi=1",
              imageAlt: "Post-production editing suite with color grading",
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-documentary-film-crew-on-location-capt-1773959709247-399f0395.png?_wi=1",
              imageAlt: "Documentary filmmaking on location",
            },
          ]}
          mediaAnimation="slide-up"
          ariaLabel="Hero section showcasing RAYMS Entertainment Studios film production capabilities"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Crafting Cinema with Purpose"
          description="Since our founding, RAYMS Entertainment Studios has been dedicated to transforming creative visions into compelling visual narratives. We combine technical excellence with artistic innovation to deliver productions that resonate with audiences and drive results for our clients."
          tag="About Our Studio"
          tagIcon={Film}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Learn More",
              href: "/about",
            },
          ]}
          buttonAnimation="slide-up"
          bulletPoints={[
            {
              title: "Creative Excellence",
              description: "Award-winning creative team with diverse expertise in film, music videos, and commercial production.",
              icon: Sparkles,
            },
            {
              title: "State-of-the-Art Equipment",
              description: "Premium production facilities with cutting-edge cinematography, lighting, and post-production technology.",
              icon: Zap,
            },
            {
              title: "End-to-End Solutions",
              description: "Complete production services from pre-production planning through final color grading and delivery.",
              icon: CheckCircle,
            },
            {
              title: "Proven Track Record",
              description: "Hundreds of successful projects delivered to clients across film, music, advertising, and corporate sectors.",
              icon: Award,
            },
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-modern-film-production-studio-interior-1773959704816-f390f535.png?_wi=1"
          imageAlt="RAYMS Entertainment Studios modern production facility"
          mediaAnimation="slide-up"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="About RAYMS Entertainment Studios"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyThree
          title="Our Production Services"
          description="Comprehensive filmmaking solutions tailored to bring your creative vision to life with professional quality and artistic excellence."
          tag="Services"
          tagIcon={Clapperboard}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Explore All Services",
              href: "/services",
            },
          ]}
          buttonAnimation="slide-up"
          features={[
            {
              id: "film-production",
              title: "Film Production",
              tags: [
                "Feature Films",
                "Short Films",
                "Documentaries",
              ],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-film-production-shoot-in--1773959706476-df9d1f0d.png?_wi=1",
              imageAlt: "Professional film production with multiple cameras and crew",
            },
            {
              id: "music-video",
              title: "Music Video Production",
              tags: [
                "Creative Direction",
                "Choreography",
                "Visual Effects",
              ],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/an-energetic-music-video-production-scen-1773959704562-6940a1ba.jpg?_wi=1",
              imageAlt: "Dynamic music video production with creative energy",
            },
            {
              id: "commercial",
              title: "Commercial Production",
              tags: [
                "TV Commercials",
                "Digital Ads",
                "Branded Content",
              ],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-commercial-advertisement--1773959704355-c22e2357.png?_wi=1",
              imageAlt: "Professional commercial advertising production",
            },
            {
              id: "post-production",
              title: "Video Editing & Post-Production",
              tags: [
                "Color Grading",
                "Sound Design",
                "VFX",
              ],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-video-editing-and-post-pr-1773959704845-ede4de90.png?_wi=1",
              imageAlt: "Professional post-production editing suite",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Services offered by RAYMS Entertainment Studios"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardThree
          title="Featured Projects"
          description="Explore our latest productions showcasing diverse storytelling, creative vision, and professional execution across multiple genres and media formats."
          tag="Portfolio"
          tagIcon={Film}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "View Full Portfolio",
              href: "/portfolio",
            },
          ]}
          buttonAnimation="slide-up"
          products={[
            {
              id: "project-1",
              name: "Feature Film: Journey Within",
              price: "Award Winner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-dramatic-film-reel-or-movie-production-1773959705204-4f7d4620.png?_wi=2",
              imageAlt: "Feature film production - Journey Within",
            },
            {
              id: "project-2",
              name: "Music Video: Neon Dreams",
              price: "Multi-Platform",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-music-video-production-scene-with-dyna-1773959704609-74e87b44.png?_wi=2",
              imageAlt: "Music video production - Neon Dreams",
            },
            {
              id: "project-3",
              name: "Commercial: Brand Excellence",
              price: "Campaign Winner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-commercial-advertisement-production-sc-1773959706298-09c65ec4.png?_wi=2",
              imageAlt: "Commercial production - Brand Excellence",
            },
            {
              id: "project-4",
              name: "Documentary: Stories Untold",
              price: "Festival Selection",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-documentary-film-crew-on-location-capt-1773959709247-399f0395.png?_wi=2",
              imageAlt: "Documentary production - Stories Untold",
            },
          ]}
          gridVariant="bento-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Featured portfolio projects from RAYMS Entertainment Studios"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Client Success Stories"
          description="Trusted by leading brands and creators across Nigeria and beyond. Our commitment to excellence has earned the trust of countless satisfied clients."
          tag="Testimonials"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Work With Us",
              href: "/contact",
            },
          ]}
          buttonAnimation="slide-up"
          testimonials={[
            {
              id: "testimonial-1",
              title: "Exceptional Professionalism",
              quote: "RAYMS Entertainment Studios brought our brand vision to life beautifully. Their creative team understood our goals and executed them flawlessly. Highly recommended for any serious production needs.",
              name: "Chioma Okafor",
              role: "Brand Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-headshot-of-a-confident-b-1773959704069-b6ee9453.png?_wi=1",
              imageAlt: "Chioma Okafor, Brand Director",
            },
            {
              id: "testimonial-2",
              title: "Outstanding Creative Direction",
              quote: "Working with RAYMS on our music video was an incredible experience. They transformed our artistic vision into a stunning visual masterpiece. Their attention to detail is unmatched.",
              name: "Tunde Adeleke",
              role: "Music Artist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-portrait-of-a-creative-pr-1773959706444-abe9f521.png?_wi=1",
              imageAlt: "Tunde Adeleke, Music Artist",
            },
            {
              id: "testimonial-3",
              title: "Results-Driven Production",
              quote: "Our commercial campaign exceeded expectations. The team at RAYMS demonstrated exceptional professionalism, creativity, and technical expertise. A true partnership dedicated to success.",
              name: "Amara Eze",
              role: "Marketing Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-headshot-of-a-marketing-o-1773959704053-b1a7a1a6.png",
              imageAlt: "Amara Eze, Marketing Manager",
            },
            {
              id: "testimonial-4",
              title: "Premium Quality Every Time",
              quote: "From concept to delivery, RAYMS Entertainment Studios maintains the highest standards. Their technical proficiency combined with creative brilliance makes them the obvious choice for premium productions.",
              name: "Emeka Nwosu",
              role: "Production Executive",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-portrait-of-an-entertainm-1773959704206-9445a158.png",
              imageAlt: "Emeka Nwosu, Production Executive",
            },
            {
              id: "testimonial-5",
              title: "Transformative Partnership",
              quote: "RAYMS didn't just produce our documentary; they elevated our entire creative process. Their insights and technical excellence made the final product something we're incredibly proud of.",
              name: "Grace Okonkwo",
              role: "Documentary Producer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-headshot-of-a-confident-b-1773959704069-b6ee9453.png?_wi=2",
              imageAlt: "Grace Okonkwo, Documentary Producer",
            },
            {
              id: "testimonial-6",
              title: "Industry Excellence",
              quote: "Collaborating with RAYMS Entertainment Studios was transformative for our brand. They brought world-class production values to our project while maintaining complete professionalism throughout.",
              name: "David Adeyemi",
              role: "Creative Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-portrait-of-a-creative-pr-1773959706444-abe9f521.png?_wi=2",
              imageAlt: "David Adeyemi, Creative Director",
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Client testimonials for RAYMS Entertainment Studios"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Our Impact by the Numbers"
          tag="Achievements"
          tagAnimation="slide-up"
          metrics={[
            {
              id: "metric-1",
              value: "500+",
              description: "Successful Productions",
            },
            {
              id: "metric-2",
              value: "15+",
              description: "Years of Excellence",
            },
            {
              id: "metric-3",
              value: "50+",
              description: "Industry Awards",
            },
            {
              id: "metric-4",
              value: "100%",
              description: "Client Satisfaction",
            },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Key metrics and achievements of RAYMS Entertainment Studios"
        />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactCTA
          tag="Ready to Create?"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          title="Start Your Production Journey Today"
          description="Transform your creative vision into reality. Contact RAYMS Entertainment Studios to discuss your project, timeline, and production needs. Our team is ready to bring your story to life."
          buttons={[
            {
              text: "Book Consultation",
              href: "/contact",
            },
            {
              text: "Call: 0802 213 5257",
              href: "tel:08022135257",
            },
          ]}
          buttonAnimation="slide-up"
          background={{
            variant: "rotated-rays-static",
          }}
          useInvertedBackground={true}
          ariaLabel="Contact call-to-action section for RAYMS Entertainment Studios"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="RAYMS STUDIOS"
          columns={footerColumns}
          ariaLabel="Site footer with navigation and contact information"
        />
      </div>
    </ThemeProvider>
  );
}