"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmall"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/#about" },
            { name: "Shop", id: "/shop" },
            { name: "Team", id: "/#team" },
            { name: "Testimonials", id: "/#testimonials" },
            { name: "Contact", id: "/#contact" }
          ]}
          brandName="Angola"
          bottomLeftText="Experience the Beauty"
          bottomRightText="hello@angola.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="Angola"
          description="Crafting exquisite floral arrangements for every occasion, bringing beauty and joy to your special moments."
          buttons={[
            { text: "Shop Now", href: "/shop" },
            { text: "Our Story", href: "/#about" }
          ]}
          slides={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-winter-outfits-with-bouquet-mixed-flowers_114579-2706.jpg",              imageAlt: "A luxurious bouquet of fresh flowers"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-filled-casual-formal-wear-items-hanging-fashion-store-racks-hangers-full-with-fashionable-clothes-accessories-discount-small-business-commercial-activity_482257-65075.jpg",              imageAlt: "An elegant flower studio interior with various arrangements"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-colorful-flower-bouquets-containers-outdoor-shop_181624-28754.jpg",              imageAlt: "A vibrant display of various flower types in a shop"}
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Passion for Petals"
          description={[
            "At Angola, we believe in the power of flowers to express emotions, celebrate milestones, and create unforgettable memories. Our studio is dedicated to sourcing the freshest, most beautiful blooms and transforming them into stunning works of art.",            "Every arrangement is crafted with meticulous care and a keen eye for design, ensuring that each bouquet tells its own unique story. We pour our heart into every petal, bringing beauty and elegance to your world."]}
          buttons={[
            { text: "Meet Our Team", href: "#team" },
            { text: "Contact Us", href: "/#contact" }
          ]}
          useInvertedBackground={false}
          showBorder={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Floral Collections"
          description="Discover our most popular and seasonally inspired bouquets, perfect for any celebration or heartfelt gesture."
          tag="Our Creations"
          products={[
            {
              id: "1",              name: "The Romantic Rose",              price: "$75",              variant: "Red, Pink, White (3 Sizes)",              imageSrc: "http://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg",              imageAlt: "A romantic bouquet of red roses"},
            {
              id: "2",              name: "Garden Fresh Medley",              price: "$60",              variant: "Seasonal Mix (Small, Medium)",              imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bouquet-yellow-orange-dahliason-light-background_169016-39443.jpg",              imageAlt: "A colorful medley of garden fresh flowers"},
            {
              id: "3",              name: "Elegant Lily Arrangement",              price: "$85",              variant: "White Lilies (Classic, Deluxe)",              imageSrc: "http://img.b2bpic.net/free-photo/bouquet-beautiful-fresh-white-blooms-vase_23-2148069253.jpg",              imageAlt: "An elegant arrangement of white lilies"}
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial='"Angola created the most breathtaking floral arrangements for our wedding. The attention to detail and the freshness of the flowers were simply unparalleled. Our guests were absolutely in awe!"'
          rating={5}
          author="Maria P., Happy Bride"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Maria P." },
            { src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "John D." },
            { src: "http://img.b2bpic.net/free-photo/portrait-woman-with-cabbage-dress_23-2150539813.jpg", alt: "Sophia L." },
            { src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "David K." }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch with Our Floral Experts"
          description="Have a question, special request, or need help with an order? Fill out the form below and we'll get back to you shortly."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your floral needs or inquiry...",            rows: 5,
            required: true
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/top-view-hands-with-gladiolus-flower-pink-alstroemeria-with-lilac-daisy-flowers-sketchbook-with-red-stapler-paper-clips-wooden-background_141793-7805.jpg"
          imageAlt="A florist's hands arranging flowers in a studio"
          mediaPosition="right"
          mediaAnimation="slide-up"
          buttonText="Send Message"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Talented Team"
          description="Dedicated to bringing beauty and creativity to every floral design."
          members={[
            {
              id: "1",              name: "Elena Petrova",              role: "Head Florist",              imageSrc: "https://images.unsplash.com/photo-1580489944761-15a19d654956?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0MDk0MnwwfDF8c2VhcmNofDEzfHxmZW1hbGUlMjBwb3J0cmFpdHxlbnwwfHx8fDE3MTQ5NjM2OTV8MA&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Portrait of Elena Petrova"
            },
            {
              id: "2",              name: "Marcus Chen",              role: "Design Lead",              imageSrc: "https://images.unsplash.com/photo-1507003211169-e6955a6d80bd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0MDk0MnwwfDF8c2VhcmNofDh8fG1hbGUlMjBwb3J0cmFpdHxlbnwwfHx8fDE3MTQ5NjM3NTh8MA&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Portrait of Marcus Chen"
            },
            {
              id: "3",              name: "Sophia Rodriguez",              role: "Creative Director",              imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0MDk0MnwwfDF8c2VhcmNofDE4fHxmZW1hbGUlMjBwb3J0cmFpdHxlbnwwfHx8fDE3MTQ5NjM2OTV8MA&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Portrait of Sophia Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              role: "Operations Manager",              imageSrc: "https://images.unsplash.com/photo-1521119989691-e022f03028bb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0MDk0MnwwfDF8c2VhcmNofDh8fGhlYWRzaG90fGVufDB8fHx8MTcxNDk2MzY4NHww&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Portrait of David Kim"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="four-items-2x2-equal-grid"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=1"
          imageAlt="Soft, blurred pastel flowers in a tranquil setting"
          columns={[
            {
              title: "Shop",              items: [
                { label: "Bouquets", href: "/shop" },
                { label: "Arrangements", href: "/shop" },
                { label: "Custom Orders", href: "/#contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/#about" },
                { label: "Contact", href: "/#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com/angola_flowers" },
                { label: "Facebook", href: "https://facebook.com/angola_flowers" }
              ]
            }
          ]}
          logoText="Angola"
          copyrightText="© 2024 Angola Flowers Studio. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}