"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users, MapPin } from "lucide-react";

export default function WebAgency2Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="metallic"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <ReactLenis root>
        <NavbarLayoutFloatingOverlay
          brandName="Papua Digital"
          navItems={[
            { name: "Work", id: "work" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Start Project", href: "#contact" }}
        />
        <HeroSplitDoubleCarousel
          title="Elevating Jayapura Businesses with Digital Excellence"
          description="Based in Jl. Ardipura Raya, we craft stunning websites and dynamic digital strategies tailored for the unique market of Jayapura and Papua."
          tag="Your Local Digital Partner"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          background={{ variant: "canvas-reveal" }}
          buttons={[
            { text: "Start Project", href: "#contact" },
            { text: "View Our Local Work", href: "#work" },
          ]}
          buttonAnimation="slide-up"
          carouselPosition="right"
          leftCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg", imageAlt: "Modern web design for a local business in Jayapura" },
            { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-designer-working-floor_23-2149930985.jpg", imageAlt: "Creative UI/UX design showcasing local culture" },
            { imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-125580.jpg", imageAlt: "Digital marketing strategy for Papuan tourism" },
            { imageSrc: "http://img.b2bpic.net/free-photo/pink-cube-pedestal-product-display-stand-podium-pastel-pink-background-3d-rendering_56104-1187.jpg", imageAlt: "E-commerce platform for local Jayapura products" },
            { imageSrc: "http://img.b2bpic.net/free-photo/eid-shopping-basket-phone-with-pc-right-side-white-background_187299-38878.jpg", imageAlt: "Responsive website development for a community project" }
          ]}
          rightCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-angle-white-background_9975-134353.jpg", imageAlt: "Website for a cafe in Jayapura" },
            { imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038915.jpg", imageAlt: "Mobile app interface for local services" },
            { imageSrc: "http://img.b2bpic.net/free-photo/logo-designer-working-computer-desktop_23-2149142144.jpg", imageAlt: "Branding identity for a Papuan enterprise" },
            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-mobile-phone-desk-diagram_1163-2765.jpg", imageAlt: "SEO optimization dashboard for regional clients" }
          ]}
          carouselItemClassName="!aspect-[4/5]"
        />
        <FeatureBento
          title="Our Tailored Digital Services"
          description="From our base in Jayapura, we offer comprehensive digital solutions designed for local and regional growth."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          buttons={[{ text: "All Services", href: "#services" }]}
          buttonAnimation="slide-up"
          features={[
            {
              title: "Local SEO & Digital Visibility",              description: "Boost your presence in Jayapura search results, attract more local customers, and dominate your market.",              bentoComponent: "marquee",              centerIcon: Search,
              variant: "text",              texts: ["Local Keywords", "Google My Business", "Regional Rankings", "Map Presence", "Organic Traffic", "Local Citations", "SERP", "Geo-targeting"],
            },
            {
              title: "Custom Web Design & Development",              description: "Building fast, mobile-friendly websites that capture the essence of Papua and engage your audience.",              bentoComponent: "media-stack",              items: [
                { imageSrc: "http://img.b2bpic.net/free-photo/air-ticket-flight-booking-concept_53876-132674.jpg", imageAlt: "Web project for a resort in Raja Ampat" },
                { imageSrc: "http://img.b2bpic.net/free-photo/17-lifestyle-people-ordering-sushi-home_52683-100639.jpg", imageAlt: "Website development for a Jayapura restaurant" },
                { imageSrc: "http://img.b2bpic.net/free-photo/rustic-floral-craft-supplies_23-2151961893.jpg", imageAlt: "E-commerce solution for Papuan handicrafts" },
              ],
            },
            {
              title: "Authentic Branding & Identity",              description: "Forge a memorable brand identity that resonates with the diverse culture and spirit of Jayapura.",              bentoComponent: "media-stack",              items: [
                { imageSrc: "http://img.b2bpic.net/free-photo/take-away-food-composition-with-coffee_23-2147805015.jpg", imageAlt: "Branding elements for a local coffee brand" },
                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-chinese-ink-concept_23-2148785914.jpg", imageAlt: "Logo design inspired by Papuan motifs" },
                { imageSrc: "http://img.b2bpic.net/free-photo/recycle-environmental-conservation-nature-ecology_53876-120928.jpg", imageAlt: "Visual identity for a community tourism initiative" },
              ],
            },
          ]}
        />
        <FeatureCardTwentySix
          title="Our Recent Projects in Papua"
          description="Showcasing digital solutions crafted for businesses right here in Jayapura and the wider Papua region."
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View All Work", href: "#work" }]}
          buttonAnimation="slide-up"
          cardClassName="!h-auto aspect-video"
          features={[
            {
              title: "Jayapura Cafe Online",              description: "Engaging online presence for a popular local cafe.",              imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269157.jpg",              imageAlt: "Jayapura Cafe website",              buttonIcon: ArrowUpRight,
              buttonHref: "#"},
            {
              title: "Raja Ampat Eco Tours",              description: "Bespoke website for sustainable tourism in Papua.",              imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033592.jpg",              imageAlt: "Raja Ampat Eco Tours website",              buttonIcon: ArrowUpRight,
              buttonHref: "#"},
            {
              title: "Papuan Handicraft Store",              description: "E-commerce platform showcasing traditional crafts.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-using-her-mobile-phone_23-2148463298.jpg",              imageAlt: "Papuan Handicraft Store website",              buttonIcon: ArrowUpRight,
              buttonHref: "#"},
            {
              title: "Distrik Ardipura Realty",              description: "Modern website for local real estate listings.",              imageSrc: "http://img.b2bpic.net/free-photo/urban-planning-development-build-design-concept_53876-132322.jpg",              imageAlt: "Ardipura Realty website",              buttonIcon: ArrowUpRight,
              buttonHref: "#"},
            {
              title: "Jayapura Health Clinic",              description: "Informative site for a trusted local medical practice.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-doctor-analyzing-disease-expertise-using-tablet-monitoring-patient-symptoms-clinical-examination-specialist-working-healthcare-treatment-hospital-office_482257-30429.jpg",              imageAlt: "Jayapura Health Clinic website",              buttonIcon: ArrowUpRight,
              buttonHref: "#"},
          ]}
        />
        <FeatureBento
          title="Our Commitment to Your Success"
          description="Dedicated to delivering exceptional digital experiences that drive real growth for businesses in Papua."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          features={[
            {
              title: "All Devices Optimization",              description: "Pixel-perfect websites that look stunning on every screen size and device, crucial for Papua's diverse digital access.",              bentoComponent: "phone",              statusIcon: Lock,
              alertIcon: Monitor,
              alertTitle: "Responsive check",              alertMessage: "All breakpoints passed",              apps: [
                { name: "Phone", icon: Phone },
                { name: "SMS", icon: MessageCircle },
                { name: "Books", icon: BookOpen },
                { name: "TV", icon: Tv },
                { name: "Camera", icon: Camera },
                { name: "Music", icon: Music },
                { name: "Settings", icon: Settings },
                { name: "Chat", icon: MessageCircle },
              ],
            },
            {
              title: "Secure Hosting",              description: "Enterprise-grade security and 99.9% uptime for your website, ensuring reliability for your Jayapura operations.",              bentoComponent: "reveal-icon",              icon: Shield,
            },
            {
              title: "Fast Turnaround",              description: "Efficient project delivery, ensuring your Jayapura business gets online quickly and effectively.",              bentoComponent: "timeline",              heading: "Project Launch",              subheading: "Week 1",              items: [
                { label: "Discovery & wireframes", detail: "Day 1-3" },
                { label: "Design & development", detail: "Day 4-10" },
                { label: "Testing & deployment", detail: "Day 11-14" },
              ],
              completedLabel: "Live"},
            {
              title: "Seamless Integrations",              description: "Connect with the tools you already use — CRMs, analytics, payments, and more, tailored for the Papuan business ecosystem.",              bentoComponent: "orbiting-icons",              centerIcon: Puzzle,
              items: [
                { icon: Shield },
                { icon: Monitor },
                { icon: Zap },
                { icon: TrendingUp },
              ],
            },
            {
              title: "Growth Trends",              description: "Data-driven insights to optimize your search presence and drive traffic, with a focus on local market dynamics in Jayapura.",              bentoComponent: "line-chart"},
          ]}
        />
        <TestimonialCardFifteen
          testimonial="Papua Digital transformed our online presence, delivering a stunning website that perfectly captured our local essence and significantly increased our bookings from tourists."
          rating={5}
          author="— Ibu Siti, Owner of Raja Ampat Eco Lodge"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/bookkeeping_1098-18047.jpg", alt: "Ibu Siti" },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
        <MetricCardOne
          title="Trusted by Jayapura's Leading Businesses"
          description="Proudly serving the community of Jayapura and fostering digital growth across Papua."
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            { id: "projects", value: "50+", title: "Local Projects", description: "Successfully delivered for businesses in Jayapura & Papua", icon: Award },
            { id: "satisfaction", value: "98%", title: "Client Satisfaction", description: "Our clients in Papua trust our expertise", icon: Users },
            { id: "years", value: "5+", title: "Years of Service", description: "Dedicated to digital innovation in Jayapura", icon: TrendingUp },
          ]}
        />
        <FeatureCardSixteen
          title="Why Choose Papua Digital"
          description="Experience the advantage of a local expert invested in your success in Jayapura and beyond."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          negativeCard={{
            items: [
              "Generic templates ignoring local nuances",              "Slow websites, frustrating local customers",              "Invisible in local Jayapura searches",              "Outdated designs hurting your reputation",              "No dedicated support after launch"],
          }}
          positiveCard={{
            items: [
              "Custom designs reflecting Jayapura's spirit",              "Lightning-fast performance on all devices",              "Optimized for local Jayapura SEO",              "Modern design that builds local trust",              "Dedicated local support and maintenance"],
          }}
        />
        <TeamCardFive
          title="Meet Our Dedicated Team"
          description="Our passionate experts, deeply connected to the Jayapura community, are ready to bring your vision to life."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          mediaClassName="object-[65%_center]"
          team={[
            { id: "1", name: "Andi Permana", role: "Lead Web Developer", imageSrc: "http://img.b2bpic.net/free-photo/student-working-computer_1098-21574.jpg", imageAlt: "Andi Permana" },
            { id: "2", name: "Dewi Lestari", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-designer-holding-samples-swatches_1303-32119.jpg", imageAlt: "Dewi Lestari" },
            { id: "3", name: "Budi Santoso", role: "Local SEO Strategist", imageSrc: "http://img.b2bpic.net/free-photo/happy-entrepreneur-analyzing-business-chart-web-conference-home_637285-12739.jpg", imageAlt: "Budi Santoso" },
          ]}
        />
        <FaqBase
          title="Common Questions About Our Services"
          description="Find answers to frequently asked questions about partnering with us in Jayapura and Papua."
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            { id: "1", title: "How long does a typical project take?", content: "Project timelines typically range from 3-6 weeks, depending on the complexity and features required for your Jayapura business. We'll outline a clear schedule during our consultation." },
            { id: "2", title: "What is your pricing structure?", content: "Our pricing is customized per project to best suit your specific needs and budget in the Jayapura market. Each proposal includes design, development, local SEO, and ongoing support." },
            { id: "3", title: "Do you offer ongoing maintenance?", content: "Yes, we offer various maintenance packages to ensure your website remains updated, secure, and performs optimally for your Jayapura audience, adapting to local trends." },
            { id: "4", title: "Can you redesign my existing website?", content: "Absolutely. We specialize in redesigning and modernizing existing websites for businesses in Jayapura, enhancing user experience while preserving your valuable content and local SEO." },
            { id: "5", title: "What technologies do you use?", content: "We utilize cutting-edge technologies like Next.js, React, and Tailwind CSS, ensuring your website is fast, scalable, and built to stand out in the Jayapura digital landscape." },
          ]}
        />
        <ContactCTA
          tag="Let's Connect in Jayapura"
          title="Ready to Grow Your Business in Papua?"
          description="Visit us at Jl. Ardipura Raya, Ardipura, or reach out online. Let's discuss how we can elevate your digital presence."
          background={{ variant: "rotated-rays-animated" }}
          buttons={[
            { text: "Start Your Project", href: "#contact" },
            { text: "See Our Local Work", href: "#work" },
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
        <FooterBase
          logoText="Papua Digital"
          copyrightText="© 2024 | Papua Digital. All rights reserved."
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Services", href: "#services" },
                { label: "Our Work", href: "#work" },
                { label: "Contact", href: "#contact" },
              ],
            },
            {
              title: "Services",              items: [
                { label: "Web Development", href: "#" },
                { label: "Local SEO", href: "#" },
                { label: "Branding & UI/UX", href: "#" },
                { label: "Digital Marketing", href: "#" },
              ],
            },
            {
              title: "Connect",              items: [
                { label: "Facebook", href: "#" },
                { label: "Instagram", href: "#" },
                { label: "LinkedIn", href: "#" },
                { label: "WhatsApp", href: "#" },
              ],
            },
          ]}
        />
      </ReactLenis>
    </ThemeProvider>
  );
}
