"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Activity, Calendar, Coffee, MessageCircle, Scissors, ShoppingBag, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSizeMediumTitles"
        background="fluid"
        cardStyle="glass-depth"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Intro",          id: "hero"},
        {
          name: "Features",          id: "transformation"},
        {
          name: "Portfolio",          id: "portfolio"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="ORYZO"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      title="Local businesses deserve world-class digital presence."
      description="We reimagine small businesses into extraordinary brands for the AI era."
      testimonials={[
        {
          name: "Sarah Miller",          handle: "@sarah_salon",          testimonial: "My clinic looked decades old until ORYZO transformed it. The increase in conversions was immediate.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg"},
        {
          name: "John Doe",          handle: "@johns_barber",          testimonial: "Everything about the process felt like magic. They turned our small shop into a premium luxury destination.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg"},
        {
          name: "Marcus Chen",          handle: "@chen_clinic",          testimonial: "The digital footprint we have now is lightyears ahead of any competitor.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"},
        {
          name: "Elena Rossi",          handle: "@rossi_boutique",          testimonial: "A complete transformation. Our brand finally matches the quality of our service.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
        {
          name: "David Thorne",          handle: "@thorne_arch",          testimonial: "Simply world-class. The attention to detail is unmatched.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137485.jpg"
      imageAlt="Cinematic digital architecture"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",          alt: "Customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/young-man-choosing-cloths-menswear-shop_1303-30799.jpg",          alt: "Customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",          alt: "Customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/caucasian-woman-library-smiling_197531-33498.jpg",          alt: "Customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300873.jpg",          alt: "Customer 5"},
      ]}
      marqueeItems={[
        {
          type: "text",          text: "Elite UI/UX Design"},
        {
          type: "text",          text: "Premium Brand Identity"},
        {
          type: "text",          text: "Cinematic Motion Graphics"},
        {
          type: "text",          text: "High Conversion Flow"},
        {
          type: "text",          text: "Authority Positioning"},
      ]}
    />
  </div>

  <div id="transformation" data-section="transformation">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="The Transformation Experience"
      description="Most local businesses have great service but look small online. We bridge that gap by elevating your authority, trust, and perceived value."
      bulletPoints={[
        {
          title: "Before: Outdated",          description: "Generic, low-authority digital presence that scares away premium clients."},
        {
          title: "After: Extraordinary",          description: "High-end, cinematic brand experience that positions you as the market leader."},
        {
          title: "Conversion Catalyst",          description: "Precision-engineered UI/UX designed to turn casual visitors into loyal customers."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/building_1127-3445.jpg"
      imageAlt="Luxury boutique interior design"
    />
  </div>

  <div id="industries" data-section="industries">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Barber & Beauty",          description: "High-end grooming studios and aesthetic clinics.",          icon: Scissors,
        },
        {
          title: "Boutiques & Retail",          description: "Modern fashion stores and luxury lifestyle boutiques.",          icon: ShoppingBag,
        },
        {
          title: "Wellness & Clinics",          description: "Dental offices, clinics, and professional consulting firms.",          icon: Activity,
        },
        {
          title: "Hospitality",          description: "Cafes, restaurants, and experiential dining spots.",          icon: Coffee,
        },
      ]}
      title="Industries We Elevate"
      description="We specialize in premium physical service sectors requiring elite digital positioning."
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "The Modern Barber",          price: "Experience",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913231.jpg"},
        {
          id: "p2",          name: "Luxe Boutique",          price: "Identity",          imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36691.jpg"},
        {
          id: "p3",          name: "Artisanal Coffee",          price: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"},
      ]}
      title="Premium Brand Examples"
      description="Realistic presentations of how we reimagine your business identity."
    />
  </div>

  <div id="results" data-section="results">
      <MetricCardOne
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "87%",          title: "Bookings Increase",          description: "Direct impact on client reservation flow.",          icon: Calendar,
        },
        {
          id: "m2",          value: "64%",          title: "WhatsApp Clicks",          description: "Increase in direct contact and lead inquiries.",          icon: MessageCircle,
        },
        {
          id: "m3",          value: "3.4x",          title: "Perceived Authority",          description: "Growth in brand reputation and professional trust.",          icon: TrendingUp,
        },
      ]}
      title="Measurable Authority"
      description="We don't just create websites; we build revenue-generating assets for your business."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "James Anderson",          handle: "Founder, Urban Grooming",          testimonial: "The cinematic pacing of our new site changed how we sell. We are fully booked every week.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg"},
        {
          id: "t2",          name: "Elena Rossi",          handle: "Owner, Rossi Boutique",          testimonial: "Everything feels so premium and handcrafted. It’s exactly the brand identity we needed.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-11811.jpg"},
        {
          id: "t3",          name: "Dr. Marcus Chen",          handle: "Lead, Chen Clinic",          testimonial: "ORYZO turned our clinic into a trustworthy medical hub online.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-working-nurse_23-2150829821.jpg"},
        {
          id: "t4",          name: "Sofia Lima",          handle: "Creative Director",          testimonial: "The level of motion design is simply incomparable to anything else in our city.",          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379267.jpg"},
        {
          id: "t5",          name: "David Thorne",          handle: "Architect",          testimonial: "World-class presence for our firm. Simply extraordinary.",          imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg"},
      ]}
      title="Voices of Transformation"
      description="Real businesses achieving extraordinary results through our digital alchemy."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Let's begin"
      title="Your business already exists physically. Now make it unforgettable digitally."
      description="Don't settle for generic. Transform your business into an elite digital experience."
      buttons={[
        {
          text: "Schedule Strategy Session",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#"},
            {
              label: "Portfolio",              href: "#portfolio"},
          ],
        },
        {
          title: "Service",          items: [
            {
              label: "Strategy",              href: "#"},
            {
              label: "Digital Design",              href: "#"},
          ],
        },
        {
          title: "Location",          items: [
            {
              label: "United Kingdom",              href: "#"},
            {
              label: "Spain",              href: "#"},
            {
              label: "Portugal",              href: "#"},
            {
              label: "Brazil",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 ORYZO AI."
      bottomRightText="Crafting premium digital experiences."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
