"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmall"
        background="grid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Projects",
          id: "#projects",
        },
        {
          name: "Advantage",
          id: "#advantage",
        },
        {
          name: "Process",
          id: "#process",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Amy"
      button={{
        text: "Book a Strategy Call",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDoubleCarousel
      background={{
        variant: "glowing-orb",
      }}
      title="Where Exceptional Websites Meet Measurable Growth."
      description="I help brands transform ideas into high-performing digital experiences through website strategy, growth marketing, and premium execution."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/business-work-area_1388-82.jpg?_wi=1",
          imageAlt: "Website analytics dashboard",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349187.jpg?_wi=1",
          imageAlt: "Dynamic landing page mockup",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-vector/beauty-salon-booking-app_23-2148591887.jpg?_wi=1",
          imageAlt: "Mobile app interface",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-blogger-streaming-online-with-tablet_23-2148771582.jpg",
          imageAlt: "Tablet displaying brand strategy",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-team-together-we-can-brainstorm_53876-64931.jpg",
          imageAlt: "About us section mockup",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-shirt-tie-drawing-arrow_1134-469.jpg",
          imageAlt: "Conversion funnel visualization",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg",
          imageAlt: "E-commerce product page",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749868.jpg",
          imageAlt: "Portfolio website design",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-modern-woman-with-smartphone-smiling-while-looking-mobile-phone_1258-201644.jpg",
          imageAlt: "Client testimonial section",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-124774.jpg",
          imageAlt: "Minimalist contact form",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-120736.jpg",
          imageAlt: "Services offered page",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/digital-assets-business-management-system-concept_53876-133814.jpg",
          imageAlt: "Strategic roadmap display",
        },
      ]}
      buttons={[
        {
          text: "Book a Strategy Call",
          href: "#contact",
        },
        {
          text: "View Selected Projects",
          href: "#projects",
        },
      ]}
      carouselPosition="right"
      marqueeItems={[
        {
          type: "text",
          text: "Website Strategy",
        },
        {
          type: "text",
          text: "UX & Conversion",
        },
        {
          type: "text",
          text: "Digital Growth",
        },
        {
          type: "text",
          text: "Project Leadership",
        },
        {
          type: "text",
          text: "Performance Optimization",
        },
      ]}
      showMarqueeCard={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-indigenous-person-integrated-into-modern-life_23-2151102567.jpg",
          alt: "Satisfied client",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-holding-mobile-phone-coffee-cup-waiting-area_107420-95820.jpg",
          alt: "Business partner",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-adult-reusing-fabric-material_23-2149400678.jpg",
          alt: "Project collaborator",
        },
        {
          src: "http://img.b2bpic.net/free-photo/thoughtful-executive-work_1098-705.jpg",
          alt: "Happy customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg",
          alt: "Successful entrepreneur",
        },
      ]}
      avatarText="Trusted by ambitious founders & leaders."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "50+",
          description: "Projects Delivered",
        },
        {
          id: "m2",
          value: "95%",
          description: "Client Satisfaction",
        },
        {
          id: "m3",
          value: "Multiple",
          description: "Industries Served",
        },
        {
          id: "m4",
          value: "End-to-End",
          description: "Project Management",
        },
      ]}
      title="Unlocking Tangible Results For Our Clients"
      description="Amy's commitment to excellence translates into measurable success and enduring partnerships, driving real business impact through strategic vision and flawless execution."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNine
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Website Design & Digital Experience",
          description: "Crafting bespoke, conversion-focused websites that combine world-class design, exceptional user experience, and business performance. From UX strategy to responsive development and conversion optimization, every element is meticulously planned and executed.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-vector/realistic-neumorph-home-screen-template-mobile-phone_23-2148807329.jpg",
            imageAlt: "Website design preview on phone",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-papers_1162-159.jpg",
            imageAlt: "Digital experience preview on phone",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/business-work-area_1388-82.jpg?_wi=2",
          imageAlt: "minimalist website design phone mockup",
        },
        {
          title: "Performance Marketing & Lead Generation",
          description: "Data-driven advertising strategies designed to generate qualified leads and maximize return on investment. This includes expert management of Google Ads, Meta Ads, comprehensive funnel strategy, and continuous campaign optimization.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg",
            imageAlt: "Marketing analytics dashboard on phone",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/wooden-piece-colorful-balls-arrangement_23-2149382448.jpg",
            imageAlt: "Social media ad campaign on phone",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349187.jpg?_wi=2",
          imageAlt: "minimalist website design phone mockup",
        },
        {
          title: "Brand Strategy & Visual Identity",
          description: "Building memorable brands that communicate trust, authority, and differentiation. Services span from deep brand positioning and visual identity creation to comprehensive brand guidelines, market research, and messaging framework development.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-social-media-still-life_23-2149019157.jpg",
            imageAlt: "Brand style guide on phone",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-coworkers-analyzing-business-charts-infographics-data-laptop-software-people-doing-teamwork-collaboration-create-paper-reviews-professional-report-close-up_482257-48646.jpg",
            imageAlt: "Market research data on phone",
          },
          imageSrc: "http://img.b2bpic.net/free-vector/beauty-salon-booking-app_23-2148591887.jpg?_wi=2",
          imageAlt: "minimalist website design phone mockup",
        },
      ]}
      showStepNumbers={false}
      title="Solutions Designed Around Business Growth"
      description="Amy crafts bespoke strategies that align world-class design with measurable business performance, ensuring every digital experience drives results and elevates your brand."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardTwo
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          brand: "Quoc Lien Phuong",
          name: "Corporate & Industrial Showcase",
          price: "",
          rating: 5,
          reviewCount: "Case Study",
          imageSrc: "http://img.b2bpic.net/free-photo/business-director-working-her-own-office-with-green-screen_482257-122590.jpg",
          imageAlt: "Quoc Lien Phuong website mockup",
        },
        {
          id: "p2",
          brand: "Asia Eyes Travel",
          name: "Premium Inbound Tourism & Booking Platform",
          price: "",
          rating: 5,
          reviewCount: "Case Study",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-smartphone_23-2149617648.jpg",
          imageAlt: "Asia Eyes Travel website mockup",
        },
        {
          id: "p3",
          brand: "SP Travel",
          name: "Dynamic Travel & Tourism Experience",
          price: "",
          rating: 5,
          reviewCount: "Case Study",
          imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769962.jpg",
          imageAlt: "SP Travel website mockup",
        },
        {
          id: "p4",
          brand: "Ha Long Phoenix Cruises",
          name: "Luxury Hospitality & Cruise Booking",
          price: "",
          rating: 5,
          reviewCount: "Case Study",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-near-boat_23-2148824520.jpg",
          imageAlt: "Ha Long Phoenix Cruises website mockup",
        },
        {
          id: "p5",
          brand: "In Truong Phu",
          name: "B2B Manufacturing & Printing Solution",
          price: "",
          rating: 5,
          reviewCount: "Case Study",
          imageSrc: "http://img.b2bpic.net/free-photo/artist-drawing-graphic-tablet-with-color-swatches-office-architectural-drawing-with-work-tools-accessories_1421-3.jpg",
          imageAlt: "In Truong Phu website mockup",
        },
        {
          id: "p6",
          brand: "Digital Innovations Inc.",
          name: "Cutting-Edge SaaS Platform Launch",
          price: "",
          rating: 5,
          reviewCount: "Case Study",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-coming-with-energy-innovations_23-2148820123.jpg",
          imageAlt: "Modern tech startup website mockup",
        },
      ]}
      title="Selected Client Success Stories"
      description="Explore a portfolio of diverse projects where strategic vision met exceptional execution, delivering significant growth and brand elevation for ambitious businesses."
    />
  </div>

  <div id="advantage" data-section="advantage">
      <MediaAbout
      useInvertedBackground={false}
      title="Why Clients Choose an Account Executive Over Traditional Agencies"
      description="Amy provides a streamlined, business-first approach that traditional agencies often can't match. As your single point of contact and strategic leader, every decision is aligned with your growth objectives, customer behavior, and measurable outcomes. This eliminates fragmented communication, bureaucracy, and slow decision-making, offering unparalleled agility and efficiency from discovery to launch."
      tag="The Amy Advantage"
      imageSrc="http://img.b2bpic.net/free-photo/indoor-shot-angry-man-shouts-female-trainee-holds-touchpad-make-project-work-together-have-consultancy-irritated-young-woman-plugs-ears-hears-remarks-from-boss-isolated-pink-wall_273609-26177.jpg"
      imageAlt="Streamlined vs fragmented business communication"
    />
  </div>

  <div id="process" data-section="process">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "01 Discovery",
          content: "A deep dive into your business goals, target audience, competitive landscape, and unique market opportunities. This foundational phase ensures a crystal-clear understanding of your vision.",
        },
        {
          id: "f2",
          title: "02 Strategy",
          content: "Developing a comprehensive roadmap for design, growth, and long-term success. This includes detailed planning for UX, brand messaging, technology stack, and marketing funnels.",
        },
        {
          id: "f3",
          title: "03 Execution",
          content: "Meticulous management of design, development, content creation, and technical optimization. Amy serves as the strategic bridge, coordinating all teams to ensure seamless delivery and high quality.",
        },
        {
          id: "f4",
          title: "04 Growth",
          content: "Monitoring performance, analyzing data, and continuously identifying opportunities for iteration and scale. The focus remains on maximizing ROI and ensuring sustainable business growth post-launch.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/strategy-plan-businesses_53876-101273.jpg"
      imageAlt="4-step business process flow"
      mediaAnimation="slide-up"
      title="From Vision to Launch: Our Proven Process"
      description="Amy's method is built on clarity, collaboration, and measurable outcomes, guiding your project from initial concept to sustained growth with precision and expertise."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          handle: "@sarah_techceo",
          testimonial: "Amy’s strategic approach transformed our website into a lead generation machine. Her leadership and understanding of both design and growth are unmatched. Truly a partner.",
          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
          imageAlt: "Sarah J.",
        },
        {
          id: "t2",
          name: "Michael C.",
          handle: "@michael_cto",
          testimonial: "Working with Amy was a revelation. She bridged the gap between our technical teams and business goals, delivering a sophisticated platform that exceeded all expectations.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-pensive-businessman-cafe_1098-16450.jpg",
          imageAlt: "Michael C.",
        },
        {
          id: "t3",
          name: "Emily R.",
          handle: "@emily_mktg",
          testimonial: "Our brand identity and website conversion rates saw exponential growth thanks to Amy. Her keen eye for luxury design coupled with data-driven marketing made all the difference.",
          imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",
          imageAlt: "Emily R.",
        },
        {
          id: "t4",
          name: "David K.",
          handle: "@david_product",
          testimonial: "Amy’s project leadership ensured a seamless launch of our new product website. Her ability to coordinate complex initiatives is outstanding, delivering on time and on budget.",
          imageSrc: "http://img.b2bpic.net/free-photo/groom-morning-preparing-wedding-posing-camera_1153-5935.jpg",
          imageAlt: "David K.",
        },
        {
          id: "t5",
          name: "Jessica L.",
          handle: "@jessica_founder",
          testimonial: "As a startup founder, I needed a partner who could truly understand my vision and translate it into a high-performing digital experience. Amy did exactly that, and more.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
          imageAlt: "Jessica L.",
        },
      ]}
      title="What Clients Say About Working With Amy"
      description="Authentic feedback from businesses that have experienced measurable growth and exceptional partnership with Amy. Their success stories are a testament to strategic vision and execution."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Ready to Grow?"
      title="Let's Build Something Remarkable."
      description="Ready to launch a website that drives growth and elevates your brand? Book a free strategy call to discuss your vision and turn ideas into high-performing digital experiences."
      buttons={[
        {
          text: "Book a Free Strategy Call",
          href: "https://calendly.com/amy-strategy",
        },
        {
          text: "Email Amy",
          href: "mailto:amy@example.com",
        },
        {
          text: "LinkedIn Profile",
          href: "https://linkedin.com/in/amy",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/concept-light-material-fine-mesh_23-2148066718.jpg"
      imageAlt="Abstract luxury background pattern"
      logoText="Amy"
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "Services",
              href: "#services",
            },
            {
              label: "Projects",
              href: "#projects",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "LinkedIn",
              href: "https://linkedin.com/in/amy",
            },
            {
              label: "Email",
              href: "mailto:amy@example.com",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Amy | All rights reserved. Designed with strategy. Built for growth."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
