"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Award, Globe, MessageCircle, Sparkles, Star, Users } from "lucide-react";

export default function BeachPerfumePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Beach"
          navItems={[
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Discover the Essence of the Coast"
          description="Luxury fragrances inspired by sun, sand, and sea. Each scent tells a story of coastal elegance and timeless beauty."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "15,000+", label: "Happy Customers" },
            { value: "35+", label: "Countries Served" },
            { value: "22", label: "Unique Scents" }
          ]}
          enableKpiAnimation={true}
          tag="Premium Collection"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Collection", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://img.b2bpic.net/free-photo/top-view-skincare-product-beach_23-2150167921.jpg"
          imageAlt="Ocean Breeze Perfume"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Fragrances"
          description="Handpicked scents that capture the spirit of coastal living"
          tag="Best Sellers"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "ocean-breeze",              name: "Ocean Breeze",              price: "$89",              imageSrc: "https://img.b2bpic.net/free-photo/perfume-bottle-nature_23-2151890526.jpg",              imageAlt: "Ocean Breeze Perfume"
            },
            {
              id: "sun-kiss",              name: "Sun Kiss",              price: "$85",              imageSrc: "https://img.b2bpic.net/free-photo/drinks-sand_23-2147641433.jpg",              imageAlt: "Sun Kiss Fragrance"
            },
            {
              id: "coastal-mist",              name: "Coastal Mist",              price: "$95",              imageSrc: "https://img.b2bpic.net/free-photo/beach-skincare-product-still-life_23-2150167936.jpg",              imageAlt: "Coastal Mist Perfume"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Beach Perfumes celebrates the art of fragrance through nature's most inspiring landscapes. Since 2015, we've been crafting scents that transport you to coastal paradise with every spray."
          metrics={[
            {
              icon: Users,
              label: "Happy Customers",              value: "15,000+"
            },
            {
              icon: Globe,
              label: "Countries Served",              value: "35+"
            },
            {
              icon: Sparkles,
              label: "Unique Scents",              value: "22"
            },
            {
              icon: Award,
              label: "Awards Won",              value: "8"
            }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="showcase" data-section="showcase">
        <FeatureCardSix
          title="Our Creation Process"
          description="From inspiration to bottle, discover how we craft your perfect scent"
          tag="Craftsmanship"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Coastal Inspiration",              description: "We draw inspiration from breathtaking beaches and ocean vistas, capturing the essence of coastal beauty in every formula.",              imageSrc: "https://img.b2bpic.net/free-photo/perfume-bottle-nature_23-2151890496.jpg",              imageAlt: "Inspiration phase"
            },
            {
              id: 2,
              title: "Artisan Blending",              description: "Our master perfumers hand-blend premium ingredients from around the world to create harmonious fragrance compositions.",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-skin-oil-dropper_23-2148761490.jpg",              imageAlt: "Blending process"
            },
            {
              id: 3,
              title: "Luxury Packaging",              description: "Each bottle is carefully designed and packaged to reflect the premium quality and coastal elegance of the fragrance within.",              imageSrc: "https://img.b2bpic.net/free-photo/composition-skin-beauty-products_23-2148761497.jpg",              imageAlt: "Packaging excellence"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Fragrance Enthusiasts"
          description="Hear from customers who've discovered their signature scent with Beach"
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              title: "My Signature Scent",              quote: "Ocean Breeze has become my go-to fragrance. It perfectly captures that fresh, salty air feeling without being overwhelming. I get compliments constantly!",              name: "Sarah Mitchell",              role: "Fragrance Collector",              imageSrc: "https://img.b2bpic.net/free-photo/woman-with-blond-short-hair-tanned-smiling-cute-gazing-camera-with-friendly_176420-44610.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Pure Coastal Magic",              quote: "Beach perfumes transported me instantly to summer vacations. The quality is exceptional and the longevity is incredible. Worth every penny!",              name: "Emma Rodriguez",              role: "Beauty Enthusiast",              imageSrc: "https://img.b2bpic.net/free-photo/woman-cheerful-studio-portrait-concept_53876-137657.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "3",              title: "Gift of Joy",              quote: "I bought Sun Kiss for my mother and she absolutely adores it. The packaging alone is beautiful enough to display on her vanity. Highly recommended!",              name: "Jessica Chen",              role: "Satisfied Customer",              imageSrc: "https://img.b2bpic.net/free-photo/teenage-girl-with-wavy-hairstyle-posing_344912-2825.jpg",              imageAlt: "Jessica Chen"
            },
            {
              id: "4",              title: "Luxury Redefined",              quote: "Finally found a fragrance line that understands luxury. The attention to detail in both scent and presentation is unmatched. Beach is my new favorite brand!",              name: "Amanda Thompson",              role: "Luxury Shopper",              imageSrc: "https://img.b2bpic.net/free-photo/headshot-charismatic-pleasant-friendly-european-woman-short-chestnut-haircut-smiling-positive-feeling-happy-upbeat-enjoying-lifes-casually-talking-friends-amused-cheerful-standing-white-background_176420-34680.jpg",              imageAlt: "Amanda Thompson"
            }
          ]}
        />
      </div>

      <div id="why-beach" data-section="why-beach">
        <MetricCardFourteen
          title="Why Choose Beach Fragrances? We combine sustainability, quality, and coastal inspiration to create unforgettable scents."
          tag="Excellence"
          metrics={[
            {
              id: "1",              value: "100%",              description: "Ethically sourced ingredients from sustainable suppliers worldwide"
            },
            {
              id: "2",              value: "8hrs+",              description: "Long-lasting fragrance performance that stays with you all day"
            }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get in Touch"
          ctaDescription="Have questions about our fragrances? Our team is here to help you find your perfect scent."
          ctaButton={{
            text: "Contact Us",            href: "mailto:hello@beachperfumes.com"
          }}
          ctaIcon={MessageCircle}
          faqs={[
            {
              id: "1",              title: "How long do Beach fragrances last?",              content: "Our fragrances are formulated to last 8+ hours on the skin. For best results, apply to pulse points such as wrists, neck, and behind the ears."
            },
            {
              id: "2",              title: "Are your products cruelty-free?",              content: "Yes! We are proud to be 100% cruelty-free and do not test on animals. All our ingredients are ethically sourced from certified suppliers."
            },
            {
              id: "3",              title: "Do you offer sample sizes?",              content: "Absolutely! We offer 5ml travel samples of all our fragrances. Perfect for trying before committing to a full bottle."
            },
            {
              id: "4",              title: "What's your return policy?",              content: "We offer a 30-day satisfaction guarantee. If you're not completely happy with your purchase, return it for a full refund, no questions asked."
            }
          ]}
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Beach"
          leftLink={{
            text: "Privacy Policy",            href: "#"
          }}
          rightLink={{
            text: "Terms of Service",            href: "#"
          }}
        />
      </div>
    </ThemeProvider>
  );
}