"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactText from '@/components/sections/contact/ContactText';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Book, Heart, Lightbulb, Paintbrush, Palette, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="aurora"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Blog",          id: "#blog"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/minimalist-elegant-interior-design-studio-logo-template_742173-17691.jpg"
      logoAlt="Elegance & Flow Logo"
      brandName="Elegance & Flow"
      bottomLeftText="Your Space, Your Story"
      bottomRightText="hello@eleganceandflow.com"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "sparkles-gradient"}}
      title="Craft Your Dream Space & Life"
      description="Unlock exceptional interior design, Notion templates, and proven strategies to cultivate a beautiful home and a thriving online business. Elevate your surroundings and your income."
      tag="Elegance & Flow"
      buttons={[
        {
          text: "Explore Services",          href: "#services"},
        {
          text: "Shop Digital Products",          href: "#products"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/sofa_1203-3069.jpg"
      imageAlt="Luxurious and cozy modern living room interior design"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Designing Spaces, Empowering Lives"
      metrics={[
        {
          icon: Award,
          label: "Years Experience",          value: "10+"},
        {
          icon: Palette,
          label: "Projects Completed",          value: "250+"},
        {
          icon: Heart,
          label: "Happy Clients",          value: "99%"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Lightbulb,
          title: "Interior Design Consultations",          description: "Personalized guidance to bring your dream home to life, from concept to completion."},
        {
          icon: Book,
          title: "Notion Templates for Home & Business",          description: "Streamline your life with beautifully designed Notion templates for organization, planning, and productivity."},
        {
          icon: Paintbrush,
          title: "Custom Interior Design Maps",          description: "Detailed and aesthetic design maps to visualize your space with precision and style."},
        {
          icon: Sparkles,
          title: "Digital Products & Courses",          description: "Unlock the secrets to selling on Pinterest, making money online, and cultivating a cozy, inspiring home."},
      ]}
      title="Our Transformative Offerings"
      description="From bespoke interior designs to powerful digital tools, we provide everything you need to create beauty, comfort, and financial freedom."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "The Ultimate Cozy Home Notion Template",          price: "$49",          imageSrc: "http://img.b2bpic.net/free-photo/blank-list-diary-with-flour-milk-jar-molds-cloth-backdrop_23-2148123840.jpg",          imageAlt: "Notion template showing home organization",          rating: 5,
        },
        {
          id: "p2",          name: "Modern Minimalist Interior Design Map",          price: "$99",          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263581.jpg",          imageAlt: "Floor plan of a modern minimalist house",          rating: 5,
        },
        {
          id: "p3",          name: "Pinterest Profit Playbook: Sell & Quit 9-5",          price: "$79",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-reading-digital-magazine_23-2150162865.jpg",          imageAlt: "Ebook cover about selling on Pinterest",          rating: 5,
        },
        {
          id: "p4",          name: "The Art of Hygge: Making Your House a Cozy Home",          price: "$39",          imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-couch_23-2147637602.jpg",          imageAlt: "Book cover about cozy home decor",          rating: 5,
        },
        {
          id: "p5",          name: "Digital Product Creation Blueprint Notion",          price: "$59",          imageSrc: "http://img.b2bpic.net/free-photo/blank-spiral-notebook-with-paper-light-bulbs-stationery-blue-background_23-2147873839.jpg",          imageAlt: "Notion template for digital product creation",          rating: 5,
        },
        {
          id: "p6",          name: "Mastering Interior Design: Online Course",          price: "$299",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-color-palettes_23-2149337224.jpg",          imageAlt: "Online course platform screenshot for interior design",          rating: 5,
        },
      ]}
      title="Discover Our Premium Products"
      description="Elevate your spaces and skills with our curated selection of digital and design products."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic-consultation",          badge: "Starter",          badgeIcon: Star,
          price: "$250",          subtitle: "1-hour virtual consultation",          features: [
            "Initial style assessment",            "Color palette recommendations",            "Basic layout suggestions"],
        },
        {
          id: "premium-consultation",          badge: "Popular",          badgeIcon: Sparkles,
          price: "$800",          subtitle: "3-hour virtual deep dive + custom mood board",          features: [
            "Comprehensive design strategy",            "Personalized furniture & decor sourcing",            "2D floor plan concept",            "Follow-up Q&A session"],
        },
        {
          id: "enterprise-package",          badge: "Ultimate",          badgeIcon: Award,
          price: "$1500",          subtitle: "Full-service virtual design package",          features: [
            "Complete interior design plan",            "3D rendering visualization",            "Detailed shopping list & links",            "Ongoing support for 1 month"],
        },
      ]}
      title="Invest in Your Ideal Space & Future"
      description="Choose the perfect consultation package or digital product bundle to kickstart your transformation."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Luxury Living Magazine",        "Architectural Digest Online",        "Home & Garden TV",        "The Design Forum",        "Creative Entrepreneur Hub",        "Digital Nomad Lifestyle",        "Cozy Home Enthusiast"]}
      title="Trusted by Visionaries"
      description="Collaborating with leading brands and inspiring individuals to create impactful spaces and thriving businesses."
      showCard={false}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Working with Elegance & Flow transformed my apartment into a sanctuary. Every detail was perfect, and the process was so enjoyable! I also implemented their Pinterest strategies and saw amazing results for my own digital products."
      rating={5}
      author="Ava Henderson, Entrepreneur & Homeowner"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",          alt: "Ava Henderson"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg",          alt: "Michael Sterling"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",          alt: "Sophia Clarke"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",          alt: "Daniel Lee"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",          alt: "Olivia Green, Interior Enthusiast"},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Insights & Inspiration"
      description="Explore our latest articles on interior design trends, cozy living tips, and strategies for online success."
      blogs={[
        {
          id: "blog-1",          category: "Digital Business",          title: "Mastering Pinterest: Your Blueprint to Online Sales",          excerpt: "Discover how to leverage Pinterest to drive traffic and sales for your digital products, and potentially quit your 9-5.",          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-dollar-bills-pink-background-flat-lay_169016-24510.jpg",          imageAlt: "Woman working on laptop with Pinterest open",          authorName: "Elegance & Flow Team",          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",          date: "April 15, 2024"},
        {
          id: "blog-2",          category: "Interior Design",          title: "Hygge at Home: Simple Ways to Make Your Space Cozier",          excerpt: "Learn the art of Danish Hygge and transform your house into a comforting and inviting sanctuary.",          imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-interior-room-with-books-dried-flowers-vase_169016-4246.jpg",          imageAlt: "Cozy living room with warm lighting",          authorName: "Elegance & Flow Team",          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",          date: "March 28, 2024"},
        {
          id: "blog-3",          category: "Productivity",          title: "From Idea to Income: Creating & Selling Digital Products",          excerpt: "A step-by-step guide to developing profitable digital products and establishing your online presence.",          imageSrc: "http://img.b2bpic.net/free-photo/company-employee-taking-notes-charts-documents-working-financial-presentation-business-growth-office-worker-planning-sales-research-with-e-commerce-diagram-graphs_482257-41031.jpg",          imageAlt: "Desk with design tools and digital product concepts",          authorName: "Elegance & Flow Team",          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",          date: "February 10, 2024"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Ready to transform your space or scale your business? Let's connect and make your vision a reality."
      buttons={[
        {
          text: "Get in Touch",          href: "mailto:hello@eleganceandflow.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-photo/isolated-white-house-silhouette-minimal-black-landscape_1194-641505.jpg"
      logoAlt="Elegance & Flow Logo"
      logoText="Elegance & Flow"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#services"},
            {
              label: "Products",              href: "#products"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Blog",              href: "#blog"},
            {
              label: "FAQs",              href: "#"},
            {
              label: "Testimonials",              href: "#testimonials"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Instagram",              href: "#"},
            {
              label: "Pinterest",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Elegance & Flow. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
