"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 FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
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: "home" },
            { name: "About", id: "about" },
            { name: "Shop", id: "products" },
            { 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: "#products" },
            { 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="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services, flower care, and ordering process."
          faqs={[
            {
              id: "1",              title: "What is your delivery policy?",              content: "We offer local delivery within a 20-mile radius of our studio. Same-day delivery is available for orders placed before 12 PM local time, Monday-Saturday."},
            {
              id: "2",              title: "How do I care for my fresh flowers?",              content: "For optimal freshness, trim stems at an angle, change water daily, and keep flowers away from direct sunlight and heat sources. A packet of flower food is included with every order."},
            {
              id: "3",              title: "Can I request a custom bouquet?",              content: "Absolutely! We specialize in custom designs. Please contact us directly to discuss your vision, preferred flowers, colors, and budget. We'd love to bring your unique floral ideas to life."},
            {
              id: "4",              title: "What payment methods do you accept?",              content: "We accept all major credit cards (Visa, Mastercard, Amex), PayPal, and Apple Pay for online orders. In-studio purchases can also be made with cash."},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
        />
      </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="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: "#products" },
                { label: "Arrangements", href: "#products" },
                { label: "Custom Orders", href: "#contact" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "FAQ", href: "#faq" },
                { 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>
  );
}
